@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');

/*FONTS CSS*/
@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Regular.eot');
    src: url('../fonts/HelveticaNowText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNowText-Regular.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Regular.woff') format('woff'),
        url('../fonts/HelveticaNowText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Medium.eot');
    src: url('../fonts/HelveticaNowText-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNowText-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Medium.woff') format('woff'),
        url('../fonts/HelveticaNowText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Bold.eot');
    src: url('../fonts/HelveticaNowText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNowText-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Bold.woff') format('woff'),
        url('../fonts/HelveticaNowText-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-ExtraBold.eot');
    src: url('../fonts/HelveticaNowText-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNowText-ExtraBold.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-ExtraBold.woff') format('woff'),
        url('../fonts/HelveticaNowText-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('../fonts/HelveticaNowText-Black.eot');
    src: url('../fonts/HelveticaNowText-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNowText-Black.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Black.woff') format('woff'),
        url('../fonts/HelveticaNowText-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


:root{
  /* BG Root */
    --bg-body:#f8f8fa;
    --bg-white:#ffffff;
    --bg-black:#000000;
    --clr-base:#000000;
  
  /* Color Root */
    --clr-white:#ffffff;
    --clr-black:#000000;
    --clr-theme:#000000;
    --clr-action:#001fbc;
    
    /* Border CSS */
    --bdr-base:rgba(0,0,0,0.2);
    --bdr-light:rgba(255,255,255,0.84);

    /* Loader Root */
    --loader-bg:var(--card-bg);
    --loader-clr:var(--clr-action);
    
    /* Selection Root */
    --selection-bg:var(--clr-base);
    --selection-clr:var(--clr-white);
    
    /* ScrollBar Root */
    --scrollBar-bg:#f8f8f8;
    --scrollBar-clr:var(--clr-base);

    /* Fonts CSS */
    --font-base:"HelveticaNowText";
    --font-head:"Goldman", sans-serif;

    /* bg gradient */
    --bg-primary:linear-gradient(to right, #df9a39 0%, #df9a39 27%, #f9dd7b 56%, #f0b656 100%);
    --bg-secondary:linear-gradient(to right, #001fbc 0%,#4786de 43%,#001fbc 72%,#4b7acd 100%);

    /* shadow */
    --shadow:0px 8px 20px rgba(0, 0, 0, 0.18);
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}
:focus{outline:none;}
html{height:100%;-webkit-text-size-adjust:none;overflow-x:hidden;}
body{height:100%;font-size:12px;font-family:var(--font-base);color:var(--clr-base);background:var(--bg-body);font-weight:normal;line-height:normal;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;outline:none;color:var(--clr-action);outline:none;cursor:pointer;transition:all 0.5s ease 0s;}
a:hover, a:focus{text-decoration:none;outline:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus, .btn:hover, .btn:focus, .btn.focus{outline:none;box-shadow:none;}
:where(figure), figure{margin:0px;}
img{margin:0;padding:0;max-width:100%;border:none;height:auto;}
p{font-size:14px;line-height:1.25em;color:var(--clr-base);font-weight:normal;}

/* Heading CSS Start */
h1, h2, h3, h4, h5, h6{margin:0;padding:0;display:block;color:var(--clr-base);font-size:100%;}
/* Heading CSS End */

/* List CSS Start */
ul, ul li, ol, ol li{margin:0;padding:0;list-style:none;}
/* List CSS End */

/****** Normal CSS Start ******/
::selection{background:var(--selection-bg);color:var(--selection-clr);}
::-moz-selection{background:var(--selection-bg);color:var(--selection-clr);}
.pull-left{float:left;}
.pull-right{float:right;}
.block{float:left;width:100%;}
.scrollbar{overflow:auto;}
.highlight-text{color:var(--clr-action);}
.d-inline{display:inline-block;color:inherit!important;}
.event-none{pointer-events:none;}
.icon{display:inline-block;font-size:20px;vertical-align:middle;}
.hidden{display:none !important;}
.word-label{display:inline-block;}
.hide-overflow{overflow:hidden;}
.disabled{pointer-events:none;opacity:0.6;filter:grayscale(0.7);}
.text-left{text-align:left!important;}
.justify-left{justify-content:flex-start!important;}
.justify-right{justify-content:flex-end!important;}
.text-center{text-align:center!important;}
.justify-center{justify-content:center!important;}

/* Perfect ScrollBar CSS Start */
*{scrollbar-color:var(--scrollBar-clr) auto;}
*::-webkit-scrollbar{width:5px;border-radius:20px;height:8px;}
*::-webkit-scrollbar-track{background:var(--scrollBar-bg);}
*::-webkit-scrollbar-thumb{background-color:var(--scrollBar-clr);border-radius:20px;width:5px;height:5px;}

@-moz-document url-prefix() {
  * {scrollbar-width:thin; scrollbar-color:var(--scrollBar-clr) #f2f2f2;}
}
/* Perfect ScrollBar CSS End */

/* Loader CSS Start */
.loading-wrapper{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:12;text-align:center;background:var(--loader-bg);}
.page-overlay{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;gap:10px;}
.loading-wrapper.content-loader{position:absolute;height:100%;}
.loading-wrapper.content-relative{position:relative;height:200px;background:none;z-index:1;}
.loading-wrapper.content-relative-double{position:relative;height:400px;background:none;z-index:1;}
.loading-wrapper.scroll-loader{position:relative;height:80px;}
.loader-ring{display:inline-block;position:relative;width:42px;height:42px;border:4px solid var(--loader-clr);border-color:var(--loader-clr) transparent var(--loader-clr) var(--loader-clr);animation:lds-ring 650ms linear infinite;border-radius:50%;}
@keyframes lds-ring{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.loader-text{float:left; width:100%; text-align:center; font-size:14px; color:var(--clr-base);}
.loading-wrapper.data-loader{position:relative;height:100px;}
.loading-wrapper.data-loader .loader-ring{width:32px;height:32px;border-width:3px;}
/* Loader CSS End */

/* Form CSS Start */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type='number']{-moz-appearance:textfield;}
select, select option{width:100%;box-sizing:border-box;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;}
textarea.form-control{padding:12px;min-height:124px;resize:none; resize:vertical;}
.form-control[disabled],.form-control[readonly],
fieldset[disabled] .form-control{background-color:rgba(0, 0, 0, 0.1)!important;cursor:not-allowed;opacity:1;}
.form-block{float:left;width:100%;}
.custom-select{float:left;width:100%; position:relative;}
.custom-select:after{position:absolute; top:0; right:14px; height:100%; display:flex; align-items:center; position:absolute; color:#000; font-size:18px; content:'\f107'; pointer-events:none; font-family:'FontAwesome';}
.custom-select.disabled-input:after{display:none;}

/* Grid CSS Start */
.form-row{--column-count:2;--column-gap:38px; --row-col:20px; display: flex;flex-wrap: wrap;gap:var(--row-col) var(--column-gap);justify-content: space-between;float: left;width:100%;}
.form-col{float:left;min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));}
.flex-col-1{--column-count:1;}
.flex-col-2{--column-count:2;}
.flex-col-3{--column-count:3;}
.flex-col-4{--column-count:4;}

.form-row-cols{--row-col:20px;--column-gap:20px;}
.form-row-cols .flex-col-12{--column-count:1;}
.form-row-cols .flex-col-8{--column-count:1.5;}
.form-row-cols .flex-col-6{--column-count:2;}
.form-row-cols .flex-col-4{--column-count:3;}
.form-row-cols .flex-col-3{--column-count:4;}
.form-row-cols .flex-col-2{--column-count:6;}
.form-row-cols .flex-col-1{--column-count:12;}
/* Grid CSS End */

.form-group{float:left;width:100%;position:relative;}
.input-label{float:left;width:100%;font-size:16px;margin-bottom:4px;color:var(--clr-base);}
.input-label small{font-size:100%; color:rgba(0, 0, 0, 0.5);}
.input-group{float:left;width:100%;position:relative;}
.form-control{float:left;width:100%;font-size:18px;font-weight:normal;outline:none;height:50px;color:var(--clr-base);background:var(--bg-white);line-height:1.2em;padding:0 16px;transition:all 0.4s ease 0s;border-radius:10px;border:1px solid var(--bdr-base);} 
.form-control::placeholder{color:var(rgba(0,0,0,0.8));}
label{margin-bottom:5px; font-size:16px; color:var(--clr-base); font-weight:500; font-family:var(--font-base); float:left; width:100%;}
.asterisk{color:#FF0000;}
.input-validation{position:absolute; top:calc(100% + 1px); left:0; color:#FF0000; font-size:12px; display:none;}

/* Password Input */
.password-control{cursor:pointer;}
.password-control .password-icon{display:none;}
.password-control .password-icon .icon{color:var(--clr-light);}
.modal .password-control .password-icon .icon{color:var(--clr-action);}
.password-control .password-icon.hide-label,
.password-control.active .password-icon.show-label{display:block;}
.password-control.active .password-icon.hide-label{display:none;}

.control-alert{position:absolute;top:1px;bottom:1px;right:1px;width:40px;height:calc(100% - 2px);padding-left:4px;display:flex;align-items:center;background:transparent;border-radius:0px 10px 10px 0px;}
.control-alert .icon{font-size:20px;float:left;}
/* Form CSS End */

/* Button CSS Start */
.button-bar{float:left;width:100%;padding:10px 0px;}
.button-bar-outer{float:left;width:100%;display:flex;grid-gap:18px;}
.button-bar-center .button-bar-outer{justify-content:center;}
.btn-col, .button-col{flex:1;}

.btn{display:inline-flex;width:100%;align-items:center;justify-content:center;background:#f8f8f8;border:none;border-radius:10px;color:#333;padding:0 14px;font-family:var(--font-base);font-size:24px;font-weight:600;text-align:center;min-height:60px;transition:all 0.5s ease 0s;grid-gap:6px;text-transform:uppercase;cursor:pointer;min-width:120px;}
.btn .icon{float:left;font-size:20px;}
.btn-text{white-space:nowrap;}
.primary-btn{background:#00aacf;color:var(--clr-white);}
.primary-btn:hover{background:rgba(0, 0, 0, 0.8);}

.secondary-btn{background:var(--bg-white);color:var(--clr-black); border:2px solid var(--clr-black);}
.secondary-btn:hover{background:rgba(0, 0, 0, 0.8);}

.btn-base{font-size:18px; min-height:50px; width:auto; padding:0 34px; border-radius:8px;}
.btn-primary{background:var(--bg-primary);}
.btn-secondary{background:var(--bg-secondary); color:var(--clr-white);}

.btn-anim{position:relative; overflow:hidden;}
.btn-anim-bg{position:absolute; --bg-size:20px; left:calc(var(--bg-size) * -1); right:calc(var(--bg-size) * -1); top:calc(var(--bg-size) * -1); bottom:calc(var(--bg-size) * -1); background:url('../images/cloud-bg.webp') no-repeat center center; background-size:cover; transform:translateY(0); will-change: transform;}
.btn-anim .btn-label{z-index:1;}

.btn-white{background:transparent; border:2px solid var(--clr-white); color:var(--clr-white); padding:0px 48px;}

.btn:hover{transform:scale(0.98);}
/* Button CSS End */


/* Page Common CSS Start */
.main-section{float:left;width:100%;min-height:100dvh;}
.page-container{float:left;width:100%;position:relative;}
.middle-section{float:left;width:100%;}
.mid-wrapper{float:left;width:100%;}
.container{margin:0 auto;width:100%;max-width:1400px;}

.wcard{background:var(--bg-white);}

/* Common Section CSS Start */
.section-block{float:left;width:100%;}
.section-inner{float:left;width:100%; padding:90px 0px;}
.section-content-block{float:left;width:100%;}

.section-title{float:left; width:100%; text-align:center; margin-bottom:100px;}
.sec-intro{float:left; width:100%; font-size:60px; color:var(--clr-black); font-weight:800; line-height:1.15em; letter-spacing:3px;}
.section-text{float:left;width:100%;font-size:24px; color:var(--clr-white); margin-top:30px;}
.section-pre{float:left;width:100%; font-size:20px; line-height:1.3em; font-weight:normal; color:var(--clr-white);}
.text-highlight{color:var(--clr-action);position:relative;font-weight:800;}
.bottom-line{padding-bottom:20px; position:relative;}
.bottom-line:after{content:""; position:absolute; right:0; bottom:-12px; background:url('../images/underline-icon.webp') no-repeat; background-size:163px; width:163px; height:26px;}

.section-header{float:left;width:100%;margin-bottom:36px;}
.sec-sm-intro{float:left;width:100%;font-size:52px;font-weight:500;line-height:1.3em;text-align:center;}
.sec-sm-pre{float:left;width:100%;font-size:22px;line-height:1.6em;text-align:center;margin-top:12px;}
.sec-button{float:left;width:100%;margin-top:24px;}
.btn-sm{font-size:14px;text-transform:none;min-height:36px;border-radius:6px;font-weight:500;}
/* Common Section CSS End */

/* Grid CSS */
.grid-row{--column-gap:20px;float:left;width:100%;display:flex;gap:var(--column-gap);flex-wrap:wrap;}
.grid-col{min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));float:left;}


/* ========================= Header CSS Start ========================= */
.main-header{float:left; width:100%; background:#fff;position:relative;}
.brand-icon{float:left; width:100%; --logo-size:265px; max-width:var(--logo-size); min-width:var(--logo-size);}
.brand-icon-figure, .brand-icon-figure img{float:left; width:100%;}

.nav-bar{float:left; flex:1; display:flex; justify-content:center;}
.nav-bar-inner{float:right; width:100%; display:flex; justify-content:flex-end; height:100%;}
.nav-listing{float:right; display:flex; align-items:center; gap:0px 50px;}
.nav-listing.nav-button-bar{margin-right:0;}
.nav-list-item{float:left; position:relative;}
.nav-item{float:left; width:100%; color:var(--clr-black); position:relative; transition:all 0.3s ease 0s; cursor:pointer;}
.nav-item:hover:after, .active .nav-item:after{right:0;}
.active .nav-item{color:var(--clr-black);}
.active .nav-item .nav-label{font-weight:400; color:var(--clr-black);}
.nav-label{float:left; width:100%; font-size:18px; font-weight:400;}
.current-menu-item .nav-label{font-weight:700;}
.nav-button-bar{width:auto; gap:10px 10px;}

.main-header .nav-close{float:left; width:100%; height:50px; border-bottom:1px solid #d9d9d9; background:#fff; display:none; position:static; cursor:pointer;}
.close-btn{float:left; width:44px; height:100%; display:flex; align-items:center; font-size:20px; color:#000; margin-right:0; padding-left:10px;justify-content:flex-end;}
.nav-title{float:left; flex:1; font-size:16px; color:#000; align-self:center; font-weight:500;}
.mobile-navbar{float:right; display:none;}
.mobile-navbar .icon{color:var(--clr-black); font-size:24px; cursor:pointer; float:left;}
.nav-overlay{float:left; width:100%; position:fixed; background-color:rgba(0, 0, 0, 0.75); height:100%; max-height:100%; top:0; left:0; z-index:2; transition:all 0.4s ease 0s; visibility:hidden; opacity:0; display:none;}

.header{float:left; width:100%; display:flex; justify-content:space-between; padding:20px 0px;}
.header-left{float:left; position:relative;}
.header-right{float:left; width:100%; display:flex; justify-content:flex-end;}

.strip-bar{display:block; float:left; width:100%; background:var(--bg-primary); min-height:20px;}
/* ========================= Header CSS End ========================= */

/* ========================= Footer CSS Start ========================= */
.footer{float:left; width:100%;}
.copyright-block{float:left;width:100%;background:var(--bg-primary);padding:40px 0px 16px;}
.copyright-warp{float:left; width:100%; display:flex; justify-content:center;}
.copyright-desc{color:var(--clr-black);float:left;width:100%; max-width:1026px; text-align:center;font-size:12px;margin-bottom:24px;line-height:1.7em;}
.copyright-text{float:left; width:100%; color:var(--clr-black);font-size:12px; text-align:center;}
/* ========================= Footer CSS End ========================= */

/* ========================= Home Page CSS Start ========================= */

/* *************** Hero Banner CSS Start *************** */
.hero-banner{float:left; width:100%; overflow:hidden; background:linear-gradient(to right, #023453 0%,#1252aa 43%,#0c5464 72%,#4b7acd 100%);}
.hero-slide{float:left; width:100%; background:var(--bg-image) no-repeat right bottom; background-size:cover; padding:80px 0px 0px; display:flex; align-items:center;}
.hero-card{float:left; width:100%; display:flex; align-items:center;}

.hero-cont{float:left; width:100%; flex:1; color:var(--clr-white);}
.hero-left{float:left; width:100%; padding-right:6%;}
.hero-info-bar{float:left; width:100%; margin-bottom:40px;}
.hero-info{float:left; position:relative; min-height:72px; display:flex; align-items:center; justify-content:center; padding:4px 36px;}
.hero-info-text{float:left; width:100%; font-size:25px; font-weight:700;}
.hero-info:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:12px; opacity:0.2; border:1px solid rgb(247, 211, 114); background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(255,255,255) 50%, rgba(255,255,255,0) 100%); pointer-events:none;}
.hero-info-card{float:left; position:relative;}
.hero-info-card:after, .hero-info-card:before{content:""; position:absolute; top:0; width:60%; height:1px; left:0; right:0; margin:0 auto; background:linear-gradient(to right, rgba(255,194,13,0) 0%, rgb(255,194,13) 50%, rgba(255,194,13,0) 100%); pointer-events:none;}
.hero-info-card:before{top:auto; bottom:-2px;}
.hero-title{float:left; width:100%; font-family:var(--font-head); font-size:72px; line-height:1.1em; text-transform:uppercase; margin-bottom:16px;}
.hero-title .highlight-text, .hero-subtitle .highlight-text, .hero-info-text .highlight-text{background:var(--bg-primary); -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(1px 2px 0px #000);}
.hero-subtitle{float:left; width:100%; font-size:50px; line-height:1.2em; font-weight:500; margin-bottom:24px;}
.hero-subtitle .highlight-text{display:block;}
.hero-pre-label{float:left; width:100%; font-size:24px; line-height:1.2em; margin-bottom:20px;}
.banner-button-bar{margin-top:20px;}

.hero-right{float:right; width:100%; max-width:40%;}
.hero-image{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.hero-fig{float:left;width:100%; min-width:140%; position:relative; right:-12%; bottom:-50px;}
.hero-fig img{float:left; width:100%; filter:drop-shadow(0px 0px 10px #095fa7) drop-shadow(0px 0px 40px #33a0eb);}

.hero-bottom-bar{float:left; width:100%; margin-top:90px;}
.services-row{--column-count:4; position:relative; padding:24px 0px;}
.services-row:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.2; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(255,255,255) 50%, rgba(255,255,255,0) 100%); pointer-events:none;}
.services-row:after{content:""; position:absolute; top:0; width:60%; height:1px; left:0; right:0; margin:0 auto; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(255,255,255) 50%, rgba(255,255,255,0) 100%); pointer-events:none;}
.services-info{float:left; width:100%;}
.services-info{float:left; width:100%; display:flex; gap:10px;}
.services-info-icon{float:left; --bx-size:40px; width:var(--bx-size); min-width:var(--bx-size); height:var(--bx-size); display:flex; align-items:center; justify-content:center; border-radius:8px; background:var(--bg-primary);}
.services-info-icon .icon{font-size:18px;}
.services-info-cont{float:left; width:100%; font-size:20px; color:var(--clr-white); text-transform:uppercase;}
.services-info-label{float:left; width:100%; font-weight:700; line-height:1em;}
.banner-button-bar .button-col{flex:inherit;}
/* *************** Hero Banner CSS End *************** */

/* *************** Revenue CSS Start *************** */
.revenue-section-block .section-inner{background:var(--bg-image) no-repeat right top; background-size:cover;}
.sec-head-block{float:left; width:100%; display:flex; align-items:center; grid-gap:7%;}
.sec-head-col{float:left; width:100%;}
.sec-head-col.left{max-width:41%;}
.sec-head-col.left .sec-sm-intro{text-align:left;}
.sec-head-col.left .sec-sm-pre{text-align:left;}
.doctor-image{float:right; width:100%; margin-bottom:-80px;}
.doctor-image img{float:left; width:100%;}

.revenue-grid-row{--column-gap:36px; --column-count:4; margin-top:-100px;}

.base-card{float:left; width:100%; background:var(--bg-secondary); --radius:20px; border-radius:var(--radius); box-shadow:var(--shadow); padding:3px; height:100%;}
.base-card-outer{float:left; width:100%; background:var(--bg-white); border-radius:calc(var(--radius) - 3px); height:100%;}
.base-card-inner{float:left; width:100%; padding:40px 18px;}
.base-card-head{float:left; width:100%; display:flex; justify-content:center; margin-bottom:12px;}
.base-card-icon{float:left; padding:7px; border-radius:100%;  background:var(--bg-primary);}
.base-card-fig{float:left; background:var(--bg-white); --icon-size:143px; width:var(--icon-size); min-width:var(--icon-size); height:var(--icon-size); display:flex; justify-content:center; align-items:center; border-radius:100%;}
.base-card-fig img{float:left; width:75px;}
.base-card-body{float:left; width:100%;}
.base-card-title{float:left; width:100%;font-size:28px; font-weight:700; margin-bottom:14px;}
.line-bottom{padding-bottom:14px; position:relative;}
.line-bottom:after{content:""; position:absolute; bottom:-2px; width:80%; height:2px; left:0; right:0; margin:0 auto; background:linear-gradient(to right, rgba(0,31,188,0) 0%, rgb(0,31,188) 50%, rgba(0,31,188,0) 100%); pointer-events:none;}
.base-card-text{float:left; width:100%;font-size:22px; line-height:1.2em; color:rgba(0, 0, 0, 0.6);}
.revenue-card{text-align:center;}
.feature-icon-fig.logo-icon-fig{--icon-size:320px; height:auto; min-width:inherit;}
.features-container.system-features-container.growth-features-container .feature-title{font-size:32px;}
.features-container.system-features-container.revenue-features-container .feature-content-col{max-width:620px;}
.features-container.system-features-container.revenue-features-container .feature-info, .features-container.system-features-container.growth-features-container .feature-info{gap:26px;}
.features-container.system-features-container.revenue-features-container, .features-container.system-features-container.growth-features-container{margin-top:80px;}
.mb-0{margin-bottom:0px !important;}

.section-block.growth-procurement-section-block .sec-sm-pre{max-width:100%;}
.section-block.growth-procurement-section-block .sec-sm-pre .d-inline{display:block;}
/* *************** Revenue CSS End *************** */

/* *************** Growth Procurement CSS Start *************** */
.growth-procurement-section-block .section-inner{background:var(--bg-image) no-repeat right top; background-size:cover;}
.growth-procurement-section-block .sec-head-col{display:flex; flex-direction:column; justify-content:center;}
.growth-procurement-section-block .sec-sm-intro{margin-bottom:30px;}
.growth-procurement-section-block .sec-sm-pre{max-width:1042px; margin:0 auto 20px;}

.growth-procurement-grid-row{--column-count:3;}
.growth-procurement-card .base-card-inner{padding:30px 18px;}
.growth-procurement-card .base-card-head{gap:16px;}
.growth-procurement-card .base-card-icon{background:transparent; padding:0px;}
.growth-procurement-card .base-card-fig{--icon-size:100px; background:var(--bg-secondary);}
.growth-procurement-card .base-card-fig img{width:53px;}
.growth-procurement-card .base-card-title{margin-bottom:10px;}
.growth-procurement-card .base-card-text{font-size:18px;margin-bottom:20px;}

.base-card-image{float:left; width:100%;}
.base-card-theme-fig{float:left; width:100%;}
.base-card-theme-fig img{float:left; width:100%; filter:drop-shadow(var(--shadow));}

.base-card-list{float:left; width:100%; display:flex; flex-direction:column; gap:8px;}
.base-card-list-item{float:left; width:100%; font-size:20px; position:relative; padding-left:40px; --icon-size:32px; min-height:var(--icon-size);}
.base-card-list-item:before{content:""; position:absolute; left:0; top:0; width:var(--icon-size); height:var(--icon-size); background:url('../images/tick-icon.webp')no-repeat center center; background-size:100%; border-radius:8px;}

.features-container.system-features-container.growth-features-container .feature-title{font-size:32px;}
/* *************** Growth Procurement CSS End *************** */



/* New */
/* Base Bar Start*/
.base-bar{--icon-size:36px;--icon-gap:8px;float:left;width:100%;display:flex;align-items:center; gap:var(--icon-gap);}
.base-figure{float:left; width:var(--icon-size);min-width:var(--icon-size); padding:0px;margin:0px;}
.base-figure img{float:left; width:100%;}
.base-icon{float:left;padding:0px;margin:0px;}
.base-icon .icon{float:left;font-size:var(--icon-size);}
.base-labels-bar{float:left;flex:1;overflow:hidden;}
.base-bar-title{float:left; width:100%;font-size:28px;font-family:"HelveticaNowText";color:#000000;font-weight:bold;line-height:1.1em;text-align:left;margin-bottom:10px;}
.base-bar-info{float:left; width:100%; font-size:22px;font-family:"HelveticaNowText";color:rgba(0, 0, 0, 0.8);line-height:1.2em;}
/* Base Bar End*/

/* Base List Start*/
.base-list-block{float:left; width:100%;}
.base-list{float:left; width:100%;display:flex;gap:8px;flex-direction:column;}
.base-list-item{float:left; width:100%;--icon-size:36px;--icon-gap:8px;display:flex;align-items:center; gap:var(--icon-gap);}
.base-list-figure{float:left; width:var(--icon-size);min-width:var(--icon-size); padding:0px;margin:0px;border-radius:8px;overflow:hidden;}
.base-list-figure img{float:left; width:100%;}
.base-list-bar{float:left;flex:1;overflow:hidden;}
.base-list-pre{float:left;font-size:20px;font-family:"HelveticaNowText";color:rgb(0, 0, 0);line-height:1.2;}
/* Base List End*/

/* Recurring Revenue Block Start */
.recurring-revenue-section-block .section-inner{background: var(--bg-image) no-repeat center center;background-size:cover;padding:80px 0 100px;}
.recurring-revenue-row{--column-gap:20px;--column-count:3;padding:0px;position:relative;}
.recurring-revenue-card{float:left; width:100%;height:100%;position:relative;background:linear-gradient(to right, #001fbc 0%,#4786de 43%,#001fbc 72%,#4b7acd 100%);padding:3px;--radius:20px;border-radius:var(--radius);box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.18);}
.recurring-revenue-card-inner{float:left; width:100%;height:100%;background:#ffffff;border-radius:calc(var(--radius) - 3px);padding:36px 18px;}
.recurring-revenue-card-wrap{float:left; width:100%;height:100%;display:flex;flex-direction:column;}
.recurring-revenue-top-block{float:left; width:100%;flex:1;}
.recurring-revenue-top-block .base-bar{--icon-size:100px;--icon-gap:14px;}
.recurring-revenue-top-block .base-bar-title{font-size:28px;}
.recurring-revenue-top-block .base-list-block{padding-top:20px;margin-top:16px;position:relative;margin-bottom:38px;}
.recurring-revenue-top-block .base-list-block:before{position:absolute;height:2px;left:20%;right:20%;content:'';top:0px;background:linear-gradient( 90deg, rgba(0,31,188,0) 0%, rgb(0,31,188) 50%, rgba(0,31,188,0) 100%);}

.recurring-revenue-bottom-block{float:left; width:100%;}
.highlight2{color:#e19700;}
.revenue-badge-wrap{border-radius:8px;float:left; width:100%;background-color:rgba(0, 31, 188, 0.05);}
.revenue-badge-flex{float:left;width:100%;display:flex;justify-content:center; align-items:center;gap:4px;min-height:84px;}
.revenue-badge-icon{float:left;}
.revenue-badge-icon i{font-size:36px;color:#001fbc;}
.revenue-badge-label{float:left;}
.revenue-badge-pre{font-size:22px;font-family:"HelveticaNowText";color:#001fbc;}
.recurring-revenue-features-container{margin-top:80px;}
.recurring-revenue-features-container .feature-icon-fig{--icon-size:68px;}
.recurring-revenue-features-container .feature-title{font-size:24px;}
.recurring-revenue-features-container .feature-info{justify-content:center;padding:0;}
.recurring-revenue-features-container .feature-mid-content{width:auto;}
.recurring-revenue-features-container .feature-text{margin-top:6px;}
/* Recurring Revenue Block End */

/* System Block Start*/
.system-work-section-block .section-inner{background: var(--bg-image) no-repeat center center;background-size:cover;padding:80px 0 100px;}
.system-work-row{--column-gap:56px;--column-count:3;grid-row-gap:100px;padding:40px 30px;position:relative;}
.system-work-row:before{height:calc(50% - 11px);border:22px solid #848484;opacity:0.4;top:auto;bottom:auto;right:0;width:calc(100% - 60px);position:absolute;content:'';border-radius:60px;align-self:center;border-left:none; }
.system-col{position:relative;padding:0px;display:inline-flex;align-items:center;}
.system-col:after{position:absolute;height:55px;width:38px;background-image:url(../images/step-direction-arrow.png);content:'';right:-47px;top:auto;bottom:auto;background-size: 100%; }

.system-card{float:left; width:100%;height:100%;position:relative;background:linear-gradient(to right, #001fbc 0%,#4786de 43%,#001fbc 72%,#4b7acd 100%);padding:3px;--radius:20px;border-radius:var(--radius);box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.18);}
.system-card-inner{float:left; width:100%;height:100%;background:#ffffff;border-radius:calc(var(--radius) - 3px);padding:18px;}
.system-card-wrap{float:left; width:100%;height:100%;display:flex;flex-direction:column;}
.system-top-block{float:left; width:100%;flex:1;}
.system-top-block .base-bar{height:100%;--icon-size:104px;--icon-gap:24px;}

.system-bottom-block{float:left; width:100%;margin-top:18px;}
.step-number{position:absolute;top:-40px;left:0px;border-radius:12px;width:62px;height:100px;background-image:linear-gradient( 90deg, rgb(0,31,188) 0%, rgb(71,134,222) 43%, rgb(0,31,188) 72%, rgb(75,122,205) 100%);font-size:28px;font-family:"HelveticaNowText";color:#ffffff;font-weight:bold;display:flex;justify-content:center;padding:6px 0px;line-height:1; }

.system-badge-wrap {border-radius:8px;float:left; width:100%;background-color:rgba(0, 31, 188, 0.05); }
.system-badge-flex{float:left;width:100%;display:flex;justify-content:center; align-items:center;gap:4px;min-height:56px;}
.system-badge-icon{float:left;}
.system-badge-icon i{font-size:22px;color:#001fbc;}
.system-badge-label{float:left;font-size:22px;font-family:"HelveticaNowText";color:#001fbc;}

.system-col-4{order:6;}
.system-col-5{order:5;}
.system-col-6{order:4;}

.system-col-1:before{height:22px;background:#848484;opacity:0.4;top:auto;bottom:auto;left:-30px;width:calc(100% - 60px);position:absolute;content:''; }
.system-col-3:after{transform:rotate(90deg);right:-38px;top:calc(100% + 31px);}

.system-col-4:after{opacity:0;}
.system-col-5:after,
.system-col-6:after{transform:rotate(180deg);}

/* Feature Container */
.features-container.system-features-container{margin-top:40px;}
.features-container.system-features-container .features-container-inner{padding:20px 30px;}
.features-container.system-features-container .grid-row{--column-count:2;--column-gap:60px;}
.features-container.system-features-container .feature-info{padding:0px;}
.features-container.system-features-container .feature-text{font-weight:normal;font-size:24px;margin-top:4px;}
.features-container.system-features-container .feature-title{font-size:42px;}
.features-container.system-features-container .grid-left-col{flex:1;}
.features-container.system-features-container .feature-content-col{max-width:560px;min-width:auto;width:auto;}
.features-container.system-features-container .feature-content-col .feature-text{margin:0px;font-weight:normal;font-size:28px;}
.highlight-feature-text{color:#ffb23e;}
/* System Block End*/


/* *************** Revenue System Start *************** */
.revenue-system-section-block .section-inner{background: var(--bg-image) no-repeat center center;background-size:cover;padding:80px 0 100px;}
.revenue-system-col{padding-top:70px;}
.revenue-system-col .sec-sm-intro{font-size:52px;font-weight:500;color:inherit;text-align:left;line-height:1.2em;}
.revenue-system-col .text-highlight{color:#0221bd;font-weight:800;}
.revenue-system-col .bottom-line { padding-bottom: 28px; position: relative; }
.revenue-system-col .sec-sm-intro .text-highlight.bottom-line:after{content:""; position:absolute;right:-28px; bottom:0px; background:url('../images/underline-icon.webp') no-repeat left bottom; height:100%; width:100%; background-size:86% auto;}
.revenue-system-col .sec-sm-pre{font-size:22px;text-align:left;margin-top:20px;}
.revenue-system-row.grid-row{--column-count:2;}

.revenue-fig-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.revenue-fig{float:left;width:100%;max-width:480px;}
.revenue-fig img{float:left;width:100%;}

.revenue-system-button-bar{margin-top:26px;}

.license-verification-block{float:left;width:100%;margin-top:6px;}
.license-verification{float:left;width:auto;display:flex;align-items:center;position:relative;cursor:pointer;font-size:18px;font-weight:400;color:var(--clr-base);gap:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:20px;pointer-events:none;}
.license-verification input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:auto;right:auto;bottom:auto;left:0;}
.license-verification .checkmark{position:relative; height:24px;width:24px;background:none;border-radius:50%;border:2px solid rgba(0, 0, 0, 0.4);}
.license-verification:hover input~.checkmark{border-color:var(--bg-black);}
.license-verification input:checked~.checkmark{background:var(--bg-black);border-color:var(--bg-black);}
.license-verification .checkmark:after{content:"";position:absolute;display:none;}
.license-verification input:checked~.checkmark:after, .license-verification.active input ~ .checkmark:after{display:block;}
.license-verification .checkmark:after{left:6px;top:2px;width:5px;height:11px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.features-container{float:left;width:100%;}
.features-container-inner{float:left;width:100%;border-radius:20px;padding:28px 30px; filter:drop-shadow(0px 8px 10px rgba(0,0,0,0.18));background:linear-gradient(0deg, #001b41 0%, #003177 100%);}
.features-container-inner .grid-row{--column-gap:32px;align-items:center;}
.features-container-inner .grid-col{position:relative;}
.features-container-inner .grid-col:not(:last-child)::after{position:absolute;content:'';top:0;right:calc(var(--column-gap) / -2);height:100%;width:1px;margin:auto;background:rgba(255,255,255,0.3);;}
.features-container-head{float:left;width:100%;}
.features-container-head-inner{float:left;width:100%;text-align:center;padding-bottom:24px;}
.features-container-title{float:left;width:100%;font-size:42px;font-weight:700;color:#ffb23e;}
.features-container-text{float:left;width:100%;font-size:24px;font-weight:500;color:var(--clr-white);}
.feature-info{float:left;width:100%;display: flex;align-items: center;gap:16px;height:100%;padding:20px 0;}
.feature-icon{float:left;width:auto;display:flex;align-items:center;justify-content:center;}
.feature-icon-fig{float:left;--icon-size:94px; min-width:var(--icon-size);width:var(--icon-size);max-width:var(--icon-size);height:var(--icon-size);}
.feature-icon-fig img{float:left;width:100%;height:100%;object-fit:contain;}
.feature-content{float:left;width:100%;display:flex;flex-direction:column;}
.feature-title{float:left;width:100%;font-size:36px;font-weight:700;color:var(--clr-white);}
.feature-text{float:left;width:100%;font-size:20px;font-weight:500;line-height:1.2;color:var(--clr-white);margin-top:12px;}
.feature-text-highlight{font-size:32px;font-weight:700;color:#ffb23e;}
.features-container-bottom{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.features-container-bottom-inner{float:left;width:100%;max-width:760px;display:flex;justify-content:center;align-items:center;gap:16px;background:linear-gradient(to right, #df9a39 0%, #df9a39 27%, #f9dd7b 56%, #f0b656 100%);border-radius:0 0 20px 20px;padding:18px 0;}
.features-container-icon{float:left;width:auto;display:flex;justify-content:center;align-items:center;}
.features-container-fig{float:left;--icon-size:70px;width:var(--icon-size);min-width:var(--icon-size);max-width:var(--icon-size);}
.features-container-fig img{float:left;width:100%;}
.features-container-data{float:left;width:auto;display:flex;flex-direction:column;}
.features-data-title{float:left;flex:1;font-size:28px;font-weight:500;color:var(--clr-black);}
.features-data-text{float:left;flex:1;font-size:48px;font-weight:700;color:var(--clr-black);}

.revenue-features-container{margin-top:-148px;}

/* *************** Revenue System End *************** */

/* *************** Stay Control Start *************** */
.stay-control-col{width:auto;min-width:auto;max-width:580px;}
.stay-control-col .d-inline{display:block;}
.stay-control-col .sec-sm-intro{font-size:52px;font-weight:500;color:inherit;text-align:left;line-height:1.2em;}
.stay-control-col .text-highlight{color:#0221bd;font-weight:800;}
.stay-control-col .text-highlight:not(.bottom-line){display:inline-block;}
.stay-control-col .highlight-text{color:#0221bd;}
.stay-control-col .bottom-line { padding-bottom: 28px; position: relative; }
.stay-control-col .sec-sm-intro .text-highlight.bottom-line:after{content:""; position:absolute;right:-28px; bottom:0px; background:url('../images/underline-icon.webp') no-repeat left bottom; height:100%; width:100%; background-size:86% auto;}
.stay-control-col .sec-sm-pre{font-size:22px;text-align:left;margin-top:20px;}
.stay-control-row.grid-row{--column-count:2; --column-gap:40px;}

.block-list-info{float:left;width:100%;}
.block-list{float:left;width:100%;}
.block-list-item{float:left;width:100%;display:flex;align-items:center;gap:16px;border-radius:20px;filter:drop-shadow(0px 8px 10px rgba(0,0,0,0.18));background:var(--bg-white);overflow:hidden;}
.block-list-item + .block-list-item{margin-top:36px;}
.block-list-icon{float:left;width:100%;max-width:110px;min-height:124px;display:flex;justify-content:center;align-items:center; background:linear-gradient(90deg, #001fbc 0%, #4786de 43%, #001fbc 72%, #4b7acd 100%);}
.block-list-fig{float:left;--icon-size:56px;width:var(--icon-size);min-width:var(--icon-size);max-width:var(--icon-size);}
.block-list-fig img{float:left;width:100%;}
.block-list-content{float:left;width:100%;display:flex;flex-direction:column;gap:8px;}
.block-list-title{float:left;flex:1;font-size:26px;font-weight:700;}
.block-list-text, .block-list-text p{float:left;flex:1;font-size:20px;}

.stay-control-list-info{margin-top:40px;}

.protocol-fig-col{flex:1;}
.protocol-fig-block{float:left;width:100%;position:relative;display:flex;justify-content:center;align-items:center;}
.protocol-fig{float:left;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}
.protocol-fig.main-fig{position:static;z-index:0;}
.protocol-fig img{float:left;width:100%;}

.stay-control-section-block .section-inner{background: var(--bg-image) no-repeat center center;background-size:cover;padding:80px 0 100px;}
.stay-control-features-container{padding-right:360px;margin-top:-120px;}
.stay-control-features-container .features-container-inner .grid-row{--column-gap:60px;}
.stay-control-features-container .features-container-inner .grid-col{flex:1;}
.stay-control-features-container .grid-right-col{min-width:auto;max-width:360px;width:auto;}
.stay-control-features-container .features-container-inner{padding:20px 20px;}
.stay-control-features-container .highlight-text{color:#ffb23e;}
.stay-control-features-container .feature-title{font-size:42px;}
.stay-control-features-container .feature-text{font-size:24px;margin-top:6px;}
.stay-control-features-container .feature-right-content .feature-text{font-size:28px; margin-top:0;font-weight:400;}
.stay-control-features-container .italic-text{font-style:italic;font-weight:700;display:block;}
/* *************** Stay Control End *************** */

/* *************** Stay Control Start *************** */
.growth-procurement-section-block .section-inner{background: var(--bg-image) no-repeat center center;background-size:cover;padding:80px 0 100px;}
/*.growth-procurement-section-block .d-inline{display:block;}
.growth-procurement-section-block .sec-sm-intro{font-size:52px;font-weight:500;color:inherit;text-align:left;line-height:1.2em;text-align:center;}
.growth-procurement-section-block .text-highlight{color:#0221bd;font-weight:800;}
.growth-procurement-section-block .text-highlight:not(.bottom-line){display:inline-block;}
.growth-procurement-section-block .highlight-text{color:#0221bd;}
.growth-procurement-section-block .bottom-line{padding-bottom:34px; position: relative; }
.growth-procurement-section-block .sec-sm-intro .text-highlight.bottom-line:after{content:""; position:absolute;right:0; bottom:0px; background:url('../images/underline-icon-lg.webp') no-repeat right bottom; height:100%; width:100%; background-size:65% auto;}
.growth-procurement-section-block .sec-sm-pre{font-size:22px;text-align:left;margin-top:40px;text-align:center;}*/

.growth-grid-row{gap:var(--row-gap) var(--column-gap); --column-count:2; --column-gap:30px; --row-gap:20px;margin-top:40px;}
.growth-card{float:left;width:100%;}
.growth-card-outer{float:left;width:100%;background:linear-gradient(#001fbc 0%, #4786de 43%, #001fbc 72%, #4b7acd 100%);filter:drop-shadow(0px 8px 10px rgba(0,0,0,0.18));--box-radius:20px;border-radius:var(--box-radius);--box-spacing:3px;padding:var(--box-spacing);}
.growth-card-inner{float:left;width:100%;background:var(--bg-white);display:flex;align-items:center;gap:10px;border-radius:calc(var(--box-radius) - var(--box-spacing));padding:24px;}
.growth-card-content{float:left;flex:1;}
.growth-card-content-inner{float:left;width:100%;display:flex;flex-direction:column;}
.growth-card-icon-block{float:left;flex:1;}
.growth-card-icon{float:left;position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(#001fbc 0%, #4786de 43%, #001fbc 72%, #4b7acd 100%);filter:drop-shadow(0px 8px 10px rgba(0,0,0,0.18));border-radius:50%;--icon-size:100px;width:var(--icon-size);min-width:var(--icon-size);max-width:var(--icon-size);padding:24px;--after-space:30px;margin-bottom:var(--after-space);}
.growth-card-icon::after{position:absolute;content:''; top:auto;bottom:calc(var(--after-space) * -1);left:0;background: linear-gradient(90deg, rgba(0, 31, 188, 0) 0%, rgb(0, 31, 188) 50%, rgba(0, 31, 188, 0) 100%);height:2px;width:100%;}
.growth-card-fig-block{float:left;width:auto;}
.growth-card-fig{float:left;width:100%;display:flex;justify-content:flex-end;align-items:center;filter:drop-shadow(0px 8px 10px rgba(0,0,0,0.18));max-width:300px;}
.growth-card-fig img{float:left;width:100%;}
.growth-card-title{float:left;width:100%;font-size:28px;font-weight:700;margin-top:10px;}
.growth-card-title span{display:block;}
.growth-card-text{float:left;width:100%;margin-top:10px;}
.growth-card-text p{float:left;width:100%;font-size:18px;color:rgba(0,0,0,0.8);}

.growth-procurement-features-container{margin-top:80px;}
.growth-procurement-features-container .features-container-inner .grid-row{--column-gap:60px;}
.growth-procurement-features-container .features-container-inner .grid-col{flex:1;}
.growth-procurement-features-container .grid-right-col{min-width:auto;max-width:596px;width:auto;}
.growth-procurement-features-container .features-container-inner{padding:20px 20px;}
.growth-procurement-features-container .highlight-text{color:#ffb23e;}
.growth-procurement-features-container .feature-title{font-size:42px;}
.growth-procurement-features-container .feature-text{font-size:24px;margin-top:6px;}
.growth-procurement-features-container .feature-right-content .feature-text{font-size:28px; margin-top:0;font-weight:400;}
.growth-procurement-features-container .italic-text{font-style:italic;font-weight:700;display:block;}

/* ========================= Home Page CSS End ========================= */