/*
Theme Name: CMS Latest Theme V1
Theme URI: https://cloudmetic.com
Description: A basic custom WordPress theme
Author: Team CMS
Author URI: https://cloudmetic.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cms
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 body {
     font-family: 'Lato', sans-serif;
}
.button {
     line-height: 1;
     text-decoration: none;
     display: inline-flex;
     border: none;
     cursor: pointer;
     margin-top:20px;
     align-items: center;
     gap: 0.75rem;
     background-color: #0070F2;
     color: #fff;
     border-radius: 10rem;
     font-weight: 600;
     padding: 0.75rem 1.5rem;
     padding-left: 20px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: background-color 0.3s;

}
 .button__icon-wrapper {
     flex-shrink: 0;
     width: 25px;
     height: 25px;
     position: relative;
     color: #0070F2;
     background-color: #fff;
     border-radius: 50%;
     display: grid;
     place-items: center;
     overflow: hidden;
}
 .button:hover {
     background-color: #000232;
}
 .button:hover .button__icon-wrapper {
     color: #000;
}
 .button__icon-svg--copy {
     position: absolute;
     transform: translate(-150%, 150%);
}
 .button:hover .button__icon-svg:first-child {
     transition: transform 0.3s ease-in-out;
     transform: translate(150%, -150%);
}
 .button:hover .button__icon-svg--copy {
     transition: transform 0.3s ease-in-out 0.1s;
     transform: translate(0);
}


	.wpcf7 form.sent .wpcf7-response-output{
		    border-color: #46b450;
    background: #46b450;

	}
    .highlight{
        color: #2563eb;
    }
            /* =============== NAVBAR WITH LOGO =============== */

       .navbar {
    width: 100%;
    padding: 18px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e3e3e3;

    position: fixed;   /* FIXED */
    top: 0;
    left: 0;

    background: #fff;
    z-index: 1200;
}

        .logo {
            width: 200px !important;
        }

        .nav-left {
            display: flex;
            align-items: center;
            gap: 50px !important;
        }

        .nav-links {
            display: flex;
            list-style: none;
            gap: 35px;
        }

        .nav-links a {
            text-decoration: none;
            color: rgb(30, 29, 40);
            font-size: 15px;
            font-weight: 400 !important;
            font-style: normal;
            line-height: 24px;
            transition: 0.2s ease-in-out;
        }

        .nav-right {
            display: flex;
            align-items: center;
            gap: 25px;
        }

        .hamburger {
            display: none;
        }

        /* =============== NAVBAR WITH LOGO END =============== */

        /* =============== LANG STYLING =============== */
        .lang {
            font-size: 15px;
            font-weight: 400 !important;
            font-style: normal;
            line-height: 24px;
        }

        .lang:hover {
            color: #0045e6;
        }

        .search-btn {
            border: none !important;
            background: none !important;
        }

        .search-btn .bi-search {
            cursor: pointer;
            font-size: 1rem;
        }

        .search-btn .bi-search:hover {
            color: #0045e6;
        }

        /* =============== LANG STYLING END  =============== */

        /* ============== INSIGHTS MENU STYLING =============== */
        .dropdown {
            position: relative;
        }

        .dropdown-menu {
            position: absolute;
            top: 50px;
            left: 0;
            background: #fff;
            padding: 10px 0;
            border-radius:0px 0px 10px 10px;
            list-style: none;
            min-width: 150px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            display: none;
            z-index: 1000;
        }

        .dropdown-menu li a {
            display: block;
            padding: 8px 15px;
            color: #333;
            text-decoration: none;
            white-space: nowrap;
        }

        .dropdown-menu li a:hover {
            background: #f5f5f5;
        }

        .dropdown:hover .dropdown-menu,
        .dropdown.active .dropdown-menu {
            display: block;
        }

        /* ============== INSIGHTS MENU STYLING END =============== */

        /* =============== MEGA MENU FOR Customer 360 =============== */
        .services-item {
            position: relative;
        }

        .mega-menu {
            width: 1180px;
            height: auto;
            position: absolute;
            left: -310px !important;
            top: 50px;
            background: linear-gradient(90deg,
                    #1e1d28 0,
                    #1e1d28 20%,
                    #fff 20%,
                    #fff 100%);
            border-bottom-left-radius: 10px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
            display: none;
            grid-template-columns: 280px 1fr;
            z-index: 999;
            border-radius: 0px 0px 10px 10px;
        }

        .services-item.active .mega-menu {
            display: grid;
        }

        .expertise-item {
            position: relative;
        }

        .expertise-item.active .mega-menu {
            display: grid;
        }

        .menu-left {
            background: linear-gradient(35deg, #1a45fd 0%, rgb(0 24 117) 100%, rgb(0 32 138) 42%);
            padding: 20px 10px;
            display: flex;
            flex-direction: column;
            gap: 22px;
            color: #fff;
            border-bottom-left-radius: 10px;
        }

        .category {
            cursor: pointer;
            opacity: 0.7;
            border-radius: 12px;
            transition: 0.2s ease;
            padding: 2px;
        }
        .category .subText{
            font-size: 12px;
            font-weight:500;
        }
.category-pill{
	background-color: #fff;
    color: #000;
    font-size: 12px;
    padding: 5px 10px;
    letter-spacing: 0;
    border-radius: 30px;
}
        
        .category.active {
            opacity: 1;
            background: white;
            color: black;
            border-radius: 10px;
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            flex-direction: column;
            transition: 0.2s ease;
            padding: 5px;
            width: 100%;
        }

        .category:hover {
            opacity: 1;
        }

        .category h3 {
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 4px;
        }

        .category p {
            font-size: 14px;
            opacity: 0.7;
            font-weight: 300;
        }

        .menu-right {
            display: flex;
        }

        .content-panel {
            display: none;
            width: 100%;
        }

        .content-panel-aws {
            display: none;
            width: 100%;
            grid-template-columns: repeat(2, 1fr);
        }

        .content-panel-service-now {
            display: none;
            width: 100%;
            grid-template-columns: repeat(2, 1fr);
        }

        .content-panel-shopify {
            display: none;
            width: 100%;
            grid-template-columns: repeat(2, 1fr);
        }

        .content-panel.active {
            display: grid;
        }

        .IconAndHead {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 20px;
        }

        .IconAndHead-aws {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .IconAndHead-service-now {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .IconAndHead-shopify {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .box {
            padding-bottom: 15px;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: flex-start;
        }
        

        .awsBox {
            padding: 20px;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: flex-start;
        }

        .serviceNowBox {
            padding: 20px;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: flex-start;
        }

        .shopify-Box {
            padding: 20px;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: flex-start;
        }

        .aws-img {
            border-radius: 10px;
        }
        .right-aws-img img{
           padding: 10px;
        border-radius: 25px;
        }

        .box:nth-child(1) {
            padding-left: 10px !important;
            border-right: 1px solid #ddd;
            
        }

        .box:nth-child(2) {
            padding-left: 10px !important;
            border-right: 1px solid #ddd;
        }

        .box:nth-child(3) {
            border-right: 1px solid #ddd;
            padding-left: 10px !important;
        }

        .box:nth-child(4) {
            padding-left: 10px !important;
        }

        .box:nth-child(5) {
            border-right: 1px solid #ddd;
            padding-top: 10px !important;
            padding-left: 10px !important;
        }

        .box:nth-child(6) {
            border-right: 1px solid #ddd;
            padding-top: 10px !important;
            padding-left: 10px !important;
        }
         .box:nth-child(7) {
            border-right: 1px solid #ddd;
            padding-top: 10px !important;
            padding-left: 10px !important;
        }
         .box:nth-child(8) {
            padding-top: 10px !important;
            padding-left: 10px !important;
        }

        .box h4 {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 5px;
            position: relative;
        }

        .box p {
            font-size: 12px;
            font-weight: 400;
            color: #666;
        }

        /* =============== MEGA MENU FOR Customer 360 END =============== */

        /* =============== MEGA MENU FOR Industries  =============== */
        .industries-img-wrapper {
            position: relative;
            width: fit-content;
        }

        /* .industries-img-wrapper:hover{
  opacity: 1;
  pointer-events: auto;
} */
        .industries-img-wrapper:hover .industries-img {
            filter: brightness(0.7);
            transition: 0.3s;
        }

        .industries-img {
            height: 70px;
            width: 180px;
            margin-top: 10px;
            border-radius: 5px;
        }

        .button {
            line-height: 1;
            text-decoration: none;
            display: inline-flex;
            border: none;
            cursor: pointer;
            align-items: center;
            gap: 0.75rem;
            background-color: #0070f2;
            color: #fff;
            border-radius: 10rem;
            font-weight: 600;
            padding: 0.75rem 1.5rem;
            padding-left: 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: background-color 0.3s;
        }

        .button__icon-wrapper {
            flex-shrink: 0;
            width: 25px;
            height: 25px;
            position: relative;
            color: #0070f2;
            background-color: #fff;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden;
        }

        .button:hover {
            background-color: #000232;
        }

        .button:hover .button__icon-wrapper {
            color: #000;
        }

        .button__icon-svg--copy {
            position: absolute;
            transform: translate(-150%, 150%);
        }

        .button:hover .button__icon-svg:first-child {
            transition: transform 0.3s ease-in-out;
            transform: translate(150%, -150%);
        }

        .button:hover .button__icon-svg--copy {
            transition: transform 0.3s ease-in-out 0.1s;
            transform: translate(0);
        }

        .industries-btn {
            position: absolute;

            left: 12%;
            bottom: 54%;
            transform: translateX(-50%);
            padding: 8px 15px;
            font-size: 11px;
            border: none;
            border-radius: 5px;
            background: #1a6aff;
            color: white;
            /* opacity: 0; */
            width: 120px;
            cursor: pointer;
            transition: 0.3s ease;
        }

        .industries-btn:hover {
            animation: pulseAnim 1.2s infinite;
            flex-direction: row-reverse !important;
            display: flex;
        }

        .industries-btn:hover .arrow {
            transform: translateX(-8px);
        }

        .industries-item {
            position: relative;
        }

        .mega-menu-industries {
            position: fixed;
            top: 75px;
            left: 0;
            bottom: 20px;
            right: 0;
            display: none;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .mega-menu-industries.active {
            display: flex;
            opacity: 1;
            visibility: visible;
        }

        .mega-menu-container-industries {
            display: flex;
            width: 1230px;
            max-width: 1230px;
            background:#fff;
            margin: 0 auto;
            border-radius: 0px 0px 10px 10px;
        }

        .menu-left-industries {
             background: linear-gradient(35deg, #1a45fd 0%, rgb(0 24 117) 100%, rgb(0 32 138) 42%);
            padding: 40px;
            width: 500px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            border-radius:0px 0px 0px 10px;
        }

        .industry-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 5px;
            cursor: pointer;
            border-radius: 8px;
            transition: all 0.3s;
            border-left: 3px solid transparent;
        }

        .industry-item:hover,
        .industry-item.active {
            background: rgba(255, 255, 255, 0.1);
            border-left-color: #4a90e2;
        }

        .industry-icon {
            width: 45px;
            height: 45px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .industry-icon svg {
            width: 24px;
            height: 24px;
            stroke: #fff;
            fill: none;
            stroke-width: 2;
        }

        .industry-item h3 {
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            font-family: "Poppins", sans-serif !important;
        }

        .menu-right-industries {
            flex: 1;
            padding: 40px;
            position: relative;
            min-height: 500px;
        }

        .content-panel-industries {
            display: none;
            animation: fadeIn 0.3s ease-in;
        }

        .content-panel-industries.active {
            display: block;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .content-header h2 {
            color: #1a1d2e;
            font-size: 30px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .content-description {
            color: #666;
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 10px;
            max-width: 600px;
        }

        .content-image {
            width: 660px;
            max-width: 660px;
            height: 200px;
            border-radius: 15px;
            object-fit: cover;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        /* =============== MEGA MENU FOR Industries END =============== */

        /* =============== MEGA MENU FOR Our Expertise =============== */
        .our-expertise-item {
            position: relative;
        }

        .mega-menu-expertise {
            width: 1180px;
            height: 430px;
            gap: 30px;
            position: absolute;
            left: -580px !important;
            top: 50px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
            display: none;
            z-index: 999;
            border-radius: 0px 0px 10px 10px;
            background:#fff;
        }

        .our-expertise-item.active .mega-menu-expertise {
            display: grid;
        }


        .expertise-col:nth-child(5) {
            border-right: none;
        }

        .expertise-col h3 {
            font-size: 14px !important;
            font-weight: 500;
        }

        .expertise-col p {
            font-size: 12px !important;
            font-weight: 300;
            margin-top:5px;
        }

        .menu-left-expertise {
            background: #1b1b26;
            padding: 20px 10px;
            display: flex;
            flex-direction: column;
            gap: 22px;
            color: #fff;
        }

        .category-expertise {
            cursor: pointer;
            opacity: 0.7;
            border-radius: 12px;
            transition: 0.2s ease;
        }

        .category-expertise.active {
            opacity: 1;
            background: white;
            color: black;
            border-radius: 10px;
            padding: 10px;
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            flex-direction: column;
            width: 250px;
            height: 90px;
        }

        .category-expertise:hover {
            opacity: 1;
        }

        .category-expertise h3 {
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 4px;
        }

        .category-expertise p {
            font-size: 14px;
            opacity: 0.7;
            font-weight: 300;
        }

        .menu-right-expertise {
            padding: 10px;
            display: flex;
        }

        .content-panel-expertise {
            display: none;
            width: 100%;
            grid-template-columns: repeat(2, 1fr);
        }

        .content-panel-expertise.active {
            display: grid;
        }

        .expertise-img {
            height: 70px;
            width: 180px;
            margin-top: 10px;
            border-radius: 5px;
        }

        .IconAndHead-expertise {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 30px;
        }

        .rightIcon-expertise {
            display: none;
        }

        .IconAndHead-expertise:hover .rightIcon-expertise {
            display: inline-block;
            margin-right: 8px;
            color: #1a6aff;
        }

        .box-expertise-expertise {
            padding-bottom: 15px;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: flex-start;
        }

        .box-expertise:nth-child(1) {
            border-bottom: 1px solid #ddd;
            padding-left: 10px !important;
            border-right: 1px solid #ddd;
        }

        .box-expertise:nth-child(2) {
            border-bottom: 1px solid #ddd;
            padding-left: 10px !important;
        }

        .box-expertise:nth-child(3) {
            border-right: 1px solid #ddd;
            padding-top: 10px !important;
            padding-left: 10px !important;
        }

        .box-expertise:nth-child(4) {
            padding-top: 10px !important;
            padding-left: 10px !important;
        }

        .box-expertise h4 {
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 5px;
            position: relative;
        }

        .box-expertise p {
            font-size: 14px;
            font-weight: 300;
            color: #666;
        }
        .box-icon{
    background-color: #fff;
    border-radius: 8px;
    padding: 5px;
    box-shadow: 0px 0px 5px 0px #cbcbcb;
        }
        .expertise-img-wrapper {
            position: relative;
            width: fit-content;
        }

        .expertise-btn {
            position: absolute;
            left: 50%;
            bottom: 28%;
            transform: translateX(-50%);
            padding: 8px 15px;
            font-size: 11px;
            border: none;
            border-radius: 5px;
            background: #1a6aff;
            color: white;
            opacity: 0;
            width: 120px;
            cursor: pointer;
            transition: 0.3s ease;
        }

        .expertise-btn:hover {
            animation: pulseAnim 1.2s infinite;
            flex-direction: row-reverse !important;
            display: flex;
        }

        .arrow {
            transition: 0.3s;
        }

        .expertise-btn:hover .arrow {
            transform: translateX(-8px);
        }

        @keyframes pulseAnim {
            0% {
                box-shadow: 0 0 0 0 rgba(26, 106, 255, 0.6);
            }

            70% {
                box-shadow: 0 0 0 12px rgba(26, 106, 255, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(26, 106, 255, 0);
            }
        }

        .expertise-col:hover .expertise-btn,
        .expertise-img-wrapper:hover .expertise-btn {
            opacity: 1;
            pointer-events: auto;
        }

        .expertise-img-wrapper:hover .expertise-img {
            filter: brightness(0.7);
            transition: 0.3s;
        }

        /* =============== MEGA MENU FOR Our Expertise END =============== */

        /* =============== MEGA MENU FOR Technologies =============== */
        .tech-item {
            position: relative;
        }

        .mega-menu-tech {
            grid-template-columns: repeat(5, 1fr);
            width: 1180px;
            height: auto;
            gap: 30px;
            position: absolute;
            left: -660px !important;
            top: 58px;
            border: 1px solid #ddd;
            padding: 20px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
            display: none;
            z-index: 999;
            border-radius: 0px 0px 10px 10px;
            background:#fff;
        }

        .tech-item.active .mega-menu-tech {
            display: grid;
        }

        .tech-col {
            border-right: 1px solid #ddd;
        }

        .tech-col:nth-child(5) {
            border-right: none;
        }

        .tech-col h3 {
            font-size: 14px !important;
            font-weight: 500;
        }

        .tech-col p {
            font-size: 12px !important;
            font-weight: 200;
        }

        .menu-left-tech {
            background: #1b1b26;
            padding: 20px 10px;
            display: flex;
            flex-direction: column;
            gap: 22px;
            color: #fff;
        }

        .category-tech {
            cursor: pointer;
            opacity: 0.7;
            border-radius: 12px;
            transition: 0.2s ease;
        }

        .category-tech.active {
            opacity: 1;
            background: white;
            color: black;
            border-radius: 10px;
            padding: 10px;
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            flex-direction: column;
            width: 250px;
            height: 90px;
        }

        .category-tech:hover {
            opacity: 1;
        }

        .category-tech h3 {
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 4px;
        }

        .category-tech p {
            font-size: 14px;
            opacity: 0.7;
            font-weight: 300;
        }

        .menu-right-tech {
            padding: 10px;
            display: flex;
        }

        .content-panel-tech {
            display: none;
            width: 100%;
            grid-template-columns: repeat(2, 1fr);
        }

        .content-panel-tech.active {
            display: grid;
        }

        .tech-img {
            height: 70px;
            width: 180px;
            margin-top: 10px;
            border-radius: 5px;
        }

        .IconAndHead-tech {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 30px;
        }

        .rightIcon-tech {
            display: none;
        }

        .IconAndHead-tech:hover .rightIcon-tech {
            display: inline-block;
            margin-right: 8px;
            color: #1a6aff;
        }

        .tech-img-wrapper {
            position: relative;
            width: fit-content;
        }

        .tech-btn {
            position: absolute;
            left: 50%;
            bottom: 28%;
            transform: translateX(-50%);
            padding: 8px 15px;
            font-size: 11px;
            border: none;
            border-radius: 5px;
            background: #1a6aff;
            color: white;
            opacity: 0;
            width: 120px;
            cursor: pointer;
            transition: 0.3s ease;
        }

        .tech-btn:hover {
            animation: pulseAnim 1.2s infinite;
            flex-direction: row-reverse !important;
            display: flex;
        }

        .arrow {
            transition: 0.3s;
        }

        .tech-btn:hover .arrow {
            transform: translateX(-8px);
        }

        @keyframes pulseAnim {
            0% {
                box-shadow: 0 0 0 0 rgba(26, 106, 255, 0.6);
            }

            70% {
                box-shadow: 0 0 0 12px rgba(26, 106, 255, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(26, 106, 255, 0);
            }
        }

        .tech-col:hover .tech-btn,
        .tech-img-wrapper:hover .tech-btn {
            opacity: 1;
            pointer-events: auto;
        }

        .tech-img-wrapper:hover .tech-img {
            filter: brightness(0.7);
            transition: 0.3s;
        }

        /* =============== MEGA MENU FOR Technologies  END =============== */

        /* =============== Contact Button STYLING =============== */
        .contact-btn {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 28px;
            background: #13131d;
            color: #fff;
            border: none;
            border-radius: 40px;
            cursor: pointer;
        }

        .arrow {
            transition: 0.3s;
        }

        .contact-btn:hover {
            background: #48a7ff;
            flex-direction: row-reverse;
        }

        .contact-btn:hover .arrow {
            transform: translateX(-8px);
        }

        /* =============== Contact Button STYLING END =============== */

        /******** Responsive ********/
        @media (max-width: 992px) {
            .navbar {
                padding: 15px 30px;
                flex-wrap: wrap;
            }

            .nav-left {
                gap: 20px;
                flex: 1;
            }

            .logo {
                width: 100px;
            }

            .nav-left .nav-links {
                display: none !important;
            }

            .hamburger {
                display: flex;
                flex-direction: column;
                cursor: pointer;
                gap: 5px;
                order: 3;
            }

            .hamburger span {
                width: 25px;
                height: 3px;
                background: #1e1d28;
                border-radius: 2px;
                transition: 0.3s ease;
            }

            .hamburger.active span:nth-child(1) {
                transform: rotate(45deg) translate(8px, 8px);
            }

            .hamburger.active span:nth-child(2) {
                opacity: 0;
            }

            .hamburger.active span:nth-child(3) {
                transform: rotate(-45deg) translate(8px, -8px);
            }

            .navbar>.nav-right {
                display: none !important;
            }

            .mobile-menu {
                display: none;
                position: fixed;
                top: 67px;
                left: auto;
                right: auto;
                background: #fff;
                border-bottom: none;
                flex-direction: column;
                z-index: 998;
                max-height: none;
                overflow-y: visible;
                width: auto;
                width: 100% !important;
            }

            .mobile-menu.active {
                display: flex !important;
            }

            .mobile-menu .nav-links {
                display: flex !important;
                flex-direction: column;
                gap: 0;
                width: 100%;
                margin: 0;
                padding: 0;
            }

            .mobile-menu .nav-links li {
                width: 100%;
                border-bottom: 1px solid #e3e3e3;
                list-style: none;
            }

            .mobile-menu .nav-links a {
                display: block;
                padding: 15px 30px;
            }

            .mobile-menu .nav-right {
                flex-direction: column;
                padding: 15px 30px;
                border-top: 1px solid #e3e3e3;
                gap: 15px;
                display: flex !important;
            }

            .contact-btn {
                width: 100%;
                justify-content: center;
            }

            .about-col:last-child {
                border-bottom: none;
            }
        }

        /* Mobile devices */
        @media only screen and (min-width: 768px) {
            .navbar {
                padding: 12px 20px;
            }

            .logo {
                width: 90px;
            }

            .mobile-menu {
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: #fff;
                border-bottom: 1px solid #e3e3e3;
                flex-direction: column;
                z-index: 998;
                max-height: calc(100vh - 70px);
                overflow-y: auto;
                width: 100%;
            }

            .mobile-menu.active {
                display: flex !important;
            }

            .mobile-menu .nav-links a {
                padding: 12px 20px;
                font-size: 15px;
            }

            .mobile-menu .nav-right {
                padding: 12px 20px;
            }

            .nav-links a {
                font-size: 15px;
                cursor: pointer;
            }
        }

        @media only screen and (min-width: 769px) and (max-width: 992px) {
            .navbar {
                padding: 12px 20px;
            }

            .logo {
                width: 90px;
            }

            .mobile-menu {
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: #fff;
                border-bottom: 1px solid #e3e3e3;
                flex-direction: column;
                z-index: 998;
                max-height: calc(100vh - 70px);
                overflow-y: auto;
                width: 100%;
                display: none;
            }

            .mobile-menu.active {
                display: flex !important;
            }

            .mobile-menu .nav-links a {
                padding: 12px 20px;
                font-size: 15px;
            }
        }

        @media only screen and (min-width: 820px) {
            .navbar {
                padding: 12px 20px;
            }

            .nav-left {
                gap: 15px;
            }

            .logo {
                width: 90px;
            }

            .mobile-menu {
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: #fff;
                border-bottom: 1px solid #e3e3e3;
                flex-direction: column;
                z-index: 998;
                max-height: calc(100vh - 70px);
                overflow-y: auto;
                width: 100%;
            }

            .mobile-menu.active {
                display: flex !important;
            }

            .mobile-menu .nav-links a {
                padding: 12px 20px;
                font-size: 15px;
            }

            .mobile-menu .nav-right {
                padding: 12px 20px;
            }

            .nav-links a {
                font-size: 15px;
            }
        }

        /* Extra small devices */
        @media (max-width: 480px) {
            .navbar {
                padding: 0px 10px;
            }

            .logo {
                width: 80px;
            }

            .mobile-menu .nav-links a {
                padding: 10px 15px;
                font-size: 13px;
            }

            .contact-btn {
                padding: 10px 20px;
                font-size: 13px;
            }

            .mobile-menu .nav-right {
                padding: 10px 15px;
            }

            .search-btn {
                font-size: 18px;
            }

            .search-btn .bi-search {
                font-size: 18px;
            }
        }

        @media (min-width: 993px) {
            .mobile-menu {
                display: none;
            }
        }

    .slider-container {
            display: flex;
            height: 550px;
            margin-top:7%;
            position: relative;
            width: 100%;
            gap: 10px;
            padding: 10px 10px 10px 10px;
            border-radius: 4px;
        }

        .slide {
            position: relative;
            transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            flex: 0.5;
            overflow: hidden;
            border-radius: 10px;

        }

        .slide:not(.expanded) {
            cursor: pointer;
        }

        .slide.expanded {
            flex: 4;
        }

        .slide-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .slide-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-repeat:no-repeat;
            background-size:cover;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 60px;
            opacity: 0;
            transition: opacity 0.6s ease;
        }
 
        .slide.expanded .slide-overlay {
            opacity: 1;
        }

        .slide-label {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-90deg);
            color: white;
            font-size: 20px;
            font-weight: 300;
            letter-spacing: 3px;
            text-transform: uppercase;
            white-space: nowrap;
            transition: opacity 0.4s ease;
        }

        .slide.expanded .slide-label {
            opacity: 0;
        }

        .expand-icon {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 2px solid rgba(255, 255, 255, 0.5);
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            cursor: pointer;
            transition: all 0.3s ease;
            opacity: 1;
        }

        .slide.expanded .expand-icon {
            opacity: 0;
            pointer-events: none;
        }

        .expand-icon:hover {
            background: rgba(255, 255, 255, 0.2);
            border-color: rgba(255, 255, 255, 0.8);
            transform: translateX(-50%) scale(1.1);
        }

        .category-badge {
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 2px;
            padding-top: 3rem;
            text-transform: capitalize;
            margin-bottom: 30px;
            opacity: 0;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 10px;
            transform: translateY(20px);
            transition: all 0.6s ease 0.2s;
        }

        .slide.expanded .category-badge {
            opacity: 1;
            transform: translateY(0);
        }

        .hero-main-heading {
            color: rgb(255, 255, 255);
            font-size: 28px;
            font-weight: 700;
            font-family: 'Poppins', sans-serif;
            line-height: 35px;
            font-style: normal;
            margin-bottom: 30px;
            max-width: 800px;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease 0.3s;
        }

        .slide.expanded .hero-main-heading {
            opacity: 1;
            transform: translateY(0);
        }

        .description {
            color: rgba(255, 255, 255);
            font-size: 15px;
            line-height: 24px;
            margin-bottom: 40px;
            font-family: "Poppins", sans-serif;
            max-width: 700px;
            font-style: normal;
            font-weight: 400;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease 0.4s;
        }

        .slide.expanded .description {
            opacity: 1;
            transform: translateY(0);
        }

        .cta-button {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: white;
            color: #0a2540;
            padding: 10px 10px;
            border-radius: 50px;
            text-decoration: none;
            font-size: 12px;
            font-weight: 600;
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateY(20px);
            width: fit-content;
        }

        .arrow {
            transition: 0.3s;
        }

        .cta-button:hover {
            animation: pulseAnim 1.2s infinite;
            flex-direction: row-reverse !important;
        }

        .arrow {
            transition: 0.3s;
        }

        .cta-button:hover .arrow {
            transform: translateX(-8px);
        }

        .slide.expanded .cta-button {
            opacity: 1;
            transform: translateY(0);
            transition: all 0.6s ease 0.5s;
        }



        .services-section {
            margin-top: 20px;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease 0.6s;
        }

        .slide.expanded .services-section {
            opacity: 1;
            z-index:1;
            transform: translateY(0);
        }

        .services-label {
            color: rgba(255, 255, 255);
            font-size: 14px;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 25px;
        }

        .services-grid {
            max-width: 900px;
            display: flex;
            align-items: center;
            gap: 50px;
            max-width: 900px;
            justify-content: flex-start;
        }

        .services-grid-2 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2px;
        }

        .service-item {
    position: relative;
    color: #fff;
    font-size: 12px;
    border-radius: 40px;
    margin: 5px;
    text-align: center;
    font-weight: 400;
    padding: 4px 12px;
    /*background: #000; /* inner background */*/
    z-index: 1;
}

.service-item::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; /* border thickness */
    border-radius: 40px;
   background: linear-gradient(to right, #07077f, #035c9b);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

        .nav-buttons {
            position: absolute;
            bottom: 20px;
            right: 20px;
            display: flex;
            gap: 15px;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease 0.7s;
            z-index: 10;
        }

        .slide.expanded .nav-buttons {
            opacity: 1;
            transform: translateY(0);
        }

        .nav-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 2px solid rgba(255, 255, 255, 0.4);
            backdrop-filter: blur(10px);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 20px;
        }

        .nav-btn:hover {
            background: rgba(255, 255, 255, 0.2);
            border-color: rgba(255, 255, 255, 0.8);
            transform: scale(1.1);
        }

        /* Progress Indicator */
        .progress-indicator {
            position: absolute;
            top: 50%;
            right: 30px;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 15px;
            z-index: 20;
        }

        .progress-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.4s ease;
            position: relative;
        }

        .progress-dot::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 2px solid transparent;
            transition: all 0.4s ease;
        }

        .progress-dot.active {
            background: white;
            transform: scale(1.3);
        }

        .progress-dot.active::before {
            border-color: rgba(255, 255, 255, 0.5);
        }

        .progress-dot:hover {
            background: rgba(255, 255, 255, 0.6);
            transform: scale(1.2);
        }

        .progress-label {
            position: absolute;
            right: 35px;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 12px;
            font-weight: 500;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: all 0.3s ease;
            background: rgba(0, 0, 0, 0.7);
            padding: 6px 12px;
            border-radius: 4px;
            backdrop-filter: blur(10px);
        }

        .progress-dot:hover .progress-label {
            opacity: 1;
            right: 40px;
        }

        /* Background images for slides */
        .slide:nth-child(1) .slide-content {
            background: linear-gradient(135deg, #081e97, #2d3e50);
        }

        .slide:nth-child(2) .slide-content {
           background: linear-gradient(135deg, #084202, #1e5f74);
        }

        .slide:nth-child(3) .slide-content {
            background: linear-gradient(135deg, #eba702, #9f5109);
        }

        .slide:nth-child(4) .slide-content {
               background: linear-gradient(135deg, #093503, #236a4f);
        }


        /* Neural network animation for Data&AI slide */
        .neural-network {
            position: absolute;
            top: 50%;
            right: 10%;
            width: 400px;
            height: 400px;
            transform: translateY(-50%);
            opacity: 0;
            transition: opacity 0.8s ease 0.4s;
        }

        .slide.expanded .neural-network {
            opacity: 0.6;
        }

        @keyframes pulse {

            0%,
            100% {
                opacity: 0.3;
            }

            50% {
                opacity: 1;
            }
        }

        .node {
            position: absolute;
            width: 8px;
            height: 8px;
            z-index:0;
            border-radius: 50%;
            animation: pulse 3s ease-in-out infinite;
        }

        .node.blue {
            background: #64b5f6;
        }

        .node.orange {
            background: #ff9800;
        }

        .node.yellow {
            background: #ffd54f;
        }

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

            .slider-container {
                display: block;
                width: 100%;
                position: relative;
                overflow: hidden;
                height: 600px;
            }

            .slide.expanded .category-badge {
                margin-top: 0px;
            }

            .slide {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                flex: none;
                opacity: 0;
                transform: translateX(100%);
                transition: all 0.5s ease;
            }

            .slide.expanded {
                opacity: 1;
                transform: translateX(0);
                z-index: 5;
            }

            .slide-label {
                top: 15px;
                left: 15px;
                transform: rotate(0);
                font-size: 16px;
            }

            .hero-main-heading {
                font-size: 20px;
                line-height: 30px;
            }

            .description {
                font-size: 16px;
            }

            .services-section {
                margin-top: -30px;
            }

            .services-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 0px;
            }

            .services-grid-2 {
                grid-template-columns: repeat(3, 1fr);
                gap: 14px;
            }

            .servies-grid-3 {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 0px;
            }

            .services-section-2 {
                margin-top: 10px;
            }

            .services-section-3 {
                margin-top: 10px;
            }


            .expand-icon {
                display: none;
            }

            .neural-network {
                display: none;
            }

            .nav-buttons {
                opacity: 1 !important;
                transform: translateY(0) !important;
                bottom: 10px;
                right: 20px;
                z-index: 50;
                flex-direction: column;
            }

            .progress-indicator {
                display: none;
            }
        }
        .ChooseList ul {
    list-style: none;
}
    .ChooseList ul li {
    font-weight: 500;
    color: #fff;
}
    .ChooseList ul li i{
    background-color: #006eea;
    border-radius: 100px;
    padding: 5px;
    color: #fff;
    margin-right: 15px;
    font-size: 10px;
    }
     .slider-wrapper {
     overflow: hidden;
     width: 100%;
     position: relative;
}
 .industries-grid {
     display: flex;
     gap: 0px;
     transition: transform 0.5s ease;
}
 .slider-controls {
     display: flex;
     justify-content: flex-end;
     margin-bottom: 15px;
}
 .slider-controls button {
     background: #fff;
     border: 1px solid #ddd;
     width: 45px;
     height: 45px;
     border-radius: 50%;
     font-size: 20px;
     cursor: pointer;
     margin-left: 10px;
     transition: all 0.3s ease;
}
 .slider-controls button:hover {
     background: #3B5998;
     color: white;
     border-color: #3B5998;
}
 .slider-controls button:disabled {
     opacity: 0.3;
     cursor: not-allowed;
}
 .industries-section {
     width: 85%;
     margin: 60px auto;
}
 .sub-heading {
     color: #000;
     font-size: 14px;
     font-weight: 600;
}
 .main-heading {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 25px;
	 color:#000;
}
        .cardIndustrys-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            justify-content: center;
            padding: 20px 0;
        }

        .cardIndustrys-grid > * {
            flex: 0 0 280px;
            max-width: 280px;
        }
        .cardIndustry {
            background: white;
            border-radius: 20px;
            padding: 32px;
            width: 300px;
            height: 300px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            position: relative;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            min-height: 300px;
            display: flex;
            flex-direction: column;
        }

        .cardIndustry:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.12);
        }

        .cardIndustry-title {
            font-size: 24px;
            font-weight: 700;
            color: #032d60;
            margin-bottom: 16px;
        }

        .cardIndustry-description {
            color: #3e3e3c;
            line-height: 1.6;
            font-size: 14px;
            margin-bottom: 24px;
            flex-grow: 1;
        }

        .cardIndustry-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: auto;
        }

        .learn-more {
            color: #1a45fd;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            z-index: 2;
            position: relative;
        }

        .learn-more:hover {
            text-decoration: underline;
        }

        .icon-container {
            width: 80px;
            height: 80px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            z-index: 2;
            position: relative;
        }

        .icon {
            width: 40px;
            height: 40px;
            fill: #1a45fd;
        }

        .cardIndustry-background {
            position: absolute;
            bottom: -75px;
            right: -75px;
            width: 200px;
            height: 200px;
            background-image: url('https://ideas.salesforce.com/resource/IDXIdeaInsightsResources/images/IdeaInsights-Indigo.png');
            /*border-radius: 100% 0 0 0;*/
            opacity: 0.9;
        }

        /*.cardIndustry-background::before {
            content: '';
            position: absolute;
            top: 70px;
            left: 70px;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, #6b2da8 0%, #4a1885 100%);
            border-radius: 100% 0 0 0;
        }*/

        /* Responsive Design */
        @media (max-width: 1024px) {
            .cardIndustrys-grid {
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                gap: 20px;
            }
        }

        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }

            .cardIndustrys-grid {
                grid-template-columns: 1fr;
            }

            .cardIndustry {
                padding: 24px;
            }

            .header {
                padding: 15px 20px;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 20px 10px;
            }

            .cardIndustry-title {
                font-size: 20px;
            }

            .cardIndustry-description {
                font-size: 14px;
            }
        }

    /* about Numbers */
     .button {
     line-height: 1;
     text-decoration: none;
     display: inline-flex;
     border: none;
     cursor: pointer;
     align-items: center;
     gap: 0.75rem;
     background-color: #0070f2;
     color: #fff;
     border-radius: 10rem;
     font-weight: 600;
     padding: 0.75rem 1.5rem;
     padding-left: 20px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: background-color 0.3s;
}
 .button__icon-wrapper {
     flex-shrink: 0;
     width: 25px;
     height: 25px;
     position: relative;
     color: #0070f2;
     background-color: #fff;
     border-radius: 50%;
     display: grid;
     place-items: center;
     overflow: hidden;
}
 .button:hover {
     background-color: #000232;
}
 .button:hover .button__icon-wrapper {
     color: #000;
}
 .button__icon-svg--copy {
     position: absolute;
     transform: translate(-150%, 150%);
}
 .button:hover .button__icon-svg:first-child {
     transition: transform 0.3s ease-in-out;
     transform: translate(150%, -150%);
}
 .button:hover .button__icon-svg--copy {
     transition: transform 0.3s ease-in-out 0.1s;
     transform: translate(0);
}

  /*----------------- second section of what is CRM start */
/* ── Section wrapper ── */
  .cm-section {
    padding: 80px 5%;
    position: relative;
    overflow: hidden;
  }

  /* ── Inner grid ── */
  .cm-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0 48px;
    align-items: center;
    position: relative;
    z-index: 1;
  }
 
  /* vertical divider */
  .cm-divider {
    background: rgba(255,255,255,.18);
    align-self: stretch;
  }
 
  /* ── LEFT COLUMN ── */
 
  .cm-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Sora', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #0045e6;
    margin-bottom: 18px;
  }
 
  .cm-eyebrow::before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #0045e6;
    border-radius: 2px;
  }
 
  .cm-heading {
font-size: 30px;
    color: rgb(30, 29, 40);
    font-style: normal;
    line-height: 40px;
    font-family: "Poppins", sans-serif !important;
    margin-bottom: 35px;
  }
 
  .cm-heading span {
    color: #0045e6;
  }
 
  .cm-body {
    font-size: 15px;
    line-height: 1.75;
    color: #262626;
    margin-bottom: 28px;
    max-width: 500px;
  }
 
  /* checklist */
  .cm-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 36px;
  }
 
  .cm-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14.5px;
    color: #262626;
    line-height: 1.5;
  }
 
  .cm-check {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(126,184,255,.2);
    border: 1.5px solid #7eb8ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
  }
 
  .cm-check svg {
    width: 10px;
    height: 10px;
    stroke: #7eb8ff;
    stroke-width: 2.5;
    fill: none;
  }

  /* ── RIGHT COLUMN – Image ── */
  .cm-right {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 100%;
    min-height: 400px;
  }
 
  .cm-stats-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 12px;
  }
 
  .cm-stat {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
 
  .cm-stat-number {
    font-family: 'Sora', sans-serif;
    font-size: clamp(36px, 4vw, 60px);
    font-weight: 300;
    color: rgba(255,255,255,.88);
    line-height: 1;
    letter-spacing: -.01em;
  }
 
  .cm-stat-label {
    font-size: 13.5px;
    color: rgba(255,255,255,.5);
    letter-spacing: .01em;
  }
 
  /* horizontal rule between stat rows */
  .cm-stat-divider {
    grid-column: 1 / -1;
    height: 1px;
    background: rgba(255,255,255,.12);
  }
 
  /* ─────────────────────────────────────────────
     RESPONSIVE
  ───────────────────────────────────────────── */
 
  @media (max-width: 900px) {
    .cm-inner {
      grid-template-columns: 1fr;
      gap: 48px 0;
    }
 
    .cm-divider { display: none; }
 
    .cm-right {
      padding-left: 0;
      border-top: 1px solid rgba(255,255,255,.18);
      padding-top: 40px;
      min-height: 300px;
    }
  }
 
  @media (max-width: 480px) {
    .cm-section { padding: 60px 6%; }
 
    .cm-right {
      gap: 24px 24px;
      min-height: 250px;
    }
 
    .cm-stat-number { font-size: 40px; }
  }
    /*----------------- second section of what is CRM end */
 .Aboutcontainer {
        position: relative;
            width: 100%;
            min-height: 550px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
           background: #0f0026;
         background: linear-gradient(35deg, #1a45fd 0%, rgb(0 24 117) 100%, rgb(0 32 138) 42%)
}
.Aboutcontainer::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 60%;
            transform: translate(-50%, -50%);
            width: 600px;
            height: 500px;
            background: radial-gradient(circle, rgb(43 184 226 / 40%) 0%, rgb(0 56 130 / 20%) 50%, transparent 70%);
            border-radius: 50%;
            filter: blur(80px);
            z-index: 1;
            animation: moveCircular 15s ease-in-out infinite;
        }
.Aboutcontainer::after {
            content: '';
            position: absolute;
            top: 20%;
            right: 20%;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgb(212 0 255 / 30%) 0%, rgb(30 99 255 / 15%) 50%, transparent 70%);
            border-radius: 50%;
            filter: blur(60px);
            animation: moveDiagonal 12s ease-in-out infinite;
            z-index: 1;
        }
 .content-wrapper {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     gap: 100px;
     width: 85%;
     margin: 0 auto;
}
}
/* Left side - Header */
 .left-side {
     flex: 0 0 45%;
}
 .Aboutcontainer .header {
     text-align: left;
}
 .Aboutcontainer .label {
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #fff;
     margin-bottom: 20px;
     font-size: 16px;
     line-height: 20px;
     margin: 0 0 24px;
     font-weight: 600;
}
 .Aboutcontainer .title {
     font-size: 15px;
     font-weight: 400;
     line-height: 25px;
     color: #fff;
}
 .Aboutcontainer .para {
     margin-top: 15px;
     font-size: 15px;
     font-weight: 300;
     color: #fff;
}
/* Right side - Stats */
 .Aboutcontainer .right-side {
     flex: 1;
     padding: 0px 0px 0px 25px;
     border-left: 1px solid #c7c7d6;
}
 .stats-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 50px;
     margin-top: 1rem;
}
 .stat-item {
     opacity: 0;
     animation: fadeInUp 0.8s ease forwards;
}
 .stat-item:nth-child(1) {
     animation-delay: 0.2s;
}
 .stat-item:nth-child(2) {
     animation-delay: 0.4s;
}
 .stat-item:nth-child(3) {
     animation-delay: 0.6s;
}
 .stat-item:nth-child(4) {
     animation-delay: 0.8s;
}
 .stat-number {
     font-size: 56px;
     line-height: 56px;
     font-weight: 300;
     margin-bottom: 4px;
     background: linear-gradient(135deg, #ffffff 0%, #b8b8c8 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
}
 .stat-description {
     font-size: 15px;
     color: #c8c8d3;
     line-height: 24px;
}
/*-------------------industry-section */
 .button {
     line-height: 1;
     text-decoration: none;
     display: inline-flex;
     border: none;
     cursor: pointer;
     align-items: center;
     gap: 0.75rem;
     background-color: #0070f2;
     color: #fff;
     border-radius: 10rem;
     font-weight: 600;
     padding: 0.75rem 1.5rem;
     padding-left: 20px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: background-color 0.3s;
}
 .button__icon-wrapper {
     flex-shrink: 0;
     width: 25px;
     height: 25px;
     position: relative;
     color: #0070f2;
     background-color: #fff;
     border-radius: 50%;
     display: grid;
     place-items: center;
     overflow: hidden;
}
 .button:hover {
     background-color: #000232;
}
 .button:hover .button__icon-wrapper {
     color: #000;
}
 .button__icon-svg--copy {
     position: absolute;
     transform: translate(-150%, 150%);
}
 .button:hover .button__icon-svg:first-child {
     transition: transform 0.3s ease-in-out;
     transform: translate(150%, -150%);
}
 .button:hover .button__icon-svg--copy {
     transition: transform 0.3s ease-in-out 0.1s;
     transform: translate(0);
}
 

  /*-------------------insights-section */
 .insights-section {
     width: 85%;
     margin: 80px auto;
}
 .insights-heading {
     font-family: "Poppins", sans-serif !important;
     margin-bottom: 50px;
     margin-left: 10px;
     font-size: 32px;
     line-height: 40px;
     margin-bottom: 64px;
}
 .cards-container {
     width: 100%;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 15px;
}
 .insights-mainHeading {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
     margin-left: 15px;
     margin-bottom: 20px;
}
 .insight-card {
     border-radius: 14px;
     overflow: hidden;
     position: relative;
     cursor: pointer;
     height: 320px;
}
 .card-image {
     width: 100%;
     height: 180px;
     background-size: cover;
     background-position: center;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     border-radius: 15px;
     transition: height 0.35s ease-out;
}
/* Dark overlay - always present but transparent by default */
 .card-image::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0);
     transition: background 0.35s ease-out;
     z-index: 1;
     pointer-events: none;
}
 .card-tags {
         position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    gap: 10px;
    z-index: 10;
}
 .card-tags span {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.9);
    color: #262626;
}
 .card-content-blog {
     padding: 20px 10px;
     position: absolute;
     bottom: -30px;
     left: 0;
     right: 0;
     z-index: 2;
     transition: background 0.35s ease-out;
}
 .card-content-blog h3 {
    font-size: 18px;
    margin-bottom: 10px;
    transition: color 0.35s ease-out;
    display: -webkit-box;
    font-weight: 600;
    color: #003f88;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    min-height: 2.8em;
    max-height: 2.8em;
}
 .author-box {
     display: flex;
     padding: 0px 20px 0px 0px;
     align-items: center;
     flex-direction: row-reverse;
     gap: 12px;
     justify-content: space-between;
     margin-bottom: 10px;
}
 .auth-details {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin-bottom: 15px;
     flex-direction: row-reverse;
}
 .author-box img {
     width: 42px;
     height: 42px;
     border-radius: 50%;
}
 .author-box p, .author-box strong {
     transition: color 0.35s ease-out;
}
 .view-btn {
     font-size: 15px;
     color: black;
     font-weight: 600;
     text-decoration: none;
     display: inline-block;
     transition: color 0.35s ease-out;
}
 .discover-btn {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 28px;
     background: #e9edf3;
     border: 1px solid #e9edf3;
     color: #000;
     border: none;
     border-radius: 40px;
     cursor: pointer;
     margin-top: 40px;
}
 .arrow {
     transition: transform 0.3s ease;
}
 .discover-btn:hover {
     background: #c7c7d6;
     flex-direction: row-reverse;
}
 .discover-btn:hover .arrow {
     transform: translateX(-8px);
}
/* Hover effects */
 .insight-card:hover .card-image {
     height: 100%;
}
/* Dark overlay appears on hover */
 .insight-card:hover .card-image::after {
     background: rgba(0, 0, 0, 0.65);
}
 .insight-card:hover .card-content-blog {
     background: transparent;
}
 .insight-card:hover h3, .insight-card:hover .view-btn, .insight-card:hover .author-box p, .insight-card:hover .author-box strong {
     color: white;
}
 @media only screen and (max-width: 992px) {
     .cards-container {
         grid-template-columns: 1fr;
    }
     .author-name {
         font-size: 14px;
    }
     .insight-card {
         height: auto;
         min-height: 320px;
    }
     .insight-card:hover .card-image {
         height: 100%;
    }
     .insight-card:hover .card-image::after {
         background: rgba(0, 0, 0, 0.65);
    }
     .insight-card:hover .card-content-blog {
         background: transparent;
    }
     .insight-card:hover h3, .insight-card:hover .view-btn, .insight-card:hover .author-box p, .insight-card:hover .author-box strong {
         color: white;
    }
}


.heading-container {
            padding: 50px 0px;
        }

        .heading-container h1 {
            font-size: 16px;
            font-weight: 600;
            color:#0045e6;
            margin-bottom: 16px;
            line-height: 20px;
            font-style: normal;
            font-family: "Poppins", sans-serif !important;
        }

        .heading-container h2 {
            font-size:30px;
            color: rgb(30, 29, 40);
            font-style: normal;
            line-height: 40px;
            font-family: "Poppins", sans-serif !important;
        }

        .container {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 30px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .question-section {
            background: white;
            border: 1px solid #e0e0e0;
            border-radius: 12px;
            padding: 0;
            width: 300px;
            flex-shrink: 0;
        }

        .faq-item {
            border-bottom: 1px solid #e0e0e0;
        }

        .faq-item:last-child {
            border-bottom: none;
        }

        .faq-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 20px;
            cursor: pointer;
            transition: background 0.3s;
            margin-bottom: 10px;
        }

        .faq-header:hover {
            background: #f8f8f8;
        }

        .faq-question {
            font-size: 14px;
            font-weight: 500;
            color: #333;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .question-number {
            color: #333;
            font-weight: 500;
        }

        .toggle-icon {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
            transition: transform 0.3s;
        }

        .faq-item.active .toggle-icon {
            transform: rotate(45deg);
        }

        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
        }

        .faq-item.active .faq-content {
            max-height: 500px;
        }

        .options {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            padding: 0 15px 30px 15px;
        }

        .option-btn {
            padding: 7px 20px;
            border: 1px solid #d0d0d0;
            border-radius: 50px;
            background: white;
            cursor: pointer;
            font-size: 13px;
            color: #555;
            transition: all 0.3s;
        }

        .option-btn:hover {
            border-color: #999;
            background: #f8f8f8;
        }

        .option-btn.selected {
            background: #e8e8ff;
            border-color: #6b6bff;
            color: #333;
        }

        .slider-wrapper {
            flex: 1;
            min-width: 0;
        }

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

        .service-cards-container{
            display: flex;
            gap: 24px;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .service-card {
            min-width: calc(35% - 12px) !important;
            background: white;
            border: 1px solid #e0e0e0;
            border-radius: 16px;
            padding: -1px 0px;
            cursor: pointer;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            height: 400px;
        }

        .service-card.hidden {
            display: none;
        }

        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 1;
        }

        .service-card:nth-child(1)::before {
            background-image: url('https://images.unsplash.com/photo-1551650975-87deedd944c3?w=800&q=80');
        }

        .service-card:nth-child(2)::before {
            background-image: url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=800&q=80');
        }

        .service-card:nth-child(3)::before {
            background-image: url('https://images.unsplash.com/photo-1677442136019-21780ecad995?w=800&q=80');
        }

        .service-card:nth-child(4)::before {
            background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80');
        }

        .service-card:nth-child(5)::before {
            background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80');
        }

        .service-card:nth-child(6)::before {
            background-image: url('https://images.unsplash.com/photo-1509395176047-4a66953fd231?w=800&q=80');
        }

        .service-card:nth-child(7)::before {
            background-image: url('https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?w=800&q=80');
        }

        .service-card:nth-child(8)::before {
            background-image: url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=800&q=80');
        }

        .service-card:hover::before {
            opacity: 0.15;
        }

        .service-card:hover {
            background:linear-gradient(35deg, #1a45fd 0%, rgb(0 24 117) 100%, rgb(0 32 138) 42%);
        }

        .card-content {
        padding:15px 20px;
            position: relative;
            z-index: 2;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .card-badge {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 24px;
        }

        .badge-icon {
            width: 8px;
            height: 8px;
            border: 1px solid #999;
            border-radius: 50%;
            transition: border-color 0.3s;
        }

        .service-card:hover .badge-icon {
            border-color: #fff;
        }

        .badge-text {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            color: #666;
            transition: color 0.3s;
        }

        .service-card:hover .badge-text {
            color: #ccc;
        }
        .service-card:hover .button{
            color: #fff;
        }
        .card-title {
            font-size: 19px;
            font-weight: 300;
            font-style: normal;
            color: #2563eb;
            margin-bottom: 16px;
            line-height: 32px;
            transition: color 0.3s;
        }

        .service-card:hover .card-title {
            color: white;
        }

        .card-description {
            font-size: 12px;
            color: #666;
            line-height: 24px;
            margin-bottom: 32px;
            font-weight: 400;
            font-style: normal;
            transition: color 0.3s;
        }

        .service-card:hover .card-description {
            color: #ccc;
        }

        .card-footer {
            margin-top: auto;
     background-color: transparent;
    border: none;
    text-align:center;
        }

        .view-service-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 20px 60px;
            margin: -12px;
            border: 1px solid #e0e0e0;
            border-radius: 50px;
            background: white;
            color: #333;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }

        .view-service-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .service-card:nth-child(1) .view-service-btn::before {
            background-image: url('https://images.unsplash.com/photo-1551650975-87deedd944c3?w=400&q=80');
        }

        .service-card:nth-child(2) .view-service-btn::before {
            background-image: url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400&q=80');
        }

        .service-card:nth-child(3) .view-service-btn::before {
            background-image: url('https://images.unsplash.com/photo-1677442136019-21780ecad995?w=400&q=80');
        }

        .service-card:nth-child(4) .view-service-btn::before {
            background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=400&q=80');
        }

        .service-card:nth-child(5) .view-service-btn::before {
            background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=400&q=80');
        }

        .service-card:nth-child(6) .view-service-btn::before {
            background-image: url('https://images.unsplash.com/photo-1509395176047-4a66953fd231?w=400&q=80');
        }

        .service-card:nth-child(7) .view-service-btn::before {
            background-image: url('https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?w=400&q=80');
        }

        .service-card:nth-child(8) .view-service-btn::before {
            background-image: url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=400&q=80');
        }

        .service-card:hover .view-service-btn {
            border-color: transparent;
            color: white;
        }

        .service-card:hover .view-service-btn::before {
            opacity: 1;
        }
.services-tab{
width:90%;
margin:auto;
}
        .btn-content {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .arrow-icon {
            width: 20px;
            height: 20px;
            stroke: currentColor;
            transition: transform 0.3s;
        }

        .view-service-btn:hover .arrow-icon {
            transform: translateX(4px);
        }

        .btn-container {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 15px;
            margin-top: 20px;
            margin-bottom:10px;
        }

        .nav-btn {
            width: 44px;
            height: 44px;
            border: 1px solid #d0d0d0;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }

        .nav-btn:hover {
            background: #1a1a1a;
            border-color: #1a1a1a;
        }

        .nav-btn:hover svg {
            stroke: white;
        }

        .nav-btn.disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }

        .nav-btn.disabled:hover {
            background: white;
            border-color: #d0d0d0;
        }

        .nav-btn.disabled:hover svg {
            stroke: #999;
        }

       .card-footer .button {
            line-height: 1;
            text-decoration: none;
            display: inline-flex;
            border: none;
            cursor: pointer;
            align-items: center;
            gap: 0.75rem;
            background-color: transparent;
            border: 1px solid #e0e0e0;
            color: black;
            border-radius: 10rem;
            font-weight: 600;
            padding: 0.75rem 1.5rem;
            padding-left: 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: background-color 0.3s;
        }

       .card-footer .button__icon-wrapper {
            flex-shrink: 0;
            width: 25px;
            height: 25px;
            position: relative;
            color: #0070F2;
            background-color: #fff;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden;
        }

       .card-footer .button:hover {
            background-color: #000232;
            color: white;
        }

        .card-footer .button:hover .button__icon-wrapper {
            color: #000;
        }

        .card-footer .button__icon-svg--copy {
            position: absolute;
            transform: translate(-150%, 150%);
        }

       .card-footer .button:hover .button__icon-svg:first-child {
            transition: transform 0.3s ease-in-out;
            transform: translate(150%, -150%);
            color: #fff;
        }

        .card-footer .button:hover .button__icon-svg--copy {
            transition: transform 0.3s ease-in-out 0.1s;
            transform: translate(0);
        }

        @media (max-width: 1200px) {
            .service-card {
                min-width: calc(50% - 12px);
            }

            .container {
                flex-direction: column;
            }

            .question-section {
                width: 100%;
            }
        }

        @media (max-width: 768px) {
            .service-card {
                min-width: 100%;
            }
             .content-wrapper{
            display:block;
            padding: 30px 0px;
            }
            .formcontainer{
             display:block!important;
            }
            .service-card {
            min-width: calc(50% - 12px) !important;
            }
            
          
        }
     
/*-------------------presence-section */
 .presence-section {
     width: 85%;
     margin: 40px auto;
}
 .map{
     width: -webkit-fill-available;
     height: auto;
}
 .office-container {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
    /* FORCE 4 cards in a row */
     gap: 10px;
     max-width: 1600px;
     margin: auto;
}
 .locartioncard {
     background: #ffffff;
     display: flex;
     align-items: flex-start;
     gap: 15px;
     padding: 18px 12px;
     border-left: 1px solid #e5e5e5;
     transition: all .25s ease;
     position: relative;
     min-height: 130px;
}
 .locartioncard:hover {
     transform: translateY(-6px);
     box-shadow:0 0px 20px -8px rgba(0,0,0,0.12);
}
 .pin {
     width: 48px;
     height: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 10px;
     font-size: 22px;
}
 .flag {
     font-size: 22px;
     margin-top: 5px;
     text-align: center;
     width: 48px;
}
 .title {
     font-size: 18px;
     font-weight: 700;
     color: #1c1c1c;
}
 .address {
     margin-top: 6px;
     font-size: 14px;
     font-weight: 600;
     color: #333;
     line-height: 1.3;
}
 .type {
     margin-top: 8px;
     color: #666;
     font-size: 13px;
     font-weight: 500;
}
/* Responsive for mobile */
 @media(max-width: 1100px) {
     .office-container {
         grid-template-columns: repeat(2, 1fr);
    }
}
 @media(max-width: 650px) {
     .office-container {
         grid-template-columns: 1fr;
    }
}
/* Logo Slider */
 .logo-slider {
     overflow: hidden;
     position: relative;
     border-radius: 10px;
}
 .logo-track {
     background: #ffffff17;
     width: max-content;
     display: flex;
     animation: scroll 30s linear infinite;
}
 .logo-item {
     flex: 0 0 auto;
     width: 120px;
     height: 120px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 20px;
    /* opacity: 0.6;
     */
     transition: opacity 0.3s ease;
}
 .logo-item:hover {
     opacity: 1;
}
 .logo-item img {
     width: auto;
     height: 80px;
     flex-shrink: 0;
    /* max-width: 100%;
     max-height: 100%;
     */
    /* filter: grayscale(100%) brightness(2);
     */
}
/* Placeholder logos */
 .logo-placeholder {
     width: 120px;
     height: 60px;
    /* background: rgba(255, 255, 255, 0.1);
     */
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
     color: #8888a0;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 @keyframes scroll {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(-50%);
    }
}
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(30px);
    }
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
 .footer{
     background: linear-gradient(180deg, #000 38.46%, #1a45fd 100%);
     border-top-left-radius: 40px;
     border-top-right-radius: 40px;
}
 .footer-wrapper{
     width: 85%;
     margin: 0px auto;
     color: #ffffff;
}
 .footer-top {
     text-align: center;
     padding: 80px 0px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
 .footer-top h2 {
     font-size: 42px;
     font-weight: 400;
     color: #e0e0e0;
     margin-bottom: 20px;
     line-height: 1.3;
}
 .footer-top p {
     font-size: 16px;
     color: #a0a0a0;
     margin-bottom: 35px;
     line-height: 1.6;
}
 .cta-button {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: #6366f1;
     color: #ffffff;
     padding: 16px 32px;
     border-radius: 8px;
     text-decoration: none;
     font-size: 16px;
     font-weight: 500;
     transition: all 0.3s ease;
     border: none;
     cursor: pointer;
}
 .cta-button:hover {
     background: #5558e3;
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4);
}
 .cta-button svg {
     width: 20px;
     height: 20px;
}
 .footer-links {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 60px;
     padding: 60px 0px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
 .footer-column h3 {
     font-size: 13px;
     font-weight: 400;
     color: #808080;
     margin-bottom: 25px;
     letter-spacing: 0.5px;
}
 .footer-column ul {
     list-style: none;
     padding: 0px;
}
 .footer-column ul li {
     margin-bottom: 16px;
}
 .footer-column ul li a {
     color: #e0e0e0;
     text-decoration: none;
     font-size: 15px;
     font-weight: 400;
     transition: color 0.3s ease;
}
 .footer-column ul li a:hover {
     color: #0070f2;
}
 .footer-contact {
	 display: flex;
	 justify-content: space-between;
	 flex-wrap: wrap;
     padding: 30px 0px;
     align-items: start;
}
.support-link h3{
	font-size: 13px;
    font-weight: 700;
    color: #dadada;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}
 .footer-contact ul{
     list-style: none;
}

 .footer-contact ul li{
     padding: 5px 0px;
     width: 350px;
}
 .footer-bottom {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px;
     border-radius: 30px;
     font-size: 13px;
     color: #fff;
     background: #ffffff17;
}
 .footer-bottom a {
     color: #808080;
     text-decoration: none;
     transition: color 0.3s ease;
}
 .footer-bottom a:hover {
     color: #ffffff;
}
 .footer-right-links {
     display: flex;
     gap: 30px;
}
 .footer-right-links a{
     background-color: #fff;
     padding: 5px 8px;
     border-radius: 15px;
     color: #082770;
}
 .footer-right-links a:hover{
     color: #0070f2;
}
 @media (max-width: 1024px) {
     .footer-links {
         grid-template-columns: repeat(2, 1fr);
         gap: 40px;
    }
}
 @media (max-width: 768px) {
     .footer-top{
         padding: 30px 0px;
    }
     .footer-top h2 {
         font-size: 32px;
    }
     .footer-links {
         grid-template-columns: 1fr;
         gap: 30px;
         padding: 20px 0px;
    }
     .footer-newsletter {
         grid-template-columns: 1fr;
         gap: 40px;
    }
     .footer-contact .phone {
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
    }
     .footer-contact .email {
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
    }
     .email-input-wrapper {
         flex-direction: column;
    }
     .join-button {
         width: 100%;
    }
     .footer-bottom {
         flex-direction: column;
         gap: 15px;
         text-align: center;
    }
     .footer-right-links {
         gap: 10px;
    }
}
 .contactUs{
     background: #fff;
     display: flex;
     padding: 50px 0px;
     align-items: center;
     justify-content: center;
}
 .formcontainer {
     width: 85%;
     max-width: 1200px;
     background: linear-gradient(35deg, #1a45fd 0%, rgb(0 24 117) 100%, rgb(0 32 138) 42%);
     border-radius: 24px;
     padding:50px 50px 25px 50px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 80px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
 .left-section {
     color: white;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}
 .left-section h1 {
     font-size: 3rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 40px;
}
 .features {
     list-style: none;
     margin-bottom: 60px;
	 padding-top : 20px;
}
 .features li {
     display: flex;
     align-items: center;
     margin-bottom: 16px;
     font-size: 1rem;
}
 .features li::before {
     content: "✓";
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 24px;
     height: 24px;
     background: rgba(255, 255, 255, 0.2);
     border-radius: 50%;
     margin-right: 12px;
     font-weight: bold;
}
 .contact-info {
     margin-top: auto;
}
 .contact-info a {
     color: white;
     text-decoration: underline;
     font-size: 1.1rem;
     display: block;
     margin-bottom: 20px;
}
 .contact-info p {
     font-size: 1.1rem;
     margin-bottom: 16px;
}
 .book-btn {
     background: rgba(255, 255, 255, 0.2);
     color: white;
     border: none;
     padding: 12px 28px;
     border-radius: 24px;
     font-size: 1rem;
     cursor: pointer;
     transition: background 0.3s;
}
 .book-btn:hover {
     background: rgba(255, 255, 255, 0.3);
}
 .right-section {
     color: white;
}
 .form-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 16px;
}
 @media (max-width: 968px) {
     .container {
         grid-template-columns: 1fr;
         gap: 40px;
         padding: 40px;
    }
     .left-section h1 {
         font-size: 2.5rem;
    }
}
 @media (max-width: 640px) {
     .container {
         padding: 30px 20px;
    }
     .left-section {
         padding: 40px 30px;
    }
     .left-section h1 {
         font-size: 2rem;
    }
     .form-row {
         grid-template-columns: 1fr;
    }
}
 .formInput {
     width: 100%;
     background: transparent!important;
     margin-bottom: 20px!important;
     outline: none!important;
     border: none!important;
     color: #fff!important;
     border-bottom: 2px solid #fff!important;
    border-radius: 0px !important;
    padding: 8px 5px !important;
}
.formInput::placeholder {
    color: #fff;
}
/*========================= */
.headings{
	width: 900px;
    display: flex;
    flex-direction: column;
    margin-left: -70px;
    margin-bottom: 20px;
}

 .testimonials-section{
     position: relative;
     width: 100%;
     min-height: 600px;
     display: flex;
	 flex-direction:column !important;
     align-items: center;
     justify-content: center;
     overflow: hidden;
	 background: linear-gradient(35deg, #1a45fd 0%, rgb(0 24 117) 100%, rgb(0 32 138) 42%);
}
 .testimonials-section::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 90%;
     transform: translate(-50%, -50%);
     width: 600px;
     height: 300px;
     background: radial-gradient(circle, rgb(43 184 226 / 40%) 0%, rgb(0 56 130 / 20%) 50%, transparent 70%);
     border-radius: 50%;
     filter: blur(80px);
     z-index: -1;
     animation: moveCircular 15s ease-in-out infinite;
}
 .testimonials-section::after {
     content: '';
     position: absolute;
     top: 50%;
     right: 50%;
     transform: translate(-50%, -50%);
     width: 400px;
     height: 300px;
     background: radial-gradient(circle, rgb(81 9 203 / 40%) 0%, rgb(0 44 130 / 11%) 50%, transparent 70%);
     border-radius: 50%;
     filter: blur(80px);
     animation: moveDiagonal 12s ease-in-out infinite;
     z-index: -1;
}
 @keyframes moveCircular {
     0% {
         transform: translate(-50%, -50%) translate(0, 0);
    }
     25% {
         transform: translate(-50%, -50%) translate(100px, -80px);
    }
     50% {
         transform: translate(-50%, -50%) translate(150px, 50px);
    }
     75% {
         transform: translate(-50%, -50%) translate(-80px, 100px);
    }
     100% {
         transform: translate(-50%, -50%) translate(0, 0);
    }
}
 @keyframes moveDiagonal {
     0%, 100% {
         transform: translate(0, 0);
    }
     25% {
         transform: translate(-120px, 80px);
    }
     50% {
         transform: translate(-80px, -60px);
    }
     75% {
         transform: translate(100px, -40px);
    }
}
 .testimonials{
     width:100%;
     margin:auto;
     display:grid;
     grid-template-columns:1fr 1fr;
     gap:60px;
}
/* ========================= LEFT CONTENT ========================= */
 .left{
     display:flex;
     flex-direction:column;
     justify-content:center;
}
 .badge{
     display:inline-flex;
     align-items:center;
     padding:6px 14px;
     font-size:12px;
     font-weight:600;
     color:#0070f2;
     background:#fff;
     border-radius:999px;
     width:fit-content;
}
 .badge::before{
     content:"";
     width:6px;
     height:6px;
     background:#0070f2;
     border-radius:50%;
     margin-right:8px;
}
 .left h2{
     font-size:40px;
     font-weight:700;
     color:#111827;
     margin:20px 0 16px;
}
 .subtitle{
     color:#6b7280;
     max-width:420px;
     line-height:1.6;
     margin-bottom:32px;
}
/* ========================= RIGHT SLIDER ========================= */
 .right{
     position:relative;
     height:550px;
     overflow:hidden;
}
 .Testslider-controls{
     position:absolute;
     top:-60px;
     right:0;
     display:flex;
     gap:12px;
}
 .slide-btn{
     width:42px;
     height:42px;
     border-radius:10px;
     border:none;
     cursor:pointer;
     background:#111827;
     color:#fff;
     font-size:16px;
     transition:background 0.3s ease;
}
 .slide-btn:hover{
     background:#374151;
}
/* ========================= CARDS CONTAINER ========================= */
 .testimonialcards-container{
     position:relative;
     height:100%;
     display:flex;
     flex-direction:column;
     gap:20px;
     transition:transform 0.5s ease;
}
/* ========================= CARDS ========================= */
 .testimonialcards-container{
     padding: 5px 30px;
     border-radius:12px;
     transition:all 0.3s ease;
}
 .testimonial-card{
     transition: ease-in-out 0.3s all;
     background: #fff;
     padding: 10px 20px;
     border-radius: 10px;
     background: #ffffff;
     background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 100%, rgb(255 255 255) 100%);
}
 .testimonial-card:hover{
     transition: ease-in-out 0.3s all;
     transform: scale(1.1) 
}
 .testimonials p{
     color:#374151;
     line-height:1.7;
     margin-bottom:16px;
     font-size:15px;
}
 .testimonials{
     padding: 25px;
}
 .user{
     display:flex;
     align-items:center;
     gap:14px;
}
 .user img{
     width:48px;
     height:48px;
     border-radius:50%;
}
 .user h4{
     font-size:15px;
     color:#111827;
     margin:0;
}
 .user span{
     font-size:13px;
     color:#6b7280;
}
/* ========================= RESPONSIVE ========================= */
 @media(max-width:900px){
     .testimonials{
         grid-template-columns:1fr;
    }
     .left h2{
         font-size:32px;
    }
     .right{
         margin-top:40px;
         height:450px;
    }
}
 .submitBtn {
     width: 100%;
     border: 0px;
     background: #338df5;
     padding: 10px;
     color: #fff;
     border-radius: 50px;
     font-size: 16px;
     transition:0.3s ease all;
}
 .submitBtn:hover{
     background: #083d91;
     transition:0.3s ease all;
}
.reach-btn {
            padding: 8px 16px;
            border-radius: 30px;
            border: 1px solid #0070f2;
            background: #0070f2;
            color: white;
            cursor: pointer;
            font-weight: 600;
            margin: 8px 30px 24px 30px;
        }

/* Modal styles */
        .modal-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.5);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        .modal-overlay.active {
            display: flex;
        }

        .modal {
            width: 90%;
            max-width: 520px;
            background: white;
            border-radius: 8px;
            padding: 24px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
            position: relative;
        }

        .modal h3 {
            margin-bottom: 12px;
        }

        .modal .close-btn {
            background: transparent;
            border: none;
            font-size: 22px;
            position: absolute;
            right: 12px;
            top: 8px;
            cursor: pointer;
        }
        
        .mobile-menu .has-submenu > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-menu .submenu {
    display: none;
    flex-direction: column;
    background: #f9f9f9;
}

.mobile-menu .submenu li {
    border-bottom: 1px solid #e3e3e3;
}

.mobile-menu .submenu a {
    padding: 12px 40px;
    font-size: 14px;
}

.mobile-menu .has-submenu.active .submenu {
    display: flex;
}

.mobile-menu .arrow {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.mobile-menu .has-submenu.active .arrow {
    transform: rotate(45deg); /* + becomes × */
}

/* Fixed Badge Styles */
        .fixed-badge {
        display:none;
            position: fixed;
            bottom: 30px;
            text-decoration: none;
            left: 30px;
            width: 120px;
            background: white;
            border-radius: 16px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
            z-index: 1000;
        }

        .fixed-badge:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
        }

        .badge-image {
           width: 100%;
    height: 100px;
    object-fit: cover;
    display: block;
    border-radius: 18px;
    padding: 5px;
        }

        .badge-content {
        padding: 0px 5px 5px 25px;
    background: white;
        }

        .badge-title {
            font-size: 12px;
            font-weight: 600;
            color: #1a1a1a;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .fixed-badge:hover .badge-arrow {
            transform: translate(3px, -3px);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .fixed-badge {
                width: 160px;
                bottom: 20px;
                left: 20px;
            }

            .badge-image {
                height: 140px;
            }

            .badge-content {
                padding: 12px;
            }

            .badge-title {
                font-size: 0.95rem;
            }
        }

        @media (max-width: 480px) {
            .fixed-badge {
                width: 140px;
                bottom: 15px;
                left: 15px;
            }

            .badge-image {
                height: 120px;
            }

            .badge-title {
                font-size: 0.9rem;
            }
        }
           @media (max-width: 380px) {
         .services-grid {
                display: none;
            }
            .heading-container h2{
                font-size: 17px;
   				line-height: 24px;
            }
            .service-card {
    min-width: calc(100% - 12px) !important;
    }
    .stat-number {
    font-size: 35px;
    }
    .stat-description {
    font-size: 12px;
    }
    .testimonials {
    padding: 0px!important;
    width:100%!important;
}
.left {
    padding: 5px 15px;
    }
            }
            
             .tabs-container {
            width: 80%;
            border-radius: 12px;
            overflow: hidden;
        }

        .tabs-header {
            display: flex;
            background: #f8f9fa;
            border-bottom: 2px solid #e9ecef;
            overflow-x: auto;
            scrollbar-width: thin;
        }

        .tabs-header::-webkit-scrollbar {
            height: 4px;
        }

        .tabs-header::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .tabs-header::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 4px;
        }

        .tab-button {
            flex: 1;
            min-width: 120px;
            padding: 16px 24px;
            background: transparent;
            border: none;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            color: #262626;
            transition: all 0.3s ease;
            position: relative;
            white-space: nowrap;
        }

        .tab-button:hover {
            background: #e9ecef;
            color: #495057;
        }

        .tab-button.active {
            color: #0070f2.testimonials;
            background: white;
        }

        .tab-button.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: #0070f2;
        }

        .tabs-content {
            padding: 0px;
            min-height: 200px;
        }

        .tab-panel {
            display: none;
            animation: fadeIn 0.4s ease;
        }

        .tab-panel.active {
            display: block;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .tab-panel h2 {
            color: #fff;
            margin-bottom: 5px;
            font-size: 24px;
        }

        .tab-panel p {
           color: #373737;
    line-height: 1.6;
    margin-bottom: 12px;
        }

        @media (max-width: 640px) {
            .tab-button {
                min-width: 100px;
                padding: 12px 16px;
                font-size: 14px;
            }

            .tabs-content {
                padding: 20px;
            }

            .tab-panel h2 {
                font-size: 20px;
            }

            .tab-panel p {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .tab-button {
                min-width: 80px;
                padding: 10px 12px;
                font-size: 13px;
            }

            .tabs-content {
                padding: 16px;
            }
        }
        
/* ================= SLIDER ================= */
.slider-wrapper1 {
    max-width: 1200px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.slider-track1 {
    display: flex;
    transition: transform 0.6s ease-in-out;
}

.slide1 {
    min-width: 100%;
}

/* ================= CARD ================= */
.card1 {
    display: flex;
    gap: 5px;
    padding: 24px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 20px;
}

.left-section1 {
    flex: 0 0 230px;
}

.right-section1 {
    flex: 1;
}

.header1 {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

.icon1 {
    width: 50px;
    height: 50px;
    background: #7a9ab5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
}

.title-group1 h2 {
    font-size:.8125rem;
	font-weight:bold;
    color: #5b7a95;
}

.title-group1 p {
    font-size: .8125rem;
    color: #54698d;
	font-weight:regular;
}

.info-section1 {
    margin-bottom: 16px;
}

.info-section1 h3 {
    font-size: .8125rem;
    color: #54698d;
	font-weight:400;
    margin-bottom: 4px;
}

.info-section1 p {
    font-size: .8125rem;
	color:#16325c;
}

.review-header1 {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    align-items: center;
}

.stars1 {
    font-size: 20px;
    color: #5b7a95;
}

.date1 {
	font-size:.8125rem;
    color: #005fb2;
    font-weight: 400;
}

.verified1 {
	font-size:.8125rem;
    display: flex;
    gap: 6px;
	color:#54698d;
    align-items: center;
}

.verified-icon1 {
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.review-content1 p {
    font-size: 14px;
    margin-bottom: 10px;
}

/* ================= NAV BUTTONS ================= */
.slider-btn1 {
    display: none;
    background: #0176d3;
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    z-index: 10;
}

.prev1 {
    left: 10px;
}

.next1 {
    right: 10px;
}

.slider-btn1:hover {
    background: #014486;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    .card1 {
        flex-direction: column;
    }

    .left-section1 {
        flex: 1;
    }
}

/* ====== Partner badges static footer ===== */
.partner-badges{
    padding:40px 0;
}

.badges-container{
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:0px;
    align-items:center;
	background-color : #fff !important;
	border-radius : 20px !important;
}

.badge-item{
    /*background:#fff; */
    padding:15px;
    border-radius:8px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.badge-item img{
    max-width:80px;
    height:auto;
}

/* Tablet */
@media (max-width:1024px){
    .badges-container{
        grid-template-columns:repeat(3,1fr);
    }
}

/* Mobile */
@media (max-width:600px){
    .badges-container{
        grid-template-columns:repeat(2,1fr);
    }
}
  .section-header {
    text-align: center;
    margin-bottom: 40px;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 0.6s ease forwards;
  }
 
  .section-label {
    display: inline-block;
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    background: rgba(249,115,22,0.08);
    border: 1px solid rgba(249,115,22,0.2);
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 16px;
  }
 
  .section-title {
    font-family: 'Sora', sans-serif;
    font-size: clamp(26px, 4vw, 40px);
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.2;
  }
 
  .section-title span {
    color: var(--accent);
  }
 
  /* Outer wrapper with border like Image 1 */
  .grid-wrapper {
    width: 100%;
    max-width: 1120px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--card-bg);
    overflow: hidden;
    box-shadow: var(--shadow);
  }
 
  .cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
 
  /* Each card */
  .card {
    position: relative;
    padding: 5px 15px 5px;
    background: var(--card-bg);
    cursor: pointer;
    transition: background 0.25s ease, transform 0.25s ease;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    opacity: 0;
    transform: translateY(24px);
    animation: fadeUp 0.55s ease forwards;
  }
 
  /* Remove right border on last in each row */
  .card:nth-child(4n) { border-right: none; }
 
  /* Remove bottom border on last row */
  .card:nth-last-child(-n+4) { border-bottom: none; }
 
  /* Edge case: if last row has fewer than 4 cards */
  .card:last-child { border-bottom: none; }
 
  /* Stagger */
  .card:nth-child(1)  { animation-delay: 0.08s; }
  .card:nth-child(2)  { animation-delay: 0.14s; }
  .card:nth-child(3)  { animation-delay: 0.20s; }
  .card:nth-child(4)  { animation-delay: 0.26s; }
  .card:nth-child(5)  { animation-delay: 0.32s; }
  .card:nth-child(6)  { animation-delay: 0.38s; }
  .card:nth-child(7)  { animation-delay: 0.44s; }
  .card:nth-child(8)  { animation-delay: 0.50s; }
  .card:nth-child(9)  { animation-delay: 0.56s; }
 
  .card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(249,115,22,0.04) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
 
  .card:hover { background: #fafafa; }
  .card:hover::before { opacity: 1; }
 
  /* Card top row */
  .card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px;
  }
 
  /* Icon box */
  .icon-box {
    width: 54px;
    height: 54px;
    border-radius: 10px;
    background: #f5f5f7;
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    flex-shrink: 0;
  }
 
  .card:hover .icon-box {
    transform: scale(1.08) rotate(-4deg);
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    background: #fff;
  }
 
  /* Arrow link */
  .arrow-link {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--arrow);
    transition: color 0.25s ease, transform 0.25s ease;
    flex-shrink: 0;
  }
 
  .card:hover .arrow-link {
    color: var(--accent);
    transform: translate(2px, -2px);
  }
 
  .arrow-link svg {
    width: 16px;
    height: 16px;
  }
 
  /* Text */
  .card-title {
    font-family: 'poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: start;
    color: #2563eb;
    margin-bottom: 10px;
    letter-spacing: -0.01em;
    transition: color 0.25s ease;
  }
 .card-title img{
    margin-right: 15px;
    padding: 5px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
  .card:hover .card-title { color: #1a45fd }
 
  .card-desc {
    font-size: 14px;
    line-height: 1.65;
    color: var(--text-secondary);
    font-weight: 400;
  }
 
  /* Special: last row — if only 1 card, span full width */
  /* Agentforce is the 9th card in a 3-col grid — it will naturally sit in col 1 */
 
  /* === Animations === */
  @keyframes fadeUp {
    to { opacity: 1; transform: translateY(0); }
  }
 
  /* === Responsive === */
  @media (max-width: 1100px) {
    .cards-grid { grid-template-columns: repeat(3, 1fr); }
 
    .card { border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
    .card:nth-child(4n) { border-right: 1px solid var(--border); }
    .card:nth-last-child(-n+4) { border-bottom: 1px solid var(--border); }
    .card:last-child { border-bottom: none; }
 
    .card:nth-child(3n) { border-right: none; }
    .card:nth-last-child(-n+3) { border-bottom: none; }
    .card:last-child:nth-child(3n+1) { grid-column: 1 / -1; border-right: none; }
    .card:last-child:nth-child(3n+2) { grid-column: span 2; border-right: none; }
  }
 
  @media (max-width: 720px) {
    .cards-grid { grid-template-columns: repeat(2, 1fr); }
 
    .card { border-right: 1px solid var(--border) !important; border-bottom: 1px solid var(--border) !important; }
    .card:nth-child(2n) { border-right: none !important; }
    .card:nth-last-child(-n+2) { border-bottom: none !important; }
    .card:last-child { border-bottom: none !important; }
    .card:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: none !important; }
  }
 
  @media (max-width: 480px) {
    body { padding: 24px 16px; }
    .cards-grid { grid-template-columns: 1fr; }
 
    .card { border-right: none !important; border-bottom: 1px solid var(--border) !important; }
    .card:last-child { border-bottom: none !important; }
    .card { padding: 24px 20px 28px; }
  }