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

/* 
    font-family: 'DM Sans';
    font-family: 'Polymath Display Demo';
    font-family: 'Polymath Demo';
    font-family: 'Polymath';
    font-family: 'Sometype Mono';
*/



/*------------ |-- Global CSS --| -------------*/
    :root {
        --title-color: #04101F;
        --title-1A2B3D: #1A2B3D;
        --tx-5C7185 : #5C7185;
        --tx-5A6B7D : #5A6B7D;
        --tx-4A5E72 : #4A5E72;  
        --btn-bg : #0FA888;
        --purply-blue : #6C5CE7;
        --dark-green : #0FA888;
        --dark-orange : #F55E25;
    } 
    *,
    *::after,
    *::before{
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        line-height: 0;
        list-style: none;
        list-style-type: none;
        text-decoration: none;
    }

    html { scroll-behavior: smooth; }
    body {  
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        color: #5C7185;
        font-size: 20px;
        line-height: 24px;
        font-weight:400 ;
        width: 100%;
        font-family:"polymath";
        letter-spacing: 0.32px;
    }
    body.page-template-home-temp { background: #F1F3F5; }  
    body.page-template-home-v2-dynamic { background: #F1F3F5; }  

    h1,h2,h3,h4,h5,h6 { 
	    padding-bottom:12px;   
	    font-weight:500;
	    color: var(--title-color);
	    margin: 0;
	    letter-spacing:4%;
        line-height: 120%;
        font-family:"polymath-display";
	}

	h4,h5,h6 { padding-bottom:10px; }

	h1 , .h1 { font-size: 72px;  line-height: 110%; }
	h2 , .h2 { font-size: 48px;  line-height: 120%; }
	h3 , .h3 { font-size: 32px;  line-height: 120%; }
	h4 , .h4 { font-size: 24px;  line-height: 110%; }
	h5 , .h5 { font-size: 20px;  line-height: 26px; font-weight:600;  padding-bottom: 8px; }
	h6 , .h6 { font-size: 16px;  line-height: 24px; font-weight:600;  padding-bottom: 8px; }

    p , ul li {  
        font-family:"polymath";
        font-weight: 400;
        font-size: 20px;
        line-height:150%;
        letter-spacing:4%;
        margin: 0 0 20px;
    }
    p:last-child { margin-bottom:0px; }
    h1:last-child, h2:last-child, h3:last-child, 
    h4:last-child, h5:last-child, h6:last-child { 
        padding-bottom:0px; 
    }

    .tx-12 p , .tx-12 , .tx-12 li { font-size: 12px; line-height: 120%; }
    .tx-18 p , .tx-18 , .tx-18 li { font-size: 18px; }
    .tx-16 p , .tx-16 , .tx-16 li { font-size: 16px; }
    .tx-14 p , .tx-14 , .tx-14 li { font-size: 14px; }

    .title-18 .title , .title-18  { font-size: 18px;  }

	.title-sometype h1, .title-sometype h2, .title-sometype h3,
    .title-sometype h4, .title-sometype h5, .title-sometype h6 { 
        font-family: 'Sometype Mono'; 
    }   
    .title-dm-sans h1, .title-dm-sans h2, .title-dm-sans h3,
    .title-dm-sans h4, .title-dm-sans h5, .title-dm-sans h6 { 
        font-family: 'DM Sans'; 
    }


/*-------- |-- DISPLAY FLEX STRUCTER CSS  --| -----------*/
    
    .wd-100 { box-sizing: border-box;  line-height: 0; width:100%; }

    .d-flex { display:flex;  justify-content:space-between; gap:30px;  }
    .d-grid2 { 
        display: grid;
        grid-gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
    .d-grid3 { 
        display: grid;
        grid-gap: 35px;
        grid-template-columns: repeat(3, 1fr);
    }
    .d-grid5 { 
        display: grid;
        grid-gap: 35px;
        grid-template-columns: repeat(5, 1fr);
    }

    .align-center { align-items: center; }
    .align-end { align-items: flex-end; }
    .justify-center {justify-content: center; }

    .d-gap-10 { gap:10px; }
    .d-gap-15 { gap:15px; }
    .d-gap-20 { gap:20px; }


/*---- |-- REGULAR CSS --| ------*/
    .container { max-width: 1200px; margin:0 auto; }
    .row-inner:not(:last-child) { margin-bottom:40px; }

    .sec-spcing { padding:120px 50px; }
    .sec-spcing-sm { padding:80px 50px; }
    .sec-spcing-60 { padding:60px 50px; }
    .sec-spcing-160 { padding:160px 50px; }

    .pb-10 { padding-bottom: 10px!important; }
    .pb-15 { padding-bottom: 15px!important; }
    .pb-20 { padding-bottom: 20px!important; }
    .pb-30 { padding-bottom: 30px!important; }
    .pb-40 { padding-bottom: 40px!important; }
    
    .mt-10 { margin-top: 10px; }
    .mt-20 { margin-top: 20px; }
    .mt-30 { margin-top: 30px; }

    .mb-10 { margin-bottom: 10px; }
    .mb-20 { margin-bottom: 20px; }
    .mb-30 { margin-bottom: 30px; }

    .pt-0 { padding-top:0!important; }
    .pb-0 { padding-bottom:0!important; }
    .pd-0 { padding: 0px!important; }
    .p-block0 { padding-block:0!important; }
    .p-inline { padding-inline:0!important; }

    .mb-0 { margin-bottom: 0px!important; }
    .mt-0 { margin-top: 0px!important; }

    img { max-width:100%; height:auto; }
    .ig-100 { max-width: 100%; height: auto; position: relative;  width: 100%; }

    .tx-center { text-align:center; }
       
    .buttons { position: relative; margin-top: 10px; }
    .buttons span.btn-icons {
        margin-left: 8px;
        line-height: 0;
        width: 16px;
        height: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .buttons .btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 14px 24px;
        color: #081425;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.32px;
        font-weight: 600;
        text-decoration: none;
        background: var(--btn-bg);
        color: #fff;
        border: 1px solid;
        border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.25) -2.5%, rgba(255, 255, 255, 0.125) 100%);
        border-radius: 10px;
        box-shadow: 0px 0px 8px 0px #FFFFFF54 inset;
        transition: 0.3s all;
    }

    .buttons .btn-light { background:#E2E8F0; color:#1E3044; }
    .buttons .btn-light:not(:hover) img { filter: brightness(0); }

    .buttons .btn-transparent { background:transparent; border: 1px solid #94A3B8; color:#000000; }
    .buttons .btn-transparent:not(:hover) img { filter: brightness(0); }

    .buttons .btn:hover { 
        background: var(--dark-orange); color:#fff; 
        border-color:transparent; 
        box-shadow:none;
    }

    .tx-white * { color:#fff; }
    .title-1A2B3D .title { color:var(--title-1A2B3D); }
    .tx-4A5E72 p { color:var(--tx-4A5E72); }
    .tx-5A6B7D p { color:var(--tx-5A6B7D); }

    .bg-white {background: rgba(255, 255, 255, 1); }

    .global-badge { margin-bottom:20px; }
    .global-badge .badge-text {
        border: solid 1px var(--purply-blue);
        color: var(--purply-blue)!important;
        background: #F0EEFF;
        border-radius: 100px;
        display: inline-block;
        font-family: 'Sometype Mono';
        font-weight: 600!important;
        font-size: 12px!important;
        line-height: 18px!important;
        letter-spacing: 1.28px!important;
        text-align: center;
        text-transform: uppercase;
        padding: 8px  16px;
        margin:0;
    }

    .darkorange-badge .badge-text  {
        background: #FFF5F0;
        border: solid 1px var(--dark-orange);
        color: var(--dark-orange)!important;
    }
    .darkgreen-badge .badge-text {
        background: #E6F7F3;
        border: solid 1px var(--dark-green);
        color: var(--dark-green)!important;
    }
    .darkgreen-badge2 .badge-text {
         background: #E6F7F326;
        border: solid 1px #31CAAA;
        color: #31CAAA!important;
    }


/*------ |-- Header Part CSS --| ----*/
    .page-template-templateshome-temp-php .site header#masthead { display: none!important; }
    .main-header {
        position: absolute;
        z-index: 99;
        padding: 25px 50px;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
     .main-header  .head-wrapper {
        box-shadow: 0px 15px 80px 0px #00000014; border-radius: 12px;
    }
    .main-header .menu-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        min-height: 74px;
        padding: 0 25px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 28px 65px rgba(8, 20, 37, 0.12);
    }
    .main-header .head-logo img {
        display: block;
        max-width: 150px;
        height: auto;
    }

  /* --- Navigation Menu (Desktop) --- */
    .main-header .head-menu {
        flex: 1;
        display: flex;
        justify-content: center;
    }
    .main-header .head-menu > ul {
        display: flex;
        align-items: center;
        gap: 30px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .main-header .head-menu li { position: relative; margin:0; }
    .main-header .head-menu a {
        display: flex;
        align-items: center;
        gap: 6px;
        color: rgba(92, 77, 71, 1);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        text-decoration: none;
        transition: color 0.25s ease;
    }
    .main-header .head-menu a:hover,
    .main-header .head-menu li.is-open > a { color: var(--dark-orange); }

  /* Dropdown Arrow Icon */
    .main-header .head-menu .menu-item-has-children > a::after {
        content: "";
        width: 6px;
        height: 6px;
        margin-top: -2px;
        border-right: 1.5px solid currentColor;
        border-bottom: 1.5px solid currentColor;
        transform: rotate(45deg);
        transition: transform 0.2s ease;
    }
    .main-header .head-menu .menu-item-has-children.is-open > a::after { transform: translateY(2px) rotate(225deg); }

  /*--- Sub menu-Dropdown ---*/
    .main-header .head-menu .sub-menu {
        position: absolute;
        top: calc(100% + 15px);
        left: 50%;
        min-width: 200px;
        padding: 8px;
        background: #fff;
        border: 1px solid rgba(8, 20, 37, 0.08);
        border-radius: 12px;
        box-shadow: 0 15px 35px rgba(8, 20, 37, 0.12);
        opacity: 0;
        visibility: hidden;
        transform: translate(-50%, 10px);
        transition: all 0.2s ease;
        list-style: none;
        z-index: 100;
    }
    .main-header .head-menu .sub-menu::before {
        content: "";
        position: absolute;
        left: 0; right: 0; top: -15px;
        height: 15px;
    }
    .main-header .head-menu .sub-menu a {
        padding: 10px 12px;
        border-radius: 6px;
        color: #394353;
        white-space: nowrap;
    }
    .main-header .head-menu .sub-menu a:hover {
        background: #FFF5F0;
        color: var(--dark-orange) !important;
    }
    .main-header .head-butttons {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .main-header .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0 14px;
        color: #081425;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        background: linear-gradient(180deg, #fff 0%, #f4f6f8 100%);
        border: 1px solid rgba(8, 20, 37, 0.13);
        border-radius: 9px;
        box-shadow: 0 1px 2px rgba(8, 20, 37, 0.08);
        white-space: nowrap;
    }

  /* --- Menu Toggle Button (Hamburger) --- */
    .main-header .menu-toggle {
        display: none;
        width: 40px;
        height: 40px;
        padding: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        background: #fff;
        border: 1px solid rgba(8, 20, 37, 0.12);
        border-radius: 9px;
        cursor: pointer;
    }
    .main-header .menu-toggle span {
        display: block;
        width: 18px;
        height: 2px;
        background: #081425;
        border-radius: 2px;
        transition: 0.2s ease;
    }
    .main-header .menu-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .main-header .menu-toggle.is-active span:nth-child(2) { opacity: 0; }
    .main-header .menu-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .main-header .head-butttons .buttons { margin-top:0px; }


  /*--- Sticky Header css ----*/
    .main-header{
        width: 100%;
        z-index: 9999;
        transition: all .45s ease;
    }
    .main-header.is-sticky{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        animation: headerSlideDown .45s ease forwards;
        padding-top: 15px;
    }
    .main-header.is-sticky .menu-inner { box-shadow: 0 5px 20px rgba(8, 20, 37, 0.12); } 
    @keyframes headerSlideDown{
        from{
            transform: translateY(-100%);
            opacity:0;
        }
        to{
            transform: translateY(0);
            opacity:1;
        }
    }



/*------ |-- Global CSS Start --| ----*/

 /*--- Global Counter css ---*/
    .global-counter .counter-number {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        white-space:nowrap;
        transform:scale(.35);
        opacity:0;
        transform-origin:center center;
        will-change:transform,opacity;
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
        -webkit-font-smoothing:antialiased;
        padding-bottom: 5px;    font-family: 'Sometype Mono';
    }
    .global-counter .counter-number .counter-lfticon,
    .global-counter .counter-number .counter-rgticon {
        display:inline-flex;
        align-items:center;
    }
    .global-counter .counter-number span.counter-lfticon { order: -1; color: #0FA888; }

 /*--- Global Custom Video CSS ---*/
    .custom-video { width: 100%; margin: 0; }
    .custom-video .video-thumb{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }
    .custom-video .video-inner{
        position:relative;
        overflow:hidden;
        aspect-ratio:16/9;
        border-radius: 20px;
        background: var(--title-color);
    }
    .custom-video .video-inner video,
    .custom-video .video-inner img,
    .custom-video .video-inner iframe{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        border-radius: 20px;
    }
    .custom-video .video-play{
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        width: 65px;
        height: 65px;
        line-height: 0;
        border-radius:50%;
        color:#fff;
        font-size: 24px;
        cursor:pointer;
        z-index: 2222;
        background: #E4E8ED4D;
        border: solid 2px #FFFFFF66;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

  /*--- Global Marquee Slider CSS ---*/
    .global-marquee-wrap {
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    .global-marquee-slider {
        display: flex;
        align-items: center;
        width: max-content;
        flex-wrap: nowrap;
        will-change: transform;
    }
    .global-marquee-slider .marquee-img {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
    }
    .global-marquee-slider img {
        display: block;
        pointer-events: none;
        user-select: none;
    }

  /*--- tags-span CSS ---*/
    .global-tags-span {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px 8px;
    }
    .global-tags-span span {
        display: inline-flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 6px;
        border-top: 1px solid rgba(226, 232, 240, 0.6);
        padding: 9px 12px;
        background: rgba(248, 249, 252, 1);
        border: 1px solid #e2e8f0;
        border-radius: 50px;
        font-size: 12px;
        line-height: 165%;
        font-weight: 500;
        color: var(--tx-5C7185);
    }
    .global-tags-span img {
        width: 14px; height: 14px;
        object-fit: contain;
        position: relative;
        top: 2px;
    }

  /*--- Global Custom Tab ---*/
    .custom-tabs .global-tabs-content { position: relative; }
    .custom-tabs .tab-content { display: none; }
    .custom-tabs .tab-content.active { display: block; }
    .custom-tabs .tabsbtn-grups li { cursor: pointer; transition: all .3s ease; }
    .custom-tabs .tabsbtn-grups li.tab-disable{  cursor: default; pointer-events: none; }

    .tabsbtn-grups .tab-disable { position: relative;  pointer-events: none;  }
    .tabsbtn-grups .tab-disable span{ display: none; animation: fadeText .3s ease; }
    .tabsbtn-grups .tab-disable span.selected { display: inline-block; }

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

  /*--- Global Accordian CSS  ---*/
    .faq-accordion {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        text-align: left;
    }
    .faq-item {
        padding: 22px 30px;
        background-color: #f1f3f5;
        border: 1px solid #D0D8E0;
        border-radius: 16px;
        overflow: hidden;
        transition:
            border-color 0.3s ease,
            background-color 0.3s ease,
            box-shadow 0.3s ease;
    }
    .faq-header {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
        background: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        font-family: inherit;
        text-align: left;
        user-select: none;
    }
    .faq-header:focus { outline: none; }
    .faq-question {
        font-size: 18px;
        font-weight: 400;
        padding-right: 15px;
        line-height: 140%;
        letter-spacing: 4%;
        color: #04101F;
    }
    .faq-icon-container {
        width: 25px;
        height: 25px;
        flex: 0 0 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition:
            background-color 0.3s ease,
            transform 0.3s ease;
    }
    .faq-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-size: 28px;
        font-weight: 400;
        color: #000000;
        line-height: 1;
        font-family: 'Sometype Mono', monospace;
        transition: transform 0.2s ease;
    }
    .faq-body {
        height: 0;
        overflow: hidden;
        transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: height;
    }
    .faq-content { padding: 10px 0 0; padding-right: 20px; }
    .faq-content p { margin: 0; font-size: 16px; color: var(--tx-4A5E72); }
    .faq-item.active .faq-icon { transform: none; }

/*------ |-- Global CSS End --| ----*/


/*----- |-- Global Form CSS START --| -----*/
    .all_forms {
        display: flex;
        flex-wrap: wrap;
        gap: 25px 20px;
        justify-content: space-between;
        flex-direction: row;
    }
    .all_forms .frm-box {
        position: relative; line-height: 0; width: 100%;
    }
    .all_forms .frm-box50 { width: calc(50% - 13px); }
    .all_forms .frm-box p {
        margin: 0 !important;
        padding: 0;
        position: relative;
        line-height: 0 !important;
    }
    .all_forms .frm-box label {
        font-family: 'Polymath Demo';
        font-family: 'Polymath';
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #E2E8F0;
        display: block;
        margin: 0 0 5px;
    }
    .all_forms .frm-box .wpcf7-form-control {
        width: 100%;
        border: 1px solid #FFFFFF26;
        border-radius: 10px;
        background: #FFFFFF1A;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        outline: none;
        box-sizing: border-box;
        transition: .3s;
        font-family: inherit;
        height: auto;
        letter-spacing: 2%;
    }
    .all_forms .frm-box .wpcf7-form-control:focus {
        border: 1px solid #f55e25; 
    }
    .all_forms .frm-box .wpcf7-form-control::placeholder {
        color: #94A3B880; opacity: 1; 
    }
    .all_forms .frm-box textarea.wpcf7-form-control { height: 130px; resize: none; }

    .all_forms .frm-submit { width: 100%; }
    .all_forms .frm-submit .cf7-submit-btn {
        width: 100%;
        height: auto;
        border: none;
        border-radius: 50px;
        background: #0FA888;
        color: #fff;
        font-size: 18px;
        line-height: 22px;
        font-family: Polymath;
        letter-spacing: 3%;
        padding:15px;
        font-weight: 500;
        cursor: pointer;
        transition: .3s;
        position: relative;
        box-shadow: inset 0 0 8px 0 #FFFFFF54;
        border: 1px solid;
        border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.25) -2.5%, rgba(255, 255, 255, 0.125) 100%); 
    }
    .all_forms .frm-submit img {
        height: auto !important;
        max-width: 100% !important;
        position:relative;
        top:4px;
        left:5px;
    }
    .all_forms .frm-submit .cf7-submit-btn:hover { background: #f55e25; }
    .all_forms .frm-submit p { margin: 0 !important; line-height: 0 !important; }

    .all_forms .frm-submit button.cf7-submit-btn br ,
    /*.all_forms .wpcf7-spinner { display: none !important; }*/

    .all_forms .frm-box .wpcf7-not-valid-tip {
        color: #ff0000;
        font-size: 16px;
        display: block;
        line-height: 1;
        margin: 0;
        font-weight: 600;
        text-align: left;
        padding: 5px;
    }
    .wpcf7 form .wpcf7-response-output {
        margin: 20px 0 5px !important;
        font-weight: 500 !important;
        padding: 8px 15px !important;
        line-height: 26px !important;
        font-size: 18px;
        letter-spacing: 2%;
    }
    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output,
    .wpcf7 form.payment-required .wpcf7-response-output {
        border-color: #ff0000 !important;
        color: #ff0000 !important;
    }
    .wpcf7 form.sent .wpcf7-response-output {
        border-color: #1b9e26 !important;
        color: #1b9e26 !important;
    }

/*----- |-- Global Form CSS END  --| -----*/

/*------ |-- Home Page Css Start --| ----*/
    .hm-theproblem-titles .title  {  }
    .hm-hero-section .main-wrappers { 
        padding: 180px 50px 0px; 
        position: relative;
        /*background: linear-gradient(12.23deg, #FFFFFF 40.58%, #CBCBCB 89.88%);*/
    }
    .hm-hero-section .main-wrappers::before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        background-image: url("/wp-content/uploads/2026/08/hero-background.png");
        background-image: url("/wp-content/uploads/2026/08/hero-paddings.png");
        background-size: cover;
        background-position: bottom;
        z-index: -1;
    }

    .hm-hero-section .row-inner { margin-block: 0; }
    .hm-trusted-badge.d-flex {
        box-shadow: 0 0 70px rgba(53, 67, 84, 0.24), inset 0 -3px 8px rgba(0, 0, 0, 0.20);
        max-width: 310px;
        margin: 0 auto 30px;
        background: #FFFFFF;
        border-radius: 100px;
        padding: 10px 20px;
    }
    .hm-hero-smallimg.d-flex {
        max-width: 270px;
        margin: 0 auto;
        gap: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    } 
    .hm-row-titles h1 { max-width: 970px;  margin: 0 auto; }
    .hm-row-titles p {
        max-width: 1020px;
        margin: 10px auto 30px;
        text-align: center;
    }
    .row-inner.hm-hero-counter {
        margin-top: 40px;
        justify-content: center;
        gap: 10px;
    }   
    .hm-hero-counter .hm-hero-counter {
        padding: 0 20px; text-align: center;
    }

    .hm-herovideo-inner { 
        margin: 0;
        padding-top: 110px;
        position: relative; 
    }
    .hm-herovideo-inner::before {
        content: "";
        position: absolute;
        top: -150px;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        background: url("/wp-content/uploads/2026/08/hm-hero-video.png") no-repeat;
        background-position: center;
        background-size:contain;
        z-index: 0;
    }
    .hm-herovideo-inner .custom-video {
        border-radius: 32px;
        border: 2px solid #999999;
        box-shadow: 0px 0px 79px 0px #35435424;
    }
    .hm-herovideo-inner .custom-video .video-inner{ border-radius:30px; }

    .hm-heromarquee-section .main-wrappers.sec-spcing-sm { padding-block: 0!important; }
    .hm-herologoslider-inner {
        padding: 40px 5px;
        max-width: 1000px;
        margin: 0 auto;
    }
    .hm-herologoslider-inner p {
        font-family: 'Sometype Mono';
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.96px;
        text-align: center;
        text-transform: uppercase;
        color: #8696A9;
    }

    .hm-theproblem-inner { 
        position: relative; 
        filter: drop-shadow(0 0 60px rgba(53, 67, 84, 0.2));
        margin-top:-10px;
    }
    .hm-theproblem-inner .hm-problem-box {
        border: 1px solid #58585838;
        box-shadow: 0px 0px 8px 0px #00000026 inset;
        background: #fff;
        padding: 25px;
        border-radius: 16px;
    }
    .hm-theproblem-inner .hm-problem-box .hm-problem-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        background: #FFF5F0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 32px;
    }
    .hm-theproblem-inner .hm-problem-box .hm-problem-icon img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }
    .hm-theproblem-inner .hm-problem-box .title {
        font-weight: 600;
        font-size: 18px;
        line-height: 140%;
        font-family:"polymath";
        padding-bottom: 5px;
    }

    .hm-thesolution-section .main-wrappers.sec-spcing-60 {
        padding-bottom: 200px; position: relative;
    }
    .hm-thesolution-section .main-wrappers::before {
        content: "";
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom:-770px;
        margin: auto;
        width: 100%;
        height: 100%;
        background: url("/wp-content/uploads/2026/08/the-solution-bottoms.png") no-repeat;
        background-position:bottom center;
        background-size:contain;
        z-index: -1;
    }
    .hm-thesolution-section .container {  
        background: rgba(255, 255, 255, 1);
        border-radius: 40px;
        border: 1px solid #26262629;
        /*filter: drop-shadow(0 0 79px rgba(53, 67, 84, 0.143));
        box-shadow: 0px 0px 16px -2px rgba(53, 67, 84, 0.32) inset;*/
        padding: 40px 80px 0;
        overflow: hidden;
        box-shadow: 0px 0px 79px 0px #35435424, 0px 0px 16px -2px #35435452 inset;
    }
    .hm-howitworks-section .hm-howitworks-titles{
        max-width: 750px;  margin-inline: auto;
    }
    .hm-thesolution-section .hm-thesolution-titles .title {
        max-width: 480px;
        margin-inline: auto;
    }
    .hm-thesolution-boxx-inner .hm-tsolution-box {
        background: rgba(255, 255, 255, 1);
        border-radius: 24px;
        padding: 32px;
        box-shadow: 0px 0px 77px 0px #35435424, 0px 0px 16px 0px #35435429 inset;
        border: solid 1px #6e6e6e29;
    }
    .hm-thesolution-boxx-inner .hm-tsolution-box p { color: #8696A9;     font-weight: 300;   }       
    .hm-thesolution-boxx-inner .hm-tsolution-box .title {
        padding-bottom: 8px;
        font-weight: 600;
        line-height: 120%;
        font-family:"polymath";
    }
    .row-inner.hm-tsolutionimage-inner.d-flex {
        gap: 0;display: flex;flex-direction: row;
        flex-wrap: nowrap; align-items: flex-end;
        margin-top: 60px;
        position: relative;
    }
    .hm-tsolution-image img {
        position: relative;
        width: 100%;
        max-width: 581px;
        transform: rotate(-5deg);
        box-shadow: 0px 0px 43.15px -3.6px rgba(53, 67, 84, 0.16);
        top: 25px;
        border-radius: 6px;
        left: 5px;
    }
    .hm-tsolution-image.hm-tsolution-image1 { z-index: 1; }
    .hm-tsolution-image2 img {
        top: 15px;
        bottom: 0px;
        right: -5px;
        left: auto;
        z-index: 0;
        width: 100%;
        max-width: 610px;
        position: absolute;
        border-radius: 6px;
    }
    
  /*---- How It Works - Section CSS START ------*/
    .hm-howitworks-section { box-shadow: 0px 40px 80px -8px #35435429; }
    .hiw-tabs.hm-worktabs {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding-bottom: 50px;
        flex-wrap: wrap;
        position: relative;
    }  
    .hiw-tabs.hm-worktabs::before { 
        position: absolute;
        content: "";
        top: auto;
        left: 0;
        right: 0;
        bottom: 25px;
        margin: auto;
        width: 80%;
        height: 2px;
        background: linear-gradient(90deg, rgba(226, 232, 240, 0) 0%, #D0D8E0 50%, rgba(226, 232, 240, 0) 100%);
    } 
    .hm-worktabs .hiw-tab {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 11px 24px 11px 16px;
        border-radius: 100px;
        border: 1px solid #94A3B854;
        background: #F1F3F5;
        color: var(--tx-5A6B7D);
        font-size: 14px;
        cursor: pointer;
        transition: all .25s ease;
        position: relative;
        overflow: hidden;
        font-family: Polymath;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        box-shadow: 0px 0px 12px -4px #5C718540;
    }
    .hm-worktabs span.hiw-tab-num {
        background: #94A3B854;
        width: 24px;
        height: 24px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-family: Polymath;
        font-weight: 600;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #5A6B7D;
        border-radius: 50px;
    }
    .hm-worktabs .hiw-tab.is-active , .hm-worktabs .hiw-tab:hover ,
    .hm-word-titles .hw-btn1 .badge-text {
        border-color:var(--dark-orange);
        color:var(--dark-orange)!important;
        background:#FFF5F0;
        box-shadow: 0px 0px 32px -6px #F45E2566;
    }
    .hm-worktabs .hiw-tab.is-active span.hiw-tab-num,
    .hm-worktabs .hiw-tab:hover span.hiw-tab-num {
        background:var(--dark-orange); color: #FFFFFF;
    }
    .hm-worktabs .hiw-tab-progress {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 0%;
        background: var(--dark-orange);
        transition: width linear;
        opacity: 0;
        display: none;
    }

    .hm-worktabs .hw-btn2.is-active , .hm-worktabs .hw-btn2:hover ,
    .hm-word-titles .hw-btn2 .badge-text {
        border: solid 1px var(--purply-blue);
        color: var(--purply-blue)!important;
        background: #F0EEFF;
        box-shadow: 0px 0px 32px -6px #6C5CE780;
    }
    .hm-worktabs .hw-btn2 .hiw-tab-progress,
    .hm-worktabs .hw-btn2.is-active span.hiw-tab-num,
    .hm-worktabs .hw-btn2:hover span.hiw-tab-num {
        background:var(--purply-blue); 
    }

    .hm-worktabs .hw-btn3.is-active , .hm-worktabs .hw-btn3:hover ,
    .hm-word-titles .hw-btn3 .badge-text {
        border: solid 1px var(--dark-green);
        color: var(--dark-green) !important;
        background: #E6F7F3;
        box-shadow: 0px 0px 32px -6px #0FA88866;
    }
    .hm-worktabs .hw-btn3 .hiw-tab-progress,
    .hm-worktabs .hw-btn3.is-active span.hiw-tab-num,
    .hm-worktabs .hw-btn3:hover span.hiw-tab-num {
        background:var(--dark-green); 
    }
    .hm-worktabs .hiw-tab.is-active .hiw-tab-progress{
        opacity:1; display: none;
    }
    .hm-word-titles .global-badge .badge-text { box-shadow:none!important; }

    .hm-work-panel .wd-100 { width:calc(50% - 25px); }
    /*.hm-work-panel .hm-workmedia-box { aspect-ratio: 16 / 10; }*/
    .hm-work-panel .hm-workmedia-box video.hiw-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }    
    .hiw-panel.hm-work-panel {
        display:none;
        justify-content: space-between;
        gap: 30px 0;
        align-items:center;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .hiw-panel.hm-work-panel.is-active{
        display:flex;
        animation:fadeIn .55s ease-in;
    }

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

    .hm-work-panel .hm-workcontent-box {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }   
    .hm-work-panel .hm-workcontent-box .title {
        color: var(--title-1A2B3D);
    }
    .hm-work-panel .hm-workcontent-box p {
        font-size: 16px;
        line-height: 150%;
        max-width: 470px;
    }

  /*---- How It Works - Section CSS END ------*/
    .hm-featurecard-inner .hm-featurecard-box {
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(226, 232, 240, 1);
        box-shadow: 0px 12px 60px 0px rgba(53, 67, 84, 0.12);
        padding: 32px;
        border-radius: 20px;
        gap: 25px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .hm-featurecard-inner .hm-feature-image ,
    .hm-featurecard-inner .hm-feature-image img {
        border-radius: 20px;
    }
    .hm-featurecard-inner .hm-feature-image img { width:100%; }
    .hm-featurecard-inner .hm-featurecard-full {
        grid-column: 1/-1;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 30px;
        align-items: center;
    }
    .hm-featurecard-inner .hm-featurecard-full .hm-feature-content ,
    .hm-featurecard-inner .hm-featurecard-full .hm-feature-image {
        width: calc(50% - 20px);
    }
    .hm-featurecard-box .hm-feature-icon { margin-bottom: 20px; } 
    .hm-featurecard-inner .hm-featurecard-full .video-inner button.video-play {
        background: #00000091;
    }

    .hm-featurecard-inner .hm-featurecard-pb0 { padding-bottom:0px!important; }
    .hm-featurecard-inner .hm-featurecard-pb0 .hm-feature-image img { 
        box-shadow: 0px 8px 60px -8px rgba(53, 67, 84, 0.2);
        border-radius: 16px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .main-wrappers:has(.hm-featurecard-inner) p {
        color: var(--tx-5A6B7D);
    }
    .hm-featurecard-inner .hm-feature-tags { padding-top: 20px; }
    .hm-features-section {
        position: relative;z-index: 1;
    }
    .hm-featurhighlights-section {
        box-shadow: 0px 40px 80px -8px #35435429;
        z-index: 0;
        position: relative;
    }
    .hm-featurecard-inner .global-tags-span span { color:var(--tx-5A6B7D); }

  /*----- Search Input & Select Dropdowns ------*/
    .hm-dataintelg-content.wd-100 {
        max-width: 450px;
        width: 100%;
        margin-top: 30px;
    }
    .hm-dataintelg-content.wd-100 .buttons { margin-top:40px; }
    .hm-dataintelg-search.wd-100 {
        width: 100%;
        max-width: 700px;
    }
    .custom-searchdata-inner {
        background: #fff;
        border-radius: 20px;
        box-shadow:
            8px -8px 80px 0 rgba(53, 67, 84, 0.22),   /* Outer Shadow */
            inset 0 0 12px 0 rgba(34, 54, 74, 0.20),  /* Inner Glow */
            inset 0 -6px 12px 0 rgba(0, 0, 0, 0.16);  /* Bottom Inner Shadow */
    }
    .custom-searchdata-box {
        border-radius: 24px;
        border: 1px solid rgb(219 219 219 / 80%);
        overflow: hidden;
        padding-bottom: 10px;
    }
    .custom-searchdata-header {
        padding: 25px;
        display: flex;
        align-items: center;
        gap: 15px;
        background: #F8F9FC;
        position: relative;
        border-bottom: solid 1px #8B9BAE54;
        box-shadow: 0px 3px 15px -1px #35435438 inset;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .search-box {
        position: relative;
        width: 250px;
        display: flex;
        align-items: center;
        box-shadow: none;
        border: 0;
        background: transparent;
        border-radius: 10px;
    }  
    .search-box .search-input {
        width: 100%;
        height: 48px;
        padding: 10px 46px 10px 18px;
        font-size: 0.95rem;
        color: #8290A1;
        background-color: #ffffff;
        outline: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
        box-shadow: inset 0 0 6px rgba(53, 67, 84, 0.24);
        border-radius: 10px;
        border: solid 1px #94A3B880;
        font-family: 'Polymath Demo';
        font-family: 'Polymath';
    }
    .search-box .search-input::placeholder { color: #94a3b8; }
    .search-box .search-input:focus {
        border-color: #8290A1;
    }
    .search-box .search-icon {
        position: absolute;
        right: 15px;
        pointer-events: none;
    }

  /*---- Select Filters -----*/
    .custom-searchdata-header .filter-group {
        display: flex;
        align-items: center;
        width: calc(100% - 270px);
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
    }
    .custom-searchdata-header .filter-group .filter-select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 48px;
        padding:10px 31px 10px 13px;
        background-color: #0D9478;
        color: #ffffff;
        border: solid 1px #FFFFFF40;
        border-radius: 10px;
        cursor: pointer;
        outline: none;
        background-image: url(/wp-content/uploads/2026/08/select-icon-1.svg);
        background-repeat: no-repeat;
        background-position: right 14px center;
        transition: background-color 0.2s ease;
        flex: 0 0 auto;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        font-family: 'Polymath Demo';
        font-family: 'Polymath';
    }
    .custom-searchdata-header .filter-group .filter-select:hover { background-color:  var(--dark-green); }
    .custom-searchdata-header .filter-group .filter-select option {
        background-color: #ffffff;
        color: #334155;
        font-weight: 500;
    }
    .filter-group{
        display:flex;
        gap:5px;
        flex-wrap:wrap;
    }
    .filter-group .select-box{ width:35%; }
    .filter-group .select-box:first-child { width:25%; } 
    .filter-group .custom-select {
        position:relative;
        width:100%;
        color: #fff!important;
        background: #12967E;
        border-radius: 10px;
        transition: 0.35s all;
    }
    .filter-group .custom-select:hover ,
    .filter-group .custom-select.active ,
    .filter-group .custom-select:focus { background:#0e6656; }

    .filter-group .custom-select .select-trigger{
        color: #fff!important;
        width: 100%;
        overflow: hidden;
        padding: 14px 26px 14px 16px;
        border-radius: 10px;
        z-index: 1;
        position: relative;
        cursor: pointer;
        transition: 0.35s all;
    }
    .filter-group .custom-select .select-trigger span {
        color: #fff !important;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        font-family: 'Polymath Demo';
        font-family: 'Polymath';
    }
    .filter-group .custom-select::after{
        position: absolute;
        content:"";
        top: -3px;
        bottom: 0;
        margin: auto;
        right: 12px;
        width: 8px;
        height: 8px;
        border-right:2px solid #fff;
        border-bottom:2px solid #fff;
        transform:rotate(45deg);
        transition:.3s;
    }
    .filter-group .custom-select.active .select-trigger::after{
        transform:rotate(-135deg);
    }
    .filter-group .custom-select .select-options{
        position:absolute;
        top:calc(100% + 5px);
        left:0;
        width:100%;
        margin:0;
        padding: 0;
        list-style:none;
        background:#fff;
        border-radius:10px;
        border:1px solid #ddd;
        box-shadow:0 10px 25px rgba(0,0,0,.15);
        display:none;
        z-index:999;
        max-height:180px;
        overflow-y:auto;
        color: #000;
         /*width: fit-content;*/
    }
    .filter-group .custom-select.active .select-options{
        display:block;
    }
    .filter-group .custom-select .select-options li{
        padding:10px 12px;
        cursor:pointer;
        transition:.3s;
        line-height:18px;
        font-size: 14px;
        font-weight: 500;
        margin: 0;
    }
    .filter-group .custom-select .select-options li:hover,
    .filter-group .custom-select .select-options li.active{
        background:#12967E;
        color:#fff;
    }
    .custom-searchdata-box .custom-searchdata-content {
        counter-reset: data-counter;
        max-height: 480px;
        overflow-y: auto;
        padding: 8px 25px;
        min-height: 260px;
    }
    .custom-searchdata-content .custom-dataitem {
        counter-increment: data-counter;
        padding: 12px 15px 16px;
        border-bottom: 1px solid #F3F5F7;
        padding-left: 35px;
        position: relative;
    }
    .custom-searchdata-content .custom-dataitem:last-child { border-bottom: none; }
    .custom-searchdata-content .custom-dataitem::before {
        /*content: counter(data-counter) ". ";*/
        content: counter(data-counter, decimal-leading-zero) ".";
        left: -3px;
        position: absolute;
        top: 12px;
        color: #04101F;
        font-family: 'Sometype Mono';
        font-weight: 500;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0.32px;
    }
    .custom-dataitem .custom-dataitem-header {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom:3px;
    }
    .custom-dataitem .item-title {
        font-family: 'Sometype Mono';
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        padding: 0;
        letter-spacing: 2%;
    }
    .custom-dataitem .custom-dataitem-badges {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
    .custom-dataitem .custom-dataitem-badges img {
        object-fit: contain;
    }
    .custom-dataitem .item-subtitle p{
        color: #8696A9;
        font-family: Polymath;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 2%;
        margin: 0;
    }
    .custom-dataitem .sub-item-badge {
        margin-top: 10px;
        padding: 9px;
        background-color: #E6F7F3;
        border-radius: 8px;
        color: #0D9478;
        font-weight: 500;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
        line-height: 140%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        gap:6px;
       width: fit-content;
           flex-wrap: nowrap;
    }
    .sub-item-badge span {
        display: block;
        line-height: 130%;
    }
    .custom-dataitem .sub-item-badge img {
        width: 14px; height: 14px; flex-shrink: 0;
        top: 1px; position: relative;
    }
    .custom-searchdata-box .no-result { padding: 25px 10px; text-align: center; }

  /*----- Scorll bar start  -----*/
    .custom-searchdata-content::-webkit-scrollbar { width: 5px;  }
    .custom-searchdata-content::-webkit-scrollbar-thumb {
        background: #d4d0d0; border-radius: 20px;
    }
    .custom-searchdata-content::-webkit-scrollbar-thumb:hover { background: #979797; }
    
    @supports (-moz-appearance: none) {
        .custom-searchdata-content {
            scrollbar-width: thin;
            scrollbar-color: #d4d0d0 transparent;
        }
    }

    .filter-group .custom-select .select-options::-webkit-scrollbar { width: 4px; }
    .filter-group .custom-select .select-options::-webkit-scrollbar-thumb {
        background: #d4d0d0; border-radius: 20px;
    }
    .filter-group .custom-select .select-options::-webkit-scrollbar-thumb:hover {
        background: #979797;
    }
    @supports (-moz-appearance: none) {
        .filter-group .custom-select .select-options {
            scrollbar-width: thin; scrollbar-color: #d4d0d0 transparent;
        }
    }

  /*----- Scorll bar End -----*/
    .hm-multimarketplace-section .main-wrappers {
        background: #192534;
        box-shadow: 0px 0px 80px -20px #3543543D;
        border-radius: 24px;
    }
    .hm-multimarketplace-section { padding: 50px 0; }
    .hm-multimarketplace-section .container { max-width: 1240px; } 
    .hm-multimarketplace-section .hm-multimrk-title { max-width: 750px; }
    .hm-multimarketplace-section .hm-multimrk-buttons { max-width: 470px; }
    .hm-multimrk-title p { color: #FFFFFFB2; }

    .hm-multimarket-inner {  }
    .hm-multimarket-big {
        background: #FFFFFF;
        border: 1px solid #1925341A;
        border-radius: 24px;
        box-shadow: 0px 4px 24px -5px #00000029;
        max-width: 700px;
    }
    .hm-multimarket-big .title  { color:#1A2B3D; }
    .hm-multimarket-big p  {
        color:#4A5E72; 
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 2%;
    }


    .hm-multimarket-big .hm-mulmrk-titlesin { padding:32px; margin-bottom:90px; }
    .hm-multimarket-small { max-width: 520px; }
    .hm-multimarket-small .hm-mulmrk-titlesin p {
        color: #8696A9;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 2%;
    }
    .hm-multimarket-small .hm-multrgt-inbox {
        padding: 0;
        background: #1E3044;
        border-radius: 24px;
        border: 1px solid #FFFFFF1A;
        margin-bottom: 20px;
    }
    .hm-multimarket-small .hm-multrgt-inbox1 .hm-mulmrk-titlesin { padding:32px 32px 45px; }
    .hm-multimarket-small .hm-mutl-image img { border-bottom-left-radius: 20px; }
    .hm-multimarket-small .hm-multrgt-inbox1 .hm-mulmrk-imgin {
        padding-right: 30px;
        flex-direction: row;
        align-items: flex-end;
        flex-wrap: nowrap;
    }
    .hm-multimarket-small .hm-multrgt-inbox .hm-mutl-software {
        background: radial-gradient(80.94% 55.23% at 47.49% 41.28%, rgba(255, 255, 255, 0.05) 0%, rgba(236, 237, 239, 0.05) 100%);
        border: 1px solid #8B9BAE24;
        padding: 20px;
        text-align: center;
        width: 100%;
        max-width: 160px;
        margin-bottom: 20px;
        border-radius: 4px;
    }
    .hm-multimarket-small .hm-multrgt-inbox .hm-mutl-software p {
        color: #3BF0CF;
        font-family: 'Sometype Mono';
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .hm-multimarket-small .hm-mulmrk-titlesin p {
        font-size: 16px;  color: #8696A9;
    }
    .hm-multimarket-small .hm-multrgt-inbox2 { padding: 32px; margin-bottom:0px; }
    .hm-multimarket-small .hm-multrgt-inbox2 .hm-mutl-software { 
        max-width: calc(50% - 5px);  margin: 0px;  
    }
    .hm-multimarket-small .hm-multrgt-inbox2 .hm-mulmrk-imgin { margin-top: 58px; }
    .hm-multimarket-small .hm-multrgt-inbox .hm-mutl-software .title {
        font-family: 'Sometype Mono';
        color: #3BF0CF;
        font-weight: 400;
    }   
    .hm-multimarket-small .hm-multrgt-inbox2 .hm-mutl-software { text-align: left; padding: 12px; }
    .hm-multimarket-small .hm-multrgt-inbox2 .hm-mutl-software p { color:#8B9BAE; margin-top: 0px;}
    .hm-multimarket-marqueeslider .global-marquee-slider .marquee-img { padding:0 5px; }
    .hm-multimarket-marqueeslider .global-marquee-wrap { padding:10px 0; } 
 
  /*-- COMPARE MARKET SECTION STYLES --*/
    .hm-comparemarket-section {
        background-image: url(/wp-content/uploads/2026/08/comparemarket.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        padding-bottom: 80px;
    }
    .hm-comparemarket-section { position: relative; width: 100%; }

 /*---- Testimonials Section CSS Start ----*/
    .hm-testimonials-section {
        background-image: url(/wp-content/uploads/2026/08/Testimonials.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top;
        position: relative;
    }
    .hm-testimonials-section::before {
        position: absolute;
        content: "";
        inset: 0;
        width: 100%;
        height: 100%;
        background: #F3F5F7;
        z-index: -1;
    }
    .hm-testimonials-counter {
        background: #fff;
        padding: 30px;
        max-width: 1000px;
        margin-inline: auto;
        border-radius: 16px;
        text-align: center;
        box-shadow: 0px 0px 79px 0px #35435424;
    }
    .hm-testimonials-counter .counter-text { color:#263445; }
    .hm-testimonials-inner .global-marquee-slider { gap: 20px;  align-items: stretch; }
    .hm-testimonials-inner .global-marquee-wrap { margin-top:20px; }

    .hm-testimonials-inner .hm-testimonials-card {
        width: calc(500px - 30px);
        background: #ffffff;
        border-radius: 18px;
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-shrink: 0;
        box-sizing: border-box;
        box-shadow: 0px 0px 10px 0px #00000033 inset;
    }
    .hm-testimonials-inner .hm-testimonials-card .card-header {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 35px;
    }
    .hm-testimonials-inner .hm-testimonials-card .hm-starsrating {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    .hm-testimonials-inner .hm-testimonials-card .hm-starsrating img {
        height: auto;
        max-height: 24px;
        object-fit: contain;
        display: block;
    }
    .hm-testimonials-inner .hm-testimonials-card .hm-review-text p {
       color: #263445;
       font-size: 16px;
       line-height: 24px;
       padding-right: 10px;
       /*margin-bottom: 30px;*/
    }

    .hm-review-text { position: relative; }
    .hm-review-text:not(.is-expanded) .hm-review-content {
        position: relative;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        height: 96px;
    }
    .hm-review-text.is-expanded .hm-review-content {
        overflow-y: auto;  max-height: 96px;
    }
    .hm-read-more {
        display: block;
        margin-top: 10px;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--dark-green);
        font-size: 16px;
        line-height: 1;
        font-weight: 500;
        cursor: pointer;
        font-family: 'polymath';
        letter-spacing: 4%;
    }

    .hm-review-text .hm-read-more:hover ,
    .hm-review-text.is-expanded .hm-read-more {
        color: var(--dark-orange);
    }
    .hm-review-text .hm-review-content::-webkit-scrollbar { width: 5px; }
    .hm-review-text .hm-review-content::-webkit-scrollbar-track {
        background: #ebebeb; border-radius: 20px;
    }
    .hm-review-text .hm-review-content::-webkit-scrollbar-thumb {
        background: #b1b1b1; border-radius: 20px;
    }
    .hm-review-text .hm-review-content::-webkit-scrollbar-thumb:hover {
        background: #747474;
    }
    /* Firefox */
    @supports (-moz-appearance: none) {
        .hm-review-text .hm-review-content {
            scrollbar-width: thin;
            scrollbar-color: #b1b1b1 #ebebeb;
        }
    }

    .hm-testimonials-inner .hm-testimonials-card .hm-author-info {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-top: 24px;
    }
    .hm-testimonials-inner .hm-testimonials-card .hm-author-img .author-avatar {
        width: 50px;
        height: 50px;
        border-radius: 12px;
        object-fit: cover;
        display: block;
    }
    .hm-testimonials-inner .hm-testimonials-card .hm-author-details {
        display: flex; flex-direction: column;
    }
    .hm-testimonials-inner .hm-testimonials-card .hm-author-details .author-name {
        color: #263445;
        margin: 0;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 4%;
        padding: 0;
    }
    .hm-testimonials-inner .hm-testimonials-card .hm-author-details .author-role {
        color: #8B9BAE;
        font-weight: 300;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 4%;
    }

  /*---- Testimonials Section CSS END ----*/

  /*---- Packages Section CSS START ----*/
    .hm-packages-titles .title {
        max-width: 700px;  margin-inline: auto;
    }
    .hm-packages-tab-inners .global-tab-btns { margin-bottom:20px; text-align:center; }
    .hm-packages-tab-inners .global-tab-btns .tabsbtn-grups {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 12px 15px;
        list-style: none;
        margin: 0 auto;
        background: #192534;
        border-radius: 12px;
        flex-direction: row;
        border: solid 1px #FFFFFF1A;
        box-shadow: 0px 2px 6px -2px #00000029,
        inset 0px 0px 7px -2px #FFFFFF99;
    }
    .hm-packages-tab-inners .global-tab-btns .tabsbtn-grups li {
        cursor: pointer;
        padding: 10px 15px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        border: solid 1px transparent;
        border-radius: 12px;
        transition: all .3s ease;
        user-select: none;
        margin: 0;
        text-transform: capitalize;
    }
    .hm-packages-tab-inners .global-tab-btns .tabsbtn-grups li.active , 
    .hm-packages-tab-inners .global-tab-btns .tabsbtn-grups li:not(.tab-disable):hover {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 12.5%, rgba(183, 183, 183, 0.15) 100%);
        border: 1px solid #FFFFFF26;
    }
    .hm-packages-tab-inners .global-tab-btns .tabsbtn-grups li.tab-disable {
       color: #3BF0CF;
       background: #0A0A0A!important;
       border: 1px solid #3BF0CF;
       border-radius: 999px;
       background: transparent;
       cursor: default;
       white-space: nowrap;
       font-family: 'Sometype Mono';
       font-weight: 400;
       font-size: 14px;
       line-height: 20px;
       letter-spacing: -0.15px;
       text-align: center;
    }
    .hm-packages-tabinner {
        display: flex;
        gap: 10px;
        align-items: stretch;
        width: 100%;
        flex-wrap: wrap;
    }
    .hm-packages-tabinner .wd-100 { 
        width: 33%;  flex: 1;    
        border-radius: 20px;
        box-shadow: 0px 0px 79px 0px #3543543D;
    }
    .hm-pkg-card {
        background: #FFFFFF;
        border: 1px solid #bebebe7d;
        border-radius: 20px;
        padding: 32px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        transition: 0.3s ease-in;
        height: 100%;
        /*box-shadow: 0px 0px 8px 0px #00000029 inset,
        0px 0px 79px 0px #3543543D;*/
        box-shadow: inset 0px 0px 8px 0px #00000029;
        position: relative;
    }

  /*-- Pro Dark Card Center --*/
    .hm-pro-box .hm-pkg-card * { color: #B0BEC8!important; }
    .hm-pkg-card.dark-card {
        color: #FFFFFF;
        box-shadow: 0px 0px 8px 0px #FFFFFF80 inset;
        background: radial-gradient(
            141.76% 65.29% at 47.79% 0%,
            rgba(59, 240, 207, 0.3) 0%,
            rgba(25, 37, 52, 0) 100%
        ), #192534;
    }
    .hm-pkg-tag {
        font-family: 'Sometype Mono';
        font-size: 14px;
        line-height: 120%;
        display: block;
        margin-bottom: 8px;
        letter-spacing: 0;
    }
    .hm-pkg-card.dark-card .hm-pkg-title ,
    .hm-pkg-card.dark-card .hm-pkg-price .price-amount  { color: #fff!important; }
    .hm-pkg-title { padding-bottom: 10px; font-weight: 400; }
    .hm-pkg-desc { font-size: 16px; margin-bottom: 0; line-height: 130%; }
    .hm-pkg-card.dark-card .hm-pkg-desc { color: #A0AEC0; }
    .hm-pkg-price {
        display: flex;
        align-items: baseline;
        gap: 5px;
        margin: 25px 0;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .hm-pkg-price .price-amount { padding-bottom: 0px; }
    .hm-pkg-price .price-period {
        font-size: 16px;
        color: var(--tx-5C7185);
        font-weight: 400;
        line-height: 170%;
        letter-spacing: 2%;
    }
    .hm-pkg-card.dark-card .hm-pkg-price { border-bottom-color: #243B4A; }
    .hm-pkg-card.dark-card .hm-pkg-price .price-period { color: #8E9AAF; }
    .hm-pkg-features {
        list-style: none; padding: 0;
        margin: 0 0 22px 0; flex-grow: 1;
    }
    .hm-pkg-features li {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        margin-bottom: 14px;
        line-height: 130%;
    }
    .hm-pkg-features li span {
        width: calc(100% - 34px);
        display: block;
        line-height: inherit;
        font-size: inherit;
        font-style: inherit;
    }
    .hm-pkg-features li:last-child { margin-bottom: 0; }

    .hm-pkg-btnswrap { margin-top: auto; }
    .hm-pkg-btnswrap .btn { 
        display: block;  width: 100%; text-align: center;  
        box-shadow: unset; color: #fff !important; 
    }
    .hm-monthly-packages-inner .hm-shortpass-box { width: 100%;  flex: auto; }
    .hm-monthly-packages-inner .hm-shortpass-box .hm-pkg-card { 
        display: flex;  flex-direction: row;
    }
    .hm-monthly-packages-inner .hm-shortpass-box .hm-shortpass-feature {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 7px;
        margin-top: 10px;
    }
    .hm-monthly-packages-inner .hm-shortpass-box .hm-shortpass-feature p { 
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: 2%;
        color: #1D8C5F;
    }
    .hm-monthly-packages-inner .hm-shortpass-box .hm-shortpass-right {
        max-width: 340px; width: 100%;
    }
    .hm-monthly-packages-inner .hm-shortpass-box .hm-pkg-price { margin: 0; justify-content: center; }
  /*---- Packages Section CSS END ----*/

  /*---- Compare plans Section CSS Start ----*/
    .row-inner.hm-comparplans-inner1 { margin-bottom: 0!important; }
    .hm-comparplans-btn {  text-align: center; margin-bottom: 0px; }
    .hm-comparplans-btn p { 
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 8px;
        color: #4A5E72;
        line-height: 130%;
        letter-spacing: 2%;
    }

    /* Inner 2 Parent Connect Container */
    .hm-comparplans-inner2 { display: none; border-radius:56px; }
    .hm-comparplans-inner2 .hm-comparplans-title { margin-bottom: 40px; }
    .hm-comparplans-inner2 .hm-comparplans-datachart { width: 100%; }
    .hm-comparplans-inner2 .hm-comparplans-card {
        position: relative;
        background: #FFFFFF;
        border-radius: 56px;
        border: 1px solid #E2E8F0;
        padding: 40px;
        padding-right: 10px;
        box-shadow: 0 12px 60px 0 rgba(53, 67, 84, 0.12), inset 0 0 16px 0 rgba(17, 24, 39, 0.24), inset 0 0 6px 0 rgba(4, 16, 31, 0.24);
        margin-top: 40px;
    }
    .hm-comparplans-inner2 .hm-comparplans-card .hm-comparplans-title .title {  
        font-weight: 400;
        letter-spacing: 4%;
        padding-bottom: 8px;
        color: #04101F;
    }
    .hm-comparplans-inner2 .hm-comparplans-card .hm-comparplans-title p {
        font-weight: 400;
        line-height: 130%;
        letter-spacing: 2%;
        color: #5C7185;
    }
    .hm-comparplans-inner2 .hm-comparplans-close {
        position: absolute;
        top: 24px;
        right: 24px;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: #F1F5F9;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.2s ease, transform 0.2s ease;
        z-index: 25;
    }
    .hm-comparplans-inner2 .hm-comparplans-close:hover { background: #E2E8F0; transform: scale(1.05); }
    .hm-comparplans-inner2 .hm-comparplans-grid-wrap {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
        max-height: 735px;
        padding-right: 30px;
        padding-bottom: 2px;
    }
    .hm-comparplans-inner2 .hm-comparplans-grid-wrap::-webkit-scrollbar { width: 7px; height:7px; }
    .hm-comparplans-inner2 .hm-comparplans-grid-wrap::-webkit-scrollbar-track {
        background: #ebebeb; border-radius: 20px;
    }
    .hm-comparplans-inner2 .hm-comparplans-grid-wrap::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, rgba(176, 190, 200, 0.6) 0%, rgba(146, 160, 170, 0.6) 100%); border-radius: 20px;
    }
    .hm-comparplans-inner2 .hm-comparplans-grid-wrap::-webkit-scrollbar-thumb:hover {
        background: #747474;
    }
    .hm-comparplans-inner2 .hm-comparplans-grid {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-family: 'Polymath';
    }
    .hm-comparplans-inner2 .grid-row {
        display: flex; align-items: stretch; width: 100%;
    }
    .hm-comparplans-inner2 .grid-row:last-child { border-bottom: none; }
    .hm-comparplans-inner2 .grid-col {
        padding: 8px 0;
        font-size: 14px;
        line-height: 130%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hm-comparplans-inner2 .grid-header-row .grid-col {
        font-family: 'Sometype Mono';
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        padding: 15px 0px;
        border-bottom: 1px solid #B0BEC866;
    }
    .hm-comparplans-inner2 .grid-col.col-feature {
        justify-content: flex-start; text-align: left;
    }
    .hm-comparplans-inner2 .grid-col.col-pro {
        background-color: #11232e !important;  color: #3BF0CF;
    }
    .hm-comparplans-inner2 .grid-header-row .grid-col.col-pro {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        border: 0;
    }
    .hm-comparplans-inner2 .grid-row:last-child .grid-col.col-pro {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        padding-bottom: 20px;
    }
    .hm-comparplans-inner2 .icon-check,
    .hm-comparplans-inner2 .icon-cross {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .hm-comparplans-inner2 .grid-col.col-feature { width: 28%; flex: 0 0 28%; }
    .hm-comparplans-inner2 .grid-col { width: 24%; flex: 0 0 24%; }
  
  /*---- Compare plans Section CSS END ----*/


  /*------- International Availability Section START -------*/
    .hm-internationalavailblty-section { padding-inline:0!important; }
    .hm-internationalavailblty-section .container { max-width:900px; }
    .hm-internationalavailblty-section .main-wrappers {
        background: #fff;
        box-shadow: 0 -8px 80px -12px rgba(53, 67, 84, 0.28), inset 0 2px 10px rgba(0, 0, 0, 0.20);
        border-top-left-radius: 40px;
        border-top-right-radius: 40px; 
        position: relative; overflow: hidden;
    }
    .hm-internationalavailblty-section .main-wrappers::before {
        position: absolute;
        content: "";
        top: auto;
        left: 0;
        right: 0;
        bottom: -100px;
        width: 100%;
        height: 100%;
        margin: auto;
        background-image: url(/wp-content/uploads/2026/08/internation.png);
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 0;
        background-position: bottom;
    }  
    .country-section {
        position: relative;
        width: 100%;
        min-height: 500px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .country-physics {
        position: relative;
        width: min(900px, 98vw);
        height: 500px;
        overflow: hidden;
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        gap: 16px;
        padding: 0;
    }
    .country-pill {
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 15px 20px;
        min-width: 200px;
        height: 75px;
        border-radius: 999px;
        background: #FFFFFF;
        border: 1px solid #0DA0B814;
        box-shadow: 0px 0px 8px -2px #11182752 inset;
        cursor: grab;
        user-select: none;
        white-space: nowrap;
        font-size: 14px;
        color: #101827;
        transform-origin: center center;
        will-change: transform;
    }
    .country-pill:active { cursor: grabbing; }
    .country-physics.is-physics .country-pill {
        position: absolute;
        top: 0; left: 0; margin: 0;
    }
    .country-flag {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        box-shadow:
            0 0px 5px rgba(0,0,0,.15);
        flex-shrink: 0;
        pointer-events: none;
    }
    .country-flag img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        display: block;
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
        pointer-events: none;
        user-select: none;
    }
    .country-pill span {
        font-family:"polymath-display";
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 4%;
    }

    /*-- OPTIONAL HOVER ---*/
    .country-pill:hover {
        box-shadow:
            0 10px 20px rgba(20,40,60,.22),
            0 3px 8px rgba(20,40,60,.1)
    }
    .physics-hint {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        color: #718096;
        font-size: 13px;
        pointer-events: none;
        z-index: 5;
    }

  /*------- International Availability Section END -------*/

  /*------- Support Section Chat Css Start -------*/
    .hm-support-section { position: relative; z-index: 11; }
    .hm-support-chat-card {
        background: #fff;
        padding: 40px 50px 72px;
        border-radius: 24px;
        box-shadow:
            0 0 132px -20px rgba(53, 67, 84, 0.24),
            inset 0 0 12px rgba(53, 67, 84, 0.24);
        position: relative;
    }
    .hm-support-chat-card .badge-text {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        text-align: left;
        gap: 7px;
        border-color: #1D8C5F;
        width: fit-content;
        margin: 0 auto;
        padding: 10px 15px;
    }
    .hm-support-chat-card .badge-text p {
        font-size: 12px; color: #1D8C5F;
    }

    .hm-support-message { opacity: 0;  visibility: hidden; }
    .hm-support-chat-card .hm-support-message.hm-support-request { margin-top: 40px; }
    .hm-support-message .flex-icons { display: flex;  gap: 8px; margin-bottom: 5px; }
    .hm-support-avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        flex: 0 0 40px;
        overflow: hidden;
    }
    .hm-support-avatar img {
        display: block; width: 100%;
        height: 100%; object-fit: cover;
    }
    .hm-support-content { flex: 1;  min-width: 0; }
    .hm-support-name .title { font-size: 14px; margin-bottom: 3px; font-weight:500; }
    .hm-support-time {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 12px;
        color: #777;
        margin-bottom: 10px;
    }
    .hm-support-time img {
        width: 14px; height: 14px; object-fit: contain;
    }
    .hm-support-time span { line-height: 1; margin-top: 2px; }
    .hm-support-bubble {
        padding: 18px 24px;
        border-radius: 24px;
        border-top-left-radius: 16px;
        color: #fff;
    }
    .hm-support-bubble p {
        line-height: 26px; font-size: 16px; 
        margin: 0; letter-spacing: 1%;
    }
    .hm-support-dark { background: #151823; max-width: 400px; }
    .hm-support-purple {
        background: #5444D6; max-width: 465px; margin-left: auto;
    }

  /*-- REPLY --*/
    .hm-support-reply { justify-content: flex-end; }
    .hm-support-reply .flex-icons.d-flex {
        display: flex; flex-direction: row-reverse;
    }
    .hm-support-reply .hm-support-right { text-align: right; }
    .hm-support-reply .hm-support-time { flex-direction: row-reverse; justify-content: flex-start; }

  /*-- TYPING INDICATOR --*/
    .hm-support-typing {
        position: relative;
        height: 62px;
        margin: 0;
        opacity: 0;
        visibility: hidden;
    }
    .hm-support-typing-bubble {
        width: 70px;
        height: 42px;
        background: #ececec;
        border-radius: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        position: absolute;
        left: 54px;
        top: 50%;
        transform: translateY(-50%);
    }
    .hm-support-typing-bubble:before {
        content: "";
        position: absolute;
        left: -6px;
        bottom: 7px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #ececec;
    }
    .hm-support-typing-bubble:after {
        content: "";
        position: absolute;
        left: -12px;
        bottom: 2px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #ececec;
    }

  /*--- Typing dots ---*/
    .hm-support-typing span {
        width: 8px;  height: 8px;
        border-radius: 50%;
        background: #8b8b8b;
        animation: hmSupportBounce 1s infinite;
    }
    .hm-support-typing span:nth-child(2) { animation-delay: 0.2s; }
    .hm-support-typing span:nth-child(3) { animation-delay: 0.4s; }

  /*--- Animation ---*/
    .hm-support-message { opacity: 0; visibility: hidden; }
    .hm-support-typing { opacity: 0; visibility: hidden; }
    .hm-support-show-request {
        animation: hmSupportShow 0.45s ease forwards;
    }
    .hm-support-show-reply {
        animation: hmSupportShow 0.45s ease forwards;
    }
    .hm-support-show-typing {
        animation: hmSupportTypingIn 0.35s ease forwards;
    }
    .hm-support-hide-typing {
        animation: hmSupportTypingOut 0.35s ease forwards;
    }

  /*--- Animation Keyframes ---*/
    @keyframes hmSupportShow {
        from {
            opacity: 0;
            visibility: hidden;
            transform: translateY(25px);
        }
        to {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
    }

    @keyframes hmSupportTypingIn {
        from {
            opacity: 0;
            visibility: hidden;
            transform: translateY(8px);
        }
        to {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
    }

    @keyframes hmSupportTypingOut {
        from {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        to {
            opacity: 0;
            visibility: hidden;
            transform: translateY(-6px);
        }
    }

    @keyframes hmSupportBounce {
        0%,
        80%,
        100% {
            opacity: 0.35;
            transform: translateY(0);
        }
        40% {
            opacity: 1;
            transform: translateY(-6px);
        }
    }

  /*--- Animation Second Support ---*/
    .hm-support-inner2 .wd-100 {
        box-shadow:
            0 0 132px -16px rgba(53, 67, 84, 0.24),
            inset 0 0 14px rgba(53, 67, 84, 0.24);
        max-width: 1000px;
        margin: 100px auto 0;
        padding: 50px 65px;
        background: #fff;
        border-radius: 48px;
    }   
    .hm-support-inner2 .wd-100 p { color: #04101F; }
    .hm-supports-flex2 {
        display: flex; gap: 15px;
        justify-content: flex-start;
        align-items: center; margin-top: 40px;
    }   
    .hm-supports-flex2 .hm-content2 .title {
        font-weight: 400; font-size: 18px;
        line-height: 140%; letter-spacing: 4%;
        padding-bottom: 3px;
    }
    .hm-supports-flex2 .hm-content2 p {
        font-size: 14px; letter-spacing: 4%;
        line-height: 140%; color: #5C7185;
    }

  /*------- Support Section Chat Css End  -------*/

 
  /*------- Knowledge Base Section START CSS -------*/
    .hm-knowledgebase-section.bg-white {
        border-bottom-left-radius: 80px;
        border-bottom-right-radius: 80px;
        box-shadow: 0 0 80px -4px #35435424;
    }
    .hm-knowledgb-img {
        position: relative;
        width: 100%; height: 300px; 
        padding: 20px;
        display: flex;  align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #F1F3F5;
        border: 1px solid #D0D8E0;
        border-radius: 16px;
        flex-direction: column;
        margin-bottom: 10px;
    }        
    .hm-knowledgb-img > img {
        object-fit: contain; object-position: center;
        transition: transform 0.4s ease;
    }
    .hm-knowledgb-box:hover .hm-knowledgb-img > img { transform: scale(1.045); }
    .hm-knowledgb-arrow {
        position: absolute;
        right: 28px;
        bottom: 26px;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 17px;
        text-decoration: none;
        transition: background 0.3s ease, transform 0.3s ease;
        background: #0FA888;
        border: 1px solid;
        border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.25) -2.5%, rgba(255, 255, 255, 0.125) 100%);
        box-shadow: 0px 0px 8px 0px #FFFFFF54 inset;
    }
    .hm-knowledgb-arrow:hover {
        background: var(--dark-orange);
        box-shadow:none;
    }
    .hm-knowledgb-arrow img {
        display: block;
        width: 18px; height: 18px;
        object-fit: contain;
    }
    .hm-knowledgebase-title { max-width: 70%; }
    .hm-knowledgebase-buttons { 
        max-width: 27%;     
        text-align: right;
        justify-content: flex-end; 
    }

    .hm-knowledgebase-inner2 .hm-knowledgb-content .title  {  
        font-weight: 400; line-height: 100%;
    }
    section.hm-faqs-section { z-index: 1; position: relative; }
    section.hm-faqs-section .main-wrappers.sec-spcing { padding-bottom: 80px; }

  /*------- Why Us Section START CSS -------*/
    section.hm-whyus-section .main-wrappers.sec-spcing { padding-bottom: 60px; }
    .hm-whyus-inner .wd-100 { width: calc(50% - 30px);  }
    .hm-whyus-inner .hm-whyus-darks { position: sticky; top: 100px; height: 100%; }
    .hm-whyus-inner .hm-whyus-darks .title { color:#1A2B3D; }
    .hm-whyus-inner .hm-whyus-darkbox {
        color: #fff;
        background: linear-gradient(179.54deg, #243243 6.35%, #192534 99.6%);
        border-radius: 48px;
        padding: 24px 32px;
        box-shadow: inset 0 0 20px -2px #FFFFFFA6, 0 0 20px 0 #35435480;
        margin-top: 40px;
    }
    .hm-whyus-inner .hm-whyus-lightbox {
        background: #fff;
        box-shadow: inset 0 0 12px 0 #3543543D, 0 0 20px 0 #35435440;
        border-radius: 48px;
        padding: 24px;
        margin-bottom: 32px;
    }
    .hm-whyus-inner .hm-whyus-lightbox:last-child { margin-bottom: 0px; } 
    .hm-whyus-inner .wd-100 .hm-why-subbox {
        background: #FFFFFF1A;
        padding: 16px 24px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        border-radius: 16px;
        margin-bottom: 5px;
    }
    .hm-why-subbox .title { padding: 0; }
    .hm-why-subbox p {
        color: #E53E3E;
        font-family: Sometype Mono;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 8%;
        text-transform: uppercase;
    }
    .hm-whyus-darkbox .hm-why-subbox .title { color:#fff; }
    .hm-whyus-inner .hm-whyus-lights .hm-why-subbox { background: #E2E8F066; justify-content: space-between; }
    .hm-whyus-inner .wd-100 ul li {
        position: relative;
        padding: 15px 10px 15px 50px;
        margin: 0;
        font-size: 14px;
    }   
    .hm-whyus-inner .wd-100 ul li.false::before, 
    .hm-whyus-inner .wd-100 ul li.true::before {
        position: absolute;
        content: "";
        top: 18px;
        left: 17px;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("/wp-content/uploads/2026/08/truth.svg");
    }
    .hm-whyus-inner .wd-100 ul li.false::before {
        background-image: url(/wp-content/uploads/2026/08/false.svg);
    } 
    .hm-whyus-inner .hm-whyus-lights ul li { color:#B0BEC8; }
    .hm-whyus-inner .hm-whyus-lights ul li.true { color:#4A5E72 }

    .wd-100.hm-whyus-lights { margin-top: 251px; }
    .hm-readystop-title.wd-100 {
        background: #FFFFFF;
        padding: 56px 64px;
        border-radius: 40px;
        border: 1px solid #39393929;
        text-align: center;
        box-shadow: 0 0 79px rgba(53, 67, 84, 0.14), inset 0 0 10px rgba(0, 0, 0, 0.20);
    }
    .hm-readystop-title.wd-100 p { margin-bottom: 40px; }

  /*--- Contact section Slider ---*/
    .hm-contact-section {
        background: linear-gradient(180deg, #1E3044 4.06%, #0C1322 92.22%);
        box-shadow: inset 0px 12px 20px 0px #FFFFFF54;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        position:relative;
        overflow: hidden;
    }
    .hm-contact-section::before , .hm-contact-section::after {
        position: absolute;
        content: "";
        top: 0px;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        max-width: 240px;
        max-height: 900px;
        background-image: url("/wp-content/uploads/2026/08/ct-leftig.png");
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 0;
        background-position: top left;
    }  
    .hm-contact-section::after { 
        background-image: url("/wp-content/uploads/2026/08/ct-rightig.png");
        left: auto;
        right: 0;
        max-width: 260px;
        max-height: 510px;
        background-position: right;
        top: 100px;
    }
    .hm-contact-section .container { max-width: 1100px; }
    .hm-contactform-inner .hm-contactfrm-title { max-width: 480px; }
    .hm-contactform-inner .hm-contact-form {
        max-width: 560px;
        background: #FFFFFF14;
        padding: 40px;
        border: solid 1px #94A3B854;
        box-shadow: 0px 4px 12px -2px #0000004D;
        border-radius: 24px;
    }
    .hm-contactform-inner .hm-contactfrm-title p {
        color: #FFFFFFB2;
    }
    .main-wrappers.hm-seeproduct-wrapper.sec-spcing { overflow: hidden; } 
    
    .product-action-slider { width: 100%; }
    .product-action-slider .slick-list { overflow: visible; }
    .product-action-slider .slick-track { display: flex; align-items: center; }
    .product-action-slider .slick-slide { height: auto; float: none; }
    .product-action-slide { margin-right: 14px; flex-shrink: 0; }

    .product-action-slide.video-wide { width: 562px; }
    .product-action-slide.video-portrait { width: 205px; }
    
    .product-action-slide .video-inner {
        position: relative;
        overflow: hidden;
        border-radius: 12px;
        border: 1px solid rgba(255,255,255,.22);
        background: #1d2938;
    }
    .product-action-slide .video-thumb {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.8;
    }
    .product-action-slide .video-play {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        padding: 0;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.75);
        border-radius: 50%;
        background: #FFFFFF33;
        color: #fff;
        cursor: pointer;
        backdrop-filter: blur(5px);
        z-index: 5;
        transition: .25s ease;
    }
    .product-action-slide .video-play:hover {
        background: rgba(255,255,255,.45);
        transform:
            translate(-50%, -50%)
            scale(1.08);
    }
    .product-action-slide .video-play span {
        display: block;
        margin-left: 2px;
        color: #fff;
        font-size: 14px;
        line-height: 1;
    }
    .product-action-slide .video-caption .title {
        margin-top: 15px;
        color: #fff;
        font-weight: 300;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 4%;
    }

  /*--- VIDEO MODAL ---*/
    .hm-contact-section .video-modal {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 25px;
        background: rgba(0,0,0,.82);
    }
    .hm-contact-section .video-modal.active { display: flex; }
    .hm-contact-section .video-modal-inner {
        position: relative;
        width: min(900px, 95vw);
        background: #000;
        border-radius: 12px;
        overflow: hidden;
    }
    .hm-contact-section .video-modal video {
        display: block;
        width: 100%; height: auto;
        max-height: 80vh;
    }
    .hm-contact-section .video-modal-close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 35px;
        height: 35px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: rgba(0,0,0,.7);
        color: #fff;
        font-size: 22px;
        line-height: 35px;
        cursor: pointer;
        z-index: 10;
    }
    .hm-comparplans-inner2 .grid-header-row {
        position: sticky; top: 0;  z-index: 10;
        background-color: #FFFFFF;
    }

/*------ |-- Home Page CSS End --| ----*/
    


/*------ |-- Footer Part CSS --| ----*/  
    .page-template-templateshome-temp-php footer#colophon {
        display: none;
    }
    .footer-section {
        background: linear-gradient(180deg, #0C1322 -9.88%, #00000E 95.57%);
        padding: 80px 40px;
        box-sizing: border-box;
    }
    .footer-section .container .row-inner {  margin:0; }
    .footer-section .row-inner {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }
    .footer-section .ftr-row-header { padding-bottom: 40px; }
    .footer-section .row-inner * { 
        font-size:16px;
        line-height:24px;
        color:#B0BEC8; 
        letter-spacing:0.32px;
    }
    .footer-section .col-actions {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .footer-section .col-actions .buttons { margin:0px; }
    .ftr-row-header .buttons .btn {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 12.5%, rgba(183, 183, 183, 0.2) 100%);
        border: 1px solid #FFFFFF33;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 20px;
        color: #FFFFFF;
        border-radius: 6px;
        box-shadow: none;
        transition: 0.3s all;
    }
    .ftr-row-header .buttons .btn:hover { 
        background: #fff; color: var(--title-color);
    }
    .footer-section .ftr-row-menuinner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        padding-bottom: 40px;
        /*border-bottom: 1px solid #161c2c;*/
    }
    .ftr-row-menuinner .column-title {
        letter-spacing: 0.09px;
        font-family: 'Sometype Mono';
        font-weight: 400;
        color: #fff;
        margin: 0 0 15px 0;
        padding-bottom: 15px;
        border-bottom: solid 1px #243243;
    }   
    .ftr-row-menuinner .ftr-column li { margin-bottom: 12px; }
    .footer-section .ftr-column li a {
        text-decoration: none;
        transition: color 0.25s ease;
        display: inline-block;
    }   
    .footer-section .ftr-column li a:hover { color: #ffffff; }
    .footer-section .ftr-row-partnersocial {
        align-items: center;
        padding:40px 0;
        border-top: 1px solid #243243;
        border-bottom: 1px solid #243243;
    }
    .ftr-row-partnersocial .ftr-column .ftr-amazons-box ,
    .ftr-row-partnersocial .ftr-socialicon-box,
    .ftr-socialicon-box .ftr-social-icons{
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .ftr-row-partnersocial .ftr-amazons-img { max-width: 120px; }
    .ftr-amazons-txt p {
        max-width: 320px;
        font-size: 14px;
        line-height: 22px;
    }
    .ftr-column span.ftr-social-line {
        font-family: 'Sometype Mono'; color: #fff;
    }
    .ftr-socialicon-box .ftr-social-icons a  {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 12.5%, rgba(183, 183, 183, 0.2) 100%);
        border: 1px solid #FFFFFF33;
        transition: color 0.2s ease;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border-radius: 6px;
        transition:0.3s all;
    }
    .ftr-socialicon-box .ftr-social-icons a:hover { background:var(--purply-blue); }
    .footer-section .row-inner.ftr-row-bottom { padding-top: 50px; }
    .footer-section .ftr-menu-legal ul {
        display: flex; gap: 20px;
    }


/*-----------------------------------------------------------------------
    |-- Responsive Media Query CSS --|
-------------------------------------------------------------------------*/


@media (min-width: 1025px) {

    .d-flex.d-no-wrap { flex-wrap: nowrap; }

/*------ |-- Header Part CSS --| ----*/
    /* Desktop Hover Dropdown Trigger */  
    .main-header .head-menu li:hover > .sub-menu,
    .main-header .head-menu li:focus-within > .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
    }
    .main-header .head-menu .menu-item-has-children:hover > a::after {
        transform: translateY(2px) rotate(225deg);
    }

/*------ |-- Home Page CSS Start --| ----*/

    .hm-featurhighlights-section .sec-spcing-sm { padding-bottom:120px; }
    .hm-dataintelligence-section .sec-spcing { padding: 220px 50px 160px; }
    .hm-multimarket-small .hm-multrgt-inbox {
        min-height: 290px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .row-inner.hm-support-inner.d-grid2 { gap: 40px; }
    .hm-support-titles .buttons { margin-top: 65px; }
    .hm-knowledgebase-section .main-wrappers.sec-spcing-sm {
        padding-block: 100px;
    }
  /*--- Contact section Slider ---*/
    .product-action-slider { margin-left: -125px; }
    .hm-contactform-inner .hm-contactfrm-title {
        max-width: 480px;  padding-top: 40px;
    }
    .hm-contact-section .hm-contactform-wrapper { padding-inline: 170px; padding-block:140px; }
    .hm-readystop-section .sec-spcing { padding-top:100px; padding-bottom:140px; }

    .main-wrappers.hm-seeproduct-wrapper.sec-spcing { padding-block:140px; }

  /*--- COMPARE MARKET SECTION STYLES ---*/
    .hm-comparemarket-wraps {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 12px;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.08);
        box-shadow: 0px 0px 50px 0px #35435447;

        /* Prevents flicker/jerk during transform + filter animation */
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .hm-comparemarket-img.is_1 {
        position: relative;
        z-index: 1;
        width: 100%;
        transform-origin: center center;
        will-change: filter, opacity, transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .hm-comparemarket-img img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .hm-comparemarket-img.is_2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        transform: translateY(100%) translateZ(0);
        will-change: transform;
        border-radius: 12px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .hm-comparemarket-img.is_2 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 12px;
    }

/*------ |-- Home Page CSS End --| ----*/

}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    
    .hm-comparemarket-img.is_2 {
        transform: translateY(0);
    }
    .hm-comparemarket-img.is_1 {
        filter: none;
        opacity: 1;
    }

}


@media (max-width: 1520px) {

/*------ |-- Home Page CSS Start --| ----*/
    .hm-internationalavailblty-section .main-wrappers::before {
        bottom: 0px;
    }

}

@media (max-width: 1280px) {

/*------ |-- Home Page CSS Start --| ----*/
    .hm-contact-section::before {  
        max-width: 160px; max-height: 600px;
    }
    .hm-contact-section::after {
        max-width: 220px;
        max-height: 480px;
    }
    .hm-support-inner2 .wd-100 { padding: 50px 40px; }

}

@media screen and (min-width: 1025px) and (max-width: 1280px) {  

    .hm-dataintelligence-section .sec-spcing {
        padding: 140px 50px 100px;
    }

}



@media (max-width: 1024px) {
 
    h1, .h1 { font-size: 46px; }
    h2, .h2 { font-size: 36px; }
    h3, .h3 { font-size: 28px; }
    h4, .h4 { font-size: 22px; }

    p, ul li {     
        font-size: 18px;
        line-height: 140%; 
    }
    .sec-spcing { padding: 60px 30px; }
    .sec-spcing-sm { padding: 50px 30px; }
    .sec-spcing-60 { padding: 40px 30px; }
    .sec-spcing-160 { padding: 80px 30px; }

    .d-grid5 {
        display: grid; grid-gap: 25px;
        grid-template-columns: repeat(3, 1fr);
    }   
    .d-grid2 { grid-gap: 25px; }

    .row-inner:not(:last-child) { margin-bottom: 30px; }
    .d-flex { flex-direction: row; flex-wrap: wrap; }


/*------ |-- Header Part CSS --| ----*/  
    .main-header { padding: 20px 30px; }
    .main-header .menu-toggle { display: flex; order: 2; }
    .main-header .head-butttons { margin-left: auto; order: 1; }
    .main-header .head-menu {
        position: absolute;
        top: 100%;
        left: 0; right: 0;
        background: #fff;
        border-radius: 11px;
        margin-top: 10px;
        padding: 15px 20px;
        box-shadow: 0 20px 40px rgba(8, 20, 37, 0.15);
        display: none;
    }
    .main-header .head-menu.is-active { display: block; }
    .main-header .head-menu ul { flex-direction: column; align-items: stretch; gap: 0; }
    .main-header .head-menu a {
        padding: 10px 0;
        justify-content: space-between;
        font-size: 16px;
    }
    .main-header .head-menu .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        display: none;
        padding: 0;
        margin-bottom: 5px;
    }
    .main-header .head-menu li.is-open > .sub-menu { display: block; margin: 0; }   
    .main-header .head-menu .menu-item-has-children > a::after {
        width: 10px;  height: 10px;
        margin-top: -2px;
        border-right: 2.5px solid currentColor;
        border-bottom: 2.5px solid currentColor;
    }
    .main-header .head-menu .sub-menu a { padding: 7px 12px; }


/*------ |-- Home Page Css Start --| ----*/

    .hm-hero-section .main-wrappers { padding: 180px 30px 0px; }
    .hm-herovideo-inner { padding-top: 50px; }
    .hm-herovideo-inner::before { top: -105px; }
    .hm-hero-section .hm-row-titles {
        max-width: 760px;
        margin-inline: auto;
    }   
    .hm-thesolution-section .container { padding: 40px 30px 0; }
    
    .hm-featurecard-inner .hm-featurecard-box { padding: 25px; gap: 20px; }
    .hm-featurecard-inner .hm-feature-tags { padding-top: 0px; }
    
    .hm-work-panel .hm-workcontent-box { gap: 15px; }
    .hm-work-panel .wd-100 { width: calc(50% - 15px); }

    .hm-dataintelg-content.wd-100 { max-width: 650px;  width: 100%; }
    .hm-dataintelg-search.wd-100 { width: 100%; max-width: 100%; }
    .row-inner.hm-tsolutionimage-inner.d-flex  { margin-top: 30px; }
    .hm-tsolution-image img { top: 20px; z-index: 1; }
    .hm-tsolution-image2 img { top: 40px; z-index: 0; }
    .hm-dataintelg-content.wd-100 .buttons { margin-top:20px; }

    .hm-dataintelg-content.wd-100 { margin-top: 0px;  margin-bottom: 5px; }

  /*---- Compare plans CSS Start ----*/

    .hm-comparplans-inner2 .hm-comparplans-card { padding: 30px 25px; border-radius: 26px; }
    .hm-comparplans-inner2 .hm-comparplans-close {
        top: 16px;  right: 16px;
        width: 28px; height: 28px;
    }

  /*---- Compare plans CSS End ----*/
    .row-inner.hm-knowledgebase-inner2 {    
        grid-gap: 25px;  grid-template-columns: repeat(2, 1fr);
    }
    .hm-whyus-inner .wd-100 { width: calc(50% - 20px); }

    .hm-whyus-inner .hm-whyus-lightbox ,
    .hm-whyus-inner .hm-whyus-darkbox {  
        border-radius: 25px;  padding: 25px 20px;
    }
    .hm-whyus-inner .wd-100 .hm-why-subbox {  padding: 12px 15px; flex-wrap: wrap gap: 5px; }
    .hm-whyus-inner .wd-100 ul li { padding: 8px 10px 8px 35px; }
    .hm-whyus-inner .wd-100 ul li.false::before, 
    .hm-whyus-inner .wd-100 ul li.true::before { top: 10px; left: 5px; }
    .hm-why-subbox .title {
        padding: 0;  font-size: 14px; line-height: 110%; letter-spacing: 0.15px;
    }
    .hm-whyus-inner .hm-whyus-darkbox { margin-top: 30px; }
    .wd-100.hm-whyus-lights { margin-top: 240px; }
    .hm-readystop-title.wd-100 p { margin-bottom: 20px; }
    .hm-thesolution-section .main-wrappers.sec-spcing-60 { padding-bottom: 100px; }   
    .hm-multimarketplace-section { padding: 20px 0; }
    .hm-multimarket-big , .hm-multimarket-small { max-width:100%; }
    .hm-multimarket-big .hm-mulmrk-titlesin { margin-bottom: 0px; }
    .hm-multimarket-marqueeslider { padding: 10px 0 60px; }
    .hm-knowledgebase-section.bg-white {
        border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;
    }
    .hm-support-inner .title.mb-10 { margin: 0; }
    section.hm-internationalavailblty-section.sec-spcing-sm { padding-top: 0; }

    .hm-packages-tab-inners .global-tab-btns {
        position: sticky;
        top: 100px;
        z-index: 2;
    }
    .country-pill { height: 60px;  min-width: 170px; }
    .country-flag { width: 30px; height: 30px; }
    .country-pill span { font-size: 16px; line-height: 120%; }

    .hm-support-chat-card { padding: 40px 40px 60px; }
    .hm-support-inner2 .wd-100 { margin: 50px auto 0; }

    .hm-readystop-section .main-wrappers.sec-spcing {
        padding-top:0;
    }
    .hm-testimonials-inner .hm-testimonials-card { width: calc(380px - 24px); }

  /*--- Contact section Slider ---*/
    .hm-contactform-inner .hm-contact-form { max-width: 100%; }
    .product-action-slider { margin-left: -50px; }
    .product-action-slide.video-wide { width: 320px; }
    .product-action-slide.video-portrait { width: 125px; }
    
    .hm-readystop-title.wd-100 { padding: 40px 30px; }
    .hm-comparemarket-section {
        padding-bottom: 60px;
    }
    .hm-comparemarket-img.is_1 {
        position: sticky;
        top: 130px;
    }
    .hm-comparemarket-img.is_2 img {
        box-shadow: 0 -20px 40px -10px #ababab;
    }

/*------ |-- Footer Part CSS --| ----*/  
    .footer-section { padding: 50px 30px 30px; }
    .footer-section .row-inner.ftr-row-bottom { padding-top: 30px; }

}


@media (max-width: 880px) {

    .d-grid5 {
        display: grid;
        grid-gap: 25px;
        grid-template-columns: repeat(2, 1fr);
    }

/*------ |-- Home Page Css Start --| ----*/
    .hm-featurecard-inner .hm-featurecard-full .hm-feature-content, 
    .hm-featurecard-inner .hm-featurecard-full .hm-feature-image { width: 100%; }   
    .hm-featurecard-inner .hm-featurecard-full{
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .custom-searchdata-header {
        display: flex;
        flex-direction: column;
        padding: 25px 20px;
    }
    .search-box { width: 100%; }
    .custom-searchdata-header .filter-group {  width: 100%; flex-wrap: wrap; }
    .hm-multimarket-small .hm-multrgt-inbox2 .hm-mulmrk-imgin { margin-top: 30px; }

/*------ |-- Footer Part CSS --| ----*/  
    .footer-section .ftr-row-menuinner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

}

@media screen and (min-width: 881px) and (max-width: 1024px) {  

/*------ |-- Home Page CSS Start --| ----*/
    .hm-multimarket-inner .hm-multimarket-small.wd-100 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }
    .hm-multimarket-small .hm-multrgt-inbox { 
        display: flex;  flex-direction: column;
        justify-content: space-between; align-items: stretch; 
    }
    .hm-multimarket-small .hm-multrgt-inbox1 .hm-mulmrk-titlesin { padding: 25px 20px; }
    .hm-multimarket-small .hm-multrgt-inbox1 .hm-mulmrk-imgin { padding-right: 20px; gap: 20px; }
    .hm-multimarket-small .hm-multrgt-inbox2 { padding: 25px 20px; }
    .hm-multimarket-small .hm-multrgt-inbox .hm-mutl-software{ padding: 15px; }
    .hm-multimarket-small .hm-multrgt-inbox { margin-bottom: 0; }


}


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

/*------ |-- Home Page CSS Start --| ----*/
    .hm-contact-section .container { max-width: 550px; margin: 0 auto; }
    .hm-contact-section::before , .hm-contact-section::after {
        top: 50px;  left: -20px; right: 0;
        max-width: 120px; max-height: 500px;
    }  
    .hm-contact-section::after {
        top: 100px; left:auto; right: 0;
        max-width: 180px;
        max-height: 350px;
    }
    .row-inner.hm-testimonials-counter { flex-wrap: nowrap; gap: 20px 15px; padding: 25px 20px; }
    .hm-testimonial-counter.counter-box { width: 23%; }
    .row-inner.hm-support-inner.d-grid2 {
        grid-template-columns: repeat(1, 1fr); gap: 30px;
    }
    .hm-packages-tabinner { gap: 20px; }
    .hm-packages-tabinner .wd-100, 
    .hm-monthly-packages-inner .hm-shortpass-box  { width: 48%; flex: auto; }

    .country-physics { height: 400px; width: min(600px, 90vw); }
    .country-section { min-height: 400px; }

}


@media (max-width: 767px) {

/*------ |-- Home Page Css Start --| ----*/

  /*--- Support Section Chat Css ---*/
    .hm-support-chat-card { padding: 30px 20px; border-radius: 20px; }
    .hm-support-chat-card .hm-support-message.hm-support-request { margin-top: 30px; }
    .hm-support-bubble {
        padding: 15px 18px;
        border-radius: 18px;
        border-top-left-radius: 14px;
    }
    .hm-support-bubble p { font-size: 14px;  line-height: 22px; }
    .hm-support-dark,
    .hm-support-purple { max-width: 100%; }
    .hm-support-typing-bubble { left: 48px; }
    .hm-support-inner2 .wd-100 {
        margin-top: 40px; padding: 30px 25px; border-radius: 24px;
    } 
    .row-inner.hm-testimonials-counter { gap: 20px 15px; padding:20px; }
    .hm-testimonial-counter.counter-box { width: 47%; }

  /*--- Contact section Slider ---*/
    .hm-contact-section::before, .hm-contact-section::after { display: none; }
    .product-action-section { padding: 25px 0 30px; }
    .product-action-title { margin-bottom: 22px; font-size: 24px; }
    .product-action-slider { margin-left: -25px; }
    .product-action-slide.video-wide { width: 280px; }
    .product-action-slide.video-portrait { width: 115px; }
        
    .hm-pkg-card { padding:30px 25px; }    
    .hm-pkg-features {  margin: 0 0 15px 0; }

    .hm-testimonials-inner .hm-testimonials-card {
        width: calc(300px - 10px);
        border-radius: 14px;
        padding: 30px 20px;
    }

    .country-section { min-height: unset;  padding-bottom: 50px; }
    .country-physics { gap: 12px; height: unset; width:100%; }
    .country-pill {
        height: auto; gap: 7px;
        padding: 10px 13px;
        min-width: max-content;         
    }   
    .country-flag { width: 20px; height: 20px; }
    .country-pill span { font-size: 14px; }



}



@media (max-width: 660px) {

    h1, h2, h3, h4, h5, h6 { padding-bottom: 8px; }
    h1, .h1 { font-size: 38px; }
    h2, .h2 { font-size: 32px; }
    h3, .h3 { font-size: 26px; }
    h4, .h4 { font-size: 20px; }

    p , ul li{ font-size: 18px; line-height: 140%;  margin: 0 0 10px; }
   
    .tx-18 p , .tx-18 , .tx-18 li { font-size: 16px; }
    .tx-16 p , .tx-16 , .tx-16 li { font-size: 14px; }
    .tx-14 p , .tx-14 , .tx-14 li { font-size: 14px; }

    .d-flex { flex-wrap:wrap; }
    .d-grid5 {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .d-grid2 , .d-grid3 { grid-template-columns: repeat(1, 1fr); grid-gap: 20px; }

    .sec-spcing { padding: 60px 20px; }
    .sec-spcing-sm { padding: 50px 20px; }
    .sec-spcing-60 { padding: 40px 20px; }
    .sec-spcing-160 { padding: 80px 20px; }

    .buttons .btn { padding: 12px 20px; }
    .title br { display: none; }
    
    .global-badge { margin-bottom: 15px; }

/*------ |-- Header Part CSS --| ----*/ 
    .main-header .head-butttons { display: none; }
    .main-header { padding: 20px; }
    .main-header .menu-inner { padding: 0 20px; }

/*------ |-- Global CSS Start --| ----*/
    .custom-video .video-play{
        width: 50px;
        height: 50px;
        font-size: 18px;
    }   
    .faq-item { padding: 20px 20px; }
    .faq-content { padding: 10px 0 0; padding-right: 0; }

/*------ |-- Home Page Css Start --| ----*/
    .hm-hero-section .main-wrappers { padding: 160px 20px 0px; }
    .hm-row-titles p { margin: 0px auto 20px; }
    .row-inner.hm-hero-counter {
        margin-top: 30px;
        justify-content: space-between;
        gap: 20px 10px;
        flex-wrap: wrap;
    }
    .hm-hero-counter .hm-hero-counter { padding: 0; width: 48%; }
    
    .hm-herovideo-inner { padding-top: 20px; } 
    .hm-herovideo-inner::before {
        top: -30px; background-size: 100%;
    }
    .hm-herologoslider-inner { padding: 30px 5px; }
    .hm-thesolution-section .container { padding: 40px 20px 0; }   

    .hm-featurecard-inner .hm-featurecard-box { padding: 25px 20px; }
    .hm-work-panel .wd-100 { width: calc(100% - 0px); }
    .hiw-panel.hm-work-panel { flex-direction: column-reverse; }

    /*.hm-comparplans-inner2 .hm-comparplans-grid { min-width: 767px; }
    .hm-comparplans-inner2 .grid-row:not(.grid-header-row) .grid-col.col-feature {
        position: sticky;
        left: 0;
        z-index: 5;
        background-color: #FFFFFF;
        box-shadow: 0 10px 15px -3px #c9c9c9;
        padding-block: 5px;
        padding-right: 5px;
        border: 0;
        font-size: 12px;
    }*/
    .hm-comparplans-inner2 .grid-header-row .grid-col.col-feature {
        position: sticky;
        top: 0; left: 0;
        z-index: 20;
        background-color: #FFFFFF;
    }
    .hm-comparplans-inner2 .hm-comparplans-grid-wrap { 
        padding-right:5px; max-height: 350px; 
    }

    .hm-comparplans-inner2 .hm-comparplans-card { padding: 30px 15px; }
    /*.hm-comparplans-inner2 .grid-col {width: 100%;flex: 100%;min-width: 120px;}
    .hm-comparplans-inner2 .grid-col.col-feature { min-width: 155px;}
    */
    .hm-comparplans-inner2 .grid-header-row .grid-col { 
        padding: 10px 0px; letter-spacing: 0; font-size: 12px;
        width: 100%; flex: 100%;
    }
    .hm-comparplans-inner2 .grid-row:not(.grid-header-row) .col-feature { }
    .hm-comparplans-inner2 .grid-row.grid-header-row .col-feature {
        display:none;
    }
    .hm-comparplans-inner2 .grid-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        /*border-bottom: solid 1px #ccc;*/
    }
    .hm-comparplans-inner2 .grid-row .grid-col { width: 100%; flex: 100%; } 
    .hm-comparplans-inner2 .grid-row:not(.grid-header-row) { padding: 20px 0px; }
    .hm-comparplans-inner2 .grid-row:not(.grid-header-row):nth-child(even) { background:#f6f6f6; }
    .hm-comparplans-inner2 .grid-row:not(.grid-header-row) .grid-col.col-feature {
        grid-column: span 12;
        padding: 0px 10px 20px;
        font-size:14px;
        position: relative;
    }

    .hm-comparplans-inner2 .grid-row:not(.grid-header-row) .grid-col.col-feature::before {
         content:"fetures:";
        padding-right:3px;
        font-family: 'Sometype Mono';
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
    }

    .row-inner.hm-tsolutionimage-inner.d-flex { margin-top: 0px; }
    .hm-tsolution-image img { top: 5px; transform: rotate(-4deg); }   
    .hm-tsolution-image2 img {
        top: 15px;  max-width: 92%;
        right: 0; left: auto;
    }
    .row-inner.hm-knowledgebase-inner2 {    
        grid-gap: 25px;  grid-template-columns: repeat(1, 1fr);
    }
    .hm-whyus-inner .wd-100 { width: calc(100%);  position: relative; top: 0; margin-top: 0px; }
    .hm-thesolution-section .main-wrappers.sec-spcing-60 { padding-bottom: 60px; }
    .hm-theproblem-inner .hm-problem-box .hm-problem-icon { margin-bottom: 20px; }
    .hm-theproblem-inner .hm-problem-box , .hm-thesolution-boxx-inner .hm-tsolution-box {
        padding: 25px 20px;
    }

    .hm-packages-tabinner .wd-100 { width: 100%; flex: unset; }
    .hm-monthly-packages-inner .hm-shortpass-box .hm-shortpass-right {
        max-width: 100%;  width: 100%;
    }
    .hm-pkg-price { margin: 15px 0; }
    .hm-supports-flex2.d-flex {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-top: 20px;
    }
    section.hm-faqs-section .main-wrappers.sec-spcing { padding-top:20px; padding-bottom: 40px; } 

    .hm-readystop-title.wd-100 { padding: 40px 20px; border-radius: 30px; }

    .hm-contact-section { box-shadow: inset 0px 12px 10px 0px #FFFFFF54; }
    .hm-contactform-inner .hm-contact-form {
        max-width: 100%;
        padding: 25px 20px;
    }
    .all_forms { gap: 18px; }
    .all_forms .frm-box50 {
        width: calc(100% - 0px);
    }
    .all_forms .frm-submit .cf7-submit-btn { font-size: 16px; }

    .hm-testimonials-inner .hm-testimonials-card .hm-review-text p {
        font-size: 14px;
        line-height: 23px;
        padding-left: 5px;
    }
    .hm-multimarket-big .hm-mulmrk-titlesin {
        margin-bottom: 0px;
        padding: 25px 20px;
    }
    .hm-internationalavailblty-section .main-wrappers {     
        border-top-left-radius: 30px;
        border-top-right-radius: 30px; 
        padding: 60px 20px 0;
    }
    .hm-testimonials-inner .hm-testimonials-card .card-header { margin-bottom:15px; }
    .hm-packages-tab-inners .global-tab-btns .tabsbtn-grups {
        /*width: 100%; justify-content: center;*/
    }
    .hm-packages-tab-inners .global-tab-btns .tabsbtn-grups li { padding: 10px 13px; }
    .hm-comparplans-inner2 .hm-comparplans-card .hm-comparplans-title .title {
        max-width: 70%;
        margin: 10px auto 0;
    }


/*------ |-- Footer Part CSS --| ----*/  
    .footer-section { padding: 50px 20px 30px; }
    .footer-section .ftr-row-menuinner {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .ftr-row-partnersocial .ftr-column .ftr-amazons-box, 
    .ftr-row-partnersocial .ftr-socialicon-box, 
    .ftr-socialicon-box .ftr-social-icons {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
    }
    .footer-section .ftr-row-bottom { gap: 10px; }


}



@media (max-width: 580px) {

    .d-gap-20 { gap: 25px; }
    .wd-100 { max-width:100%; }
    .row-inner:not(:last-child) { margin-bottom: 25px; }

    .global-counter .counter-number { font-size:24px; }

/*------ |-- Home Page Css Start --| ----*/
    .hm-row-titles h1 {
        min-height: 100px;
        font-size: 26px;
    }

    .hm-comparemarket-section { padding-bottom:10px; }
    .hm-whyus-inner .hm-whyus-darkbox { margin-top: 25px; }
    .custom-searchdata-box .custom-searchdata-content { padding: 8px 20px }
    .custom-searchdata-box .custom-searchdata-content { max-height: 410px; }
    .custom-dataitem .item-title { letter-spacing: 2%; }
    .filter-group .select-box { width: 58%; }
    .filter-group .select-box:first-child { width: 40%; }
    .filter-group .select-box:last-child { width: 100%; }

    .hm-multimarket-small .hm-multrgt-inbox1 .hm-mulmrk-titlesin { padding: 25px 20px; }
    .hm-multimarket-small .hm-multrgt-inbox2 { padding: 25px 20px; }
  
    .hm-multimarket-small .hm-multrgt-inbox1 .hm-mulmrk-imgin {
        padding-right:20px;
        align-items: stretch;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column-reverse;
    }
    .hm-multimarket-small .hm-multrgt-inbox .hm-mutl-software {
        margin-left: auto;
        max-width: calc(100% - 20px);
        margin-bottom: 0;
    }
    .hm-multimarket-small .hm-multrgt-inbox2 .hm-mutl-software { max-width: 48%; }

    .hm-knowledgebase-section.bg-white {
        border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;
    }   

    .hm-worktabs .hiw-tab { gap: 7px; padding: 10px 16px 10px 12px; }
   


}