@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Montserrat: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&family=Roboto+Condensed: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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


:root {
    --cbf-purple-800: #AD69C8;
    --cbf-purple-1000: #9844BA;
    --cbf-purple-1200: #7A3695;
    --body-font-size: 18px;
   /* --nav-font-size: 23px;*/
    --nav-font-size: 20px;
    --body-font-weight: 400;
    --cbf-gold-800: #FFB651;
    --cbf-gold-1000: #FFA425;
    --cbf-gold-1200: #CC831E;
    --cbf-black-1000: #000000;
    --cbf-white-1000: #FFFFFF;
    --cbf-purple-200: #f5f0f8;
    --cbf-tertiary-blue-1000: #3180DF;
    --cbf-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    --cbf-border-radius: 10px;
    --cbf-email-sign-up-bg-color: #4fEAF8;
}

html, body, #main {
    height: 100%;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

/*----Start Common style----*/
body
{
    background-color: #FFF;
    color: var(--cbf-black-1000) !important;
    font-family: Roboto, sans-serif !important;
    font-size: var(--body-font-size) !important;
    font-weight: var(--body-font-weight) !important;
    margin:0 auto!important;
}

#main {
    position: relative;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    min-height: 0px !important;
}

.modal
{
    top:20%!important;
}

.m-0
{
    margin: 0 !important;
}

.p-0
{
    padding: 0 !important;
}

.row.margin-top-80
{
    margin-top: 80px !important;
}

.row.margin-top-50
{
    margin-top: 50px !important;
}

.d-flex
{
    display: flex !important;
}

.flex-row
{
    flex-direction: row;
}

.flex-row-reverse
{
    flex-direction: row-reverse;
}

span.badge.badge-notify
{
    background-color: #c00;
    position: relative;
    top: -8px;
    right: 18px;
}

.flex-column
{
    flex-direction: column !important;
}

.justify-content-start
{
    justify-content: start !important;
}

.justify-content-center
{
    justify-content: center !important;
}

.justify-content-end
{
    justify-content: end !important;
}

.justfy-content-between
{
    justify-content: space-between;
}

.align-items-start
{
    align-items: start !important;
}

.align-items-center
{
    align-items: center !important;
}

.align-items-end
{
    align-items: end !important;
}

.gap-10
{
    gap: 10px !important;
}

.gap-20
{
    gap: 20px !important;
}

.gap-40
{
    gap: 40px !important;
}

.margin-bottom-49
{
    margin-bottom: 49px !important;
}

section:after, header:after, footer:after, .container-sm:after, section:before, header:before, footer:before, .container-sm:before
{
    display: table;
    content: " ";
}

section:after, header:after, footer:after, .container-sm:after
{
    clear: both;
}

/*.cbf-module > div
{
    max-width: 1920px;
}*/

img
{
    max-width: 100% !important;
}

.parallax-mirror img
{
    max-width: inherit !important;
}

.d-none
{
    display: none !important;
}

.container_sm
{
    width: 1100px !important;
    margin: 0 auto;
}

.container_x_sm
{
    width: 900px !important;
    margin: 0 auto;
}

a, a.nav-link, a:active, a:focus
{
    color: var(--cbf-black-1000) !important;
    text-decoration: none !important;
}

.navbar-collapse.in .nav-item .cbf-search-bar
{
    display: inline-block !important;
    position: static;
    width: calc(100% - 43px);
}

.cover-bg-bottom-center
{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    background-position: bottom center !important;
}

ul
{
    margin: 0;
}

.btn-text-purple
{
    font-family: 'Roboto Condensed';
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: var(--cbf-purple-1000) !important;
    padding: 16px 16px;
    border: 3px solid var(--cbf-purple-1000);
    border-radius: 10px;
    text-decoration: none !important;
    display: inline-block;
}

.font-size-16
{
    font-size: 16px;
}

.font-size-25
{
    font-size: 25px;
}

.margin-5px-right, .mr-5
{
    margin-right: 5px !important;
}

.pl-0
{
    padding-left: 0 !important;
}

.pr-0
{
    padding-right: 0 !important;
}

.pt-0
{
    padding-top: 0 !important;
}

main
{
    min-height: 400px;
    margin-top: 164px;
}

@media (max-width: 1561px)
{
    main
    {
        margin-top: 136px;
    }
}

@media (max-width: 1211px)
{
    main
    {
        margin-top: 128px;
    }
}

.row
{
    margin: 0 !important;
}

.purple-bg-200
{
    background-color: var(--cbf-purple-200);
}

.phone-menu
{
    display: none;
}

.cbf-search-bar:focus, .cbf-search-bar:active, .cbf-search-bar:hover
{
    border-color: var(--cbf-purple-1200);
}

.cbf-search-bar
{
    border: 1px solid var(--cbf-purple-800);
    display: none;
    position: absolute;
    right: 105px;
    padding: 20px;
    top: 18px;
    width: 90%;
    border-radius: var(--cbf-border-radius);
    z-index: 111;
}

.phone-menu .cbf-search-bar
{
    top: 0;
    right: 170px;
    width: calc(100% - 150px);
}

.navbar-toggler.collapsed
{
    background-image: url('/Portals/_default/Skins/CB/Images/humburger.png');
}

.navbar-toggler
{
    display: none;
    background: url('/Portals/_default/Skins/CB/Images/hamburger-closed.png') no-repeat scroll center center;
    width: 48px;
    height: 48px;
    margin: 10px 0 0 0;
}

.dropdown-menu.desk
{
    position:fixed!important;
}

.open > .dropdown-menu.phone
{
    display: none !important;
}
/*----------- Start Typography ------------*/
h1
{
    font-family: Montserrat !important;
    font-size: 60px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 70px !important;
}

@media (max-width: 768px) {
    h1 {
        font-size: 42px !important;
        line-height: 42px !important;
    }
}

@media (max-width: 500px) {
    h1 {
        font-size: 30px !important;
        line-height: normal !important;
    }
}

h2
{
    font-family: Montserrat !important;
    font-size: 34px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 42px !important;
}

@media (max-width: 768px) {
    h2 {
        font-size: 27px !important;
        line-height: 32px !important;
    }
}

h3
{
    font-family: Roboto !important;
    font-size: 26px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

h4
{
    font-family: Roboto !important;
    font-size: 25px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 30px !important;
}

h5
{
    font-family: Roboto !important;
    font-size: 35px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 50px !important;
}

h6
{
    font-family: Roboto !important;
    font-size: 25px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 43px !important;
}

p
{
    color: var(--cbf-black-1000);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

html body#Body .body#siteWrapper main#main p {
    margin-block: 10px !important;
}

.body-quote-16
{
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.body-quote-17
{
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
}

.body-quote-26
{
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sub-title-24
{
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.72px;
}

.sub-title-42
{
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
}

.sub-title-below-text
{
    color: #4ACEBF;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

/*----------- End Typography ------------*/

nav.navbar ul li
{
    list-style-type: none !important;
    margin: 0 25px 0 0;
}

.text-default
{
    color: #FFFFFF !important;
}

.text-Rose
{
    color: #FF007D !important;
}

.text-secondary
{
    color: #1A0F40 !important;
}

.text-Turquois
{
    color: #4ACEBF !important;
}

.bg-primary
{
    background-color: #FF007D !important;
}

.bg-gradieant-turquoise
{
    background: linear-gradient(180deg, #4ACEBF 0%, rgba(74, 206, 191, 0.70) 100%);
}

.bg-gradieant-azul
{
    background: linear-gradient(180deg, #006BBF 0%, rgba(0, 107, 191, 0.70) 100%);
}

.bg-gradieant-rose
{
    background: linear-gradient(180deg, #FF007D 0%, rgba(255, 0, 125, 0.70) 100%);
}

.bg-gradieant-violet
{
    background: linear-gradient(359deg, #1A0F40 0%, rgba(26, 15, 64, 0.20) 100%);
}

.bg-gradieant-turquoise-359
{
    background: linear-gradient(359deg, #4ACEBF 0%, rgba(74, 206, 191, 0.20) 98.9%);
}

.bg-gradieant-azul-359
{
    background: linear-gradient(359deg, #006BBF 0.55%, rgba(0, 107, 191, 0.20) 98.9%);
}

.bg-gradieant-rose-359
{
    background: linear-gradient(359deg, #FF007D 0.55%, rgba(255, 0, 125, 0.20) 98.9%);
}

.bg-turquoise
{
    background: #4ACEBF;
}

.bg-azul
{
    background: #006BBF;
}

.bg-rose
{
    background: #FF007D;
}

.bg-violet
{
    background-color: #1A0F40;
}

.bg-violet-curve
{
    background-image: url('/Portals/_default/Skins/CB/images/client-story/hero-banner-curve-bg.svg');
    backdrop-filter: blur(52px);
}

.bg-green-curve
{
    background-image: url('/Portals/_default/Skins/CB/images/CB_image/bg-green-curve.svg');
    background-repeat: no-repeat !important;
    position: relative;
    background-size: cover;
}

.bg-bottom-green
{
    background-image: url('/Portals/_default/Skins/CB/images/CB_image/bg-bottom-green.svg');
    backdrop-filter: blur(52px);
    background-repeat: no-repeat;
    background-position: bottom;
}

.text-Turquoise
{
    color: #4ACEBF;
}

.text-Rose
{
    color: #FF007D;
}

.text-Violet
{
    color: #1A0F40;
}

.text-Azul
{
    color: #006BBF;
}

/*----------- Start Buttons  ------------*/
.btn
{
    padding: 15px 16px !important;
    border-radius: 10px !important;
    border: 3px solid !important;
    font-family: 'Roboto Condensed' !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px !important;
    min-height: 50px;
}

.btn-primary, .btn-primary:visited
{
    background-color: var(--cbf-gold-1000) !important;
    color: var(--cbf-black-1000);
    border-color: var(--cbf-gold-1000) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active
{
    background: var(--cbf-gold-1200) !important;
    border-color: var(--cbf-gold-1200) !important;
}

.btn-primary span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-primary:hover span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht-hover.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-primary-purple-transparent
{
    background-color: transparent !important;
    color: var(--cbf-purple-1000) !important;
    border-color: var(--cbf-purple-1000) !important;
}

.btn-primary-purple-transparent:hover, .btn-primary-purple-transparent:focus
{
    color: var(--cbf-purple-1200) !important;
    border-color: var(--cbf-purple-1200) !important;
}

.btn-primary-purple,
.btn-primary-purple:link, .btn-primary-purple:visited
{
    padding: 15px 30px;
    gap: 10px;
    border-radius: 10px;
    background: var(--cbf-purple-1000);
    color: var(--cbf-white-1000) !important;
    text-align: center;
    font-family: 'Roboto Condensed' !important;
    font-size: 23px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    transform: unset;
}

.btn-primary-purple:hover,
.btn-primary-purple:hover, .btn-primary-purple:focus
{
    background: var(--cbf-purple-800) !important;
    color: var(--cbf-white-1000) !important;
    border-color: var(--cbf-purple-800);
}

.btn-primary-purple:not(:disabled):not(.disabled):active
{
    background: var(--cbf-purple-1200) !important;
    color: var(--cbf-white-1000) !important;
    border-color: var(--cbf-purple-1200);
}

.btn-primary-purple span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-primary-purple:hover span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht-hover.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-secondary, .btn-secondary:visited
{
    border-color: #FF007D;
    background: transparent;
    color: #FF007D;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active
{
    background: #FF007D !important;
    color: #FFF !important;
    border-color: #FF007D;
}

.btn-secondary span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-rose.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-secondary:hover span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht-hover.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-secondary-white, .btn-secondary-white:visited
{
    background-color: transparent !important;
    border-color: var(--cbf-white-1000) !important;
    color: var(--cbf-white-1000) !important;
}

.btn-secondary-white:hover, .btn-secondary-white:focus, .btn-secondary-white:not(:disabled):not(.disabled):active
{
    color: var(--cbf-gold-1000) !important;
    border-color: var(--cbf-gold-1000) !important;
}

.btn-secondary-white span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-secondary-white:hover span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-secondary-b, .btn-secondary-b:visited
{
    padding: 11px 13px;
    gap: 10px;
    background: transparent;
    color: #FF007D;
    font-family: Roboto;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
    transform: unset;
}

.btn-secondary-b.btn-rounded
{
    border-radius: 10px;
}

.btn-secondary-b.btn-rounded span
{
    border-radius: 50px;
}

.btn-secondary-b:hover, .btn-secondary-b:focus, .btn-secondary-b:not(:disabled):not(.disabled):active
{
    background: #FF007D !important;
    color: #FFF !important;
    border-color: #FF007D;
}

.btn-secondary-b span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-rose.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-secondary-b:hover span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht-hover.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-tertiary-dark, .btn-tertiary-dark:visited
{
    padding: 11px 13px;
    gap: 10px;
    border-radius: 10px;
    color: #FF007D;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
    border: none;
}

.btn-tertiary-dark.btn-slide-right-bg span
{
    transition-duration: 0.5s;
}

.btn-tertiary-dark:hover
{
    background: #FFF !important;
    color: #FFF !important;
    border: none;
}

.btn-tertiary-dark:focus, .btn-tertiary-dark:not(:disabled):not(.disabled):active
{
    background: #FFF !important;
    color: #FF007D !important;
    border: none;
}

.btn-tertiary-dark i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-rose.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-tertiary-dark:hover i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht-hover.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-tertiary-purple, .btn-tertiary-purple:visited
{
    padding: 11px 13px;
    gap: 10px;
    background: #FFF;
    border-bottom: none !important;
    color: #9844BA;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
    transform: unset;
}

.btn-tertiary-purple:hover, .btn-tertiary-purple:focus, .btn-tertiary-purple:not(:disabled):not(.disabled):active
{
    color: #9844BA !important;
    text-decoration: underline;
}

.btn-tertiary-purple span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-blue.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-tertiary-purple:hover span i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-blue-fill-rose.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-transparent-rose, .btn-transparent-rose:visited
{
    padding: 11px 13px;
    gap: 10px;
    border-radius: 10px;
    color: #FFF;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
}

.btn-transparent-rose.btn-slide-right-bg span
{
    transition-duration: 0.5s;
}

.btn-transparent-rose:focus, .btn-transparent-rose:visited, .btn-transparent-rose:not(:disabled):not(.disabled):active
{
    background: #FF007D !important;
    color: #FFF !important;
}

.btn-transparent-rose i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht.svg');
    vertical-align: middle;
    margin-right: 10px;
}

.btn-transparent-rose:hover i.chevron-icon
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht-hover.svg');
    vertical-align: middle;
    margin-right: 10px;
}

/*----------- End Buttons  ------------*/

.white-curve
{
    background-image: url('/Portals/_default/Skins/CB/images/client-story/wave-background-Wht.svg');
    margin-top: -80px;
    position: relative;
    background-size: cover;
}

.purple-curve
{
    background-image: url('/Portals/_default/Skins/CB/images/footer-bg.svg');
    margin-top: -80px;
    position: relative;
    background-size: cover;
}

.bg-light-green
{
    background: linear-gradient(0deg, rgba(255 255 255 / 54%), rgba(255 0 150 / 69%)), url('/Portals/_default/Skins/CB/images/CB_image/waves_light_green.svg');
    position: relative;
    background-size: cover;
}

.green-curve-light
{
    background-image: url('/Portals/_default/Skins/CB/images/client-story/green-curve-light.svg');
    margin-top: -80px;
    position: relative;
    background-size: cover;
}

.green-curve
{
    background-image: url('/Portals/_default/Skins/CB/images/client-story/green-bg-curve.svg');
    margin-top: -80px;
    position: relative;
    background-size: cover;
}

/*----Start wave----*/
.wave svg
{
    width: 100%;
    height: auto;
}
/*----End wave----*/

/*----Start wave----*/
.cb-tag a
{
    color: #FFF;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 8px 13px;
    border-radius: 10px;
    background: #4ACEBF;
}

.cb-tag a:hover, .cb-tag a:active, .cb-tag a:focus
{
    color: #FFF;
    background: #006BBF;
}

/*----End wave----*/

/*---- Image position style----*/


.img-cover
{
    object-fit: cover;
}

.img-right
{
    object-fit: none;
    object-position: right;
}

.img-left
{
    object-fit: none;
    object-position: left;
}

.img-left-top
{
    object-fit: none;
    object-position: left top;
}

.img-left-bottom
{
    object-fit: none;
    object-position: left bottom;
}

.img-right-top
{
    object-fit: none;
    object-position: right top;
}

.img-right-bottom
{
    object-fit: none;
    object-position: right bottom;
}

.img-center
{
    object-fit: none;
    object-position: center;
}

/*---- Image position style----*/

@media (min-width: 768px)
{
    .gap-md-50
    {
        gap: 50px;
    }
}
/*----End Common style----*/


/*----Start Bottom section style----*/
.bottom-section-title
{
    color: #1A0F40;
    text-align: center;
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bottom-section-sub-title
{
    color: #006BBF;
    text-align: center;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


/*----End Bottom section style----*/

.sub-title
{
    color: #006BBF;
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 47px;
}

.sub-description
{
    color: #1A0F40;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.sub-description-rose
{
    color: #FF007D;
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 43px;
}

.sub-description-violet
{
    color: #1A0F40;
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 43px;
}

.sub-description-bold
{
    color: #1A0F40;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.bullet-text li
{
    list-style-type: disc !important;
    color: #1A0F40;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.wave-divider
{
    content: url('/Portals/_default/Skins/CB/images/client-story/wave-divider.svg');
}

/*----Start cb-Content-Image-Block-1----*/

.cb-Content-Image-Block-1 .tile-img
{
    min-height: 450px;
}

.cb-Content-Image-Block-1 .image-caption
{
    color: #1A0F40;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.cb-Content-Image-Block-1 .align-middle
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/*----End cb-Content-Image-Block-1----*/

/*----Start cb-related-article----*/
.cb-related-article .title
{
    color: #FF007D;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.72px;
}

.cb-related-article .description
{
    color: #1A0F40;
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cb-related-article .optional-text
{
    color: #1A0F40;
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cb-related-article .body-quote-26
{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cb-related-article .tile-img
{
    min-height: 450px;
}

.cb-related-article .client-logo
{
    width: 184px;
    height: 184px;
}


/*.cb-related-article .image-caption {
    color: #1A0F40;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}*/

/*----End cb-related-article----*/

/*----Start cb-client-story ---*/

.cb-client-story .body-quote-26
{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cb-feature-client-story .body-quote-26
{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cb-feature-client-story .client-image img
{
    width: 100%;
    height: 486px;
    border-radius: 20px;
    box-shadow: 0px 14px 44px 0px rgba(0, 0, 0, 0.25);
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    background-position: center center !important;
}

@media (max-width: 559px)
{
    .cb-feature-client-story .client-logo
    {
        top: 76%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (min-width:560px) and (max-width: 768px)
{
    .cb-feature-client-story .client-logo
    {
        top: 75%;
        left: 20%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 991px) and (min-width: 560px)
{

    .cb-feature-client-story .client-logo
    {
        width: 184px;
    }
}

/*----End cb-client-story ----*/
/*----Start cb-quote-with-media ----*/
.cb-quote-with-media .client-image img
{
    width: 486px;
    height: 486px;
    border-radius: 20px;
    box-shadow: 0px 14px 44px 0px rgba(0, 0, 0, 0.25);
    object-fit: cover;
}

.cb-quote-with-media .client-logo img
{
    border-radius: 20px;
    width: 184px;
    height: 184px;
}

/*----Start cb-quote-with-media ----*/

/*----Start cb-video----*/
.cb-video .video-icon-box .video-icon i
{
    color: #FFF;
}

.cb-video .video-icon-box:hover .video-icon i
{
    color: #FF007D;
}

/*----End cb-video----*/
.client-story-image .portfolio-image
{
    width: 100%;
    height: 500px;
    overflow: hidden; /*transform: perspective(1000px) rotateY(-15deg);*/
}

.client-story-image .portfolio-image img
{
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover; /*transform: rotateY(15deg);*/
}


/*----Start cb-article-card-trio----*/

.cb-article-card-trio .team-member-image .banner-image
{
    width: 100%;
    height: 385px;
    object-fit: cover;
}

.cb-article-card-trio .team-member-image .logo-image
{
    position: absolute;
    left: 0;
    bottom: 0;
}

.cb-article-card-trio .description
{
    min-height: 110px;
    color: #1A0F40;
    font-family: Roboto; /*font-size: 16px;*/
    font-size: 16px;
    font-style: normal; /* font-weight: 400;*/
    font-weight: 400;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    white-space: pre-wrap;
}

.cb-article-card-trio .min-height
{
    min-height: 135px
}

.cb-article-card-trio .team-style-03 figure:hover
{
    transform: translateY(-10px);
}

.cb-article-card-trio .title
{
    color: #9844BA;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.cb-article-card-trio .card-meta
{
    color: #3180DF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.cb-article-card-trio .card-title
{
    color: #000;
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

/*----End cb-article-card-trio----*/

/*----Start cb-client-carousel ----*/
.cb-client-carousel .title
{
    color: #000;
    text-align: center; /* H2 Blue */
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cb-client-carousel .sub-title
{
    color: #FF007D; /* H2 Blue */
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cb-client-carousel .description
{
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
}

.cb-client-carousel .carousel-title
{
    color: #000;
    text-align: center; /* H3 */
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cb-client-carousel .swiper-slide img
{
    width: 200px;
}

.cb-client-carousel .swiper-slide img
{ /*width: 173px;*/
    transition: opacity 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.cb-client-carousel .swiper-slide img
{
    opacity: 1; /*border-radius: 10px;*/ /* Adjust the radius as needed */
}

/*----End cb-client-carousel ----*/

#dnn_ctr_Login_DNN
{
    width: 500px;
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 50px;
    padding-top: 0px; /*border: 1px solid #ccc;*/
    text-align: center;
}

#dnn_ctr_Login_Login_DNN_liPassword
{
    padding: 0 !important;
}

/*----Start CB-Counter ----*/

.cb-counter .vertical-counter .vertical-counter-number ul li
{
    color: #006BBF;
    text-align: center;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
}

/*----End CB-Counter ----*/

/*----Start cb-content-block-1Column ----*/

.cb-content-block-1Column
{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

/*----End cb-content-block-1Column ----*/

/*----Start cb-content-block-2Column ----*/

.cb-content-block-2Column
{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

/*----End cb-content-block-2Column ----*/

/*----Start cb-service-module ----*/

.cb-service-module img
{
    min-height: 450px;
    object-fit: cover;
}

.cb-service-module .interactive-banners-style-11 .interactive-banners-box:hover .interactive-banners-text-content
{
    transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
}

.cb-service-module .body-quote-16
{
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 7.6em;
}
/*----End cb-service-module ----*/
/*----Start cb-wide-2column-stat ----*/
.cb-wide-2column-stat .highlight-description
{
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 43px;
}

.cb-quote-with-media .client-logo img
{
    width: 184px !important;
    height: 184px !important;
}

/*----End cb-wide-2column-stat ----*/

.cb-quote p
{
    padding-top: 3rem !important;
}

/*----Start cb-client-quote-carousel ----*/

.cb-client-quote-carousel .swiper-pagination-bullet
{
    background: #D9D9D9;
    border: 2px solid #D9D9D9;
}

.cb-client-quote-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background: #FF007D;
    border: 2px solid #FF007D;
}

/*----End cb-client-quote-carousel ----*/

/*--- Start
    
    
    
    DNN Login Service Styles*/

.dnnLogin .loginContent
{
    width:500px;
    margin:0 auto;
}

.dnnLoginService
{
    width: 500px;
    margin: 0 auto;
    margin-top: 50px; /*padding-bottom: 50px;*/ /*border: 1px solid #ccc;*/
    text-align: center;
}

/* End DNN Login Service Styles*/

/*----Start cb-staff-card ----*/

.cb-staff-card figcaption
{
    height: 180px;
}

/*----END cb-staff-card ----*/

/*----Start timeline ----*/
.timeline
{
    border-left: 3px solid #FF007D;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; /*margin: 0 auto;*/
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em; /*padding: 50px;*/
    list-style: none;
    text-align: left;
    max-width: 80%;
}

.timeline li
{
    list-style-type: none;
    margin-left: 0px;
}


.timeline li p
{
    color: var(--CB-Primary-500-A4E6DF, #A4E6DF);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-left: 80px;
}

.timeline .event
{
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}



.timeline .event:last-of-type
{
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.timeline .event:before,
.timeline .event:after
{
    position: absolute;
    display: block;
    top: 0;
}

.timeline .event:before
{
    color: #A4E6DF;
    left: -255px;
    content: attr(data-date);
    text-align: right;
    font-family: Roboto;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    min-width: 120px;
}

.timeline .event:after
{
    -webkit-box-shadow: 0 0 0 3px #FF007D;
    box-shadow: 0 0 0 3px #FF007D;
    background: #FF007D;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    content: "";
    left: -15px;
}

@media (max-width: 576px)
{

    .timeline
    {
        max-width: 90%;
    }

    .timeline .event:before
    {
        left: -160px;
        top: -15px;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 47px;
    }

    .timeline .event:after
    {
        height: 20px;
        width: 20px;
        left: -12px;
    }

    .timeline li p
    {
        margin-left: 30px;
    }
}

/*----End timeline ----*/

/*------- Start cb-contactus-form ----*/
.cb-contactus-form .contact-form
{
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 0px 30px 10px rgba(0, 0, 0, 0.10);
}

.cb-contactus-form .contact-form .form-control
{
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}
/*------- End cb-contactus-form ----*/

/*------- Start cb-contactus-form ----*/

.cb-office .feature-box .feature-box-icon
{
    margin-right: 20px;
}

/*------- End cb-contactus-form ----*/


/*--Added New--*/
/* Cloud Technology, Custom Solutions , IT Support pagea*/

@media (max-width: 480px)
{
    section.cb-hero-banner h1
    {
        font-size: 40px;
    }

    section.cb-Content-Image-Block-1 h2
    {
        font-size: 25px;
    }
    /*About*/
    .cb-interaction-menu .padding-5-rem-top
    {
        padding-top: 6rem;
    }
}

@media screen and (max-width: 480px) and (min-width: 400px)
{
    /*Home page*/
    section.cb-Content-Image-Block-1 .xl-margin-two-bottom
    {
        padding-right: 22px;
    }
}

@media screen and (max-width: 991px) and (min-width: 767px)
{
    section.cb-Content-Image-Block-1 h2
    {
        font-size: 34px;
    }
}

/*--Our People--*/
@media screen and (max-width: 991px) and (min-width: 560px)
{
    section.cb-staff-card img
    {
        width: 756px;
    }
}
/* Our Journey*/
@media screen and (max-width: 420px) and (min-width: 400px)
{
    section.cb-hero-banner4 h1
    {
        font-size: 55px;
    }

    section.cb-Content-Image-Block-1 .xl-padding-40px-lr
    {
        padding-left: 36px;
    }
}
/*News Page*/
@media (max-width: 510px)
{
    section.cb-article-hero h1
    {
        font-size: 35px;
    }

    section.cb-article-hero h4
    {
        font-size: 20px;
    }

    section.cb-related-article .description
    {
        font-size: 25px;
    }

    section.cb-related-article .optional-text
    {
        font-size: 16px;
    }
}
/*Banner title and text alignment*/
@media screen and (max-width: 991px) and (min-width: 280px)
{
    section.cb-hero-banner .text-center
    {
        text-align: left !important;
    }

    section.cb-hero-banner img
    {
        min-height: auto;
    }
    /*News page social icon*/
    section.half-section.cb-article-hero .float-end
    {
        float: left !important;
        padding-top: 30px;
    }
}
/*Client Story  page*/
@media (min-width: 992px)
{
    section.cb-article-card-trio figure .team-member-image
    {
        height: 385px;
        width: 555px;
    }

    /*Search box*/
    .cb-header-menu .form-wrapper
    {
        height: auto;
        padding-top: 47px !important;
        background: #fff; /* background-color: transparent !important;*/
        width: 95%;
        left: 50%;
    }
    /*About Animation*/
    .cb-header-menu .interaction-menu .interactive-banners-style-09
    {
        width: 14%;
        transition: width 0.7s ease-in-out;
    }

    .cb-header-menu .interactive-banners-content
    {
        transition: 0.7s ease-in-out;
        padding-top: 137px;
        width: 195px;
        height: 63%;
        transform: rotate(90deg);
    }

    .cb-interaction-menu .interactive-banners-style-09:hover
    {
        width: 30%;
    }

    .cb-interaction-menu .interactive-banners-style-09:hover .interactive-banners-content
    {
        transition: 0.7s ease-in-out;
        padding-top: 20px;
        width: 195px;
        height: 56%;
        transform: rotate(0deg);
    }
}
/*Search box*/
@media (max-width:991px)
{
    .cb-header-menu .order7 .form-wrapper
    {
        background-color: transparent !important;
    }
    /*Mobile*/
    .cb-header-menu .navbar-nav.alt-font
    {
        display: flex;
        flex-direction: column;
    }

    .cb-header-menu .order7
    {
        order: -1;
    }

    .cb-header-menu .order7 .form-wrapper
    {
        position: absolute;
    }

    .cb-header-menu .order7 .search-close
    {
        position: absolute;
        display: none;
    }

    .navbar-collapse.show .nav-item .search-form-icon
    {
        padding-right: 20px;
    }

    .navbar-collapse.show .nav-item .search-form-box
    {
        padding-left: 15px;
    }
}
/*Search box*/
@media (max-width:574px)
{
    .form-wrapper .search-form-box
    {
        width: 73%;
    }
}
/*Removed What are you looking for?*/
.form-wrapper .search-form-box
{
    top: 32%;
}
/*About*/
@media screen and (max-width: 991px) and (min-width: 576px)
{
    .cb-header-menu .order3 .interactive-banners-content
    {
        padding-top: 0rem;
    }
}

/*Header Menu*/
@media screen and (max-width:2140px) and (min-width:1841px)
{
    .cb-header-menu ul linav-item
    {
        margin-left: 20px;
    }
}

@media screen and (max-width:1840px) and (min-width:1601px)
{

    .cb-header-menu ul li
    {
        margin-left: 0px;
    }
}

@media screen and (max-width:1600px) and (min-width:1401px)
{

    .cb-header-menu ul li
    {
        margin-left: 0px;
    }

    .cb-auto
    {
        width: 40%;
    }
}

@media screen and (max-width:1400px) and (min-width:1201px)
{

    .cb-header-menu ul li
    {
        margin-left: 0px;
    }

    .cb-auto
    {
        width: 30%;
    }

    .cb-header-menu .navbar-nav .nav-link
    {
        margin: 0 9px;
    }
}

@media screen and (max-width:1200px) and (min-width:991px)
{

    .cb-header-menu ul li
    {
        margin-left: 0px;
    }

    .cb-auto
    {
        width: 20%;
    }

    .cb-header-menu .navbar-nav .nav-link
    {
        margin: 0 6px; /*9px;*/
    }
}

/*cb-large-content-image-block-left*/
section.cb-large-content-image-block-left .pe-lg-0
{
    padding-right: 50px !important;
}

section.cb-large-content-image-block-left .ps-lg-5
{
    padding-left: 0 !important;
}

section.cb-large-content-image-block-left .d-flex flex-column
{
    width: 98%;
}

section.cb-large-content-image-block .ps-lg-5
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

section.cb-large-content-image-block .px-lg-0
{
    padding-left: 40px !important;
    padding-right: 40px !important;
}

section.cb-large-content-image-block .z-index-6
{
    width: 104%;
}
/*CBRelatedArticles*/
.DnnModule-CBRelatedArticles
{
    padding: 0 0 150px 0;
}

/*Finance Services Menu*/
.nav-item.order2 .d-lg-inline-block
{
    vertical-align: top;
}
/*Digital Menu*/
.cb-header-menu .d-lg-inline-block
{
    vertical-align: top;
}
/*ModCBServicesModuleC*/
.DnnModule-CBServicesModule
{
    padding: 0 0 150px 0;
}

/*Services Module*/
.btn-secondary-white:hover span i.chevron-icon.white
{
    content: url('/Portals/_default/Skins/CB/images/icons/chevron-circle-right-Wht-hover.svg');
    vertical-align: middle;
    margin-right: 10px;
}

/**/
.mask1
{
    -webkit-mask-image: url("/Portals/_default/Skins/CB/images/wave/hero-wave-rose.svg");
    mask-image: url("/Portals/_default/Skins/CB/images/wave/hero-wave-rose.svg");
    -webkit-mask-repeat: repeat-x;
    mask-repeat: no-repeat;
    background-attachment: fixed
}


/*==================================================CB Start===========================================*/

.dropdown-menu
{
    margin: 0 !important;
    padding: 30px 0 !important;
    border: none !important;
}

.dropdown-menu ul.child-menu li
{
    margin: 0 0 8px 0;
}

.dropdown-menu ul.child-menu li a
{
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid var(--cbf-white-1000);
    padding: 0 0 4px 0;
}

.dropdown-menu ul.child-menu li a:hover
{
    border-bottom: 2px solid var(--cbf-gold-1000, #FFA425A);
}

.dropdown-menu h2
{
    margin: 0 0 15px 0;
}

@media (min-width: 1560px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl
    {
        width: 1520px !important;
        padding: 0 !important;
    }

    .dropdown-menu .menu-description
    {
        font-size: 20px;
        margin: 0 0 30px 0;
        font-weight: 400;
        line-height: 30px;
    }

    .dropdown-menu .thumb-title
    {
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
    }

    .dropdown-menu ul.child-menu
    {
        margin: 0 !important;
        padding: 0 10px !important;
    }
}

/* ===================================
    01. Background color
====================================== */

.text-purple
{
    color: var(--cbf-purple-1000);
}

.bg-moderate-violet-purple
{
    background-color: #9844ba;
}

.footer-dark a
{
    color: #ffffff
}

/* */
/* ===================================
    02. Text size 
====================================== */
.font-size-0
{
    font-size: 0;
}

.cb-text-very-small-10px
{
    font-size: 10px;
    line-height: 12px;
}

@media screen and (max-width: 991px) and (min-width: 769px)
{
    .cb-col-md-12
    {
        flex: 0 0 auto;
        width: 100%;
    }
}

.cb-header-border-bottom
{
    border-bottom: 1px solid var(--xp-Purple-1000, #9844BA);
    background: #FFF;
}

/**/
.btn-white
{ /* display: flex;*/
    font-family: 'Roboto';
    padding: 7px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 3px solid var(--xp-Purple-1000, #9844BA);
}

.btn-padding-25px
{
    padding: 16px 0;
}

.btn-gold
{ /*  display: flex;*/
    font-family: 'Roboto';
    padding: 7px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--xp-Gold-1000, #FFA425);
}

/*Headter*/
.nav-link-underline
{
    position: relative;
}

.nav-link-underline::after
{
    content: '';
    opacity: 0;
    transition: all 0.2;
    height: 2px;
    width: 100%;
    border-bottom: 1px solid var(--xp-Gold-1000, #FFA425);
    position: absolute;
    bottom: 30px;
    left: 0;
}

.nav-link-underline:hover::after
{
    opacity: 1;
}

.cb-img-size
{
    height: 28px;
    width: 28px;
}

.cb-icone-size
{
    height: 24px;
    width: 24px;
}

.cb-video-size
{
    border-radius: 10px;
    background-color: #E6D2EE;
    padding: 30px;
    /*min-height: 290px;*/
    height: 100%;
    /*width: 270px;*/
    max-width: 323px;
    overflow: hidden;
}

.cb-video-size > a
{
    margin: 13px 0 0 0;
    display: block;
}

.cb-video-size:hover, .cb-video-size:focus, .cb-video-size:active
{
    background-color: #B8B1BB;
}

.cb-video-size:hover a, .cb-video-size:focus a, .cb-video-size:active a
{
    text-decoration: underline !important;
}

/*Footer*/
.cb-footer li
{
    list-style-type: none;
}

.cb-text-very-small li
{
    font-size: 11px;
    line-height: 14px;
}

/**/
/* CBF123 Module*/
.cb-123
{
    background-blend-mode: hard-light !important; /*background-attachment: fixed;*/
}

/* CB Donation Product Card */
.cb-donation-product-card .card-meta
{
    color: #3180DF;
    font-family: Roboto !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
}

.cb-donation-product-card .card-title
{
    color: #000;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.cb-donation-product-card .card-description
{
    color: #000;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

/* CB Story Card */

.cb-story-card .card-meta
{
    color: #3180DF;
    font-family: Roboto !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
}

.cb-story-card .card-title
{
    color: #000;
    font-family: Roboto !important;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.cb-story-card .card-description
{
    color: #000;
    font-family: Roboto !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.navbar
{
    margin: 0 !important;
}

div.navbar-collapse
{
    padding: 0;
}

ul.navbar-nav
{
    margin: 40px 0 0 0;
}

.navbar-nav > li > a
{
    padding: 0 0 10px 0 !important;
    font-weight: 500;
    border-bottom: 2px solid var(--cbf-white-1000, #FFF);
    font-size: var(--nav-font-size) !important;
}

.navbar-nav > li > a:hover
{
    text-decoration: none;
}

.navbar-nav > li .user-menu {
    margin: 0;  
}

.navbar-nav > li .user-icon-details {
    display: block;
    float: right;
    width: 38px;
    height: 38px;
}

.navbar-nav > li. {
    margin: 0;
}

.navbar-nav > li > a:hover
{
    border-bottom: 2px solid var(--cbf-gold-1000, #FFA425A);
}

.navbar-nav > li > a.has-submenu
{
    background: url(/Portals/_default/Skins/CB/Images/Icons/TrainglePointerBlack.svg) no-repeat scroll 0 5px;
    padding-left: 25px !important;
}

.navbar-nav > li > a.link-button
{
    padding: 16px 16px !important;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.navbar-nav > li > a.link-button:hover, .navbar-nav > li > a.link-icon:hover
{
    opacity: 0.8;
    border-bottom: none;
}

.navbar-nav > li > a.link-button.sponsor
{
    border-radius: 10px;
    border: 3px solid var(--cbf-purple-1000, #9844BA) !important;
    color: var(--cbf-purple-1000, #9844BA) !important;
}

.navbar-nav > li > a.link-button.donate
{
    border-radius: 10px;
    border: 3px solid var(--cbf-gold-1000, #FFA425A);
    background-color: var(--cbf-gold-1000, #FFA425A);
    color: var(--cbf-black-1000, #000000);
}

footer
{
    background-color: var(--cbf-purple-1000, #9844BA);
}

footer .container
{
    padding: 0;
    width: 1100px !important;
}

footer .section
{
    padding: 40px 0;
    border-bottom: 1px solid var(--cbf-white-1000);
}

footer .section.logo
{
    text-align: center;
}

footer .section.no-border
{
    border: none;
}

footer label.menu-title
{
    display: block;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: var(--cbf-white-1000);
}

footer .footer-menu ul
{
    margin-left: 0px;
}

footer .footer-menu ul li
{
    margin: 0 0 5px 0;
    line-height: 38px;
    list-style: none;
}

footer .footer-menu ul li p
{
    color: var(--cbf-white-1000) !important;
}

footer .footer-menu ul li > a, footer .footer-menu ul li > p
{
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    color: var(--cbf-white-1000) !important;
}

footer .footer-menu ul li > a:hover
{
    text-decoration: underline !important;
}

footer ul.social-icons
{
}

footer ul.social-icons li
{
    list-style: none;
    display: inline-block;
    margin: 0 5px 0 0;
}

footer ul.social-icons li:hover
{
    opacity: 0.5;
}

footer ul.footer-links
{
    margin: 35px 0 0 0;
}

footer ul.footer-links li
{
    list-style: none;
    display: inline-block;
    margin: 0 26px 0 0;
}

footer ul.footer-links li.last
{
    margin: 0;
}

footer ul.footer-links li a
{
    font-size: 18px;
    font-weight: 500;
    line-height: 38px;
    color: var(--cbf-white-1000) !important;
}

footer ul.footer-links li a:hover
{
    text-decoration: underline !important;
}

footer ul.sponsors
{
    text-align: right;
}

footer ul.sponsors li
{
    list-style: none;
    display: inline-block;
    margin: 0 35px 0 0;
}

footer ul.sponsors li:hover
{
    opacity: 0.5;
}

footer ul.sponsors li.last
{
    margin: 0;
}

footer .section .copyright
{
    text-align: center;
    color: var(--cbf-white-1000);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

footer .section .copyright p
{
    margin: 0;
    color: var(--cbf-white-1000);
}

footer .section .left1, footer .section .left2
{
    float: left;
    padding: 0;
}

footer .section .left1
{
    width: 36%;
}

footer .section .left2
{
    width: 64%;
}

footer .section .col-lg-27, footer .section .col-lg-25, footer .section .col-lg-30, footer .section .col-lg-18
{
    float: left;
}

footer .section .col-lg-27
{
    width: 27%;
}

footer .section .col-lg-25
{
    width: 25%;
}

footer .section .col-lg-30
{
    width: 30%;
}

footer .section .col-lg-18
{
    width: 18%;
}

@media (max-width: 1560px)
{
    :root
    {
        --body-font-size: 16px
    }

    nav.navbar ul li
    {
        margin: 0 15px 0 0;
    }

    .navbar-nav > li > a.link-button
    {
        padding: 15px !important;
    }

    .navbar a.logo img
    {
        margin: 10px 0 0 0;
    }
}

@media (max-width: 1560px) and (min-width:1210px)
{
    .navbar-nav > li > a {
        /*  font-size: 20px !important;*/
        font-size: 18px !important;
    }
}

.navbar-divider {
    display: none;
}
    .navbar-divider-user-details {
    display: block;
    float: right;
    width: 1px;
    height: 38px;
    background-color: var(--cbf-purple-1000);
    margin: 0px 12px;
}

.user-icon {
    display: none;
}

@media (max-width: 1210px)
{

    .d-lg-none
    {
        display: block !important;
    }

    .d-sm-none
    {
        display: none !important;
    }

    a.mobile-logo img
    {
        width: 100px;
    }

    .col-sm-none
    {
        display: none;
    }

    .phone-menu
    {
        display: block;
        min-height: 70px;
    }

    .phone-menu a.link-icon
    {
        margin: 0 15px 0 0;
        line-height: 70px;
    }

    .phone-menu a.link-button
    {
        margin: 0 20px 0 0;
    }

    .navbar-toggler
    {
        display: block;
        float: right;
        border: none;
    }

    .navbar-divider {
        display: block;
        float: right;
        width: 1px;
        height: 50px;
        background-color: var(--cbf-purple-1000);
        margin: 10px 12px 0 12px;
    }

    .user-icon {
        display: block;
        float: right;
        width: 50px;
        height: 50px;
        margin-top: 10px;
    }

    ul.navbar-nav
    {
        width: 100%;
        display: flex;
        flex-flow: column;
        margin: 0;
    }

    ul.navbar-nav li.sponsor
    {
        display: inline-block;
    }

    ul.navbar-nav li
    {
        width: 100%;
        float: none;
        margin: 10px 0 !important;
        padding: 10px 15px;
    }

    ul.navbar-nav li.menu-icon
    {
        display: none;
    }

    ul.navbar-nav li.item1
    {
        order: 2;
    }

    ul.navbar-nav li.item2
    {
        order: 3;
    }

    ul.navbar-nav li.item3
    {
        order: 4;
    }

    ul.navbar-nav li.item4
    {
        order: 5;
    }

    ul.navbar-nav li.item5
    {
        order: 6;
    }

    ul.navbar-nav li.item6
    {
        order: 7;
    }

    ul.navbar-nav li.item7
    {
        order: 8;
    }

    ul.navbar-nav li.item8
    {
        order: 1;
    }

    footer .section.footer-menu
    {
        padding: 40px 0 0;
    }

    footer .section .col-lg-27, footer .section .col-lg-25, footer .section .col-lg-30, footer .section .col-lg-18
    {
        width: 50%;
        padding: 0;
        min-height: 320px;
    }

    footer .section .left1, footer .section .left2
    {
        width: 50%;
    }

    footer ul.sponsors li
    {
        margin: 0 0 35px 0;
        display: block;
    }

    .dropdown-menu.phone
    {
        padding: 10px 20px !important;
        background-color: var(--cbf-purple-200) !important;
        margin: 20px 0 0 0 !important;
        position: static;
        float: none;
    }

    .open > .dropdown-menu.phone
    {
        display: block !important;
    }

    .dropdown-menu.phone .dropdown-item
    {
        display: block;
        font-size: var(--nav-font-size);
        margin: 15px 0;
    }

    .dropdown-menu.phone .dropdown-item-button
    {
        border: 3px solid var(--cbf-purple-1000, #9844BA) !important;
        display: inline-block;
        border-radius: 10px;
        color: var(--cbf-purple-1000, #9844BA) !important;
        padding: 15px;
        font-size: var(--nav-font-size);
    }
}

@media (max-width: 800px)
{
    footer .section .col-lg-18
    {
        margin: 0;
    }

    footer .section .left1, footer .section .left2
    {
        width: 100%;
    }

    footer .section ul.social-icons, footer .section ul.footer-links, footer .section ul.sponsors
    {
        text-align: center;
    }

    footer .section ul.sponsors
    {
        margin: 35px 0 0 0;
    }

    footer .section.logo
    {
        text-align: left;
        border: none;
    }

    .phone-menu a.sponsor, .phone-menu a.donate
    {
        display: none;
    }
}

@media (max-width: 1130px)
{
    .container_sm
    {
        width: auto !important;
    }

    footer .container
    {
        width: auto !important;
        padding: 0 15px;
    }
}

@media (max-width: 930px)
{
    .container_x_sm
    {
        width: auto !important;
    }
}

@media (max-width: 300px)
{
    footer .section .col-lg-27, footer .section .col-lg-25, footer .section .col-lg-30, footer .section .col-lg-18
    {
        width: 100%;
        min-height: auto;
        margin: 0 0 35px 0;
    }
}

@media (min-width:1200px)
{
    .d-lg-none
    {
        display: none;
    }
}

@media (max-width:800px)
{
    ul.navbar-nav li.donate
    {
        display: inline-block !important;
    }
}

@media (min-width:1210px)
{
    ul.navbar-nav li.donate
    {
        display: inline-block !important;
    }

    .dropdown-menu .container
    {
        width: 1200px !important;
        display: grid;
        grid-template-columns: 200px 200px 200px 200px;
        justify-content: center;
        column-gap: 26px;
    }

    .dropdown-menu .container:before {
        display: none;
    }
}

@media (min-width:1500px)
{
    .dropdown-menu .container
    {
        width: 1390px !important;
        display: grid;
        grid-template-columns: 327px 250px 323px 323px;
        justify-content: center;
        column-gap: 26px;
    }
}

@media (max-width:800px)
{
    ul.navbar-nav li.sponsor
    {
        display: inline-block !important;
        margin: 15px 0 30px !important;
    }
}

@media (min-width:1560px)
{
    ul.navbar-nav li.sponsor
    {
        display: inline-block !important;
    }
}

@media (min-width:800px) and (max-width:1210px)
{
    ul.navbar-nav li.sponsor, ul.navbar-nav li.donate
    {
        display: none;
    }
}


@media (max-width:500px)
{
    header .container, header .container [class^='col-lg']
    {
        padding: 0 !important;
    }

    .navbar-nav > li > a.link-button
    {
        width: 100% !important;
        display: inline-block !important;
    }

    ul.navbar-nav li.sponsor, ul.navbar-nav li.donate
    {
        margin: 0 !important;
    }
}

.loader { width: 48px; height: 48px; border: 5px solid #FFF; border-bottom-color: var(--cbf-purple-1000); border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; position: absolute; margin: 40px auto; }
.loader-container {
    position: absolute;
    inset: 0;
    background: white;
    z-index: 1000;
    justify-content: center;
    align-items: center;
    display: none;
}

@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.divUpdateProgress {
    position: absolute;
    inset: 0;
    text-align: center;
    background-color: white;
}

.left-bottom-edge-background-pos
{
    background-position:0 bottom!important;
}

.right-bottom-edge-background-pos
{
    background-position: right bottom !important;
}

@media (min-width:1920px)
{
    .left-bottom-edge-background-pos
    {
        background-position: bottom 0 left 1600px!important;
    }

    .right-bottom-edge-background-pos
    {
        background-position: bottom 0 right 1600px!important;
    }
}

/*** style to apply when need to verify horizontal scroll on mobile ***/
/*@media (max-width:1300px)
{
    *
    {
        outline: 1px solid #f00 !important;
    }
}*/

ul {
    margin-left: 18px;
}

ul li,
ol li {
    font-family: Roboto !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 30px !important;
}

/* able player */
.video-modal.in {

}

.video-modal.in .modal-content {
    border: none !important;
    box-shadow: none !important;
}

.video-modal.in .modal-content .modal-header {
    display: none !important;
}

.video-modal.in .modal-content .modal-body {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.video-modal.in .modal-content .modal-body video {
    width: 100%;
}

.video-modal.in .modal-content .modal-footer {
    display: none !important;
}

@media (max-width: 460px) {
    .link-icon.search {
        display: none;
    }
}

#usernav .dropdown-menu {
    background-color: transparent !important;
}

#usernav .dropdown-menu .dropdown-item {
    border-top: 1px solid black;
}
#usernav-lg .dropdown-menu-lg {
    background-color: transparent !important;
}

    #usernav-lg .dropdown-menu-lg .dropdown-item {
        border-bottom: 1px solid black;
    }
@media (max-width: 1211px) {
    #cbfnav {
        position: fixed;
        height: auto;
        top: 0;
        right: 0;
        transition: 0.5s;
        z-index: 1;     
        padding: 16px 8px;
        background-color: var(--cbf-white-1000);
    }

    #usernav {
        position: fixed;
        height: auto;
        top: 0;
        right: 0;
        transition: all 0.5s ease;
        z-index: 1;
        padding: 48px 16px;
        background-color: #F0E4F5;
    }

    #cbfnav .close,
    #usernav .close {
        opacity: 1;
    }

    #usernav .navbar-nav > li > a 
    { 
        border-bottom: 0px;
    }
}

@media (min-width: 1211px) {

    .navbar-collapse .close {
        display: none;
    }

    #usernav {
        display: none !important;
    }
}


.team-member-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1200px) {
    .team-member-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }
}

@media (min-width: 1400px) {
    .team-member-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:1210px) {
    #usernav-lg {
        display: none !important;
    }
}
@media (min-width:1211px)
{
    #usernav-lg {
        position: absolute;
        top: 100%; /* Places dropdown below the icon */
        right: 0;
        height: auto;
        transition: all 0.3s ease;
        z-index: 1000;
        padding: 16px;
        display: none;
        background-color: #F0E4F5;
        border-radius: 5px;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);

    }
    .close-lg {
        display: block;
        background: transparent;
        border: none;
        float:right;
    }
    .open > .dropdown-menu-lg.phone {
        display:none;
    }
    }

    .user-icon-details:hover #usernav-lg {
        display: block;
    }

    ul.navbar-nav .nav-item-lg {
        width: 100%;
        float: none;
        margin: 10px 0 !important;
        padding: 10px 15px;
    }

  
.dropdown-menu-lg.phone {
    padding: 10px 20px !important;
    background-color: var(--cbf-purple-200) !important;
    margin: 20px 0 0 0 !important;
    position: static;
    float: none;
    box-shadow: 2px 2px 2px 2px #80808026;
}
        .dropdown-menu-lg.phone .dropdown-item {
            display: block;
            font-size: var(--nav-font-size);
            margin: 15px 0;
        }
        .dropdown-menu-lg.dropdown-item {
                border-top: 1px solid black;
        }

    .nav-item-lg .nav-link
    {
        border:none !important;
    }
.user-menus-lg {
    margin: 0 !important;
}