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


@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100; /* Thin weight */
    src: url('/assets/font/inter/Inter_28pt-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200; /* Extra Lite weight */
    src: url('/assets/font/inter/Inter_28pt-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300; /* Lite weight */
    src: url('/assets/font/inter/Inter_28pt-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400; /* Regular weight */
    src: url('/assets/font/inter/Inter_24pt-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500; /* Medium weight */
    src: url('/assets/font/inter/Inter_28pt-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600; /* Semi Bold weight */
    src: url('/assets/font/inter/Inter_28pt-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700; /* Bold weight */
    src: url('/assets/font/inter/Inter_28pt-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800; /* Extra Bold weight */
    src: url('/assets/font/inter/Inter_28pt-ExtraBold') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900; /* Black weight */
    src: url('/assets/font/inter/Inter_24pt-Black.ttf') format('truetype');
}

/* ========== hosts ============ */
/* this hosts only for login */
/* default */
:host{
    --primary-color: #16552A;
    --lite-bg: rgba(22, 85, 42, 0.15);
    --transparent-bg: rgba(22, 85, 42, 0.8);
    --border-color: #16552A;
    
    --button-bg: #406840;
    --button-bg-hover: #16552A;
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #16552A;
    --hiw-text-color: #FFFFFF;    
}

.mysoft :host{
    --primary-color: #16552A;
    --lite-bg: rgba(22, 85, 42, 0.15);
    --transparent-bg: rgba(22, 85, 42, 0.8);
    --border-color: #16552A;
    
    --button-bg: #406840;
    --button-bg-hover: #16552A;
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #16552A;
    --hiw-text-color: #FFFFFF;    
}


/* Brac Healthcare */
/* .brac :host{
    --primary-color: #ED008C;
    --lite-bg: rgba(153, 14, 103, 0.15);
    --transparent-bg: rgba(237, 0, 139, 0.8);
    --border-color: #990E67;
    
    --button-bg: #990E67;
    --button-bg-hover: #ED008C;
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #990E67;
    --hiw-text-color: #000000;
} */

.brac :host{
    --primary-color: #ED008C;
    --secondary-color: #95D6DC;
    --third-color: #05788A;

    --lite-bg: rgba(153, 14, 103, 0.15);
    --transparent-bg: rgba(237, 0, 139, 0.8);
    --border-color: #ED008C;
    
    /* button */
    --button-bg: #ED008C;
    --button-bg-hover: #990E67; 
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #ED008C;
    --hiw-text-color: #0F1922;
}

/* Parkview hospital */
.parkview :host{
    --primary-color: #0D73B7;
    --lite-bg: rgba(13, 115, 183, 0.15);
    --transparent-bg: rgba(13, 115, 183, 0.8);
    --brand-text-color: #0D73B7;
    --border-color: #0D73B7;
    
    /* button */
    --button-bg: #3789BF;
    --button-bg-hover: #0D73B7;
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --hiw-text-color: #000000;
}

/* Gulshan Clinic */
.gulshan-clinic :host{
    --primary-color: #2294D1;
    --lite-bg: #BDDFF1; /*30% lighter than primary color */
    --transparent-bg: rgba(34, 148, 209, 0.8); /*50% lighter than primary color */
 
    --border-color: #1A7BAE;
    
    /* button */
    /*--button-bg: #F133A2;*/ /*80% opacity of primary color */
    --button-bg: #1A7BAE; /*80% opacity of primary color */
    --button-bg-hover: #2294D1;
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #2294D1;
 
    /* how it works section text color */
    --hiw-text-color: #221F1F; /*this will depend on background color */
}



/* Ship Internation */
.ship-international :host{
    --primary-color: #0093B5;
    --lite-bg: #E5F4F8; /*30% lighter than primary color */
    --transparent-bg: rgba(0, 147, 181, 0.8); /*50% lighter than primary color */
 
    --border-color: #0093B5;
    
    /* button */
    /*--button-bg: #F133A2;*/ /*80% opacity of primary color */
    --button-bg: #2DA3BE; /*80% opacity of primary color */
    --button-bg-hover: #0093B5;
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #0093B5;
 
    /* how it works section text color */
    --hiw-text-color: #221F1F; /*this will depend on background color */
}


/* Apollo Imperial Hospital */
.apollo-imperial :host{
    --primary-color: #007D9D;
    --lite-bg: rgba(0, 125, 157, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(0, 125, 157, 0.8); /*80% lighter than primary color */
 
    --border-color: #007D9D;
    
    /* button */
    /*--button-bg: #F133A2;*/ /*80% opacity of primary color */
    --button-bg: #007e9dcc; /*80% opacity of primary color */
    --button-bg-hover: #007D9D;
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #007D9D;
 
    /* how it works section text color */
    --hiw-text-color: #221F1F; /*this will depend on background color */
}



/* Shishu Sasthya Foundation Bangladesh */
.shishu-foundation :host{
    --primary-color: #C9252B;
    --lite-bg: rgba(201, 37, 43, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(201, 37, 43, 0.8); /*80% lighter than primary color */

    --border-color: #C9252B;

    /* button */
    --button-bg: #C9252B; /*80% opacity of primary color */
    --button-bg-hover: rgba(201, 37, 43, 0.8); /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #C9252B;
    
    /* how it works section text color */
    --hiw-text-color: #221F1F; /*this will depend upon background color */
}

.shishu-foundation :host img.brand-logo{
    max-width: 105px!important;
}



/* Lab Science Diagnostic */
.lab-science :host{
    --primary-color: #00A651;
    --lite-bg: rgba(0, 166, 81, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(0, 166, 81, 0.8); /*80% lighter than primary color */

    --border-color: #00A651;

    /* button */
    --button-bg: #00A651; /*80% opacity of primary color */
    --button-bg-hover: rgba(0, 166, 81, 0.8); /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #00A651;
    
    /* how it works section text color */
    --hiw-text-color: #221F1F; /*this will depend upon background color */
}

/* National Institute of Laboratory Medicine and Referral Centre(NILMRC) */
.nilmrc :host{
    --primary-color: #00a559;
    --lite-bg: rgba(0, 165, 89, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(0, 165, 89, 0.8); /*80% lighter than primary color */

    --border-color: #00a559;

    /* button */
    --button-bg: #00a559; /*80% opacity of primary color */
    --button-bg-hover: rgba(0, 165, 89, 0.8); /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #00a559;
    
    /* how it works section text color */
    --hiw-text-color: #221F1F; /*this will depend upon background color */
}



/* TotiCell */
.toticell :host{
    --primary-color: #af5689;
    --lite-bg: rgba(175, 86, 137, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(175, 86, 137, 0.8); /*80% lighter than primary color */

    --border-color: #af5689;

    /* button */
    --button-bg: #af5689; /*80% opacity of primary color */
    /* --button-bg-hover: rgba(175, 86, 137, 0.8); */
    --button-bg-hover: #3498db; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #af5689;
    
    /* how it works section text color */
    --hiw-text-color: #121212; /*this will depend upon background color */
}


/* DMFR */
.dmfr :host{
    --primary-color: #1a4774;
    --lite-bg: rgba(26, 71, 116, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(26, 71, 116, 0.8); /*80% lighter than primary color */

    --border-color: #E92125;

    /* button */
    --button-bg: #E92125; /*80% opacity of primary color */
    --button-bg-hover: #1a4774; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #1a4774;
    
    /* how it works section text color */
    --hiw-text-color: #1a4774; /*this will depend upon background color */
}


/* EW Villa */
.ewvilla :host{
    --primary-color: #001b4b;
    /*--lite-bg: rgba(0, 27, 75, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(246, 172, 51, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(246, 172, 51, 0.8); /*30% lighter than primary color */
    /*--transparent-bg: rgba(0, 27, 75, 0.8);*/ /*80% lighter than primary color */

    --border-color: #f6ac33;

    /* button */
    --button-bg: #001b4b; /*80% opacity of primary color */
    --button-bg-hover: #f6ac33; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #f6ac33;
    
    /* how it works section text color */
    --hiw-text-color: #001b4b; /*this will depend upon background color */
}


/* Belle Vue */
.belleVue :host{
    --primary-color: #00A572;
    /*--lite-bg: rgba(0, 27, 75, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(0, 165, 114, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(0, 165, 114, 0.8); /*30% lighter than primary color */
    /*--transparent-bg: rgba(0, 27, 75, 0.8);*/ /*80% lighter than primary color */

    --border-color: #00A572;

    /* button */
    --button-bg: #00A572; /*80% opacity of primary color */
    --button-bg-hover: #BF0A30; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #00A572;
    
    /* how it works section text color */
    --hiw-text-color: #00A572; /*this will depend upon background color */
}

/* BIHS Hospital */
.bihs :host{
    --primary-color: #2D9FC9;
    /*--lite-bg: rgba(45, 159, 201, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(45, 159, 201, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(45, 159, 201, 0.8); /*30% lighter than primary color */
    /*--transparent-bg: rgba(45, 159, 201, 0.8);*/ /*80% lighter than primary color */

    --border-color: #2D9FC9;

    /* button */
    --button-bg: #2D9FC9; /*80% opacity of primary color */
    --button-bg-hover: #2342A1; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #2342A1;
    
    /* how it works section text color */
    --hiw-text-color: #2342A1; /*this will depend upon background color */
}


/* BSH Hospital */
.bsh :host{
    --primary-color: #00A187;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(0, 161, 135, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(0, 161, 135, 0.8); /*30% lighter than primary color */
    /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

    --border-color: #00A187;

    /* button */
    --button-bg: #00A187; /*80% opacity of primary color */
    --button-bg-hover: #2E3192; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #2E3192;
    
    /* how it works section text color */
    --hiw-text-color: #2E3192; /*this will depend upon background color */
}

/* Delta Hospital LTD. (DHL)*/
.dhl :host{
    --primary-color: #0C4DA2;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(12, 77, 162, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(12, 77, 162, 0.8); /*30% lighter than primary color */
    /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

    --border-color: #0C4DA2;

    /* button */
    --button-bg: #0C4DA2; /*80% opacity of primary color */
    --button-bg-hover: #ED1C24; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #ED1C24;
    
    /* how it works section text color */
    --hiw-text-color: #ED1C24; /*this will depend upon background color */
}



/* Trauma Center */
.trauma :host{
    --primary-color: #00ACEB;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(0, 172, 235, 0.3); /*30% lighter than primary color */
    --transparent-bg: rgba(0, 172, 235, 0.8); /*30% lighter than primary color */
    /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

    --border-color: #00ACEB;

    /* button */
    --button-bg: #00ACEB; /*80% opacity of primary color */
    --button-bg-hover: #099D53; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;

    --brand-text-color: #099D53;
    
    /* how it works section text color */
    --hiw-text-color: #099D53; /*this will depend upon background color */
}

/* Mercury Medical (Wahab Medical) */
.mercurry :host{
    --primary-color: #16552A;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(22, 85, 42, 0.15);/*30% lighter than primary color */
    --transparent-bg: rgba(22, 85, 42, 0.8);/*30% lighter than primary color */
     /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

     --border-color: #16552A;
    
     /* button */
    --button-bg: #406840; /*80% opacity of primary color */
    --button-bg-hover: #16552A; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #16552A;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */
}  


/* Alliance Hospital Limited */
.alliance :host{
    --primary-color: #16552A;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(22, 85, 42, 0.15);/*30% lighter than primary color */
    --transparent-bg: rgba(22, 85, 42, 0.8);/*30% lighter than primary color */
     /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

     --border-color: #16552A;
    
     /* button */
    --button-bg: #406840; /*80% opacity of primary color */
    --button-bg-hover: #16552A; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #16552A;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */
} 
/* Prime Hospital Ltd. */
.primeNoyakhali :host{
    --primary-color: #260F36;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(22, 85, 42, 0.15);/*30% lighter than primary color */
    --transparent-bg: rgba(22, 85, 42, 0.8);/*30% lighter than primary color */
     /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

     --border-color: #260F36;
    
     /* button */
    --button-bg: #F14C4B; /*80% opacity of primary color */
    --button-bg-hover: #260F36; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #260F36;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */
} 


/* AKS Healthcare. */
.aks-healthcare :host{
    --primary-color: #1B80B4;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(137, 186, 63, 0.15);/*30% lighter than primary color #89BA3F */
    --transparent-bg: rgba(137, 186, 63, 0.8);/*30% lighter than primary color */
     /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

     --border-color: #1B80B4;
    
     /* button */
    --button-bg: #1B80B4; /*80% opacity of primary color */
    --button-bg-hover: #89BA3F; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #1B80B4;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */
} 

/* health labs ltd. */
.healthlabs :host{
    --primary-color: #6F6D2D;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(137, 186, 63, 0.15);/*30% lighter than primary color #89BA3F */
    --transparent-bg: rgba(137, 186, 63, 0.8);/*30% lighter than primary color */
     /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

     --border-color: #6F6D2D;
    
     /* button */
    --button-bg: #6F6D2D; /*80% opacity of primary color */
    --button-bg-hover: #9EAD39; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #6F6D2D;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */
} 

/* Chattogram Metropolitan Hashpatal Limited */
.ctgmh :host{
    --primary-color: #2FA8DF;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(137, 186, 63, 0.15);/*30% lighter than primary color #89BA3F */
    --transparent-bg: rgba(47, 168, 223, 0.8);/*30% lighter than primary color */
     /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

     --border-color: #2FA8DF;
    
     /* button */
    --button-bg: #2FA8DF; /*80% opacity of primary color */
    --button-bg-hover: #17A853; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #2FA8DF;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */
}

/* Sarkari Karmachari Hospital */
.skh :host{
    --primary-color: #ED1C24;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(1, 152, 74, 0.15);/*50% lighter than primary color #89BA3F */
    --transparent-bg: rgba(1, 152, 74, 0.8);/*80% lighter than primary color */
     /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

     --border-color: #01984A;
    
     /* button */
    --button-bg: #ED1C24; /*80% opacity of primary color */
    --button-bg-hover: #01984A; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #ED1C24;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */
}

/* Popular Medical Centre Limited */
.popular :host{
    --primary-color: #0C7D36;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(12, 125, 54, 0.15);/*50% lighter than primary color #89BA3F */
    --transparent-bg: rgba(12, 125, 54, 0.8);/*80% lighter than primary color */
     /*--transparent-bg: rgba(0, 161, 135, 0.8);*/ /*80% lighter than primary color */

     --border-color: #126B4D;
    
     /* button */
    --button-bg: #0C7D36; /*80% opacity of primary color */
    --button-bg-hover: #126B4D; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #0C7D36;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */
}
/* Epic Healthcare */
.epic-healthcare :host{
    --primary-color: #06723D;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(148, 193, 61, 0.15);/*50% lighter than primary color #89BA3F */
    --transparent-bg: rgba(6, 114, 61, 0.8);/*80% lighter than primary color */


     --border-color: #06723D;
    
     /* button */
    --button-bg: #06723D; /*80% opacity of primary color */
    --button-bg-hover: #94C13D; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #06723D;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */   
}

/* Jalalabad Ragib-Rabeya Medical College Hospital*/
.jrrmch :host{
    --primary-color: #01742F;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(1, 116, 47, 0.15);/*50% lighter than primary color #89BA3F */
    --transparent-bg: rgba(1, 116, 47, 0.8);/*80% lighter than primary color */


     --border-color: #1A1385;
    
     /* button */
    --button-bg: #01742F; /*80% opacity of primary color */
    --button-bg-hover: #B30006; /*80% opacity of primary color */
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
    
    --brand-text-color: #06723D;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */   
}

.monno :host{
    --primary-color: #22AAE2;
    /*--lite-bg: rgba(0, 161, 135, 0.3);*/ /*30% lighter than primary color */
    --lite-bg: rgba(34, 170, 226, 0.15);/*30% lighter than primary color #89BA3F */
    --transparent-bg: rgba(34, 170, 226, 0.8);/*30% lighter than primary color */
 
     --border-color: ##2C3A93;
   
     /* button */
    --button-bg: #22AAE2;
    --button-bg-hover: #2C3A93;
    --button-text-color: #FFFFFF;
    --button-hover-text-color: #FFFFFF;
   
    --brand-text-color: #22AAE2;
    /* how it works section text color */
    --hiw-text-color: #FFFFFF;  /*this will depend upon background color */
}


/* ========== end hosts ============ */



/* PATIENT PORTAL ========================= */
/* PATIENT PORTAL ========================= */
/* PATIENT PORTAL ========================= */

.brac.patient-portal :host{
    --primary-color: #95D6DC;
    --dark-color: #0F1922;
}
.nilmrc.patient-portal :host{
    --primary-color: #00a559;
    --dark-color: #0F1922;
}
/* END PATIENT PORTAL ========================= */
/* END PATIENT PORTAL ========================= */
/* END PATIENT PORTAL ========================= */