.elementor-18256 .elementor-element.elementor-element-06ed6f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-58d35cd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.82;}.elementor-18256 .elementor-element.elementor-element-58d35cd:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-58d35cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-7e9f58b ) 0%, #FFFFFF 100%);}.elementor-18256 .elementor-element.elementor-element-58d35cd::before, .elementor-18256 .elementor-element.elementor-element-58d35cd > .elementor-background-video-container::before, .elementor-18256 .elementor-element.elementor-element-58d35cd > .e-con-inner > .elementor-background-video-container::before, .elementor-18256 .elementor-element.elementor-element-58d35cd > .elementor-background-slideshow::before, .elementor-18256 .elementor-element.elementor-element-58d35cd > .e-con-inner > .elementor-background-slideshow::before, .elementor-18256 .elementor-element.elementor-element-58d35cd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 40%);}.elementor-18256 .elementor-element.elementor-element-1f170bc{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18256 .elementor-element.elementor-element-1f170bc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18256 .elementor-element.elementor-element-dd23ffc{--display:flex;--justify-content:flex-start;}.elementor-18256 .elementor-element.elementor-element-d0b21a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 5px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:5px;border-color:#1457C0;--border-color:#1457C0;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-18256 .elementor-element.elementor-element-4deff16 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 25px 0px;font-family:"Lato", Sans-serif;font-size:36px;font-weight:700;}.elementor-18256 .elementor-element.elementor-element-4deff16 .elementskit-section-title-wraper .elementskit-section-title > span{color:#ff5657;}.elementor-18256 .elementor-element.elementor-element-4deff16 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-18256 .elementor-element.elementor-element-4deff16 .elementskit-section-title-wraper p{color:#4D5765;font-family:"Jost", Sans-serif;font-size:18px;}.elementor-18256 .elementor-element.elementor-element-4d2d85b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-18256 .elementor-element.elementor-element-29b0c7b .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-18256 .elementor-element.elementor-element-29b0c7b .elementskit-btn{background-color:#DC2626;border-style:none;}.elementor-18256 .elementor-element.elementor-element-29b0c7b .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-18256 .elementor-element.elementor-element-29b0c7b .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-18256 .elementor-element.elementor-element-29b0c7b .elementskit-btn > i, .elementor-18256 .elementor-element.elementor-element-29b0c7b .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-18256 .elementor-element.elementor-element-29b0c7b .elementskit-btn > i, .rtl .elementor-18256 .elementor-element.elementor-element-29b0c7b .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-18256 .elementor-element.elementor-element-b3ad696 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-18256 .elementor-element.elementor-element-b3ad696 .elementskit-btn{background-color:#FFFFFF;color:#050505;fill:#050505;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18256 .elementor-element.elementor-element-b3ad696 .elementskit-btn:hover{background-color:#DFEEFF;color:#2173E6;fill:#2173E6;border-color:#1C78CE;}.elementor-18256 .elementor-element.elementor-element-b3ad696 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-18256 .elementor-element.elementor-element-b3ad696 .elementskit-btn > i, .elementor-18256 .elementor-element.elementor-element-b3ad696 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-18256 .elementor-element.elementor-element-b3ad696 .elementskit-btn > i, .rtl .elementor-18256 .elementor-element.elementor-element-b3ad696 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-18256 .elementor-element.elementor-element-2978c9a .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-18256 .elementor-element.elementor-element-2978c9a .elementskit-btn{background-color:#DC2626;font-size:14px;font-weight:400;border-style:none;}.elementor-18256 .elementor-element.elementor-element-2978c9a.elementor-element{--align-self:center;}.elementor-18256 .elementor-element.elementor-element-2978c9a .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-18256 .elementor-element.elementor-element-2978c9a .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-18256 .elementor-element.elementor-element-2978c9a .elementskit-btn > i, .elementor-18256 .elementor-element.elementor-element-2978c9a .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-18256 .elementor-element.elementor-element-2978c9a .elementskit-btn > i, .rtl .elementor-18256 .elementor-element.elementor-element-2978c9a .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-18256 .elementor-element.elementor-element-8926ad1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18256 .elementor-element.elementor-element-1731eb8{--display:flex;--justify-content:flex-start;}.elementor-18256 .elementor-element.elementor-element-812746d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18256 .elementor-element.elementor-element-9a81e95{--display:flex;--min-height:260px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:18px 18px 0px 0px;}.elementor-18256 .elementor-element.elementor-element-9a81e95:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-9a81e95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://binarybrains.co/wp-content/uploads/2025/06/freepik__the-style-is-candid-image-photography-with-natural__33852.jpeg");background-repeat:no-repeat;background-size:cover;}.elementor-18256 .elementor-element.elementor-element-09b5094 > .elementor-widget-container{background-color:#1457C0;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;border-color:#1457C0;border-radius:0px 0px 0px 0px;}.elementor-18256 .elementor-element.elementor-element-8503320{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 020px 20px;box-shadow:0px 0px 94px 0px rgba(0,0,0,0.5);}.elementor-18256 .elementor-element.elementor-element-8503320:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-8503320 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18256 .elementor-element.elementor-element-25b1745 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-field-group > label, .elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-field-subgroup label{color:var( --e-global-color-9f9b9b7 );}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-field-type-html{padding-bottom:0px;font-family:"Jost", Sans-serif;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:#D5CFCA;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-field-group .elementor-select-wrapper select{border-color:#D5CFCA;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-field-group .elementor-select-wrapper::before{color:#D5CFCA;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-button{font-size:16px;font-weight:bold;border-radius:10px 10px 10px 10px;}.elementor-18256 .elementor-element.elementor-element-25b1745 .e-form__buttons__wrapper__button-next{background-color:#DC2626;color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-button[type="submit"]{background-color:#DC2626;color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-18256 .elementor-element.elementor-element-25b1745 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-25b1745 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-25b1745 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18256 .elementor-element.elementor-element-25b1745 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-25b1745{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-18256 .elementor-element.elementor-element-ec30da1{column-gap:0px;text-align:center;font-size:11.5px;}.elementor-18256 .elementor-element.elementor-element-93fb5fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-93fb5fd:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-93fb5fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F5FF;}.elementor-18256 .elementor-element.elementor-element-79d6017{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-79d6017:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-79d6017 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F8FC;}.elementor-18256 .elementor-element.elementor-element-bf81823{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-bf81823:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-bf81823 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1F3A;}.elementor-18256 .elementor-element.elementor-element-308c582{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-56a7cb2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-1472296{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-1472296:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-1472296 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-18256 .elementor-element.elementor-element-4a95a76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-18857a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-18857a2:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-18857a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-18256 .elementor-element.elementor-element-18857a2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18256 .elementor-element.elementor-element-a6231dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-a6231dc:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-a6231dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-18256 .elementor-element.elementor-element-21dffb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-21dffb5:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-21dffb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-18256 .elementor-element.elementor-element-0a2944d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-0a2944d:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-0a2944d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071F47;}.elementor-18256 .elementor-element.elementor-element-9c239c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-9c239c8:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-9c239c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}.elementor-18256 .elementor-element.elementor-element-250348b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-250348b:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-250348b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}.elementor-18256 .elementor-element.elementor-element-1df37e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-1df37e7:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-1df37e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}.elementor-18256 .elementor-element.elementor-element-f423247{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-f423247:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-f423247 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}.elementor-18256 .elementor-element.elementor-element-f9138ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-f9138ef:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-f9138ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}.elementor-18256 .elementor-element.elementor-element-3801720{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-3801720:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-3801720 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1F3A;}.elementor-18256 .elementor-element.elementor-element-ac79703{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18256 .elementor-element.elementor-element-43e07c1{--display:flex;}.elementor-18256 .elementor-element.elementor-element-2918891{--display:flex;}.elementor-18256 .elementor-element.elementor-element-62d73c2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18256 .elementor-element.elementor-element-cbf94e8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18256 .elementor-element.elementor-element-a0b8887 > .elementor-widget-container{background-color:#0D2444;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;border-color:#1457C0;border-radius:30px 30px 0px 0px;}.elementor-18256 .elementor-element.elementor-element-a59eaed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 020px 20px;box-shadow:0px 0px 94px 0px rgba(0,0,0,0.5);}.elementor-18256 .elementor-element.elementor-element-a59eaed:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-a59eaed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18256 .elementor-element.elementor-element-4b877f8 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-field-group > label, .elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-field-subgroup label{color:var( --e-global-color-9f9b9b7 );}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-field-type-html{padding-bottom:0px;font-family:"Jost", Sans-serif;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:#D5CFCA;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-field-group .elementor-select-wrapper select{border-color:#D5CFCA;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-field-group .elementor-select-wrapper::before{color:#D5CFCA;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-button{font-size:16px;font-weight:bold;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .e-form__buttons__wrapper__button-next{background-color:#DC2626;color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-button[type="submit"]{background-color:#DC2626;color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18256 .elementor-element.elementor-element-4b877f8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18256 .elementor-element.elementor-element-4b877f8{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-18256 .elementor-element.elementor-element-32a4dae{column-gap:0px;text-align:center;font-size:11.5px;}.elementor-18256 .elementor-element.elementor-element-7d1e20c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-7d1e20c:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-7d1e20c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-18256 .elementor-element.elementor-element-3ce875f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-3ce875f:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-3ce875f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071F47;}.elementor-18256 .elementor-element.elementor-element-db8baed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18256 .elementor-element.elementor-element-db8baed:not(.elementor-motion-effects-element-type-background), .elementor-18256 .elementor-element.elementor-element-db8baed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E2647;}@media(min-width:768px){.elementor-18256 .elementor-element.elementor-element-06ed6f8{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-58d35cd{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-1f170bc{--width:54.775%;}.elementor-18256 .elementor-element.elementor-element-1731eb8{--width:50%;}.elementor-18256 .elementor-element.elementor-element-93fb5fd{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-79d6017{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-bf81823{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-308c582{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-56a7cb2{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-1472296{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-4a95a76{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-a6231dc{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-21dffb5{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-0a2944d{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-9c239c8{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-250348b{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-1df37e7{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-f423247{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-f9138ef{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-3801720{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-7d1e20c{--content-width:1240px;}.elementor-18256 .elementor-element.elementor-element-3ce875f{--content-width:1240px;}}@media(max-width:1024px) and (min-width:768px){.elementor-18256 .elementor-element.elementor-element-18857a2{--width:1124px;}}@media(max-width:1024px){.elementor-18256 .elementor-element.elementor-element-1f170bc{--grid-auto-flow:row;}.elementor-18256 .elementor-element.elementor-element-ac79703{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-18256 .elementor-element.elementor-element-1f170bc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18256 .elementor-element.elementor-element-d0b21a9{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-18256 .elementor-element.elementor-element-ac79703{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-2991f1a */html{
    scroll-behavior:smooth;
}

/* ==========================
NAVBAR
========================== */

.bb-course-nav{
    background:#ffffff;
    border-bottom:1px solid #edf2f8;
    z-index:10;
    transition:.35s ease;
}

.bb-course-nav.bb-fixed{
    position:fixed;
    top:88px;
    left:0;
    width:100%;

    background:rgba(255,255,255,.97);
    backdrop-filter:blur(12px);

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    animation:bbNavDown .3s ease;
}

/* ==========================
CONTAINER
========================== */

.bb-course-nav-inner{
    max-width:1240px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:42px;

    padding:14px 20px;
}

/* ==========================
LINKS
========================== */

.bb-course-nav a{
    position:relative;

    color:#50678d;

    text-decoration:none;

    font-family:'Jost',sans-serif;
    font-size:16px;
    font-weight:700;

    transition:.3s ease;
}

.bb-course-nav a:hover{
    color:#1457C0;
}

/* ==========================
ACTIVE LINK
========================== */

.bb-course-nav a.active{
    color:#1457C0;
}

.bb-course-nav a.active::after{
    content:'';

    position:absolute;

    left:0;
    bottom:-16px;

    width:100%;
    height:3px;

    border-radius:50px;

    background:#1457C0;
}

/* ==========================
BUTTON
========================== */

.bb-nav-btn{

    margin-left:18px;

    background:#ED2B2A;

    color:#fff !important;

    padding:2px 8px;

    border-radius:12px;

    font-size:16px;
    font-weight:700;

    box-shadow:
    0 12px 30px rgba(237,43,42,.18);

    transition:.3s ease;
}

.bb-nav-btn:hover{
    background:#d92322;
    transform:translateY(-2px);
    color:#fff !important;
}

/* ==========================
ANIMATION
========================== */

@keyframes bbNavDown{

    from{
        opacity:0;
        transform:translateY(-15px);
    }

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

}

/* ==========================
SECTION OFFSET
========================== */

#curriculum,
#tools,
#cyber-range,
#placement,
#fees{
    scroll-margin-top:160px;
}

/* ==========================
TABLET
========================== */

@media(max-width:1024px){

    .bb-course-nav-inner{
        gap:28px;
    }

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

    .bb-nav-btn{
        padding:13px 24px;
    }

}

/* ==========================
MOBILE
========================== */

@media(max-width:767px){

    .bb-course-nav{
        overflow-x:auto;
        overflow-y:hidden;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
    }

    .bb-course-nav::-webkit-scrollbar{
        display:none;
    }

    .bb-course-nav.bb-fixed{
        top:80px;
    }

    .bb-course-nav-inner{

        width:max-content;
        min-width:max-content;

        justify-content:flex-start;

        gap:24px;

        padding:14px 18px;
    }

    .bb-course-nav a{
        white-space:nowrap;
        font-size:14px;
    }

    .bb-nav-btn{
        white-space:nowrap;

        padding:12px 22px;

        font-size:14px;
    }

    .bb-course-nav a.active::after{
        bottom:-14px;
        height:2px;
    }

}

/* ==========================
SMALL MOBILE
========================== */

@media(max-width:480px){

    .bb-course-nav-inner{
        gap:18px;
    }

    .bb-course-nav a{
        font-size:13px;
    }

    .bb-nav-btn{
        padding:11px 18px;
        font-size:13px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b3b6bc *//* Left */
.hero-eyebrow {
  display:inline-flex; align-items:center; gap:10px;
   /* Background */
  background:#EAF2FF;   /* Border */
  border:1.5px solid #AFC8F4;
  border-radius:18px; padding:12px 24px;
  
    /* Typography */
  font-family:'Jost',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  
    /* Text Color */
  color:#1457C0;

  /* Soft clean look */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 2px 6px rgba(20,87,192,.06);
}
.hero-eyebrow .dot { width:7px; height:7px; border-radius:50%; background:#1769E0; animation:pulse 1.6s infinite; }
.hero-eyebrow span { font-size:13px; font-weight:700; color:#1457C0; letter-spacing:.12em; text-transform:uppercase; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2a0b533 */.hero-h1{
    font-family:'Jost',sans-serif;
    font-size:50px;
    font-weight:700;
    line-height:1.1;
    letter-spacing:0px;
    color:#2d6fe8;
    margin:0;
}

.hero-h1 .or 
{ 
color:#2d6fe8; 
    
}

/* BLUE LINE */
.hero-h1 .r2{
    display:block;
    margin-top:10px;

    font-size:45px;
    font-weight:800;
    line-height:0.95;

    color:#2d6fe8;
}

/* RED LINE */
.hero-h1 .r3{
    display:block;
    margin-top:8px;

    font-size:20px;
    font-weight:800;
    line-height:1.05;
    letter-spacing:0px;

    color:#DC2626;
    max-width:900px;
}

/* LARGE DESKTOP */
@media(min-width:1400px){
    .hero-h1{
        font-size:50px;
    }
}

/* TABLET */
@media(max-width:1024px){

    .hero-h1{
        font-size:50pxpx;
        line-height:0.92;
    }

    .hero-h1 .r3{
        font-size:0.5em;
    }
}

/* MOBILE */
@media(max-width:767px){

    .hero-h1{
        font-size:35px;
        line-height:0.95;
        letter-spacing:0px;
    }

    .hero-h1 .or { 
        color:#2d6fe8; 
        
    }

    .hero-h1 .r2{
        font-size:40px;
        line-height:1.1;
        margin-top:6px;
    }

    .hero-h1 .r3{
        font-size:20px;
        line-height:1.1;
        margin-top:6px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aef891c *//* ═══ HERO HIGHLIGHT CARDS (tool grid + stat bar) ═══ */
.hero-hl-cards { margin-bottom:28px; }
.hhc-tools {
  position:relative;
  background:var(--bg-blue);
  border:1.5px solid var(--bd);
  border-radius:18px; padding:22px 24px; margin-bottom:14px;
  box-shadow: var(--sh-sm);
}
.hhc-tools-label {
  display:flex; align-items:center; gap:10px; margin-bottom:18px;
  font-size:13px; font-weight:500; color:#173760;
}
.hhc-tools-label .tag-ico { font-size:21px; flex-shrink:0; }
.hhc-tools-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.hhc-tool { display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center; }
.hhc-tool-box {
  width:56px; height:56px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  font-size:25px; flex-shrink:0;
  box-shadow:0 6px 16px rgba(11,31,58,.18);
  transition:transform .25s, box-shadow .25s;
}
.hhc-tool-box img{
    max-width: 85% !important;
    height: auto;
}
.hhc-tool:hover .hhc-tool-box {
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 10px 22px rgba(11,31,58,.26);
}
.hhc-tool-name {     margin-top:10px; font-size:13px; font-weight:600; color:var(--tx2);    text-align:center;}

@media(max-width:560px){
  .hhc-tools-grid{ grid-template-columns:repeat(3,1fr); row-gap:18px; }
  .hhc-stats{ grid-template-columns:repeat(2,1fr); row-gap:18px; }
  .hhc-stat:nth-child(2)::after,.hhc-stat:nth-child(4)::after{ display:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6274fcb */.hero-hl-cards { margin-bottom:28px; }
.hhc-stats {
  position:relative;
  background:var(--bg-white);
  border:1.5px solid var(--bd);
  border-radius:18px; padding:22px 10px;
  display:grid; grid-template-columns:repeat(4,1fr);
  box-shadow: var(--sh-sm);
}
.hhc-stat { text-align:center; position:relative; padding:0 6px; }
.hhc-stat:not(:last-child)::after {
  content:''; position:absolute; top:6%; right:0; bottom:6%; width:1px;
  background:var(--bd);
}
.hhc-stat-val {
  font-family:var(--pp); font-weight:900; font-size:29px; color:var(--navy); line-height:1;
}
.hhc-stat-val sup { font-size:20px; font-weight:800; color:var(--orange); margin-left:1px; }
.hhc-stat-lbl {
  font-size:10.5px; font-weight:800; color:var(--tx3);
  letter-spacing:.08em; text-transform:uppercase; margin-top:6px;
}
@media(max-width:560px){
  .hhc-tools-grid{ grid-template-columns:repeat(3,1fr); row-gap:18px; }
  .hhc-stats{ grid-template-columns:repeat(2,1fr); row-gap:18px; }
  .hhc-stat:nth-child(2)::after,.hhc-stat:nth-child(4)::after{ display:none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58d35cd *//* ════════════════════════════════════════════════
   ROOT VARIABLES — Cyber Dark Premium
════════════════════════════════════════════════ */
:root {
  --navy:    #0B1F3A;
  --navy2:   #0E2647;
  --navy3:   #070F1E;
  --teal:    #1457C0;
  --teal2:   #1769E0;
  --teal-lt: #EBF3FE;
  --teal-xs: #F4F8FF;
  --orange:  #DC2626;
  --orange2: #EF4444;
  --or-lt:   #FEE2E2;
  --gold:    #1457C0;
  --green:   #1769E0;
  --gn-lt:   #EBF3FE;
  --red:     #DC2626;

  --bg-white: #FFFFFF;
  --bg-soft:  #F7F9FC;
  --bg-blue:  #F0F5FF;
  --bg-teal:  #F0F5FF;
  --bg-warm:  #F0F5FF;
  --bg-navy:  #0B1F3A;

  --tx1: #0a1628;
  --tx2: #1a3250;
  --tx3: #4a6080;
  --tx4: #7a9ab8;

  --bd:  #d0dcea;
  --bd2: #b8cede;
  --bd3: #90b0c8;

  --pp: 'Jost', sans-serif;
  --mono: 'Montserrat', sans-serif;

  --sh-xs: 0 1px 4px rgba(11,31,58,.06);
  --sh-sm: 0 3px 14px rgba(11,31,58,.09);
  --sh-md: 0 8px 32px rgba(11,31,58,.12);
  --sh-lg: 0 18px 56px rgba(11,31,58,.14);
  --sh-xl: 0 28px 72px rgba(11,31,58,.18);
  --sh-teal: 0 8px 28px rgba(20,87,192,.22);
  --sh-orange: 0 8px 28px rgba(220,38,38,.28);

  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --w: 1240px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd8aab4 *//* ========================= */
/* GLOBAL FIX */
/* ========================= */

html,
body{
  overflow-x:hidden !important;
  max-width:100%;
}

/* ========================= */
/* WRAPPER */
/* ========================= */

.bb-marquee{
  width:100%;
  overflow:hidden;
  position:relative;
  background:#f0f5ff;
  border-top:1px solid #e0e8f3;
  border-bottom:1px solid #e0e8f3;
  padding:14px 0;
  font-family:'Jost',sans-serif;
}

/* ========================= */
/* TRACK */
/* ========================= */

.bb-marquee-track{
  display:flex;
  align-items:center;
  width:fit-content;
  will-change:transform;
  animation:bb-scroll 25s linear infinite;
}

/* ========================= */
/* CONTENT */
/* ========================= */

.bb-marquee-content{
  display:flex;
  align-items:center;
  gap:60px;
  flex-shrink:0;
  padding-right:60px;
}

/* ========================= */
/* TEXT ITEM */
/* ========================= */

.bb-marquee-content span{
  font-size:14px;
  font-weight:600;
  color:#1c3b63;
  white-space:nowrap;
  position:relative;
}

/* ========================= */
/* DIVIDER */
/* ========================= */

.bb-marquee-content span:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-30px;
  top:50%;
  transform:translateY(-50%);
  height:16px;
  width:1px;
  background:#cfdceb;
}

/* ========================= */
/* ANIMATION */
/* ========================= */

@keyframes bb-scroll{

  0%{
    transform:translateX(0);
  }

  100%{
    transform:translateX(-50%);
  }

}

/* ========================= */
/* HOVER PAUSE */
/* ========================= */

.bb-marquee:hover .bb-marquee-track{
  animation-play-state:paused;
}

/* ========================= */
/* MOBILE */
/* ========================= */

@media(max-width:768px){

  .bb-marquee{
    overflow:hidden !important;
  }

  .bb-marquee-track{
    width:fit-content;
  }

  .bb-marquee-content{
    gap:40px;
    padding-right:40px;
  }

  .bb-marquee-content span{
    font-size:13px;
  }

  .bb-marquee-content span:not(:last-child)::after{
    right:-20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f6568bf *//* ===================================
   REALITY CHECK SECTION
=================================== */

.bb-problem-sec{
    padding:50px 20px;
    background:#f7f9fc;
    font-family:'Jost',sans-serif;
    overflow:hidden;
}

.bb-problem-wrap{
    max-width:1240px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

/* ===================================
   LEFT CONTENT
=================================== */

.bb-problem-left{
    width:50%;
}

.bb-eyebrow{
    position:relative;
    padding-left:24px;

    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;

    color:#1457C0;

    margin-bottom:14px;
}

.bb-eyebrow:before{
    content:'';

    width:16px;
    height:3px;

    background:#DC2626;

    position:absolute;
    left:0;
    top:50%;

    transform:translateY(-50%);
}

.bb-title{
    font-size:48px;
    line-height:1.1;
    font-weight:800;
    color:#071C3D;
    margin:0;
}

.bb-title span{
    color:#2D6FE8;
}

.bb-rule{
    display:flex;
    gap:6px;
    margin:28px 0;
}

.bb-rule span{
    width:30px;
    height:4px;
    border-radius:18px;
    background:#2D6FE8;
}

.bb-rule span:last-child{
    width:10px;
    background:#DC2626;
}

.bb-desc{
    font-size:18px;
    line-height:1.9;
    color:#5A739A;
    margin-bottom:35px;
}

.bb-highlight{
    background:#ffffff;

    border:1px solid #b8ccff;
    border-left:5px solid #2D6FE8;

    padding:18px 20px;

    font-size:18px;
    line-height:1.8;

    color:#1e3a60;

    border-radius:12px;

    box-shadow:
    0 10px 30px rgba(11,31,58,.05);
}

.bb-highlight strong{
    color:#071C3D;
}

/* ===================================
   RIGHT CARD
=================================== */

.bb-problem-right{
    width:50%;
}

.bb-visual{
    position:relative;

    min-height:520px;

    border-radius:18px;

    overflow:hidden;

    background:
    linear-gradient(
        rgba(2,20,55,.82),
        rgba(2,20,55,.90)
    ),
    url('https://binarybrains.co/wp-content/uploads/2026/06/cyber-security-job.jpg');

    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;

    border:2px solid #1148a4;

    box-shadow:
    0 0 0 1px rgba(20,87,192,.12),
    0 20px 60px rgba(0,0,0,.15);
}

.bb-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
    to bottom,
    rgba(7,15,30,.10) 0%,
    rgba(7,15,30,.15) 30%,
    rgba(7,15,30,.65) 70%,
    rgba(7,15,30,.92) 100%
    );
}

/* ===================================
   BADGE
=================================== */

.bb-badge{
    position:absolute;

    top:20px;
    left:20px;

    z-index:2;

    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 18px;

    border-radius:100px;

    background:rgba(11,31,58,.70);

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    border:1px solid rgba(20,87,192,.35);

    color:#fff;

    font-size:13px;
    font-weight:700;

    letter-spacing:1px;
}

.bb-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#2D6FE8;
}

/* ===================================
   STATS
=================================== */

.bb-reality-stat-grid{
    position:absolute;

    left:20px;
    right:20px;
    bottom:20px;

    z-index:2;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.bb-reality-stat{

    background:#1c2f4b;

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    border:1px solid rgba(20,87,192,.25);

    border-radius:18px;

    padding:20px 16px;

    text-align:center;

    transition:.35s ease;
}

.bb-reality-stat:hover{
    transform:translateY(-6px);
}

.bb-reality-stat h3{
    margin:0 0 8px;

    font-size:34px;
    font-weight:800;
    line-height:1;

    color:#ffffff;
}

.bb-reality-stat h3.red{
    color:#FF3636;
}

.bb-reality-stat p{
    margin:0;

    color:#D7DFF0;

    font-size:14px;
    line-height:1.6;
}

/* ===================================
   ANIMATION
=================================== */

.bb-fade-left,
.bb-fade-right{
    opacity:0;
}

.bb-show{
    opacity:1 !important;
    transform:none !important;
}

.bb-fade-left{
    transform:translateX(-50px);
    transition:all .8s ease;
}

.bb-fade-right{
    transform:translateX(50px);
    transition:all .8s ease;
}

/* ===================================
   TABLET
=================================== */

@media (max-width:1024px){

    .bb-problem-wrap{
        flex-direction:column;
        gap:40px;
    }

    .bb-problem-left,
    .bb-problem-right{
        width:100%;
    }

    .bb-title{
        font-size:40px;
    }

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

    .bb-visual{
        min-height:600px;
    }

}

/* ===================================
   MOBILE
=================================== */

@media (max-width:767px){

    .bb-problem-sec{
        padding:70px 15px;
    }

    .bb-title{
        font-size:32px;
        line-height:1.15;
    }

    .bb-desc{
        font-size:18px;
        line-height:1.8;
    }

    .bb-highlight{
        padding:16px;
        font-size:18px;
        line-height:1.75;
    }

    .bb-visual{
        min-height:600px;
        border-radius:18px;
    }

    .bb-badge{
        top:15px;
        left:15px;

        font-size:13px;

        padding:8px 14px;
    }

    .bb-reality-stat-grid{
        left:15px;
        right:15px;
        bottom:15px;

        gap:10px;
    }

    .bb-reality-stat{
        padding:16px 12px;
    }

    .bb-reality-stat h3{
        font-size:52px;
    }

    .bb-reality-stat p{
        font-size:14px;
    }

}

/* ===================================
   SMALL MOBILE
=================================== */

@media (max-width:480px){

    .bb-problem-sec{
        padding:60px 12px;
    }

    .bb-title{
        font-size:32px;
    }

    .bb-visual{
        min-height:600px;
    }

    .bb-reality-stat-grid{
        grid-template-columns:1fr;
    }

    .bb-reality-stat h3{
        font-size:52px;
    }

    .bb-reality-stat p{
        font-size:14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c1e2ca *//* ==========================================
CAREER GROWTH SECTION
========================================== */

#bb-career-growth{
    background:#0b1f3a;
    padding:50px 20px;
    font-family:'Jost',sans-serif;
    overflow:hidden;
}

#bb-career-growth .bb-growth-wrap{
    max-width:1240px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;

    align-items:start;
}

/* ==========================================
ANIMATION
========================================== */

#bb-career-growth .bb-growth-left{
    opacity:0;
    transform:translateX(-40px);
    transition:.8s ease;
}

#bb-career-growth .bb-growth-right{
    opacity:0;
    transform:translateX(40px);
    transition:.8s ease;

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

#bb-career-growth .bb-show{
    opacity:1 !important;
    transform:none !important;
}

/* ==========================================
SECTION TAG
========================================== */

#bb-career-growth .bb-sec-tag{
    display:flex;
    align-items:center;
    gap:10px;

    color:#8b96aa;

    font-size:12px;
    font-weight:700;

    letter-spacing:2px;
    text-transform:uppercase;

    margin-bottom:24px;
}

#bb-career-growth .bb-sec-tag::before{
    content:'';

    width:18px;
    height:2px;

    background:#ff3d3d;

    border-radius:50px;

    flex-shrink:0;
}

/* ==========================================
HEADING
========================================== */

#bb-career-growth h2{
    margin:0;

    color:#ffffff;

    font-size:48px;
    font-weight:800;

    line-height:1.05;
    letter-spacing:-1px;

    max-width:650px;
}

#bb-career-growth h2 span{
    display:block;
    color:#1f6fff;
}

/* ==========================================
SMALL SLIDER DOTS
========================================== */

#bb-career-growth .bb-slider-dots{
    display:flex;
    gap:6px;

    margin:24px 0 32px;
}

#bb-career-growth .bb-slider-dots span{
    width:32px;
    height:4px;

    border-radius:50px;

    background:rgba(255,255,255,.12);
}

#bb-career-growth .bb-slider-dots .active{
    background:#1f6fff;
}

/* ==========================================
DESCRIPTION
========================================== */

#bb-career-growth .bb-growth-desc{
    color:#a4afc0;

    font-size:18px;
    line-height:2;

    max-width:620px;

    margin-bottom:40px;
}

/* ==========================================
STAT GRID
========================================== */

#bb-career-growth .bb-stats-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

#bb-career-growth .bb-stat-card{
    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:28px;

    transition:.35s ease;
}

#bb-career-growth .bb-stat-card:hover{
    transform:translateY(-5px);

    border-color:#1f6fff;

    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

#bb-career-growth .bb-stat-card h3{
    margin:0 0 10px;

    color:#ffffff;

    font-size:42px;
    font-weight:800;

    line-height:1;
}

#bb-career-growth .bb-stat-card h3 span{
    color:#ff3d3d;
}

#bb-career-growth .bb-stat-card p{
    margin:0;

    color:#a4afc0;

    font-size:13px;
    line-height:1.6;
}

/* ==========================================
INDUSTRY CARDS
========================================== */

#bb-career-growth .bb-industry-card{
    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:22px;

    min-height:238px;

    transition:.35s ease;
}

#bb-career-growth .bb-industry-card:hover{
    transform:translateY(-5px);

    border-color:#1f6fff;

    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

#bb-career-growth .bb-industry-head{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:16px;
}

#bb-career-growth .bb-industry-head h4{
    margin:0;

    color:#ffffff;

    font-size:18px;
    font-weight:700;

    line-height:1.4;
}

#bb-career-growth .bb-industry-card p{
    color:#a4afc0;

    font-size:16px;
    line-height:2;

    margin-bottom:20px;
}

#bb-career-growth .bb-pill{
    display:inline-flex;
    align-items:center;

    padding:8px 16px;

    border-radius:50px;

    border:1px solid rgba(31,111,255,.35);

    color:#1f6fff;

    font-size:12px;
    font-weight:700;
}

/* ==========================================
TABLET
========================================== */

@media(max-width:1024px){

    #bb-career-growth{
        padding:80px 20px;
    }

    #bb-career-growth .bb-growth-wrap{
        grid-template-columns:1fr;
        gap:40px;
    }

    #bb-career-growth h2{
        font-size:48px;
    }

    #bb-career-growth .bb-growth-right{
        grid-template-columns:repeat(2,1fr);
    }
}

/* ==========================================
MOBILE
========================================== */

@media(max-width:767px){

    #bb-career-growth{
        padding:60px 15px;
    }

    #bb-career-growth h2{
        font-size:32px;
        line-height:1.12;
    }

    #bb-career-growth .bb-growth-desc{
        font-size:18px;
        line-height:1.9;
    }

    #bb-career-growth .bb-stats-grid{
        grid-template-columns:1fr;
    }

    #bb-career-growth .bb-growth-right{
        grid-template-columns:1fr;
    }

    #bb-career-growth .bb-stat-card{
        padding:22px;
    }

    #bb-career-growth .bb-stat-card h3{
        font-size:36px;
    }

    #bb-career-growth .bb-industry-card{
        min-height:auto;
    }

    #bb-career-growth .bb-sec-tag{
        font-size:11px;
        letter-spacing:1.5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a880da *//* ═══ ABOUT THE PROGRAM ═══ */

#atp{
    padding:50px 20px;
    background:#ffffff;
    font-family:'Jost',sans-serif;
}

#atp .atp-wrap{
    max-width:1240px;
    margin:auto;
}

/* TAG */

#atp .atp-tag{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    color:#1f63e9;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;

    margin-bottom:18px;
}

#atp .atp-tag span{
    width:20px;
    height:2px;
    background:#e62c2c;
}

/* TITLE */

#atp .atp-title{

    text-align:center;

    font-size:48px;

    line-height:1;

    font-weight:800;

    letter-spacing:-1px;

    color:#071c3d;

    margin:0 0 18px;
}

#atp .atp-title span{
    color:#e62c2c;
}

/* DIVIDER */

#atp .atp-divider{

    display:flex;
    justify-content:center;
    gap:8px;

    margin-bottom:28px;
}

#atp .atp-divider span:nth-child(1),
#atp .atp-divider  span:nth-child(2){

    width:30px;
    height:4px;

    background:#2d6fe8;

    border-radius:20px;
}

#atp .atp-divider  span:nth-child(3){

    width:10px;
    height:4px;

    background:#e62c2c;

    border-radius:20px;
}

/* DESCRIPTION */

#atp .atp-desc{

    max-width:1200px;

    margin:0 auto 55px;

    text-align:center;

    color:#556987;

    font-size:18px;

    line-height:2;
}


#atp .atp-intro { 
    font-size:16px; 
    color:#1a3250; 
    line-height:1.8; 
    max-width:780px; 
    margin:18px auto 0; 
    text-align:center; 
}
    
#atp .atp-sub-label {
  display:flex;
  align-items:center;    
  text-align:center; 
  gap:10px;
  font-family:'Jost', sans-serif; 
  font-size:13px; 
  font-weight:700;
  color:#1457C0; 
  letter-spacing:2px; 
  text-transform:uppercase;
  margin:46px 0 22px;
  margin-bottom:18px;
}

#atp .atp-sub-label span{
    display:inline-block;
    width: 20px;
    height: 3px;
    border-radius: 10px;
    background: #3b82f6;
}


#atp .atp-grid 
{ 
    display:grid; 
    grid-template-columns:repeat(3,1fr); gap:18px; 
    
}
#atp .atp-card {
  background:#FFFFFF; 
  border:1.5px solid #d0dcea;
  border-radius:16px; 
  padding:26px 24px; 
  text-align:left;
  box-shadow:0 1px 4px rgba(11,31,58,.06); 
  transition:.25s;
}
#atp .atp-card:hover 
{ 
    box-shadow:0 8px 32px rgba(11,31,58,.12); 
    transform:translateY(-4px); 
    border-color:#1457C0; 
    
}

#atp .atp-card-title {
    display: flex;
    align-items: center;
    gap: 14px;
}

#atp .atp-card-title h3 {
    font-size: 15.5px;
    font-weight: 700;
    color: #0D1B2E;
    margin-bottom: 15px;
}

#atp .atp-ico 
{ 
    width:30px; 
    height:30px; 
    border-radius:6px; 
    margin-bottom:16px; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    font-size:18px; 
    
}
#atp .atp-ico.tl 
{ 
    background:#EBF3FE; 
    border:1.5px solid rgba(20,87,192,.2); 
    
}
#atp .atp-ico.or 
{ 
    background:#FEE2E2; 
    border:1.5px solid #FCA5A5; 
    
}
#atp .atp-t 
{ 
    font-size:15.5px; 
    font-weight:700; 
    color:#0B1F3A;
    margin-bottom:7px; 
    
}
#atp .atp-d 
{ 
    font-size:14px; 
    color:#4a6080; 
    line-height:1.6; 
    
}
@media(max-width:900px)
{ 
#atp .atp-grid{ grid-template-columns:1fr 1fr; } 
}
@media(max-width:560px)
{ 
    #atp .atp-title{
        font-size:34px;
    }
    #atp .atp-grid{ grid-template-columns:1fr; }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbb6ca8 *//* ==========================================
   SECTION 05 - LEARNING ROADMAP
========================================== */

#bb-learning-roadmap{
    padding:10px 20px;
    background:#ffffff;
    font-family:'Jost',sans-serif;
}

#bb-learning-roadmap .bb-roadmap-wrap{
    max-width:1240px;
    margin:auto;
}

/* TAG */

#bb-learning-roadmap .bb-roadmap-tag{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    color:#1f63e9;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;

    margin-bottom:18px;
}

#bb-learning-roadmap .bb-roadmap-tag span{
    width:20px;
    height:2px;
    background:#e62c2c;
}

/* TITLE */

#bb-learning-roadmap .bb-roadmap-title{

    text-align:center;

    font-size:48px;

    line-height:1.2;

    font-weight:800;

    letter-spacing:0px;

    color:#071c3d;

    margin:0 0 18px;
}

#bb-learning-roadmap .bb-roadmap-title span{
    color:#e62c2c;
}

/* DIVIDER */

#bb-learning-roadmap .bb-roadmap-divider{

    display:flex;
    justify-content:center;
    gap:8px;

    margin-bottom:28px;
}

#bb-learning-roadmap .bb-roadmap-divider span:nth-child(1),
#bb-learning-roadmap .bb-roadmap-divider span:nth-child(2){

    width:30px;
    height:4px;

    background:#2d6fe8;

    border-radius:20px;
}

#bb-learning-roadmap .bb-roadmap-divider span:nth-child(3){

    width:10px;
    height:4px;

    background:#e62c2c;

    border-radius:20px;
}

/* DESCRIPTION */

#bb-learning-roadmap .bb-roadmap-desc{

    max-width:760px;

    margin:0 auto 55px;

    text-align:center;

    color:#556987;

    font-size:18px;

    line-height:2;
}

/* GRID */

#bb-learning-roadmap .bb-roadmap-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;
}

/* CARD */

#bb-learning-roadmap .bb-phase-card{

    background:#fff;

    border:1px solid #d7e0ee;

    border-radius:18px;

    overflow:hidden;

    box-shadow:
    0 12px 25px rgba(0,0,0,.04);

    transition:.35s ease;
}

#bb-learning-roadmap .bb-phase-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 40px rgba(7,28,61,.08);

    border-color:#bfd0ee;
}

/* HEADER */

#bb-learning-roadmap .bb-phase-top{

    padding:26px;

    min-height:215px;

    background:#071c3d;

    background-image:
    radial-gradient(
        rgba(255,255,255,.05) 1px,
        transparent 1px
    );

    background-size:18px 18px;
}

/* PHASE LABEL */

#bb-learning-roadmap .bb-phase-label{

    color:#97a8c8;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:14px;
}

/* CARD HEADING */

#bb-learning-roadmap .bb-phase-top h3{

    margin:0 0 14px;

    font-size:24px;

    line-height:1.2;

    font-weight:800;

    color:#fff;
}

#bb-learning-roadmap .bb-phase-top h3 span{
    color:#2d6fe8;
}

#bb-learning-roadmap .bb-phase-top h3 .red{
    color:#ff3232;
}

/* HEADER DESC */

#bb-learning-roadmap .bb-phase-top p{

    margin:0;

    color:#aebcd4;

    font-size:16px;

    line-height:1.9;
}

/* WHITE AREA */

#bb-learning-roadmap .bb-phase-bottom{

    padding:18px 24px 22px;
}

#bb-learning-roadmap .bb-phase-bottom ul{

    margin:0;

    padding-left:22px;
}

#bb-learning-roadmap .bb-phase-bottom li{

    color:#071c3d;

    font-size:16px;

    line-height:1.65;

    margin-bottom:10px;
}

#bb-learning-roadmap .bb-phase-bottom li:last-child{
    margin-bottom:0;
}

/* BLUE BULLETS */

#bb-learning-roadmap .bb-phase-bottom li::marker{
    color:#2d6fe8;
}

/* RED BULLETS PHASE 3 */

#bb-learning-roadmap .advanced li::marker{
    color:#ff3232;
}

/* TABLET */

@media(max-width:1024px){

#bb-learning-roadmap .bb-roadmap-grid{
    grid-template-columns:1fr;
}

#bb-learning-roadmap .bb-roadmap-title{
    font-size:40px;
}

}

/* MOBILE */

@media(max-width:767px){

#bb-learning-roadmap{
    padding:10px 15px;
}

#bb-learning-roadmap .bb-roadmap-title{

    font-size:24px;

    line-height:2.0;
}

#bb-learning-roadmap .bb-roadmap-desc{

    font-size:18px;

    line-height:1.8;

    margin-bottom:40px;
}

#bb-learning-roadmap .bb-phase-top{

    min-height:auto;

    padding:22px;
}

#bb-learning-roadmap .bb-phase-top h3{

    font-size:22px;
}

#bb-learning-roadmap .bb-phase-bottom{

    padding:18px;
}

#bb-learning-roadmap .bb-phase-bottom li{

    font-size:14px;
}

}


/* ==========================================
   MOBILE OPTIMIZATION
========================================== */

@media(max-width:767px){

#bb-learning-roadmap{
    padding:10px 16px;
}

/* TAG */

#bb-learning-roadmap .bb-roadmap-tag{
    font-size:11px;
    letter-spacing:1.5px;
    margin-bottom:14px;
}

/* TITLE */

#bb-learning-roadmap .bb-roadmap-title{

    font-size:24px;

    line-height:2.0;

    letter-spacing:0px;

    margin-bottom:14px;
}

/* Divider */

#bb-learning-roadmap .bb-roadmap-divider{
    margin-bottom:22px;
}

/* Description */

#bb-learning-roadmap .bb-roadmap-desc{

    font-size:18px;

    line-height:1.8;

    margin-bottom:32px;

    padding:0 6px;
}

/* Grid */

#bb-learning-roadmap .bb-roadmap-grid{
    grid-template-columns:1fr;
    gap:18px;
}

/* Cards */

#bb-learning-roadmap .bb-phase-card{

    border-radius:22px;

    overflow:hidden;
}

/* Header */

#bb-learning-roadmap .bb-phase-top{

    min-height:auto;

    padding:22px 20px;
}

/* Phase label */

#bb-learning-roadmap .bb-phase-label{

    font-size:14px;

    letter-spacing:1.8px;

    margin-bottom:10px;
}

/* Heading */

#bb-learning-roadmap .bb-phase-top h3{

    font-size:24px;

    line-height:1.25;

    margin-bottom:12px;
}

/* Description */

#bb-learning-roadmap .bb-phase-top p{

    font-size:16px;

    line-height:1.8;
}

/* White section */

#bb-learning-roadmap .bb-phase-bottom{

    padding:18px 18px 20px;
}

/* Bullet list */

#bb-learning-roadmap .bb-phase-bottom ul{
    padding-left:20px;
}

#bb-learning-roadmap .bb-phase-bottom li{

    font-size:16px;

    line-height:1.6;

    margin-bottom:10px;
}

/* Disable hover jump on mobile */

#bb-learning-roadmap .bb-phase-card:hover{
    transform:none;
}

}

@media(max-width:390px){

#bb-learning-roadmap .bb-roadmap-title{
    
    font-size:24px;

    line-height:2.0;

    letter-spacing:0px;

    margin-bottom:14px;
}

#bb-learning-roadmap .bb-phase-top h3{
    font-size:22px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0d2d81 *//* ===== RESET (ISOLATED) ===== */

.bbp-master *{
    box-sizing:border-box;
}

/* ===== SECTION ===== */

.bbp-master{
    background:#f7f9fc;
    padding:50px 20px;
    font-family:'Jost',sans-serif;
}

/* ===== CONTAINER ===== */

.bbp-container{
    max-width:1240px;
    margin:auto;
}

/* ===== HEADER ===== */

.bbp-header{
    text-align:center;
    margin-bottom:60px;
}

.bbp-tag{
    font-size:12px;
    letter-spacing:3px;
    color:#1457C0;
    font-weight:700;
    position:relative;
    padding-left:18px;
    text-transform:uppercase;
}

.bbp-tag::before{
    content:"";
    position:absolute;
    left:0;
    top:6px;
    width:12px;
    height:2px;
    background:#E53935;
}

.bbp-header h2{
    font-size:48px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:0px;
}

.bbp-header h2 span{
    color:#1457C0;
}

.bbp-divider{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    margin:18px 0;
}

.bbp-divider span:nth-child(1),
.bbp-divider span:nth-child(2){
    width:26px;
    height:3px;
    background:#1457C0;
    border-radius:30px;
}

.bbp-divider span:nth-child(3){
    width:8px;
    height:3px;
    background:#E53935;
    border-radius:30px;
}

.bbp-header p{
    max-width:720px;
    margin:0 auto;
    color:#5A739A;
    font-size:18px;
    line-height:2;
}

/* ===== GRID ===== */

.bbp-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

/* ===== CARD ===== */

.bbp-card{
    background:#ffffff;
    border:1px solid #D9E3F0;
    border-radius:18px;
    padding:26px 26px;
    position:relative;
    overflow:hidden;
    box-shadow:0 1px 4px rgba(11,31,58,0.06);
    transition:all .25s ease;
    transform:translateY(25px);
    opacity:0;
}

/* ===== TOP LINE ===== */

.bbp-card::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:#1457C0;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .3s ease;
}

.bbp-card-title {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* ===== HOVER ===== */

.bbp-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 32px rgba(11,31,58,0.12);
    border-color:#1457C0;
}

.bbp-card:hover::after{
    transform:scaleX(1);
}

/* ===== ICON ===== */

.bbp-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
    border:1px solid #D8E2F0;
}

.bbp-icon img{
    width:28px;
}

/* ===== ICON COLORS ===== */

.bbp-blue{
    background:#EAF3FF;
}

.bbp-orange{
    background:#FFEDE8;
}

.bbp-teal{
    background:#F5EDFF;
}

.bbp-gray{
    background:#F2F6FD;
}

/* ===== TEXT ===== */

.bbp-card h3{
    font-size:16px;
    font-weight:700;
    color:#0D1B2E;
    margin-bottom:10px;
    line-height:1.4;
}

.bbp-card p{
    font-size:14px;
    color:#5A739A;
    line-height:1.9;
}

/* ===== ANIMATION ===== */

.bbp-card.show{
    transform:translateY(0);
    opacity:1;
}

/* ===== RESPONSIVE ===== */

@media(max-width:992px){

    .bbp-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .bbp-header h2{
        font-size:42px;
    }
}

@media(max-width:600px){

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

    .bbp-header h2{
        font-size:32px;
    }

    .bbp-header p{
        font-size:18px;
    }
}

@media(max-width:767px){

.bbp-master{
    padding:70px 15px;
}

.bbp-header{
    margin-bottom:35px;
}

.bbp-header h2{
    font-size:34px;
    line-height:1.15;
}

.bbp-header p{
    font-size:16px;
    line-height:1.8;
}

.bbp-grid{
    grid-template-columns:1fr;
    gap:16px;
}

.bbp-card{
    padding:22px 20px;
    border-radius:18px;
}

.bbp-icon{
    width:52px;
    height:52px;
}

.bbp-icon img{
    width:24px;
}

.bbp-card h3{
    font-size:18px;
}

.bbp-card p{
    font-size:14px;
    line-height:1.8;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bcef0c */.syn-curriculum{
    background:#ffffff;
    padding:50px 20px 40px;
    font-family:'Jost',sans-serif;
}

.syn-header{
    max-width:1240px;
    margin:auto;
    text-align:center;
}

.syn-tag-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:20px;
}

.syn-tag-line{
    width:28px;
    height:4px;
    border-radius:20px;
    background:#E53935;
}

.syn-tag{
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    color:#1457C0;
    text-transform:uppercase;
}

.syn-heading{
    font-size:46px;
    line-height:1.1;
    font-weight:800;
    color:#081B3A;
    margin:0;
}

.syn-heading span{
    color:#1457C0;
}

.syn-divider{
    display:flex;
    justify-content:center;
    gap:8px;
    margin:26px 0 32px;
}

.syn-divider span{
    height:5px;
    border-radius:50px;
}

.syn-divider span:nth-child(1){
    width:38px;
    background:#1457C0;
}

.syn-divider span:nth-child(2){
    width:38px;
    background:#1457C0;
}

.syn-divider span:nth-child(3){
    width:14px;
    background:#E53935;
}

.syn-subtitle{
    max-width:700px;
    margin:auto;
    color:#5A739A;
    font-size:16px;
    line-height:1.8;
}

/* ===== FIRST ROW ===== */

.syn-grid{
    max-width:1240px;
    margin:50px auto 0;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.syn-card{
    background:#fff;
    border:1px solid #D6E2F0;
    border-radius:16px;
    padding:16px;
    position:relative;
    overflow:hidden;
    transition:.35s ease;
}

.syn-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#08214B;
}

.syn-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}

.syn-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
}

.syn-icon{
    font-size:18px;
}

.syn-num{
    font-size:11px;
    font-weight:700;
    letter-spacing:1.5px;
    color:#7E95B8;
}

.syn-phase{
    display:inline-block;
    padding:5px 10px;
    border-radius:10px;
    background:#EDF4FF;
    color:#1457C0;
    font-size:13px;
    font-weight:700;
}

.syn-title{
    font-size:16px;
    font-weight:800;
    color:#081B3A;
    margin-bottom:8px;
    line-height:1.3;
}

.syn-meta{
    color:#8CA0BC;
    font-size:14px;
    margin-bottom:12px;
}

.syn-topics{
    list-style:none;
    margin:0;
    padding:0;
}

.syn-topics li{
    position:relative;
    padding-left:14px;
    margin-bottom:6px;
    color:#415978;
    line-height:1.5;
    font-size:12px;
}

.syn-topics li::before{
    content:'›';
    position:absolute;
    left:0;
    color:#1457C0;
    font-weight:700;
}

/* ===== ROW 2 COLORS ===== */

.s-p2::before{
    background:#2563EB;
}

.s-p5::before{
    background:#EF4444;
}

.syn-red-phase{
    background:#FDE8E8;
    color:#DC2626;
}

/* ===== ROW 3 ===== */

.s-p3::before{
    background:#2563EB;
}

.s-p4::before{
    background:#2563EB;
}

/* ===== CAPSTONE ===== */

.syn-cap{
    grid-column:span 2;
    background:#071F4A;
    border:none;
    color:#fff;
    position:relative;
}

.syn-cap::before{
    background:#DC2626;
}

.syn-cap .syn-num{
    color:rgba(255,255,255,.55);
}

.syn-cap .syn-title{
    color:#fff;
    font-size:14px;
}

.syn-cap .syn-meta{
    color:rgba(255,255,255,.55);
}

.syn-cap .syn-topics li{
    color:#fff;
}

.syn-cap .syn-topics li::before{
    color:#2563EB;
}

.syn-cap-badge{
    background:rgba(255,255,255,.12);
    color:#fff;
}

.syn-cap-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}



@media(max-width:1200px){

    .syn-cap{
        grid-column:span 2;
    }

}

@media(max-width:767px){

    .syn-cap{
        grid-column:span 1;
    }

    .syn-cap-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:1200px){

    .syn-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:1024px){

    .syn-heading{
        font-size:60px;
    }

}



@media(max-width:767px){

    .syn-curriculum{
        padding:70px 15px 30px;
    }

    .syn-heading{
        font-size:34px;
        line-height:1.15;
    }

    .syn-subtitle{
        font-size:15px;
        line-height:1.8;
    }

    .syn-grid{
        grid-template-columns:1fr;
        gap:16px;
        margin-top:40px;
    }

    .syn-card{
        padding:18px;
    }

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

    .syn-topics li{
        font-size:14px;
    }

    .syn-cap{
        grid-column:span 1;
    }

    .syn-cap-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9832106 *//* ==========================================
   COURSE CONTENT SECTION
========================================== */

#bb-course-content{
    padding:50px 20px;
    background:#f7f9fc;
    font-family:'Jost',sans-serif;
}

#bb-course-content .bb-course-wrap{
    max-width:1240px;
    margin:auto;
}

/* TOP BAR */

#bb-course-content .bb-course-top{
    text-align: center;
    margin-bottom: 30px;
}

#bb-course-content .bb-course-badge
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf4ff;
    color: #1457c0;
    padding: 10px 22px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 22px;
}

#bb-course-content .bb-course-top h2{
    margin: 0 0 14px;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 800;
    color: #071c3d;
}

#bb-course-content .bb-course-top p{
    margin: 0;
    color: #5f7698;
    font-size: 18px;
    line-height: 1.8;
}

#bb-course-content .bb-course-title{
    color:#081b3a;
    font-size:15px;
}

#bb-course-content .bb-course-title strong{
    font-weight:800;
}

#bb-course-content .bb-course-title span{
    color:#5f7698;
}

#bb-course-content .bb-course-actions{
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    margin-bottom: 30px;
}

#bb-course-content .bb-course-actions button{
    border:1.5px solid #cfdced;
    background:#fff;
    padding:7px 16px;
    border-radius:7px;
    font-size:13px;
    font-weight:700;
    color:#324f78;
    cursor:pointer;
    transition:.3s;
}

#bb-course-content .bb-course-actions button:hover{
    background:#1457C0;
    color:#fff;
    border-color:#1457C0;
}

/* PHASE */

#bb-course-content .bb-phase-line{
    position:relative;
    text-align:center;
    margin-bottom:40px;
}

#bb-course-content .bb-phase-line:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:2px;
    background:#d8e3f0;
    z-index:1;
}

#bb-course-content .bb-phase-line span{
    position:relative;
    z-index:2;
    background:#082d6f;
    color:#fff;
    padding:10px 22px;
    border-radius:999px;
    font-size:15px;
    font-weight:700;
}

/* MODULE */

#bb-course-content .bb-module{

    border: 1px solid #d9e3f1;
    border-radius: 10px;
    overflow: hidden;
    transition:.3s;
    background: #fff;
    margin-bottom: 16px;
}

#bb-course-content .bb-module .bb-module-mobile{
}


#bb-course-content .bb-module.active{
    border-color:#1457C0;
}

/* HEADER */

#bb-course-content .bb-module-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    padding: 15px 20px;

}

#bb-course-content .bb-module-left{
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1;
}

#bb-course-content .bb-module-id{
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 12px;
    background: #1457c0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
}

#bb-course-content .bb-module-icon{
    font-size:22px;
}

#bb-course-content .bb-module-info{

    flex: 1;

}



#bb-course-content .bb-module-meta {
    display: grid;
    grid-template-columns: 70% 1fr 1fr 1%;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

#bb-course-content .bb-module-meta h3{
    font-size: 15px;
    font-weight: 700;
    color: #071c3d;
    line-height: 1.4;
    margin-bottom: 6px;

}

.bb-module-meta-mobile {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

#bb-course-content .bb-module-topic-count{
    color: #6c86a8;
    font-size: 13px;
    margin-bottom: 2px;
}

#bb-course-content .bb-module-tags{
    padding: 5px 12px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

#bb-course-content .bb-module-tags.p1{
    background: #edf4ff;
    color: #1457c0;
}

/* ARROW */

#bb-course-content .bb-module-arrow{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #f3f6fb;
    display: flex;
    align-items: center;
    justify-content: center;
}

#bb-course-content .acc-caret{
    width:18px;
    height:18px;

    transition:transform .35s ease;
}

/* OPEN */

#bb-course-content .bb-module.active .acc-caret{
    transform:rotate(180deg);
}

/* BODY */

#bb-course-content .bb-module-body{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
    border-top:1px solid #dfe8f3;
}

#bb-course-content .bb-module.active .bb-module-body{
    padding:8px 24px 24px 24px;
}

/* SUMMARY */

#bb-course-content .bb-module-summary{
    background:#f5f7fb;
    border-left:4px solid #1457C0;
    padding:12px 14px;
    border-radius:8px;
    color:#334d72;
    font-size:16px;
    line-height:1.7;
    margin-bottom:10px;
}

/* GRID */

#bb-course-content .bb-module-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
    margin-bottom:8px;
}

#bb-course-content .bb-module-grid ul{
    list-style:none;
    padding:0;
    margin:0;
}

#bb-course-content .bb-module-grid li{
    padding:12px 0;
    border-bottom:1px solid #edf2f8;
    color:#233f66;
    font-size:13px;
    line-height:1.35;
    position:relative;
    padding-left:14px;
}

#bb-course-content .bb-module-grid li:before{
    content:'✦';
    position:absolute;
    left:0;
    color:#1457C0;
    font-size:9px;
    top:15px;
}

/* FOOTER */

#bb-course-content .bb-module-footer{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

#bb-course-content .bb-module-footer span{
    border:1px solid #c9d7eb;
    padding:3px 10px;
    border-radius:5px;
    font-size:12px;
    font-weight:600;
    color:#123f8e;
    background:#fff;
}

/* TABLET */

@media(max-width:1024px){

    #bb-course-content .bb-module-info h3{
        font-size:18px;
    }

    #bb-course-content .bb-module-grid{
        grid-template-columns:1fr;
    }

}

/* MOBILE */

@media(max-width:767px){

    #bb-course-content{
        padding:70px 15px;
    }

    #bb-course-content .bb-course-top{
        flex-direction:column;
        align-items:flex-start;
    }

    #bb-course-content .bb-course-actions{
        width:100%;
    }

    #bb-course-content .bb-course-actions button{
        flex:1;
        padding:12px;
        font-size:14px;
    }

    #bb-course-content .bb-module-header{
        padding:20px;
    }

    #bb-course-content .bb-module-left{
        gap:12px;
        align-items:flex-start;
    }

    #bb-course-content .bb-module-id{
        min-width:42px;
        font-size:18px;
    }

    #bb-course-content .bb-module-icon{
        font-size:24px;
    }

    #bb-course-content .bb-module-info h3{
        font-size:18px;
    }

    #bb-course-content .bb-module-meta{
        font-size:14px;
    }

    #bb-course-content .bb-module-tags span{
        font-size:10px;
        padding:5px 8px;
    }

    #bb-course-content .bb-module.active .bb-module-body{
        padding:16px;
    }

    #bb-course-content .bb-module-summary{
        font-size:14px;
        line-height:1.8;
    }

    #bb-course-content .bb-module-grid li{
        font-size:14px;
    }

    #bb-course-content .bb-module-footer span{
        font-size:11px;
        padding:6px 10px;
    }

}

@media(max-width:767px){

    #bb-course-content .bb-module-arrow{
        width:28px;
        height:28px;
    }

    #bb-course-content .acc-caret{
        width:16px;
        height:16px;
    }

}

/* MODULE 04 - CEH */

#bb-course-content .bb-module.three-col .bb-module-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    align-items:start;
}

#bb-course-content .bb-module.three-col .bb-module-grid ul{
    min-width:0;
}

@media(max-width:1024px){

    #bb-course-content .bb-module.three-col .bb-module-grid{
        grid-template-columns:1fr;
    }

}


/* SECTION TITLE */

#bb-course-content .bb-section-title{
    margin:16px 0 14px;
    padding-bottom:10px;
    border-bottom:1px solid #cfdced;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#7b97b8;
}

#bb-course-content .bb-section-title:before{
    content:'';
    width:12px;
    height:3px;
    background:#ef4444;
    display:inline-block;
    margin-right:8px;
    border-radius:10px;
    vertical-align:middle;
}

/* RED TOOL TAG */

#bb-course-content .bb-tag-red{
    background:#fde8e8 !important;
    color:#ef4444 !important;
    border:1px solid #f4a3a3 !important;
}

/* BLUE DURATION TAG */

#bb-course-content .bb-tag-blue{
    background:#eef4fd !important;
    color:#1457C0 !important;
    border:1px solid #b8cbea !important;
}

/* ==============
   MODULE 05+ SECTION TITLES
=============== */

#bb-course-content .bb-section-title{
    margin:18px 0 14px;
    padding-bottom:12px;
    border-bottom:1px solid #cfdced;

    font-size:14px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#7b97b8;
}

#bb-course-content .bb-section-title:before{
    content:'';
    width:12px;
    height:3px;
    background:#ef4444;
    display:inline-block;
    margin-right:8px;
    border-radius:20px;
    vertical-align:middle;
}

/* RED TAGS */

#bb-course-content .bb-tag-red{
    background:#fde8e8 !important;
    color:#ef4444 !important;
    border:1px solid #f4a3a3 !important;
}

/* BLUE DURATION TAG */

#bb-course-content .bb-tag-blue{
    background:#eef4fd !important;
    color:#1457C0 !important;
    border:1px solid #b8cbea !important;
}


/* ==========================================
   MODULE 07 FIXED LAYOUT
========================================== */

#bb-course-content .bb-module-grid.three-col{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
    align-items:start;
}

#bb-course-content .bb-col{
    min-width:0;
}

#bb-course-content .bb-sec-title{
    position:relative;

    margin:0 0 16px;
    padding:0 0 12px 20px;

    border-bottom:1px solid #dbe5f2;

    font-size:14px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#7f9bbd;

    line-height:1.3;
}

#bb-course-content .bb-sec-title:before{
    content:'';

    position:absolute;

    left:0;
    top:9px;

    width:12px;
    height:3px;

    background:#ef4444;
    border-radius:10px;
}

#bb-course-content .bb-gap-top{
    margin-top:28px;
}

#bb-course-content .bb-lab-box{
    margin-top:18px;
    padding:6px 8px;

    border:1px solid #b8ccef;
    border-radius:14px;

    background:#f3f7ff;

    color:#17365f;
    font-size:14px;
    line-height:1.8;
}

#bb-course-content .bb-lab-box-red{
    background:#fff8f8;
    border-color:#f2a5a5;
}

#bb-course-content .bb-cert-box{
    margin-top:18px;
    padding:6px 8px;

    border:1px solid #b8ccef;
    border-radius:14px;

    background:#f3f7ff;

    color:#17365f;
    font-size:14px;
    line-height:1.9;
}

@media(max-width:1024px){

    #bb-course-content .bb-module-grid.three-col{
        grid-template-columns:1fr;
    }

}
/* ==========================================
    Start P3 Phase
========================================== */

#bb-course-content .bb-phase-line{
    position:relative;
    text-align:center;
    margin-bottom:30px;
}

#bb-course-content .bb-phase-line:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:2px;
    background:#d8e3f0;
    z-index:1;
}

#bb-course-content .bb-phase-line span{
    position:relative;
    z-index:2;
    background:#1457C0;
    color:#fff;
    padding:10px 22px;
    border-radius:999px;
    font-size:15px;
    font-weight:700;
}
/* ==========================================
    End P3 Phase
========================================== */

/* P4 RED PHASE */

#bb-course-content .bb-phase-line .bb-phase-red{
    background:#ef4444;
    color:#fff;

    padding:10px 22px;
    border-radius:999px;

    font-size:15px;
    font-weight:700;

    letter-spacing:.3px;

    box-shadow:0 4px 12px rgba(239,68,68,.18);
}


/* P6 PHASE */

#bb-course-content .bb-phase-p6 span{

    background:linear-gradient(
        90deg,
        #2563eb 0%,
        #1e3a8a 45%,
        #dc2626 100%
    );

    color:#fff;

}

/* CAPSTONE */

/* ==========================================
   CAP HEADER ONLY
========================================== */

.bb-capstone{
    border-color:#ef8d8d !important;
}

.bb-capstone .bb-module-header{
    background:#0d2a58;
}

.bb-capstone .bb-module-info h3{
    color:#ffffff !important;
}

.bb-capstone .bb-module-meta{
    color:rgba(255,255,255,.60);
}

.bb-capstone .bb-module-id{
    color:rgba(255,255,255,.55);
}

.bb-capstone .bb-module-arrow{
    color:#ffffff;
}


/* ==========================================
   CAPSTONE BODY
========================================== */

.bb-capstone{
    border:1.5px solid #ef9c9c !important;
    overflow:hidden;
}

/* BODY */

.bb-capstone .bb-module-body{
    background:#fff;
}

/* SUMMARY */

.bb-cap-summary{

    margin:8px 0 18px;

    padding:14px 18px;

    border:1px solid #ef9c9c;
    border-left:4px solid #ef4444;

    border-radius:12px;

    background:#fff;

    color:#0b2248;

    font-size:16px;
    line-height:1.7;
}

.bb-cap-summary strong{
    color:#ef4444;
    font-weight:800;
}

/* GRID */

.bb-capstone .bb-module-grid{

    display:grid;
    grid-template-columns:1.1fr 1fr 1fr;

    gap:18px;

    align-items:start;
}

@media(max-width:1100px){

    .bb-capstone .bb-module-grid{
        grid-template-columns:1fr;
    }

}

/* PHASE BOXES */

.bb-cap-phases{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    margin:16px 0 20px;

    border:1px solid #cfdced;
    border-radius:8px;

    overflow:hidden;
}

.bb-cap-phases div{

    background:#f4f7fc;

    padding:12px 8px;

    text-align:center;

    border-right:1px solid #cfdced;

    font-size:12px;
    font-weight:700;

    color:#1b4fb3;
}

.bb-cap-phases div:last-child{
    border-right:none;
}

.bb-cap-phases .active{

    background:#ffe7e7;

    color:#e53935;
}

/* TABLE */

.bb-cap-table{

    width:100%;

    border-collapse:collapse;

    margin-top:6px;
}

.bb-cap-table th{

    background:#082b63;

    color:#fff;

    padding:10px 12px;

    text-align:left;

    font-size:13px;
    font-weight:700;
}

.bb-cap-table td{

    padding:8px 10px;

    border-bottom:1px solid #edf2f8;

    font-size:13px;

    color:#243f67;
}

.bb-cap-table tr:nth-child(even) td{
    background:#f7f9fc;
}

/* SEVERITY */

.sev-critical,
.sev-high,
.sev-medium{

    display:inline-block;

    min-width:62px;

    text-align:center;

    padding:3px 10px;

    border-radius:4px;

    font-size:12px;
    font-weight:700;
}

.sev-critical{

    background:#fff0f0;
    border:1px solid #f3a2a2;

    color:#ef4444;
}

.sev-high{

    background:#fff4ef;
    border:1px solid #f6b19a;

    color:#ef4444;
}

.sev-medium{

    background:#eef4ff;
    border:1px solid #c6d8ff;

    color:#2459d3;
}

/* CERT BOX */

.bb-capstone .bb-cert-box{

    margin-top:14px;

    padding:14px 16px;

    border-radius:12px;

    border:1px solid #b8ccef;

    background:#f3f7ff;

    color:#17365f;

    font-size:14px;
    line-height:1.8;
}

/* CAP SECTION TITLES */

.bb-capstone .bb-section-title{

    margin:12px 0 14px;

    padding-bottom:10px;

    border-bottom:1px solid #d9e3f0;

    color:#7b97b8;

    font-size:14px;
    font-weight:800;

    letter-spacing:2px;
    text-transform:uppercase;
}

.bb-capstone .bb-section-title:before{

    content:'';

    width:12px;
    height:3px;

    background:#ef4444;

    display:inline-block;

    margin-right:8px;

    border-radius:20px;

    vertical-align:middle;
}


/* CAP GRID */

.bb-cap-grid{
    display:grid;
    grid-template-columns:1.15fr 1fr 1fr;
    gap:18px;
}

/* PHASE BOXES */

.bb-cap-phases{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    border:1px solid #c8d5e8;
    border-radius:8px;
    overflow:hidden;
    margin:16px 0 22px;
}

.bb-cap-phases div{
    min-height:110px;
    background:#edf3fb;
    border-right:1px solid #c8d5e8;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:10px 6px;
    color:#1457C0;
    font-weight:700;
    font-size:11px;
    line-height:1.4;
}

.bb-cap-phases div:last-child{
    border-right:none;
}

.bb-cap-phases span{
    display:block;
    margin-bottom:8px;
    font-size:10px;
    letter-spacing:1px;
    color:#7b97b8;
}

.bb-cap-phases .active{
    background:#fdeeee;
    color:#e33b32;
}

/* TECH GRID */

.bb-tech-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.bb-tech-grid ul{
    list-style:none;
    margin:0;
    padding:0;
}

.bb-tech-grid li{
    position:relative;
    padding:8px 0 8px 16px;
    border-bottom:1px solid #edf2f8;
}

.bb-tech-grid li:before{
    content:'✦';
    position:absolute;
    left:0;
    top:9px;
    color:#1457C0;
    font-size:8px;
}

@media(max-width:1024px){

    .bb-cap-grid{
        grid-template-columns:1fr;
    }

    .bb-tech-grid{
        grid-template-columns:1fr;
    }

    .bb-cap-phases{
        grid-template-columns:repeat(2,1fr);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e66638 *//* ==========================================
   COURSE CONTENT SECTION
========================================== */

#bb-course-content{
    padding:90px 20px;
    background:#f7f9fc;
    font-family:'Jost',sans-serif;
}

#bb-course-content .bb-course-wrap{
    max-width:1240px;
    margin:auto;
}

/* TOP BAR */

#bb-course-content .bb-course-top{
    text-align: center;
    margin-bottom: 30px;
}

#bb-course-content .bb-course-badge
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf4ff;
    color: #1457c0;
    padding: 10px 22px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 22px;
}

#bb-course-content .bb-course-top h2{
    margin: 0 0 14px;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 800;
    color: #071c3d;
}

#bb-course-content .bb-course-top p{
    margin: 0;
    color: #5f7698;
    font-size: 18px;
    line-height: 1.8;
}

#bb-course-content .bb-course-title{
    color:#081b3a;
    font-size:15px;
}

#bb-course-content .bb-course-title strong{
    font-weight:800;
}

#bb-course-content .bb-course-title span{
    color:#5f7698;
}

#bb-course-content .bb-course-actions{
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    margin-bottom: 30px;
}

#bb-course-content .bb-course-actions button{
    border:1.5px solid #cfdced;
    background:#fff;
    padding:7px 16px;
    border-radius:7px;
    font-size:13px;
    font-weight:700;
    color:#324f78;
    cursor:pointer;
    transition:.3s;
}

#bb-course-content .bb-course-actions button:hover{
    background:#1457C0;
    color:#fff;
    border-color:#1457C0;
}

/* PHASE */

#bb-course-content .bb-phase-line{
    position:relative;
    text-align:center;
    margin-bottom:40px;
}

#bb-course-content .bb-phase-line:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:2px;
    background:#d8e3f0;
    z-index:1;
}

#bb-course-content .bb-phase-line span{
    position:relative;
    z-index:2;
    background:#082d6f;
    color:#fff;
    padding:10px 22px;
    border-radius:999px;
    font-size:15px;
    font-weight:700;
}

/* MODULE */

#bb-course-content .bb-module{

    border: 1px solid #d9e3f1;
    border-radius: 10px;
    overflow: hidden;
    transition:.3s;
    background: #fff;
    margin-bottom: 16px;
}

#bb-course-content .bb-module.active{
    border-color:#1457C0;
}

/* HEADER */

#bb-course-content .bb-module-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    padding: 15px 20px;

}

#bb-course-content .bb-module-left{
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1;
}

#bb-course-content .bb-module-id{
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 12px;
    background: #1457c0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
}

#bb-course-content .bb-module-icon{
    font-size:22px;
}

#bb-course-content .bb-module-info{

    flex: 1;

}



#bb-course-content .bb-module-meta {
    display: grid;
    grid-template-columns: 70% 1fr 1fr 1%;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

#bb-course-content .bb-module-meta h3{
    font-size: 15px;
    font-weight: 700;
    color: #071c3d;
    line-height: 1.4;
    margin-bottom: 6px;

}

#bb-course-content .bb-module-topic-count{
    color: #6c86a8;
    font-size: 13px;
    margin-bottom: 2px;
}

#bb-course-content .bb-module-tags{
    padding: 5px 12px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

#bb-course-content .bb-module-tags.p1{
    background: #edf4ff;
    color: #1457c0;
}

/* ARROW */

#bb-course-content .bb-module-arrow{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #f3f6fb;
    display: flex;
    align-items: center;
    justify-content: center;
}

#bb-course-content .acc-caret{
    width:18px;
    height:18px;

    transition:transform .35s ease;
}

/* OPEN */

#bb-course-content .bb-module.active .acc-caret{
    transform:rotate(180deg);
}

/* BODY */

#bb-course-content .bb-module-body{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
    border-top:1px solid #dfe8f3;
}

#bb-course-content .bb-module.active .bb-module-body{
    padding:8px 24px 24px 24px;
}

/* SUMMARY */

#bb-course-content .bb-module-summary{
    background:#f5f7fb;
    border-left:4px solid #1457C0;
    padding:12px 14px;
    border-radius:8px;
    color:#334d72;
    font-size:16px;
    line-height:1.7;
    margin-bottom:10px;
}

/* GRID */

#bb-course-content .bb-module-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
    margin-bottom:8px;
}

#bb-course-content .bb-module-grid ul{
    list-style:none;
    padding:0;
    margin:0;
}

#bb-course-content .bb-module-grid li{
    padding:12px 0;
    border-bottom:1px solid #edf2f8;
    color:#233f66;
    font-size:13px;
    line-height:1.35;
    position:relative;
    padding-left:14px;
}

#bb-course-content .bb-module-grid li:before{
    content:'✦';
    position:absolute;
    left:0;
    color:#1457C0;
    font-size:9px;
    top:15px;
}

/* FOOTER */

#bb-course-content .bb-module-footer{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

#bb-course-content .bb-module-footer span{
    border:1px solid #c9d7eb;
    padding:3px 10px;
    border-radius:5px;
    font-size:12px;
    font-weight:600;
    color:#123f8e;
    background:#fff;
}

/* TABLET */

@media(max-width:1024px){

    #bb-course-content .bb-module-info h3{
        font-size:18px;
    }

    #bb-course-content .bb-module-grid{
        grid-template-columns:1fr;
    }

}

/* MOBILE */

@media(max-width:767px){

    #bb-course-content{
        padding:70px 15px;
    }

    #bb-course-content .bb-course-top{
        flex-direction:column;
        align-items:flex-start;
    }

    #bb-course-content .bb-course-actions{
        width:100%;
    }

    #bb-course-content .bb-course-actions button{
        flex:1;
        padding:12px;
        font-size:14px;
    }

    #bb-course-content .bb-module-header{
        padding:20px;
    }

    #bb-course-content .bb-module-left{
        gap:12px;
        align-items:flex-start;
    }

    #bb-course-content .bb-module-id{
        min-width:42px;
        font-size:18px;
    }

    #bb-course-content .bb-module-icon{
        font-size:24px;
    }

    #bb-course-content .bb-module-info h3{
        font-size:18px;
    }

    #bb-course-content .bb-module-meta{
        font-size:14px;
    }

    #bb-course-content .bb-module-tags span{
        font-size:10px;
        padding:5px 8px;
    }

    #bb-course-content .bb-module.active .bb-module-body{
        padding:16px;
    }

    #bb-course-content .bb-module-summary{
        font-size:14px;
        line-height:1.8;
    }

    #bb-course-content .bb-module-grid li{
        font-size:14px;
    }

    #bb-course-content .bb-module-footer span{
        font-size:11px;
        padding:6px 10px;
    }

}

@media(max-width:767px){

    #bb-course-content .bb-module-arrow{
        width:28px;
        height:28px;
    }

    #bb-course-content .acc-caret{
        width:16px;
        height:16px;
    }

}

/* MODULE 04 - CEH */

#bb-course-content .bb-module.three-col .bb-module-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    align-items:start;
}

#bb-course-content .bb-module.three-col .bb-module-grid ul{
    min-width:0;
}

@media(max-width:1024px){

    #bb-course-content .bb-module.three-col .bb-module-grid{
        grid-template-columns:1fr;
    }

}


/* SECTION TITLE */

#bb-course-content .bb-section-title{
    margin:16px 0 14px;
    padding-bottom:10px;
    border-bottom:1px solid #cfdced;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#7b97b8;
}

#bb-course-content .bb-section-title:before{
    content:'';
    width:12px;
    height:3px;
    background:#ef4444;
    display:inline-block;
    margin-right:8px;
    border-radius:10px;
    vertical-align:middle;
}

/* RED TOOL TAG */

#bb-course-content .bb-tag-red{
    background:#fde8e8 !important;
    color:#ef4444 !important;
    border:1px solid #f4a3a3 !important;
}

/* BLUE DURATION TAG */

#bb-course-content .bb-tag-blue{
    background:#eef4fd !important;
    color:#1457C0 !important;
    border:1px solid #b8cbea !important;
}

/* ==============
   MODULE 05+ SECTION TITLES
=============== */

#bb-course-content .bb-section-title{
    margin:18px 0 14px;
    padding-bottom:12px;
    border-bottom:1px solid #cfdced;

    font-size:14px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#7b97b8;
}

#bb-course-content .bb-section-title:before{
    content:'';
    width:12px;
    height:3px;
    background:#ef4444;
    display:inline-block;
    margin-right:8px;
    border-radius:20px;
    vertical-align:middle;
}

/* RED TAGS */

#bb-course-content .bb-tag-red{
    background:#fde8e8 !important;
    color:#ef4444 !important;
    border:1px solid #f4a3a3 !important;
}

/* BLUE DURATION TAG */

#bb-course-content .bb-tag-blue{
    background:#eef4fd !important;
    color:#1457C0 !important;
    border:1px solid #b8cbea !important;
}


/* ==========================================
   MODULE 07 FIXED LAYOUT
========================================== */

#bb-course-content .bb-module-grid.three-col{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
    align-items:start;
}

#bb-course-content .bb-col{
    min-width:0;
}

#bb-course-content .bb-sec-title{
    position:relative;

    margin:0 0 16px;
    padding:0 0 12px 20px;

    border-bottom:1px solid #dbe5f2;

    font-size:14px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#7f9bbd;

    line-height:1.3;
}

#bb-course-content .bb-sec-title:before{
    content:'';

    position:absolute;

    left:0;
    top:9px;

    width:12px;
    height:3px;

    background:#ef4444;
    border-radius:10px;
}

#bb-course-content .bb-gap-top{
    margin-top:28px;
}

#bb-course-content .bb-lab-box{
    margin-top:18px;
    padding:6px 8px;

    border:1px solid #b8ccef;
    border-radius:14px;

    background:#f3f7ff;

    color:#17365f;
    font-size:14px;
    line-height:1.8;
}

#bb-course-content .bb-lab-box-red{
    background:#fff8f8;
    border-color:#f2a5a5;
}

#bb-course-content .bb-cert-box{
    margin-top:18px;
    padding:6px 8px;

    border:1px solid #b8ccef;
    border-radius:14px;

    background:#f3f7ff;

    color:#17365f;
    font-size:14px;
    line-height:1.9;
}

@media(max-width:1024px){

    #bb-course-content .bb-module-grid.three-col{
        grid-template-columns:1fr;
    }

}
/* ==========================================
    Start P3 Phase
========================================== */

#bb-course-content .bb-phase-line{
    position:relative;
    text-align:center;
    margin-bottom:30px;
}

#bb-course-content .bb-phase-line:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:2px;
    background:#d8e3f0;
    z-index:1;
}

#bb-course-content .bb-phase-line span{
    position:relative;
    z-index:2;
    background:#1457C0;
    color:#fff;
    padding:10px 22px;
    border-radius:999px;
    font-size:15px;
    font-weight:700;
}
/* ==========================================
    End P3 Phase
========================================== */

/* P4 RED PHASE */

#bb-course-content .bb-phase-line .bb-phase-red{
    background:#ef4444;
    color:#fff;

    padding:10px 22px;
    border-radius:999px;

    font-size:15px;
    font-weight:700;

    letter-spacing:.3px;

    box-shadow:0 4px 12px rgba(239,68,68,.18);
}


/* P6 PHASE */

#bb-course-content .bb-phase-p6 span{

    background:linear-gradient(
        90deg,
        #2563eb 0%,
        #1e3a8a 45%,
        #dc2626 100%
    );

    color:#fff;

}

/* CAPSTONE */

/* ==========================================
   CAP HEADER ONLY
========================================== */

.bb-capstone{
    border-color:#ef8d8d !important;
}

.bb-capstone .bb-module-header{
    background:#0d2a58;
}

.bb-capstone .bb-module-info h3{
    color:#ffffff !important;
}

.bb-capstone .bb-module-meta{
    color:rgba(255,255,255,.60);
}

.bb-capstone .bb-module-id{
    color:rgba(255,255,255,.55);
}

.bb-capstone .bb-module-arrow{
    color:#ffffff;
}


/* ==========================================
   CAPSTONE BODY
========================================== */

.bb-capstone{
    border:1.5px solid #ef9c9c !important;
    overflow:hidden;
}

/* BODY */

.bb-capstone .bb-module-body{
    background:#fff;
}

/* SUMMARY */

.bb-cap-summary{

    margin:8px 0 18px;

    padding:14px 18px;

    border:1px solid #ef9c9c;
    border-left:4px solid #ef4444;

    border-radius:12px;

    background:#fff;

    color:#0b2248;

    font-size:16px;
    line-height:1.7;
}

.bb-cap-summary strong{
    color:#ef4444;
    font-weight:800;
}

/* GRID */

.bb-capstone .bb-module-grid{

    display:grid;
    grid-template-columns:1.1fr 1fr 1fr;

    gap:18px;

    align-items:start;
}

@media(max-width:1100px){

    .bb-capstone .bb-module-grid{
        grid-template-columns:1fr;
    }

}

/* PHASE BOXES */

.bb-cap-phases{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    margin:16px 0 20px;

    border:1px solid #cfdced;
    border-radius:8px;

    overflow:hidden;
}

.bb-cap-phases div{

    background:#f4f7fc;

    padding:12px 8px;

    text-align:center;

    border-right:1px solid #cfdced;

    font-size:12px;
    font-weight:700;

    color:#1b4fb3;
}

.bb-cap-phases div:last-child{
    border-right:none;
}

.bb-cap-phases .active{

    background:#ffe7e7;

    color:#e53935;
}

/* TABLE */

.bb-cap-table{

    width:100%;

    border-collapse:collapse;

    margin-top:6px;
}

.bb-cap-table th{

    background:#082b63;

    color:#fff;

    padding:10px 12px;

    text-align:left;

    font-size:13px;
    font-weight:700;
}

.bb-cap-table td{

    padding:8px 10px;

    border-bottom:1px solid #edf2f8;

    font-size:13px;

    color:#243f67;
}

.bb-cap-table tr:nth-child(even) td{
    background:#f7f9fc;
}

/* SEVERITY */

.sev-critical,
.sev-high,
.sev-medium{

    display:inline-block;

    min-width:62px;

    text-align:center;

    padding:3px 10px;

    border-radius:4px;

    font-size:12px;
    font-weight:700;
}

.sev-critical{

    background:#fff0f0;
    border:1px solid #f3a2a2;

    color:#ef4444;
}

.sev-high{

    background:#fff4ef;
    border:1px solid #f6b19a;

    color:#ef4444;
}

.sev-medium{

    background:#eef4ff;
    border:1px solid #c6d8ff;

    color:#2459d3;
}

/* CERT BOX */

.bb-capstone .bb-cert-box{

    margin-top:14px;

    padding:14px 16px;

    border-radius:12px;

    border:1px solid #b8ccef;

    background:#f3f7ff;

    color:#17365f;

    font-size:14px;
    line-height:1.8;
}

/* CAP SECTION TITLES */

.bb-capstone .bb-section-title{

    margin:12px 0 14px;

    padding-bottom:10px;

    border-bottom:1px solid #d9e3f0;

    color:#7b97b8;

    font-size:14px;
    font-weight:800;

    letter-spacing:2px;
    text-transform:uppercase;
}

.bb-capstone .bb-section-title:before{

    content:'';

    width:12px;
    height:3px;

    background:#ef4444;

    display:inline-block;

    margin-right:8px;

    border-radius:20px;

    vertical-align:middle;
}


/* CAP GRID */

.bb-cap-grid{
    display:grid;
    grid-template-columns:1.15fr 1fr 1fr;
    gap:18px;
}

/* PHASE BOXES */

.bb-cap-phases{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    border:1px solid #c8d5e8;
    border-radius:8px;
    overflow:hidden;
    margin:16px 0 22px;
}

.bb-cap-phases div{
    min-height:110px;
    background:#edf3fb;
    border-right:1px solid #c8d5e8;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:10px 6px;
    color:#1457C0;
    font-weight:700;
    font-size:11px;
    line-height:1.4;
}

.bb-cap-phases div:last-child{
    border-right:none;
}

.bb-cap-phases span{
    display:block;
    margin-bottom:8px;
    font-size:10px;
    letter-spacing:1px;
    color:#7b97b8;
}

.bb-cap-phases .active{
    background:#fdeeee;
    color:#e33b32;
}

/* TECH GRID */

.bb-tech-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.bb-tech-grid ul{
    list-style:none;
    margin:0;
    padding:0;
}

.bb-tech-grid li{
    position:relative;
    padding:8px 0 8px 16px;
    border-bottom:1px solid #edf2f8;
}

.bb-tech-grid li:before{
    content:'✦';
    position:absolute;
    left:0;
    top:9px;
    color:#1457C0;
    font-size:8px;
}

@media(max-width:1024px){

    .bb-cap-grid{
        grid-template-columns:1fr;
    }

    .bb-tech-grid{
        grid-template-columns:1fr;
    }

    .bb-cap-phases{
        grid-template-columns:repeat(2,1fr);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa9d2a6 *//* ==========================================
TOOLS & PLATFORMS SECTION
========================================== */

.bb-tools-section{
    background: #f7f9fc;
    padding:50px 20px;
    overflow:hidden;
    position:relative;
    font-family:'Jost',sans-serif;
}

.bb-tools-container{
    max-width: 1240px;
    margin: auto;
    background: #f7f9fc;
}

/* TOP LABEL */

.bb-tools-topline{
    text-align:center;
    color:#1457C0;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.bb-tools-topline span{
    display:inline-block;
    width:18px;
    height:3px;
    background:#ff2f2f;
    border-radius:20px;
    margin-right:10px;
    vertical-align:middle;
}

/* HEADING */

.bb-tools-heading{
    margin:0;
    text-align:center;
    font-size:46px;
    line-height:1.1;
    font-weight:800;
    color:#071f47;
}

.bb-tools-heading span{
    color:#1457C0;
}

/* DIVIDER */




.bb-tools-divider{
    display:flex;
    justify-content:center;
    margin:18px 0 24px;
}

.bb-tools-divider span{
    width:60px;
    height:4px;
    border-radius:20px;

    background:
    linear-gradient(
        90deg,
        #1457C0 0%,
        #1457C0 40%,
        #ffffff 40%,
        #ffffff 60%,
        #1457C0 60%,
        #1457C0 100%
    );

    position:relative;
}

.bb-tools-divider span:after{
    content:'';

    width:6px;
    height:6px;

    background:#ff2f2f;

    border-radius:50%;

    position:absolute;
    right:-10px;
    top:-1px;
}

/* SUBTITLE */

.bb-tools-subtitle{
    max-width:900px;
    margin:0 auto 60px;
    text-align:center;
    color:##5A739A;
    font-size:18px;
    line-height:1.8;
}

/* GRID */

.bb-tools-grid{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 10px 10px;
    margin-top: 34px;
    margin-bottom: 34px;
}

/* CARD */

.bb-tool-card{

    text-align: center;

}


/* HOVER */

.bb-tool-card:hover .bb-tool-icon{

    transform:translateY(-5px);

    border-color:#1457c0;

    box-shadow:
    0 14px 28px rgba(20,87,192,.12);

}

.bb-tool-card:hover:before{
    opacity:1;
}

/* ICON */

.bb-tool-icon{

    width:62px;

    height:62px;

    background:#ffffff;

    border:1px solid #cfdcf0;

    border-radius:12px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:
    0 6px 16px rgba(11,31,58,.05);

    transition:all .28s ease;
}

.bb-tool-icon img {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.bb-tool-card:hover .bb-tool-icon{

    transform:translateY(-3px) scale(1.08);

}

/* TITLE */

.bb-tool-card h3{

    margin-top: 12px;
    font-size: 15px;
    font-weight: 700;
    color: #14345f;

}

/* DESCRIPTION */

.bb-tool-card p{

    margin:0;

    color:#5A739A;

    font-size:15px;

    line-height:1.5;

}

/* TABLET */

@media(max-width:1024px){

    .bb-tools-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .bb-tools-heading{
        font-size:40px;
    }

}

/* MOBILE */

@media(max-width:767px){

    .bb-tools-section{
        padding:70px 15px;
    }

    .bb-tools-heading{
        font-size:34px;
        line-height:1.2;
    }

    .bb-tools-subtitle{
        font-size:16px;
        margin-bottom:40px;
    }

    .bb-tools-grid{
        grid-template-columns:repeat(3,1fr);
        gap: 18px 14px;

    }

    .bb-tool-card{
        min-height:140px;
        padding:24px 12px;
        border-radius:18px;
    }

    .bb-tool-icon{
        font-size:30px;
    }

    .bb-tool-card h3{
        font-size:16px;
    }

    .bb-tool-card p{
        font-size:13px;
    }

}

/* SMALL MOBILE */

@media(max-width:480px){

    .bb-tools-grid{
        grid-template-columns:repeat(3,1fr);
        gap: 18px 14px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-412658d *//* ==========================
CAPSTONE TITLE
========================== */

.bb-capstone-final{
    background:#071f47;
    padding:50px 20px 0;
    font-family:'Jost',sans-serif;
}

.bb-cap-wrap{
    max-width:1240px;
    margin:0 auto;
}

.bb-cap-topline{
    display:flex;
    align-items:center;
    gap:12px;

    color:#8d9bb3;
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;

    margin-bottom:18px;
}

.bb-cap-topline span{
    width:20px;
    height:3px;
    background:#ff3434;
    border-radius:50px;
    flex-shrink:0;
}

.bb-cap-heading{
    margin:0;

    color:#ffffff;

    font-size:46px;
    font-weight:800;
    line-height:1.08;
    letter-spacing:-1px;
}

.bb-cap-heading span{
    color:#1457C0;
}

.bb-cap-divider{
    display:flex;
    align-items:center;
    gap:8px;

    margin-top:12px;
}

.bb-cap-divider::before{
    content:'';
    width:28px;
    height:2px;
    background:#6c7f9e;
    border-radius:20px;
}

.bb-cap-divider span{
    width:28px;
    height:2px;
    background:#6c7f9e;
    border-radius:20px;
    position:relative;
}

.bb-cap-divider span::after{
    content:'';
    position:absolute;
    right:-14px;
    top:50%;

    width:6px;
    height:6px;

    background:#ff3434;
    border-radius:50%;

    transform:translateY(-50%);
}


/* ==========================================
   CYBER RANGE HERO SECTION
========================================== */

.bb-range-hero{
    max-width:1240px;
    margin:40px auto 0;
    position:relative;
}

.bb-range-card{
    position:relative;
    overflow:hidden;

    border:1px solid #1457C0;
    border-radius:18px;

    background:#0a1628;

    box-shadow:
    0 0 40px rgba(20,87,192,.12);
}

/* IMAGE */

.bb-range-card img{
    width:100%;
    height:640px;
    object-fit:cover;
    display:block;

    filter:brightness(.82);
}

/* OVERLAY */

.bb-range-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to bottom,
        rgba(2,15,35,.10),
        rgba(2,15,35,.18),
        rgba(2,15,35,.35)
    );

    pointer-events:none;
}

/* ==========================================
   TOP BADGES
========================================== */

.bb-range-badge-left,
.bb-range-badge-right{
    position:absolute;
    top:30px;
    z-index:20;

    height:54px;

    display:flex;
    align-items:center;

    padding:0 28px;

    border-radius:30px;

    font-size:13px;
    font-weight:700;
    letter-spacing:1.5px;

    backdrop-filter:blur(8px);
}

.bb-range-badge-left{
    left:24px;

    color:#ffffff;

    background:rgba(2,18,48,.88);

    border:1px solid rgba(20,87,192,.75);
}

.bb-range-badge-right{
    right:24px;

    color:#ff4040;

    background:rgba(2,18,48,.88);

    border:1px solid rgba(255,64,64,.65);
}


/* ==========================================
MOBILE ONLY FIX
========================================== */

@media (max-width:767px){

    .bb-cap-heading{
        margin:0;
    
        color:#ffffff;
    
        font-size:34px;
        font-weight:800;
        line-height:1.08;
        letter-spacing:0px;
    }
    
    .bb-range-card{
        border-radius:24px;
        overflow:hidden;
    }

    .bb-range-card img{
        display:block;
        width:100%;
        height:220px;
        object-fit:cover;
    }

    /* Stack badges */

    .bb-range-badge-left,
    .bb-range-badge-right{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;

        width:calc(100% - 24px);
        margin:12px auto;

        justify-content:center;

        height:42px;

        font-size:11px;
        letter-spacing:1px;
    }

    /* VERY IMPORTANT */

    .bb-range-stats{
        position:relative !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;

        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .bb-stat{
        min-height:120px;

        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;

        border-right:1px solid rgba(255,255,255,.08);
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .bb-stat span{
        font-size:32px;
        line-height:1;
    }

    .bb-stat small{
        font-size:12px;
        line-height:1.4;
        text-align:center;
    }

    /* Last card full width */

    .bb-stat:last-child{
        grid-column:1 / -1;
    }

}



/* ==========================================
   BOTTOM STATS BAR
========================================== */

.bb-range-stats{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    display:grid;
    grid-template-columns:repeat(5,1fr);

    background:#020d24;

    z-index:15;
}

.bb-stat{
    text-align:center;

    padding:18px 10px 16px;

    border-right:
    1px solid rgba(255,255,255,.08);
    background-color: #0a1628;
    border-radius: 0px !important;
}

.bb-stat:last-child{
    border-right:none;
}

.bb-stat span{
    display:block;

    font-size:28px;
    font-weight:800;
    line-height:1;

    color:#ffffff;
}

.bb-stat-red span{
    color:#ff3232;
}

.bb-stat small{
    display:block;

    margin-top:8px;

    font-size:11px;
    font-weight:600;
    line-height:1.4;

    color:#9aa9c4;
}

/* ==========================================
   HOVER
========================================== */

.bb-range-card:hover{
    box-shadow:
    0 0 60px rgba(20,87,192,.18);
}

/* ==========================================
   TABLET
========================================== */

@media(max-width:1024px){

    .bb-range-card img{
        height:520px;
    }

    .bb-range-badge-left,
    .bb-range-badge-right{
        height:48px;
        padding:0 20px;
        font-size:12px;
    }

    .bb-stat span{
        font-size:24px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:768px){

    .bb-range-card{
        border-radius:24px;
    }

    .bb-range-card img{
        height:300px;
    }

    .bb-range-badge-left,
    .bb-range-badge-right{
        top:15px;

        height:38px;

        padding:0 14px;

        font-size:10px;
        letter-spacing:1px;
    }

    .bb-range-badge-left{
        left:15px;
    }

    .bb-range-badge-right{
        right:15px;
    }

    .bb-range-stats{
        grid-template-columns:1fr 1fr;
    }

    .bb-stat{
        padding:14px 8px;
    }

    .bb-stat span{
        font-size:20px;
    }

    .bb-stat small{
        font-size:10px;
    }
}

/* ==========================================
DOMAIN ADMIN SECTION
========================================== */

.bb-da-section{
    max-width:1240px;
    margin:36px auto 0;
}

.bb-da-grid{
    display:grid;
    grid-template-columns:56% 40%;
    gap:30px;
}

.bb-da-main-card{
    background:#132c5a;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:36px;
}

.bb-phase-badge{
    display:inline-flex;
    align-items:center;
    padding:10px 18px;

    border-radius:30px;

    color:#ffffff;
    border:1px solid #ffffff;

    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
}

.bb-da-main-card h2{
    margin:20px 0 12px;
    color:#fff;
    font-size:28px;
    line-height:1.25;
}

.bb-da-main-card h2 span{
    display:block;
    color:#1762e6;
}

.bb-da-main-card p{
    color:#9fb0ca;
    line-height:1.9;
    font-size:18px;
}

.bb-da-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:20px;
}

.bb-da-tags span{
    padding:8px 14px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.12);
    color:#c8d4e7;
    font-size:13px;
}

/* MINI CARDS */

.bb-da-cards{
    margin-top:24px;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.bb-mini-card{
    background:#17325f;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:18px;
}

.bb-mini-card .bb-mini-card-title {
    display: flex;
    align-items: center;
    gap: 14px;
}

.bb-mini-card .icon{
    font-size:26px;
    margin-bottom:12px;
}

.bb-mini-card h4{
    color:#fff;
    margin-bottom:12px;
    font-size: 16px;
}

.bb-mini-card ul{
    padding-left:18px;
    font-size:15px;
}

.bb-mini-card li{
    color:#9fb0ca;
    margin-bottom:8px;
}

/* RIGHT SIDE */

.bb-da-right{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.bb-stat-box{
    display:flex;
    gap:16px;
    align-items:center;

    padding:20px 18px;

    background:#17325f;

    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
}

.bb-stat-box .num{
    color:#1762e6;
    font-size:36px;
    font-weight:800;
    line-height:1;
}

.bb-stat-box.red .num{
    color:#ff3d3d;
}

.bb-stat-box strong{
    display:block;
    color:#fff;
    margin-bottom:4px;
    font-size: 18px;
}

.bb-stat-box small{
    color:#9fb0ca;
        font-size: 16px;
}

.bb-cvss-box{
    padding:24px;
    border-radius:20px;

    border:1px solid rgba(255,74,74,.25);

    background:#172f5b;

    color:#d2dcef;
    line-height:1.8;
}

.bb-cvss-box strong{
    color:#1762e6;
}

/* MOBILE */

@media(max-width:991px){

    .bb-da-grid{
        grid-template-columns:1fr;
    }

    .bb-da-cards{
        grid-template-columns:1fr;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4bd675 *//* ==========================================
CAREER OUTCOMES
========================================== */

.bb-career-section{
    background:#f5f7fb;
    padding:50px 20px;
    font-family:'Jost',sans-serif;
}

.bb-career-container{
    max-width:1240px;
    margin:auto;
}

/* TOP LABEL */

.bb-career-topline{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    color:#1457C0;

    font-size:13px;
    font-weight:700;
    letter-spacing:3px;

    margin-bottom:18px;
}

.bb-career-topline span{
    width:18px;
    height:3px;
    border-radius:20px;
    background:#ff2f2f;
}

/* HEADING */

.bb-career-heading{
    text-align:center;

    font-size:46px;
    font-weight:800;
    line-height:1.05;

    color:#071f47;

    margin:0;
}

.bb-career-heading span{
    color:#1457C0;
}

/* DIVIDER */

.bb-career-divider{
    display:flex;
    justify-content:center;
    margin:18px 0 24px;
}

.bb-career-divider span{
    width:60px;
    height:4px;
    border-radius:20px;

    background:
    linear-gradient(
        90deg,
        #1457C0 0%,
        #1457C0 40%,
        #ffffff 40%,
        #ffffff 60%,
        #1457C0 60%,
        #1457C0 100%
    );

    position:relative;
}

.bb-career-divider span:after{
    content:'';

    width:6px;
    height:6px;

    background:#ff2f2f;

    border-radius:50%;

    position:absolute;
    right:-10px;
    top:-1px;
}

/* SUBTITLE */

.bb-career-subtitle{
    max-width:700px;

    margin:0 auto 55px;

    text-align:center;

    color:#546b8c;

    font-size:18px;
    line-height:1.8;
}

/* GRID */

.bb-career-grid{
    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:16px;
}

/* CARD */

.bb-career-card{
    background:#fff;

    border:1px solid #d9e4f3;

    border-radius:18px;

    overflow:hidden;

    transition:.25s ease;

    box-shadow:
    0 5px 20px rgba(0,0,0,.04);
}

.bb-career-card:hover{
    transform:translateY(-5px);

    box-shadow:
    0 15px 35px rgba(20,87,192,.12);
}

/* HEADER */

.bb-career-head{
    background:#071f47;

    color:#fff;

    padding:18px 18px;

    font-size:15px;
    font-weight:700;
}

/* BODY */

.bb-career-body{
    padding:16px 18px 18px;
}

.bb-career-body p{
    color:#42597b;

    font-size:15px;
    line-height:1.8;

    margin:0 0 12px;
}

.bb-salary{
    color:#1457C0;

    font-size:14px;
    font-weight:700;
}

/* LAST CARD */

.bb-career-wide{
    grid-column:span 2;
}

/* RESPONSIVE */

@media(max-width:1024px){

    .bb-career-grid{
        grid-template-columns:
        repeat(2,1fr);
    }

    .bb-career-wide{
        grid-column:span 2;
    }

    .bb-career-heading{
        font-size:52px;
    }
}

@media(max-width:767px){

    .bb-career-grid{
        grid-template-columns:1fr;
    }

    .bb-career-wide{
        grid-column:auto;
    }

    .bb-career-heading{
        font-size:38px;
    }

    .bb-career-subtitle{
        font-size:16px;
    }

    .bb-career-head{
        font-size:16px;
    }

    .bb-salary{
        font-size:20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f235c4 *//* ==========================================
PLACEMENT SECTION
========================================== */

.bb-placement{
    background:#f5f7fb;
    padding:50px 20px;
    font-family:'Jost',sans-serif;
}

.bb-place-container{
    max-width:1240px;
    margin:auto;
}

/* TOP LABEL */

.bb-place-topline{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    color:#1457C0;

    font-size:13px;
    font-weight:700;

    letter-spacing:3px;
    text-transform:uppercase;

    margin-bottom:18px;
}

.bb-place-topline span{
    width:18px;
    height:3px;
    background:#ff2f2f;
    border-radius:20px;
}

/* HEADING */
.bb-place-head {
    text-align: center;
    margin-bottom: 50px;
}

.bb-place-head h2{
    margin:0;

    color:#071f47;

    font-size:46px;
    font-weight:800;
    line-height:1.08;
    letter-spacing:1.1px;
}

.bb-place-head h2 span{
    color:#1457C0;
}

/* DIVIDER */

.bb-place-divider{
    display:flex;
    justify-content:center;
    margin:18px 0 28px;
}

.bb-place-divider span{
    display:block;

    width:72px;
    height:4px;

    border-radius:50px;

    background:
    linear-gradient(
    90deg,
    #1457C0 0%,
    #1457C0 35%,
    transparent 35%,
    transparent 48%,
    #1457C0 48%,
    #1457C0 83%,
    transparent 83%,
    transparent 90%,
    #ff2f2f 90%,
    #ff2f2f 100%);
}

/* SUBTITLE */

.bb-place-sub{
    max-width:1000px;
    text-align:center;
    color:#546b8c;

    font-size:18px;
    line-height:2;

    margin:0 auto 55px;
}

/* GRID */

.bb-place-grid{
    display:grid;
    grid-template-columns:1fr 430px;
    gap:40px;
    align-items:start;
}

/* LEFT SIDE */

.bb-place-left{
    display:flex;
    flex-direction:column;
    gap:12px;
}

/* STEP CARD */

.bb-step-card{
    background:#fff;

    border-radius:18px;

    padding:18px 24px;

    display:flex;
    gap:22px;

    border:1px solid #cfdced;

    box-shadow:
    0 4px 18px rgba(0,0,0,.04);

    transition:.3s ease;
}

.bb-step-card:hover{
    transform:translateY(-4px);

    box-shadow:
    0 14px 35px rgba(20,87,192,.10);
}

.bb-step-card.blue{
    border-top:3px solid #1457C0;
}

.bb-step-card.red{
    border-top:3px solid #ff2f2f;
}

.bb-step-no{
    min-width:34px;

    color:#bfd0e1;

    font-size:28px;
    font-weight:900;
    line-height:1;
}

.bb-step-content h4{
    margin:0 0 8px;

    color:#071f47;

    font-size:15px;
    font-weight:700;
}

.bb-step-content p{
    margin:0;

    color:#546b8c;

    font-size:15px;
    line-height:1.9;
}

/* RIGHT SIDE */

.bb-place-right{
    display:flex;
    flex-direction:column;
    gap:16px;
}

/* IMAGE BOX */

.bb-roadmap-box{
    background:#fff;

    border:1px solid #cfdced;

    border-radius:18px;

    overflow:hidden;

    box-shadow:
    0 6px 20px rgba(0,0,0,.04);
}

.bb-roadmap-box img{
    width:100%;
    display:block;
}

/* OUTCOME BOX */

.bb-after-box{
    background:#eef4ff;

    border:1px solid #c7d6ec;

    border-radius:18px;

    padding:16px;
}

.bb-after-box h4{
    margin:0 0 18px;

    color:#1457C0;

    font-size:14px;
    font-weight:700;

    letter-spacing:.08em;
    line-height:1.5;
}

.bb-after-box ul{
    margin:0;
    padding:0;

    list-style:none;
}

.bb-after-box li{
    position:relative;

    padding-left:24px;
    margin-bottom:0px;

    color:#223d63;

    font-size:15px;
    font-weight:500;

    line-height:1.7;
}

.bb-after-box li:last-child{
    margin-bottom:0;
}

.bb-after-box li:before{
    content:"✓";

    position:absolute;
    left:0;
    top:0;

    color:#1457C0;

    font-weight:700;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .bb-place-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .bb-place-right{
        max-width:600px;
    }

    .bb-place-head h2{
        font-size:54px;
    }
}

@media(max-width:767px){

    .bb-placement{
        padding:70px 16px;
    }

    .bb-place-head h2{
        font-size:38px;
        line-height:1.15;
    }

    .bb-place-sub{
        font-size:16px;
        line-height:1.8;
    }

    .bb-step-card{
        padding:16px;
        gap:14px;
    }

    .bb-step-no{
        font-size:38px;
    }

    .bb-step-content h4{
        font-size:17px;
    }

    .bb-step-content p{
        font-size:14px;
        line-height:1.7;
    }

    .bb-after-box{
        padding:20px;
    }

    .bb-after-box h4{
        font-size:16px;
    }

    .bb-after-box li{
        font-size:15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da8371e *//* ========================= */
/* 🔒 FULLY ISOLATED SECTION */
/* ========================= */

.bb-join-section {
  padding: 50px 20px 0px 20px;
  background: #f5f7fb;
  font-family: 'Jost', sans-serif;
}

.bb-join-container {
  max-width: 1240px;
  margin: auto;
}

/* ========================= */
/* HEADING */
/* ========================= */

.bb-join-sub {
  font-size: 12px;
  letter-spacing: 2px;
  color: #1457c0;
  font-weight: 600;
  position: relative;
  padding-left: 18px;
}

.bb-join-sub::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 12px;
  height: 2px;
  background: #1457c0;
}

.bb-join-heading h2 {
  font-size: 48px;
  font-weight: 800;
  margin-top: 10px;
  margin-bottom: 40px;
  color: ##ff3131;
  line-height: 1.2;
}

.bb-join-heading h2 span {
  color: #ff3131;
}

/* ========================= */
/* CARD */
/* ========================= */

.bb-join-card {
  display: flex;
  align-items: center;
  justify-content: space-between;

  background: linear-gradient(135deg, #0c2a4a, #081c33);
  border-radius: 18px;

  padding: 10px 20px;
  position: relative;
  overflow: hidden;
}

/* DOT PATTERN */
.bb-join-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.4;
}

/* ========================= */
/* LEFT CONTENT */
/* ========================= */

.bb-join-left {
  width: 55%;
  z-index: 2;
}

.bb-join-label {
  font-size: 12px;
  letter-spacing: 2px;
  color: #3b9eff;
  margin-bottom: 12px;
}

.bb-join-left h3 {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
  line-height: 1.3;
}

.bb-join-left h3 span {
  color: #1769e0;
}

.bb-join-desc {
  font-size: 16px;
  color: #9fb7c9;
  line-height: 1.8;
  max-width: 520px;
}

/* ========================= */
/* RIGHT IMAGE */
/* ========================= */

.bb-join-right {
  width: 40%;
  position: relative;
}

/* IMAGE */
.bb-join-image {
  width: 100%;
  height: 150px;
  border-radius: 18px;

  background-image: url('https://binarybrains.co/wp-content/uploads/2025/06/01-freepik__the-style-is-.jpeg');
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 2;
}

/* GRADIENT BLEND EFFECT (IMPORTANT) */
.bb-join-right::before {
  content: "";
  position: absolute;
  left: -120px;
  top: 0;
  width: 0px;
  height: 100%;
  background: linear-gradient(to right, #0c2a4a, transparent);
  z-index: 3;
}

/* ========================= */
/* 🔒 NO GLOBAL EFFECT LEAK */
/* ========================= */

.bb-join-section h1,
.bb-join-section h2,
.bb-join-section h3,
.bb-join-section p,
.bb-join-section span {
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}

/* ========================= */
/* MOBILE */
/* ========================= */

@media (max-width: 768px) {

  .bb-join-heading h2 {
    font-size: 24px;
  }

  .bb-join-card {
    flex-direction: column;
    padding: 30px;
  }

  .bb-join-left,
  .bb-join-right {
    width: 100%;
  }

  .bb-join-right {
    margin-top: 20px;
  }

  .bb-join-image {
    height: 200px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49038b8 *//* ==========================================
WHO SHOULD JOIN THIS PROGRAM
Pixel Matched Version
========================================== */

.bb-audience{
    background:#f5f7fb;
    padding:0px 20px;
    font-family:'Jost',sans-serif;
}

.bb-audience-container{
    max-width:1240px;
    margin:0 auto;
}

/* HERO */

.bb-audience-hero{
    display:grid;
    grid-template-columns:1fr 280px;

    border-radius:36px;
    overflow:hidden;

    margin-bottom:36px;

    box-shadow:
    0 8px 30px rgba(0,0,0,.04);
}

/* LEFT */

.bb-audience-left{
    padding:25px;
      width: 55%;
      z-index: 2;
    background:
    radial-gradient(
    rgba(255,255,255,.04) 1px,
    transparent 1px);

    background-size:22px 22px;

    background-color:#071f47;
}

.bb-audience-topline{
    display:flex;
    align-items:center;
    gap:10px;

    color:#1457C0;

    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;

    margin-bottom:10px;
}

.bb-audience-topline span{
    width:18px;
    height:3px;
    border-radius:20px;
    background:#ff3131;
}

.bb-audience-left h2{
    font-size:28px;
    line-height:1.2;
    font-weight:900;

    color:#fff;

    margin:0 0 12px;
}

.bb-audience-left h2 span{
    color:#ff3131;
}

.bb-audience-left p{
    max-width:760px;

    color:rgba(255,255,255,.68);

    font-size:18px;
    line-height:1.9;

    margin:0;
}

/* RIGHT */

.bb-audience-right{
    position:relative;

    background:
    linear-gradient(
    180deg,
    #2159bc 0%,
    #143a7a 100%);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;

    overflow:hidden;
}

.bb-audience-right:before{
    content:"🛡️";

    position:absolute;

    font-size:130px;

    opacity:.07;

    top:48%;
    left:50%;

    transform:
    translate(-50%,-50%);
}

.bb-audience-number{
    position:relative;
    z-index:2;

    font-size:72px;
    line-height:1;

    color:#fff;
    font-weight:800;

    margin-bottom:12px;
}

.bb-audience-label{
    position:relative;
    z-index:2;

    color:#fff;

    font-size:16px;
    font-weight:700;

    line-height:1.5;
}

/* IMAGE */

/* GRADIENT BLEND EFFECT (IMPORTANT) */


/* GRID */

.bb-audience-grid{
    display:grid;
    grid-template-columns:
    repeat(4,1fr);

    gap:18px;
}

/* CARD */

.bb-audience-card{
    background:#fff;

    border:1px solid #d7e1ef;

    border-radius:18px;

    overflow:hidden;

    min-height:172px;

    transition:.25s ease;

    box-shadow:
    0 5px 18px rgba(0,0,0,.04);
}

.bb-audience-card:hover{
    transform:translateY(-5px);

    box-shadow:
    0 12px 28px rgba(20,87,192,.10);
}

/* HEADER */

.bb-audience-head{
    background:#071f47;

    color:#fff;

    padding:18px 18px;

    font-size:15px;
    font-weight:700;

    display:flex;
    align-items:center;
    gap:12px;
}

.bb-audience-head span{
    font-size:18px;
}

/* BODY */

.bb-audience-body{
    padding:18px;

    color:#42597b;

    font-size:15px;
    line-height:1.9;
}

/* LAST ROW */

.bb-audience-card:nth-child(5),
.bb-audience-card:nth-child(6),
.bb-audience-card:nth-child(7){
    min-height:175px;
}

/* RESPONSIVE */

@media(max-width:1024px){

    .bb-audience-hero{
        grid-template-columns:1fr;
    }

    .bb-audience-right{
        min-height:220px;
    }

    .bb-audience-grid{
        grid-template-columns:
        repeat(2,1fr);
    }

    .bb-audience-left h2{
        font-size:46px;
    }
}

@media(max-width:767px){

    .bb-audience{
        padding:70px 16px;
    }

    .bb-audience-left{
        padding:32px 24px;
    }

    .bb-audience-left h2{
        font-size:38px;
        line-height:1.15;
    }

    .bb-audience-left p{
        font-size:16px;
        line-height:1.8;
    }

    .bb-audience-right{
        min-height:180px;
    }

    .bb-audience-number{
        font-size:58px;
    }

    .bb-audience-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .bb-audience-card{
        min-height:auto;
    }

    .bb-audience-head{
        font-size:16px;
    }

    .bb-audience-body{
        font-size:15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20879a9 *//* ==========================================
WHY BINARYBRAINS
========================================== */

.bb-why{
    background:#f5f7fb;
    padding:50px 20px;
    font-family:'Jost',sans-serif;
}

.bb-why-container{
    max-width:1240px;
    margin:0 auto;
}

/* ==========================================
TOP LABEL
========================================== */

.bb-why-topline{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    color:#1457C0;

    font-size:13px;
    font-weight:700;
    letter-spacing:3px;

    margin-bottom:18px;

    text-transform:uppercase;
}

.bb-why-topline span{
    width:18px;
    height:3px;

    background:#ff3131;

    border-radius:20px;
}

/* ==========================================
HEADING
========================================== */

.bb-why-heading{
    text-align:center;

    font-size:46px;
    font-weight:800;
    line-height:1.08;

    color:#071f47;

    margin:0;
}

.bb-why-heading span{
    color:#1457C0;
}

/* ==========================================
DIVIDER
========================================== */

.bb-why-divider{
    display:flex;
    justify-content:center;

    margin:18px 0 55px;
}

.bb-why-divider span{
    width:64px;
    height:4px;

    border-radius:20px;

    background:
    linear-gradient(
        90deg,
        #1457C0 0%,
        #1457C0 40%,
        #ffffff 40%,
        #ffffff 60%,
        #1457C0 60%,
        #1457C0 100%
    );

    position:relative;
}

.bb-why-divider span:after{
    content:'';

    width:6px;
    height:6px;

    border-radius:50%;

    background:#ff3131;

    position:absolute;
    right:-10px;
    top:-1px;
}

/* ==========================================
GRID
========================================== */

.bb-why-grid{
    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:20px;
}

/* ==========================================
CARD
========================================== */

.bb-why-card{
    background:#fff;

    border:1px solid #d9e4f3;

    border-radius:18px;

    min-height:255px;

    padding:24px;

    text-align:center;

    transition:.25s ease;

    box-shadow:
    0 4px 18px rgba(0,0,0,.04);
}

.bb-why-card:hover{
    transform:translateY(-5px);

    box-shadow:
    0 15px 35px rgba(20,87,192,.12);

    border-color:#c4d5ee;
}

/* ==========================================
ICON
========================================== */

.bb-why-icon{
    width:52px;
    height:52px;

    margin:0 auto 22px;

    border-radius:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:24px;
}

.bb-why-icon.blue{
    background:#edf4ff;
    border:1px solid #bfd3ff;
}

.bb-why-icon.red{
    background:#fff1f1;
    border:1px solid #ffb6b6;
}

/* ==========================================
TITLE
========================================== */

.bb-why-card h3{
    font-size:15px;
    font-weight:700;

    line-height:1.4;

    color:#0b1f3a;

    margin:0 0 16px;
}

/* ==========================================
TEXT
========================================== */

.bb-why-card p{
    font-size:14px;
    line-height:1.6;

    color:#556d8d;

    margin:0;
}

/* ==========================================
TABLET
========================================== */

@media(max-width:1024px){

    .bb-why-grid{
        grid-template-columns:
        repeat(2,1fr);
    }

    .bb-why-heading{
        font-size:46px;
    }

    .bb-why-card{
        min-height:240px;
    }

}

/* ==========================================
MOBILE
========================================== */

@media(max-width:767px){

    .bb-why{
        padding:70px 16px;
    }

    .bb-why-heading{
        font-size:32px;
        line-height:1.15;
    }

    .bb-why-divider{
        margin:18px 0 40px;
    }

    .bb-why-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .bb-why-card{
        min-height:auto;

        padding:24px 22px;
    }

    .bb-why-icon{
        width:52px;
        height:52px;

        font-size:24px;

        margin-bottom:18px;
    }

    .bb-why-card h3{
        font-size:18px;
    }

    .bb-why-card p{
        font-size:15px;
        line-height:1.8;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-429a185 *//* ===================================================
PRICING SECTION
=================================================== */

.bb-price-section{
    background:#f5f7fb;
    padding:50px 20px;
    font-family:'Jost',sans-serif;
}

.bb-price-section *{
    box-sizing:border-box;
}

.bb-price-section{
    max-width:1240px;
    margin:auto;
}

/* ===================================================
HEADER
=================================================== */

.bb-price-header{
    text-align:center;
    margin-bottom:55px;
}

.bb-price-topline{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    color:#1457C0;

    font-size:13px;
    font-weight:700;

    letter-spacing:3px;
    margin-bottom:20px;
}

.bb-price-topline span{
    width:18px;
    height:3px;
    background:#ff2f2f;
    border-radius:20px;
}

.bb-price-title{
    margin:0;
    font-size:46px;
    font-weight:800;
    line-height:1.05;
    color:#071f47;
}

.bb-price-title span{
    color:#1457C0;
}

.bb-price-divider{
    display:flex;
    justify-content:center;
    margin:18px 0 24px;
}

.bb-price-divider span{
    width:70px;
    height:4px;
    border-radius:30px;

    background:
    linear-gradient(
        90deg,
        #1457C0 0%,
        #1457C0 40%,
        #ffffff 40%,
        #ffffff 60%,
        #1457C0 60%,
        #1457C0 100%
    );

    position:relative;
}

.bb-price-divider span:after{
    content:'';
    width:6px;
    height:6px;
    background:#ff2f2f;
    border-radius:50%;

    position:absolute;
    right:-10px;
    top:-1px;
}

.bb-price-subtitle{
    max-width:760px;
    margin:auto;

    color:#5c7190;

    font-size:18px;
    line-height:1.8;
}

/* ===================================================
MAIN CARD
=================================================== */

.bb-price-card{
    border:2px solid #1457C0;
    border-radius:18px;
    overflow:hidden;
    background:#fff;

    box-shadow:
    0 15px 40px rgba(0,0,0,.05);
}

/* ===================================================
TOP BLUE AREA
=================================================== */

.bb-price-top{

    background:
    radial-gradient(
        rgba(255,255,255,.05) 1px,
        transparent 1px
    );

    background-size:20px 20px;
    background-color:#06245d;

    padding:42px 40px 38px;

    text-align:center;
}

.bb-price-badge{
    display:inline-block;

    background:#ff3b30;

    color:#fff;

    font-size:14px;
    font-weight:700;

    padding:10px 22px;

    border-radius:50px;

    margin-bottom:20px;

    letter-spacing:1px;
}

.bb-price-program{
    color:#8fa2c3;

    font-size:16px;
    font-weight:700;

    letter-spacing:2px;

    margin-bottom:14px;
}

.bb-price-amount{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:8px;
}

.bb-price-amount .currency{
    color:#fff;
    font-size:48px;
    font-weight:700;
    line-height:1;
}

.bb-price-amount .amount{
    color:#fff;
    font-size:88px;
    font-weight:800;
    line-height:1;
}

.bb-price-amount .duration{
    color:#8fa2c3;
    font-size:16px;
    font-weight:600;
    margin-bottom:14px;
}

.bb-price-emi{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-top:18px;

    padding:10px 18px;

    border-radius:40px;

    background:#0b377f;

    border:1px solid rgba(255,255,255,.15);

    color:#4f92ff;

    font-size:15px;
    font-weight:600;
}

/* ===================================================
BODY
=================================================== */

.bb-price-body{
    padding:36px 34px 30px;
}

.bb-price-section-title{
    display:flex;
    align-items:center;
    gap:12px;

    color:#7d95b7;

    font-size:13px;
    font-weight:700;

    letter-spacing:3px;

    margin-bottom:26px;
}

.bb-price-section-title .red-line{
    width:16px;
    height:2px;
    background:#ff2f2f;
}

.bb-price-section-title .line{
    flex:1;
    height:1px;
    background:#d8e1ee;
}

/* ===================================================
FEATURE GRID
=================================================== */

.bb-price-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.bb-price-feature{
    background:#fff;

    border:1px solid #d7e3f4;

    border-radius:14px;

    padding:14px;

    display:flex;
    gap:12px;

    transition:.25s ease;
}

.bb-price-feature:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(20,87,192,.10);
}

.bb-price-feature .icon{
    width:40px;
    height:40px;

    flex-shrink:0;

    border-radius:12px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eef4ff;
    border:1px solid #bfd4ff;

    font-size:18px;
}

.bb-price-feature .icon.red{
    background:#fff0f0;
    border-color:#ffb6b6;
}

.bb-price-feature h4{
    margin:0 0 4px;

    color:#071f47;

    font-size:15px;
    font-weight:700;
}

.bb-price-feature p{
    margin:0;

    color:#5b7192;

    font-size:13px;
    line-height:1.55;
}

/* ===================================================
CTA
=================================================== */

.bb-price-cta-row{
    display:flex;
    gap:14px;

    margin-top:24px;
}

.bb-price-btn-primary{
    flex:1;

    background:#ed2424;
    color:#fff;

    text-decoration:none;

    font-size:24px;
    font-weight:700;

    text-align:center;

    padding:20px;

    border-radius:14px;

    transition:.25s ease;

    box-shadow:
    0 12px 30px rgba(237,36,36,.25);
}

.bb-price-btn-primary:hover{
    transform:translateY(-3px);
}

.bb-price-btn-secondary{
    width:190px;

    background:#fff;

    border:1px solid #d7e3f4;

    color:#071f47;

    text-decoration:none;

    font-size:18px;
    font-weight:700;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    transition:.25s ease;
}

.bb-price-btn-secondary:hover{
    background:#f5f9ff;
}

/* ===================================================
BOTTOM BENEFITS
=================================================== */

.bb-price-benefits{
    margin-top:24px;
    padding-top:22px;

    border-top:1px solid #d8e1ee;

    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:30px;
}

.bb-price-benefits span{
    color:#5b7192;

    font-size:14px;
    font-weight:600;
}

/* ==========================================
TABLET
========================================== */

@media (max-width:1024px){

    .bb-price-section{
        padding:80px 20px;
    }

    .bb-price-title{
        font-size:42px;
    }

    .bb-price-subtitle{
        font-size:17px;
    }

    .bb-price-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .bb-price-top{
        padding:40px 30px;
    }

    .bb-price-amount .amount{
        font-size:72px;
    }

    .bb-price-amount .currency{
        font-size:42px;
    }

    .bb-price-cta-row{
        flex-direction:column;
    }

    .bb-price-btn-secondary{
        width:100%;
        height:64px;
    }

    .bb-price-btn-primary{
        font-size:20px;
    }

    .bb-price-benefits{
        gap:18px;
    }

}

/* ==========================================
MOBILE LARGE
========================================== */

@media (max-width:767px){

    .bb-price-section{
        padding:70px 15px;
    }

    /* heading */

    .bb-price-title{
        font-size:36px;
        line-height:1.1;
    }

    .bb-price-subtitle{
        font-size:16px;
        line-height:1.8;
    }

    /* card */

    .bb-price-card{
        border-radius:26px;
    }

    .bb-price-top{
        padding:34px 20px;
    }

    .bb-price-badge{
        font-size:12px;
        padding:9px 16px;
    }

    .bb-price-program{
        font-size:14px;
        letter-spacing:1px;
    }

    .bb-price-amount{
        flex-wrap:wrap;
        gap:6px;
    }

    .bb-price-amount .currency{
        font-size:34px;
    }

    .bb-price-amount .amount{
        font-size:64px;
    }

    .bb-price-amount .duration{
        width:100%;
        text-align:center;
        margin:0;
        font-size:14px;
    }

    .bb-price-emi{
        font-size:13px;
        padding:10px 14px;
        width:100%;
        justify-content:center;
    }

    .bb-price-body{
        padding:28px 18px;
    }

    /* section title */

    .bb-price-section-title{
        font-size:11px;
        letter-spacing:2px;
    }

    /* feature cards */

    .bb-price-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .bb-price-feature{
        padding:14px;
    }

    .bb-price-feature h4{
        font-size:15px;
    }

    .bb-price-feature p{
        font-size:13px;
    }

    /* buttons */

    .bb-price-cta-row{
        flex-direction:column;
        gap:12px;
    }

    .bb-price-btn-primary{
        width:100%;
        font-size:18px;
        padding:18px;
    }

    .bb-price-btn-secondary{
        width:100%;
        height:58px;
        font-size:16px;
    }

    /* bottom benefits */

    .bb-price-benefits{
        justify-content:flex-start;
        gap:12px;
        flex-direction:column;
        align-items:flex-start;
    }

    .bb-price-benefits span{
        font-size:14px;
    }

}

/* ==========================================
SMALL MOBILE
========================================== */

@media (max-width:480px){

    .bb-price-title{
        font-size:32px;
    }

    .bb-price-topline{
        font-size:12px;
        letter-spacing:2px;
    }

    .bb-price-top{
        padding:28px 15px;
    }

    .bb-price-amount .amount{
        font-size:54px;
    }

    .bb-price-amount .currency{
        font-size:30px;
    }

    .bb-price-program{
        font-size:13px;
    }

    .bb-price-emi{
        font-size:12px;
        line-height:1.5;
    }

    .bb-price-btn-primary{
        font-size:17px;
    }

    .bb-price-feature{
        flex-direction:row;
        align-items:flex-start;
    }

    .bb-price-feature .icon{
        width:38px;
        height:38px;
        font-size:16px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a258327 *//* ==========================================
COUNSELING LEFT SECTION
========================================== */

.bb-counsel-left{
    max-width:650px;
    font-family:'Jost',sans-serif;
}

/* TOP LABEL */

.bb-counsel-topline{
    display:flex;
    align-items:center;
    gap:10px;

    color:#8d9ab5;

    font-size:13px;
    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:22px;
}

.bb-counsel-topline span{
    width:18px;
    height:3px;

    background:#ff2f2f;

    border-radius:20px;
}

/* HEADING */

.bb-counsel-title{
    margin:0;

    color:#ffffff;

    font-size:46px;
    font-weight:800;

    line-height:1.08;
}

.bb-counsel-title span{
    color:#1f66e5;
}

/* DIVIDER */

.bb-counsel-divider{
    margin:24px 0 28px;
}

.bb-counsel-divider span{
    display:block;

    width:72px;
    height:4px;

    border-radius:20px;

    background:
    linear-gradient(
        90deg,
        #1457C0 0%,
        #1457C0 40%,
        rgba(255,255,255,.25) 40%,
        rgba(255,255,255,.25) 60%,
        #1457C0 60%,
        #1457C0 100%
    );

    position:relative;
}

.bb-counsel-divider span:after{
    content:'';

    width:6px;
    height:6px;

    background:#ff2f2f;

    border-radius:50%;

    position:absolute;
    right:-10px;
    top:-1px;
}

/* DESCRIPTION */

.bb-counsel-desc{
    color:#9fb0cb;

    font-size:18px;
    line-height:1.8;

    margin:0 0 35px;
}

/* LIST */

.bb-counsel-list{
    margin:0;
    padding:0;

    list-style:none;
}

.bb-counsel-list li{
    position:relative;

    color:#d4dceb;

    font-size:17px;
    font-weight:500;

    line-height:1.8;

    padding-left:44px;

    margin-bottom:20px;
}

/* ICON */

.bb-counsel-list li:before{
    content:'→';

    width:30px;
    height:30px;

    border-radius:50%;

    position:absolute;

    left:0;
    top:2px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#1f66e5;

    border:1px solid rgba(31,102,229,.4);

    background:
    rgba(20,87,192,.12);

    font-size:14px;
    font-weight:700;
}

/* ==========================================
TABLET
========================================== */

@media(max-width:1024px){

    .bb-counsel-title{
        font-size:42px;
    }

    .bb-counsel-desc{
        font-size:17px;
    }
}

/* ==========================================
MOBILE
========================================== */

@media(max-width:767px){

    .bb-counsel-left{
        max-width:100%;
    }

    .bb-counsel-title{
        font-size:36px;
    }

    .bb-counsel-desc{
        font-size:16px;
    }

    .bb-counsel-list li{
        font-size:16px;
        padding-left:40px;
    }

    .bb-counsel-list li:before{
        width:28px;
        height:28px;
    }
}

/* ==========================================
SMALL MOBILE
========================================== */

@media(max-width:480px){

    .bb-counsel-title{
        font-size:32px;
    }

    .bb-counsel-topline{
        font-size:12px;
        letter-spacing:2px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17f19c9 *//* =========================================
FAQ SECTION
========================================= */

.bb-faq-section{
    width:100%;
    background:#f7f9fc;
    padding:50px 20px 90px;
    box-sizing:border-box;
    overflow:hidden;
}

.bb-faq-container{
    max-width:1032px;
    margin:0 auto;
}

/* TAG */

.bb-faq-tag{
    width:max-content;
    margin:0 auto 24px;
    padding:12px 24px;
    background:#edf2ff;
    border-radius:100px;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    color:#2563eb;
}

/* HEADING */

.bb-faq-heading{
    margin:0;
    text-align:center;
    font-size:42px;
    line-height:1.05;
    font-weight:800;
    color:#081b3c;
    letter-spacing:-2px;
}

.bb-faq-heading span{
    color:#3b82f6;
}

/* SUBTEXT */

.bb-faq-subheading{
    max-width:900px;
    margin:28px auto 80px;
    text-align:center;
    font-size:18px;
    line-height:1.55;
    color:#5d7296;
    font-weight:500;
}

/* FAQ WRAPPER */

.bb-faq-wrapper{
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* ITEM */

.bb-faq-item{
    background:#ffffff;
    border:2px solid #d9e1f0;
    border-radius:10px;
    overflow:hidden;
    transition:all .35s ease;
}

.bb-faq-item.active{
    border-color:#2563eb;
    box-shadow:0 20px 50px rgba(37,99,235,0.10);
}

/* QUESTION */

.bb-faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px 26px;
    cursor:pointer;
}

.bb-faq-left{
    display:flex;
    align-items:center;
    gap:28px;
    flex:1;
}

/* NUMBER */

.bb-faq-number{
    min-width:32px;
    width:32px;
    height:32px;
    border-radius:50%;
    background:#edf2ff;
    color:#2563eb;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:800;
}

/* TITLE */

.bb-faq-title{
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    color:#081b3c;
}

/* ARROW */

.bb-faq-arrow{
    min-width:34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#f4f7fc;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .35s ease;
}

.bb-faq-arrow svg path{
    stroke:#23395d;
}

.bb-faq-item.active .bb-faq-arrow{
    background:#2563eb;
    transform:rotate(180deg);
}

.bb-faq-item.active .bb-faq-arrow svg path{
    stroke:#ffffff;
}

/* ANSWER */

.bb-faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
}

.bb-faq-answer p{
    margin:0 0 28px;
    font-size:15px;
    line-height:1.9;
    color:#16315c;
    font-weight:500;
}

.bb-faq-answer p:last-child{
    margin-bottom:0;
}

.bb-faq-answer{
    padding:0 48px;
}

.bb-faq-item.active .bb-faq-answer{
    padding:0 48px 42px;
}

.bb-faq-answer strong{
    color:#081b3c;
    font-weight:800;
}

/* CTA BOX */

.bb-faq-cta-box{
    margin-top:55px;
    background:#eaf0fb;
    border-radius:10px;
    padding:20px 40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}

.bb-faq-cta-left h3{
    margin:0 0 12px;
    font-size:18px;
    line-height:1.2;
    font-weight:700;
    color:#081b3c;
}

.bb-faq-cta-left p{
    margin:0;
    font-size:18px;
    line-height:1.7;
    color:#5b7298;
}

/* BUTTON */

.bb-faq-cta-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-width:198px;
    height:48px;
    padding:0 24px;
    background:#2563eb;
    color:#ffffff !important;
    text-decoration:none !important;
    border-radius:10px;
    font-size:16px;
    font-weight:700;
    box-shadow:0 16px 36px rgba(37,99,235,0.22);
    transition:all .3s ease;
}

.bb-faq-cta-btn:hover{
    transform:translateY(-3px);
    background:#1d4ed8;
}

.bb-faq-cta-btn svg{
    transition:transform .3s ease;
}

.bb-faq-cta-btn:hover svg{
    transform:translateX(4px);
}

/* =========================================
TABLET
========================================= */

@media (max-width:1024px){

    .bb-faq-section{
        padding:90px 20px 70px;
    }

    .bb-faq-heading{
        font-size:54px;
    }

    .bb-faq-subheading{
        font-size:20px;
        margin-bottom:60px;
    }

    .bb-faq-title{
        font-size:26px;
    }

    .bb-faq-answer p{
        font-size:21px;
    }

    .bb-faq-cta-box{
        flex-direction:column;
        align-items:flex-start;
    }

}

/* =========================================
MOBILE
========================================= */

@media (max-width:767px){

    .bb-faq-section{
        padding:70px 16px 50px;
    }

    .bb-faq-tag{
        font-size:11px;
        padding:10px 18px;
        letter-spacing:2px;
    }

    .bb-faq-heading{
        font-size:38px;
        line-height:1.12;
        letter-spacing:-1px;
    }

    .bb-faq-subheading{
        font-size:18px;
        line-height:1.8;
        margin:18px auto 42px;
    }

    .bb-faq-wrapper{
        gap:18px;
    }

    .bb-faq-item{
        border-radius:10px;
    }

    .bb-faq-question{
        padding:22px 16px;
        gap:14px;
        align-items:flex-start;
    }

    .bb-faq-left{
        gap:16px;
        align-items:flex-start;
    }

    .bb-faq-number{
        min-width:42px;
        width:42px;
        height:42px;
        font-size:16px;
    }

    .bb-faq-title{
        font-size:16px;
        line-height:1.55;
    }

    .bb-faq-arrow{
        min-width:42px;
        width:42px;
        height:42px;
    }

    .bb-faq-answer{
        padding:0 22px;
    }

    .bb-faq-item.active .bb-faq-answer{
        padding:0 22px 24px;
    }

    .bb-faq-answer p{
        font-size:15px;
        line-height:1.9;
        margin-bottom:18px;
    }

    .bb-faq-cta-box{
        padding:28px 24px;
        border-radius:10px;
        gap:24px;
    }

    .bb-faq-cta-left h3{
        font-size:28px;
    }

    .bb-faq-cta-left p{
        font-size:18px;
        line-height:1.7;
    }

    .bb-faq-cta-right{
        width:100%;
    }

    .bb-faq-cta-btn{
        width:100%;
        min-width:100%;
        height:64px;
        font-size:18px;
        padding:0 24px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6788ae0 *//* ==========================================
FINAL CTA
========================================== */

.bb-finalcta{
    background:#071f47;
    padding:50px 20px;
    font-family:'Jost',sans-serif;
    position:relative;
    overflow:hidden;
}

/* DOT PATTERN */

.bb-finalcta:before{
    content:'';

    position:absolute;
    inset:0;

    background:
    radial-gradient(
        rgba(255,255,255,.05) 1px,
        transparent 1px
    );

    background-size:22px 22px;

    pointer-events:none;
}

.bb-finalcta-inner{
    max-width:1240px;
    margin:auto;
    position:relative;
    z-index:2;

    text-align:center;
}

/* TITLE */

.bb-finalcta-title{
    margin:0 auto;

    max-width:900px;

    color:#fff;

    font-size:46px;
    font-weight:800;

    line-height:1.08;
}

.bb-finalcta-title span{
    color:#ff3b30;
}

/* DESCRIPTION */

.bb-finalcta-desc{
    max-width:760px;

    margin:28px auto 40px;

    color:#9db0cf;

    font-size:16px;

    line-height:1.75;
}

/* BUTTONS */

.bb-finalcta-buttons{
    display:flex;
    justify-content:center;
    gap:14px;

    margin-bottom:36px;
}

.bb-finalcta-btn-primary{
    background:#ed2424;
    color:#fff;

    text-decoration:none;

    font-size:15px;
    font-weight:700;

    padding:16px 32px;

    border-radius:14px;

    transition:.25s ease;

    box-shadow:
    0 15px 35px rgba(237,36,36,.25);
}

.bb-finalcta-btn-primary:hover{
    transform:translateY(-3px);
}

.bb-finalcta-btn-secondary{
    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.12);

    color:#fff;

    text-decoration:none;

    font-size:15px;
    font-weight:700;

    padding:16px 32px;

    border-radius:14px;

    transition:.25s ease;
}

.bb-finalcta-btn-secondary:hover{
    background:rgba(255,255,255,.12);
}

/* FEATURES */

.bb-finalcta-features{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;

    gap:28px;
}

.bb-finalcta-features span{
    color:#90a5c6;

    font-size:14px;
    font-weight:600;
}

/* ==========================================
TABLET
========================================== */

@media(max-width:1024px){

    .bb-finalcta-title{
        font-size:42px;
    }

    .bb-finalcta-desc{
        font-size:18px;
    }
}

/* ==========================================
MOBILE
========================================== */

@media(max-width:767px){

    .bb-finalcta{
        padding:80px 20px;
    }

    .bb-finalcta-title{
        font-size:36px;
    }

    .bb-finalcta-desc{
        font-size:16px;
        margin:22px auto 30px;
    }

    .bb-finalcta-buttons{
        flex-direction:column;
    }

    .bb-finalcta-btn-primary,
    .bb-finalcta-btn-secondary{
        width:100%;
        text-align:center;
        font-size:17px;
    }

    .bb-finalcta-features{
        gap:14px;
        flex-direction:column;
    }

    .bb-finalcta-features span{
        font-size:16px;
    }
}

/* ==========================================
SMALL MOBILE
========================================== */

@media(max-width:480px){

    .bb-finalcta-title{
        font-size:32px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4ae76e *//* MAIN STRIP */
.bb-contact-strip {
  background: #0e2647;
  padding: 25px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-family: 'Jost', sans-serif;
}

/* LEFT SIDE */
.bb-contact-left {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
}

/* EACH ITEM */
.bb-contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #d6e6f5;
}

/* ICON */
.bb-contact-item .icon {
  font-size: 20px;
}

/* TEXT */
.bb-contact-item strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}

.bb-contact-item span {
  font-size: 12px;
  color: #8fb2cc;
}

/* DIVIDER */
.divider {
  width: 1px;
  height: 40px;
  background: rgba(255,255,255,0.15);
}

/* CTA BUTTON */
.bb-cta-btn {
  background: #ff6a00;
  color: #fff;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(255,106,0,0.25);
}

/* HOVER EFFECT */
.bb-cta-btn:hover {
  background: #ff7f1a;
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(255,106,0,0.35);
}

/* ================= */
/* 📱 MOBILE */
/* ================= */

@media (max-width: 768px) {

  .bb-contact-strip {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }

  .bb-contact-left {
    flex-direction: column;
    gap: 15px;
  }

  .divider {
    display: none;
  }

  .bb-contact-right {
    width: 100%;
  }

  .bb-cta-btn {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */