.elementor-18161 .elementor-element.elementor-element-2f5c3c22{--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;}.elementor-18161 .elementor-element.elementor-element-48c55e28{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18161 .elementor-element.elementor-element-48c55e28.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18161 .elementor-element.elementor-element-5c0631b6{--display:flex;--justify-content:flex-start;}.elementor-18161 .elementor-element.elementor-element-1e31cf68{--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-18161 .elementor-element.elementor-element-33166c95 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 25px 0px;font-family:"Lato", Sans-serif;font-size:36px;font-weight:700;}.elementor-18161 .elementor-element.elementor-element-33166c95 .elementskit-section-title-wraper .elementskit-section-title > span{color:#ff5657;}.elementor-18161 .elementor-element.elementor-element-33166c95 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-18161 .elementor-element.elementor-element-33166c95 .elementskit-section-title-wraper p{font-family:"Jost", Sans-serif;font-size:18px;}.elementor-18161 .elementor-element.elementor-element-261be6ab{--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;}.elementor-18161 .elementor-element.elementor-element-2ebc602d .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-18161 .elementor-element.elementor-element-2ebc602d .elementskit-btn{background-color:#1457C0;border-style:none;}.elementor-18161 .elementor-element.elementor-element-2ebc602d .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-18161 .elementor-element.elementor-element-2ebc602d .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-18161 .elementor-element.elementor-element-2ebc602d .elementskit-btn > i, .elementor-18161 .elementor-element.elementor-element-2ebc602d .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-18161 .elementor-element.elementor-element-2ebc602d .elementskit-btn > i, .rtl .elementor-18161 .elementor-element.elementor-element-2ebc602d .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-18161 .elementor-element.elementor-element-8fb2429 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-18161 .elementor-element.elementor-element-8fb2429 .elementskit-btn{background-color:#FFFFFF;color:#050505;fill:#050505;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18161 .elementor-element.elementor-element-8fb2429 .elementskit-btn:hover{background-color:#DFEEFF;color:#2173E6;fill:#2173E6;border-color:#1C78CE;}.elementor-18161 .elementor-element.elementor-element-8fb2429 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-18161 .elementor-element.elementor-element-8fb2429 .elementskit-btn > i, .elementor-18161 .elementor-element.elementor-element-8fb2429 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-18161 .elementor-element.elementor-element-8fb2429 .elementskit-btn > i, .rtl .elementor-18161 .elementor-element.elementor-element-8fb2429 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-18161 .elementor-element.elementor-element-71801b4e{--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;}.elementor-18161 .elementor-element.elementor-element-4ed121cb{--display:flex;--justify-content:flex-start;}.elementor-18161 .elementor-element.elementor-element-78e8a361{--display:flex;}.elementor-18161 .elementor-element.elementor-element-6108e8a9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;}.elementor-18161 .elementor-element.elementor-element-6108e8a9:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-6108e8a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF0F;}.elementor-18161 .elementor-element.elementor-element-6108e8a9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18161 .elementor-element.elementor-element-62160e99{--display:flex;--min-height:260px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 0px 0px;}.elementor-18161 .elementor-element.elementor-element-62160e99:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-62160e99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://binarybrains.co/wp-content/uploads/2026/04/Nashik-1-DevOps-Program-Industry-trained-Job-ready.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-18161 .elementor-element.elementor-element-34a13567{--display:flex;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--border-radius:0px 0px 020px 20px;box-shadow:0px 0px 94px 0px rgba(0,0,0,0.5);}.elementor-18161 .elementor-element.elementor-element-55876659 > .elementor-widget-container{border-style:none;}.elementor-18161 .elementor-element.elementor-element-55876659{font-size:22px;}.elementor-18161 .elementor-element.elementor-element-56e84a6d > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-field-group > label, .elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-field-subgroup label{color:var( --e-global-color-9f9b9b7 );}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-field-type-html{padding-bottom:0px;font-family:"Jost", Sans-serif;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .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-18161 .elementor-element.elementor-element-56e84a6d .elementor-field-group .elementor-select-wrapper select{border-color:#D5CFCA;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-field-group .elementor-select-wrapper::before{color:#D5CFCA;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-button{font-size:16px;font-weight:bold;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .e-form__buttons__wrapper__button-next{background-color:#1457C0;color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-button[type="submit"]{background-color:#1457C0;color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18161 .elementor-element.elementor-element-56e84a6d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-56e84a6d{--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-18161 .elementor-element.elementor-element-704ff6e9{column-gap:0px;text-align:center;font-size:11.5px;}.elementor-18161 .elementor-element.elementor-element-557bc4{--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-18161 .elementor-element.elementor-element-557bc4:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-557bc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F5FF;}.elementor-18161 .elementor-element.elementor-element-7fd02448{--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-18161 .elementor-element.elementor-element-63165063{--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-18161 .elementor-element.elementor-element-63165063:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-63165063 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B2341;}.elementor-18161 .elementor-element.elementor-element-510d8176{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18161 .elementor-element.elementor-element-510d8176:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-510d8176 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#04172F;}.elementor-18161 .elementor-element.elementor-element-67917bf6{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18161 .elementor-element.elementor-element-67917bf6:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-67917bf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-18161 .elementor-element.elementor-element-249849a3 > .elementor-widget-container{background-color:#F7F9FC;}.elementor-18161 .elementor-element.elementor-element-4de65352{--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-18161 .elementor-element.elementor-element-187db91c{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18161 .elementor-element.elementor-element-3222a702 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-18161 .elementor-element.elementor-element-3222a702 .elementskit-btn{background-color:var( --e-global-color-71b40de );border-style:none;}.elementor-18161 .elementor-element.elementor-element-3222a702.elementor-element{--align-self:center;}.elementor-18161 .elementor-element.elementor-element-3222a702 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-18161 .elementor-element.elementor-element-3222a702 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-18161 .elementor-element.elementor-element-3222a702 .elementskit-btn > i, .elementor-18161 .elementor-element.elementor-element-3222a702 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-18161 .elementor-element.elementor-element-3222a702 .elementskit-btn > i, .rtl .elementor-18161 .elementor-element.elementor-element-3222a702 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-18161 .elementor-element.elementor-element-5dad7e0d{--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-18161 .elementor-element.elementor-element-7909ae64{--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-18161 .elementor-element.elementor-element-691e6bbf{--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-18161 .elementor-element.elementor-element-691e6bbf:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-691e6bbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-18161 .elementor-element.elementor-element-367ae59f{--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-18161 .elementor-element.elementor-element-6817a110{--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-18161 .elementor-element.elementor-element-6817a110:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-6817a110 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#041C46;}.elementor-18161 .elementor-element.elementor-element-1e5937b0{--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-18161 .elementor-element.elementor-element-32027cbc{--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-18161 .elementor-element.elementor-element-32027cbc:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-32027cbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B2540;}.elementor-18161 .elementor-element.elementor-element-5874b723{--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-18161 .elementor-element.elementor-element-5874b723:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-5874b723 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-18161 .elementor-element.elementor-element-20f0a31d{--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-18161 .elementor-element.elementor-element-20f0a31d:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-20f0a31d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F6FB;}.elementor-18161 .elementor-element.elementor-element-2b20e1c{--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-18161 .elementor-element.elementor-element-41887e2d{--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-18161 .elementor-element.elementor-element-41887e2d:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-41887e2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B2545;}.elementor-18161 .elementor-element.elementor-element-22e77e44{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--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-18161 .elementor-element.elementor-element-22e77e44.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-18161 .elementor-element.elementor-element-22e77e44 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-field-type-html{padding-bottom:0px;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-field-group .elementor-field{color:#667B97;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#0C284E;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-field-group .elementor-select-wrapper select{background-color:#0C284E;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-button{font-family:"Jost", Sans-serif;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .e-form__buttons__wrapper__button-next{background-color:#3B9EFF;color:#FFFFFF;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-button[type="submit"]{background-color:#3B9EFF;color:#FFFFFF;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18161 .elementor-element.elementor-element-22e77e44 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18161 .elementor-element.elementor-element-d0e08cd{--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-18161 .elementor-element.elementor-element-d0e08cd:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-d0e08cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-18161 .elementor-element.elementor-element-89f39af{--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-18161 .elementor-element.elementor-element-89f39af:not(.elementor-motion-effects-element-type-background), .elementor-18161 .elementor-element.elementor-element-89f39af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E2647;}@media(max-width:1024px){.elementor-18161 .elementor-element.elementor-element-48c55e28{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-18161 .elementor-element.elementor-element-2f5c3c22{--content-width:1240px;}.elementor-18161 .elementor-element.elementor-element-48c55e28{--width:50%;}.elementor-18161 .elementor-element.elementor-element-4ed121cb{--width:50%;}.elementor-18161 .elementor-element.elementor-element-557bc4{--content-width:1240px;}.elementor-18161 .elementor-element.elementor-element-7fd02448{--content-width:1240px;}.elementor-18161 .elementor-element.elementor-element-5dad7e0d{--content-width:1240px;}.elementor-18161 .elementor-element.elementor-element-20f0a31d{--content-width:1240px;}.elementor-18161 .elementor-element.elementor-element-41887e2d{--content-width:1240px;}.elementor-18161 .elementor-element.elementor-element-d0e08cd{--content-width:1240px;}}@media(max-width:767px){.elementor-18161 .elementor-element.elementor-element-48c55e28{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18161 .elementor-element.elementor-element-1e31cf68{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-18161 .elementor-element.elementor-element-6108e8a9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-7eb4c837 *//* ========================= */
/* 🔒 BADGE SECTION */
/* ========================= */

.bb-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:12px 24px;

  border-radius:999px;

  /* Border */
  border:1.5px solid #AFC8F4;

  /* Background */
  background:#EAF2FF;

  /* 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);
}

/* DOT */
.bb-dot{
  width:9px;
  height:9px;
  border-radius:50%;

  background:#2F6FE4;

  box-shadow:
    0 0 0 4px rgba(47,111,228,.12);

  animation:bb-blink 1.5s infinite;
}

/* BLINK */
@keyframes bb-blink{
  0%{
    opacity:1;
    transform:scale(1);
  }
  50%{
    opacity:.45;
    transform:scale(.82);
  }
  100%{
    opacity:1;
    transform:scale(1);
  }
}

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

@media (max-width:768px){

  .bb-badge{
    font-size:11px;
    letter-spacing:1.4px;

    padding:10px 18px;
    gap:8px;
  }

  .bb-dot{
    width:8px;
    height:8px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63e93438 */.hero-h1{
    font-family: var(--jost);
    font-weight: 700;

    /* DESKTOP SIZE */
    font-size: 50px;

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

    color: #071c3d;

    margin: 0 0 22px;

    text-transform: uppercase;
}

/* SECOND LINE */
.hero-h1 .r2{
    display: block;

    color: #2d6fe8;

    margin-top: 4px;
}

/* THIRD LINE */
.hero-h1 .r3{
    display: block;

    color: #2d6fe8;

    margin-top: 4px;
}

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

    .hero-h1{

        font-size: clamp(44px, 12vw, 68px);

        line-height: .95;

        letter-spacing: -2px;

        margin-bottom: 18px;
    }

    .hero-h1 .r2,
    .hero-h1 .r3{
        margin-top: 2px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12a21393 *//* ========================= */
/* MAIN WRAPPER */
/* ========================= */

.hero-ai-bar{

    background:#eef3fb;
    border:1px solid #c7d4e7;
    border-radius:16px;

    padding:16px 18px 14px;

    font-family:'Jost',sans-serif;
}

/* ========================= */
/* TITLE */
/* ========================= */

.hero-ai-title{

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

    font-size:13px;
    font-weight:500;
    color:#173760;

    margin-bottom:14px;
}

.hero-ai-emoji{

    font-size:22px;
    line-height:1;
}

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

.ai-icons-row{

    display:flex;
    align-items:flex-start;
    gap:22px;

    flex-wrap:wrap;
}

/* ========================= */
/* EACH TOOL */
/* ========================= */

.ai-tool{

    display:flex;
    flex-direction:column;
    align-items:center;
}

/* ========================= */
/* BOX */
/* ========================= */

.ai-tool-box{

    width:60px;
    height:60px;

    background:#fff;

    border:1px solid #d8e0ec;
    border-radius:16px;

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

    transition:all .28s ease;

    box-shadow:
    0 1px 2px rgba(0,0,0,.03);
}

/* ========================= */
/* IMAGE */
/* ========================= */

.ai-tool-box img{

    width:54px;
    height:54px;

    object-fit:contain;
}

/* ========================= */
/* TOOL NAME */
/* ========================= */

.ai-tool-name{

    margin-top:10px;

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

    color:#0f2f57;

    text-align:center;
}

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

.ai-tool:hover .ai-tool-box{

    transform:translateY(-4px);

    box-shadow:
    0 10px 18px rgba(15,47,87,.12);

    border-color:#b9c8dd;
}

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

@media(max-width:767px){

    .ai-icons-row{

        gap:14px;
    }

    .ai-tool-box{

        width:74px;
        height:74px;
    }

    .ai-tool-box img{

        width:42px;
        height:42px;
    }

    .ai-tool-name{

        font-size:12px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ba7a936 *//* ========================= */
/* WRAPPER */
/* ========================= */

.bb-stats-wrap {
  padding: 0px 0px;
  font-family: 'Jost', sans-serif;
}

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

.bb-stats-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;

  background: #ffffff;
  border: 1px solid #d4e0ef;

  border-radius: 18px;
  overflow: hidden;

  max-width: 1050px;
  margin: auto;
}

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

.bb-stat {
  flex: 1;
  text-align: center;
  padding: 18px 10px; /* 🔥 REDUCED HEIGHT */
  position: relative;
}

/* DIVIDER (THIN + PERFECT HEIGHT) */
.bb-stat:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 38px; /* 🔥 MATCH ORIGINAL */
  width: 1px;
  background: #d4e0ef;
}

/* ========================= */
/* NUMBER */
/* ========================= */

.bb-stat h3 {
  font-size: 34px;
  font-weight: 800;
  color: #0d1b2a;
  margin: 0;
  line-height: 1;
}

/* SUPERSCRIPT (FIXED) */
.bb-stat h3 sup {
  font-size: 13px;
  font-weight: 700;
  color: #2a6edc;
  margin-left: 2px;
  top: -1.6em;
  position: relative;
}

/* ========================= */
/* LABEL */
/* ========================= */

.bb-stat p {
  margin-top: 6px;
  font-size: 11px;
  letter-spacing: 2px;
  color: #7c8da3;
  font-weight: 700;
}

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

@media (max-width: 768px) {

  .bb-stats-bar {
    flex-direction: column;
  }

  .bb-stat {
    width: 100%;
    padding: 16px;
  }

  .bb-stat:not(:last-child)::after {
    display: none;
  }

  .bb-stat:not(:last-child) {
    border-bottom: 1px solid #d4e0ef;
  }

  .bb-stat h3 {
    font-size: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d60f49a *//* ========================= */
/* 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-399b778a *//* =========================================
AI BAND BACKGROUND
FULL WIDTH SECTION
========================================= */



/* GRID TEXTURE */

.ai-band::before{

    content:"";

    position:absolute;
    inset:0;

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

    background-size:25px 25px;

    opacity:.55;

    pointer-events:none;
}

/* CENTER BLUE GLOW */

.ai-band::after{

    content:"";

    position:absolute;

    width:950px;
    height:950px;

    left:50%;
    top:50%;

    transform:translate(-50%, -50%);

    background:
    radial-gradient(
    circle,
    rgba(59,130,246,.30) 0%,
    rgba(59,130,246,.16) 32%,
    rgba(59,130,246,.06) 52%,
    transparent 82%);

    filter:blur(10px);

    pointer-events:none;
}

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

.bb-ai-advantage,
.bb-ai-advantage *{
    box-sizing:border-box;
}

.bb-ai-advantage{

    position:relative;
    z-index:2;

    background:none;

    padding:42px 20px;
}

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

.bb-ai-wrap{

    position:relative;
    z-index:2;

    max-width:1240px;
    margin:0 auto;

    display:grid;
    grid-template-columns:1.15fr .85fr;

    align-items:center;

    gap:60px;
}

/* =========================================
LEFT SIDE
========================================= */

.bb-ai-left{

    width:100%;
}

/* MINI TITLE */

.bb-ai-mini-title{

    display:flex;
    align-items:center;

    gap:12px;

    margin-bottom:22px;

    font-size:10px;
    font-weight:700;
    letter-spacing:2px;

    color:#dbe7ff;

    text-transform:uppercase;
}


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

.bb-ai-heading{


    font-size:26px;
    line-height:1.6;

    font-weight:900;

    letter-spacing:px;

    color:#ffffff;

    max-width:760px;
}

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

.bb-ai-desc{



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

    font-weight:400;

    color:#d4e0f2;

    max-width:720px;
}

/* =========================================
TOOLS
========================================= */

.bb-ai-tools{

    display:flex;
    flex-wrap:wrap;

    gap:14px;
}

/* TOOL */

.bb-ai-tool{

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

    padding:6px 14px;

    background:rgba(255,255,255,.04);

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

    border-radius:14px;

    color:#ffffff;

    font-size:11px;
    line-height:1;

    font-weight:600;

    backdrop-filter:blur(8px);

    transition:all .3s ease;
}

.bb-ai-tool:hover{

    transform:translateY(-3px);

    background:rgba(255,255,255,.08);

    border-color:rgba(96,165,250,.55);

    box-shadow:
    0 10px 24px rgba(0,0,0,.18);
}

/* =========================================
RIGHT SIDE
========================================= */

.bb-ai-right{

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

    gap:30px;
}

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

.bb-ai-stat{

    width:150px;
    height:150px;

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

    text-align:center;

    background:
    #3b82f6;

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

    border-radius:24px;

    backdrop-filter:blur(12px);

    transition:all .35s ease;
}

/* HOVER */

.bb-ai-stat:hover{

    transform:translateY(-6px);

    border-color:rgba(96,165,250,.45);

    box-shadow:
    0 22px 40px rgba(0,0,0,.22);
}

/* NUMBER */

.bb-ai-stat h3{

    margin:0 0 12px;

    font-size:45px;
    line-height:.9;

    font-weight:800;

    letter-spacing:-3px;

    color:#ffffff;
}

/* TEXT */

.bb-ai-stat p{

    margin:0;

    font-size:12px;
    line-height:1.6;

    font-weight:700;

    color:#dbe7ff;

    max-width:130px;
}

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

@media(max-width:1100px){

    .bb-ai-wrap{

        grid-template-columns:1fr;

        gap:36px;
    }

    .bb-ai-right{

        justify-content:flex-start;

        flex-wrap:wrap;
    }

    .bb-ai-heading{

        font-size:52px;
    }
}

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

@media(max-width:767px){

    .bb-ai-advantage{

        padding:28px 16px;
    }

    .bb-ai-wrap{

        gap:28px;
    }

    .bb-ai-mini-title{

        font-size:12px;

        letter-spacing:1.5px;

        margin-bottom:16px;
    }

    .bb-ai-heading{

        font-size:36px;

        line-height:1.08;

        letter-spacing:-1.5px;

        margin-bottom:18px;
    }

    .bb-ai-desc{

        font-size:15px;

        line-height:1.8;

        margin-bottom:22px;
    }

    .bb-ai-tools{

        gap:10px;
    }

    .bb-ai-tool{

        width:100%;

        justify-content:center;

        font-size:14px;

        padding:13px 14px;
    }

    .bb-ai-right{

        width:100%;

        display:grid;

        grid-template-columns:1fr;

        gap:14px;
    }

    .bb-ai-stat{

        width:100%;
        height:auto;

        padding:28px 20px;

        border-radius:18px;
    }

    .bb-ai-stat h3{

        font-size:52px;

        margin-bottom:10px;
    }

    .bb-ai-stat p{

        font-size:15px;

        max-width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f5b6634 *//* ===== SECTION ===== */
.bb-curriculum {
  max-width: 1240px;
  margin: auto;
  padding: 80px 0px 0px 0px;
  text-align: center;
}

/* ===== MINI TITLE ===== */
.bb-mini-title {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  letter-spacing: 3px;
  color: #1457c0; /* ✅ BLUE */
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
}

.bb-mini-title .line {
  width: 22px;
  height: 3px;
  background: #1457c0; /* ✅ BLUE LINE */
  border-radius: 10px;
}

/* ===== MAIN TITLE ===== */
.bb-main-title {
  font-family: 'Jost', sans-serif;
  font-size: 44px;
  font-weight: 800;
  color: #071c3d;
  margin-top: 22px;
  line-height: 1.15;
  letter-spacing: -1px;
}

/* BLUE TEXT */
.bb-main-title span {
  color: #2d6fe8; /* ✅ EXACT BLUE */
}

/* ===== SUB TEXT ===== */
.bb-sub {
  margin-top: 28px;
  font-family: 'Jost', sans-serif;
  font-size: 20px;
  color: #5b7298;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}

/* BLUE STRONG */
.bb-sub strong {
  color: #1457c0;
  font-weight: 700;
}

/* ===== MODULE TITLE ===== */
.bb-modules-title {
  font-family: 'Jost', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #1e3a60;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 22px;
  letter-spacing: 1px;
}

/* ===== MODULE GRID ===== */
.bb-modules {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);

  border-radius: 24px;
  overflow: hidden;

  border: 1px solid #cfdbef;

  background: #ffffff;

  box-shadow:
    0 8px 24px rgba(11,31,58,.04);
}

/* ===== MODULE BOX ===== */
.bb-module {
  padding: 10px;

  background: #f4f7fd;

  border-right: 1px solid #d7e2f2;

  text-align: center;

  transition: all 0.30s ease;

  position: relative;
}

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

/* ===== HOVER EFFECT ===== */
.bb-module:hover {
  background: #ffffff;
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(11,31,58,.08);
  z-index: 2;
  cursor: pointer;
}

/* ===== NUMBER ===== */
.bb-module span {
  display: block;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
}

/* ===== LABEL ===== */
.bb-module p {
  font-size: 13px;
  letter-spacing: 2px;
  margin-top: 10px;
  color: #4f678d;
  font-weight: 700;
}

/* ===== COLORS (ALL BLUE STYLE LIKE IMAGE) ===== */
.yellow span { color: #3b82f6; }
.teal span { color: #2563eb; }
.green span { color: #1457c0; }
.orange span { color: #2d6fe8; }
.blue span { color: #2563eb; }
.purple span { color: #071c3d; }

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {

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

  .bb-main-title {
    font-size: 56px;
    line-height: 1.18;
  }

  .bb-sub {
    font-size: 18px;
  }
}

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

  .bb-curriculum {
    padding: 60px 16px 0;
  }

  .bb-modules {
    grid-template-columns: repeat(2, 1fr);
    border-radius: 18px;
  }

  .bb-main-title {
    font-size: 42px;
    line-height: 1.12;
    margin-top: 18px;
  }

  .bb-sub {
    font-size: 15px;
    line-height: 1.9;
    margin-top: 20px;
  }

  .bb-module {
    padding: 24px 14px;
  }

  .bb-module span {
    font-size: 34px;
  }

  .bb-module p {
    font-size: 11px;
    letter-spacing: 1.5px;
  }

  .bb-modules-title {
    margin-top: 34px;
    margin-bottom: 16px;
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1548f592 */.bb-modules-section {
  max-width: 1240px;
  margin: auto;
  padding: 0;
  font-family: 'Jost', sans-serif;
}

/* =========================
   GRID
========================= */
.bb-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

/* =========================
   CARD
========================= */
.bb-card {
  background: #ffffff;

  border-radius: 18px;

  border: 1px solid #cfdbef;

  overflow: hidden;

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

  transition: all .30s ease;

  padding: 0;
}

.bb-card:hover {
  transform: translateY(-4px);

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

/* =========================
   HEADER
========================= */
.bb-header {
  position: relative;

  padding: 18px 26px 16px;

  background: #edf4ff;

  border-bottom: 1px solid #d8e4f4;
}

/* LEFT BLUE LINE */
.bb-line {
  position: absolute;

  left: 0;
  top: 0;
  bottom: 0;

  width: 4px;

  background: #2563eb;
}

/* =========================
   HEADER TEXT
========================= */
.bb-head-text p {
  font-size: 11px;

  letter-spacing: 1.2px;

  text-transform: uppercase;

  color: #6b7f9e;

  margin-bottom: 4px;

  font-weight: 600;
}

.bb-head-text h3 {
  font-size: 20px;

  font-weight: 800;

  color: #071c3d;

  margin: 0;

  line-height: 1.3;
}

/* =========================
   BODY
========================= */
.bb-body {
  background: #ffffff;

  padding: 20px 26px 22px;
}

.bb-body p {
  font-size: 15px;

  color: #304b72;

  line-height: 1.8;

  margin-bottom: 16px;
}

/* =========================
   TAGS
========================= */
.bb-tags {
  display: flex;

  flex-wrap: wrap;

  gap: 8px;
}

.bb-tags span {
  padding: 7px 12px;

  font-size: 12px;

  border-radius: 6px;

  background: #f4f8ff;

  border: 1px solid #cfdcf0;

  color: #1e3a60;

  font-weight: 600;

  transition: all .25s ease;
}

.bb-tags span:hover {
  background: #1457c0;

  border-color: #1457c0;

  color: #ffffff;
}

/* =========================
   AI TAG
========================= */
.bb-tags .ai {
  background: #edf4ff;

  border: 1px solid #a9c4ef;

  color: #1457c0;

  font-weight: 700;
}

.bb-tags .ai:hover {
  background: #1457c0;

  border-color: #1457c0;

  color: #ffffff;
}

/* =========================
   ALL HEADER COLORS SAME
========================= */
.yellow .bb-header,
.teal .bb-header,
.green .bb-header,
.orange .bb-header,
.blue .bb-header {
  background: #edf4ff;
}

/* ALL LEFT LINES BLUE */
.yellow .bb-line,
.teal .bb-line,
.green .bb-line,
.orange .bb-line,
.blue .bb-line {
  background: #2563eb;
}

/* =========================
   FULL WIDTH CARD
========================= */
.full {
  margin-top: 18px;
}

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

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

    gap: 16px;
  }

  .bb-header {
    padding: 18px 18px 16px;
  }

  .bb-body {
    padding: 18px;
  }

  .bb-head-text h3 {
    font-size: 18px;

    line-height: 1.4;
  }

  .bb-body p {
    font-size: 14px;

    line-height: 1.8;
  }

  .bb-tags {
    gap: 6px;
  }

  .bb-tags span {
    font-size: 11px;

    padding: 6px 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-acd6f8e *//* =========================================
FULL CUSTOM CSS
PASTE IN ELEMENTOR CUSTOM CSS
========================================= */

.bb-curriculum-sec,
.bb-curriculum-sec *{
    box-sizing:border-box;
}

.bb-curriculum-sec{
    max-width:1240px;
    margin:auto;
    padding:20px 10px 40px;
    font-family:'Jost',sans-serif;
}

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

.bb-cur-top{
    text-align:center;
    margin-bottom:30px;
}

.bb-cur-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-cur-top h2{
    margin:0 0 14px;
    font-size:44px;
    line-height:1.1;
    font-weight:800;
    color:#071c3d;
}

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

/* =========================================
BUTTONS
========================================= */

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

.bb-cur-actions button{
    height:46px;
    padding:0 24px;
    border-radius:12px;
    border:1px solid #d8e2f0;
    background:#fff;
    color:#5a6484;
    font-size:15px;
    font-weight:700;
    font-family:'Jost',sans-serif;
    cursor:pointer;
    transition:.3s ease;
}

.bb-cur-actions button:hover{
    background:#1457c0;
    border-color:#1457c0;
    color:#fff;
}

/* =========================================
PHASE BAR
========================================= */

.bb-cur-phase{
    background:#072654;
    border-radius:18px;
    padding:11px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;
}

.bb-cur-phase-left{
    display:flex;
    align-items:center;
    gap:18px;
}

.bb-cur-phase-icon{
    font-size:18px;
}

.bb-cur-phase-sub{
    font-size:10px;
    color:#8ea5cf;
    font-weight:700;
    letter-spacing:3px;
    margin-bottom:3px;
}

.bb-cur-phase-title{
    font-size:15px;
    color:#fff;
    font-weight:700;
    line-height:1.2;
}

.bb-cur-phase-badge{
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    color:#dce7ff;
    font-size:15px;
    font-weight:500;
}

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

.bb-cur-card{
    border:1px solid #d9e3f1;
    border-radius:18px;
    overflow:hidden;
    background:#fff;
    margin-bottom:16px;
}

/* =========================================
HEAD
========================================= */

.bb-cur-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 20px;
    cursor:pointer;
}

.bb-cur-head-left{
    display:flex;
    align-items:flex-start;
    gap:14px;
    flex:1;
}

.bb-cur-num{
    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-cur-headinfo{
    flex:1;
}

.bb-cur-title{
    font-size:15px;
    font-weight:700;
    color:#071c3d;
    line-height:1.4;
    margin-bottom:6px;
}

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

.bb-cur-topic-count{
    font-size:14px;
    color:#5a6484;
}

.bb-cur-phase-chip{
    padding:5px 12px;
    border-radius:7px;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
}

.bb-cur-phase-chip.p1{
    background:#edf4ff;
    color:#1457c0;
}

/* =========================================
ARROW
========================================= */

.bb-cur-caret{
    width:40px;
    height:40px;
    border-radius:10px;
    background:#f3f6fb;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease;
}

.bb-cur-caret svg{
    transition:.3s ease;
}

.bb-cur-card.open .bb-cur-caret{
    background:#1457c0;
}

.bb-cur-card.open .bb-cur-caret path{
    stroke:#fff;
}

.bb-cur-card.open .bb-cur-caret svg{
    transform:rotate(180deg);
}

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

.bb-cur-body{
    display:none;
}

.bb-cur-card.open .bb-cur-body{
    display:block;
    border-top:1px solid #dbe4f0;
}

.bb-cur-inner{
    display:grid;
    grid-template-columns:1fr 48%;
}

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

.bb-cur-col-topics{
    padding:26px 30px;
}

.bb-cur-col-lbl{
    font-size:13px;
    letter-spacing:2px;
    color:#5a739a;
    font-weight:800;
    margin-bottom:20px;
}

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

.bb-cur-topics-list li{
    position:relative;
    padding:12px 0 12px 20px;
    border-bottom:1px solid #dbe4f0;
    font-size:15px;
    color:#233c60;
    line-height:1.7;
}

.bb-cur-topics-list li:before{
    content:'';
    width:7px;
    height:7px;
    border-radius:50%;
    background:#89a7d8;
    position:absolute;
    left:0;
    top:23px;
}

.bb-cur-topics-list li.ai{
    color:#f97316;
    font-weight:500;
}

.bb-cur-topics-list li.ai:before{
    background:#f97316;
}

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

.bb-cur-btn-syl{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:24px;
    background:#082247;
    color:#fff;
    text-decoration:none;
    padding:14px 22px;
    border-radius:10px;
    font-size:14px;
    font-weight:700;
    transition:.3s ease;
}

.bb-cur-btn-syl:hover{
    background:#1457c0;
}

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

.bb-cur-col-right{
    border-left:1px solid #dbe4f0;
    background:#f8fbff;
    padding:24px;
}

.bb-cur-skill-card{
    background:#fff;
    border:1px solid #d8e2f0;
    border-radius:16px;
    padding:22px;
    margin-bottom:18px;
}

.bb-cur-skill-title{
    font-size:17px;
    font-weight:800;
    color:#071c3d;
    margin-bottom:16px;
}

.bb-cur-skill-list{
    margin:0;
    padding:0;
    list-style:none;
}

.bb-cur-skill-list li{
    position:relative;
    padding-left:22px;
    margin-bottom:12px;
    font-size:15px;
    line-height:1.8;
    color:#3f5a80;
}

.bb-cur-skill-list li:before{
    content:'✓';
    position:absolute;
    left:0;
    top:0;
    color:#18b56d;
    font-weight:700;
}

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

@media(max-width:991px){

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

    .bb-cur-col-right{
        border-left:none;
        border-top:1px solid #dbe4f0;
    }

}

@media(max-width:767px){

    .bb-curriculum-sec{
        padding:20px 14px;
    }

    .bb-cur-top h2{
        font-size:36px;
    }

    .bb-cur-top p{
        font-size:15px;
    }

    .bb-cur-actions{
        justify-content:flex-start;
        flex-wrap:wrap;
    }

    .bb-cur-phase{
        flex-direction:column;
        align-items:flex-start;
        gap:14px;
    }

    .bb-cur-head{
        padding:18px;
    }

    .bb-cur-title{
        font-size:17px;
    }

    .bb-cur-col-topics,
    .bb-cur-col-right{
        padding:18px;
    }

    .bb-cur-btn-syl{
        width:100%;
    }

}

/* =========================================
PHASE 2 CHIP COLOR
ADD BELOW YOUR EXISTING CSS
========================================= */

.bb-cur-phase-chip.p2{
    background:#fff1e4;
    color:#d97706;
}

/* =========================================
PHASE 2 ICON SIZE FIX
========================================= */

.bb-cur-phase-icon{
    line-height:1;
}

/* =========================================
BETTER PHASE SPACING
========================================= */

.bb-cur-phase{
    margin-top:18px;
}

/* =========================================
PHASE 3 CHIP COLOR
========================================= */

.bb-cur-phase-chip.p3{
    background:#e7f7ef;
    color:#059669;
}

/* =========================================
PHASE 3 ICON FIX
========================================= */

.bb-cur-phase-icon{
    line-height:1;
}

/* =========================================
PHASE 4 CSS
ADD IN CUSTOM CSS
========================================= */

.bb-phase-4{
    background:#071f49;
}

.bb-cur-phase-chip.p4{
    background:#efe7ff;
    color:#7c43d6;
}

.bb-num-advanced{
    background:#082247;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7acaf04 *//* =========================================
FULL CUSTOM CSS
PASTE IN ELEMENTOR CUSTOM CSS
========================================= */

.bb-curriculum-sec,
.bb-curriculum-sec *{
    box-sizing:border-box;
}

.bb-curriculum-sec{
    max-width:1240px;
    margin:auto;
    padding:20px 10px 40px;
    font-family:'Jost',sans-serif;
}

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

.bb-cur-top{
    text-align:center;
    margin-bottom:30px;
}

.bb-cur-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-cur-top h2{
    margin:0 0 14px;
    font-size:44px;
    line-height:1.1;
    font-weight:800;
    color:#071c3d;
}

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

/* =========================================
BUTTONS
========================================= */

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

.bb-cur-actions button{
    height:46px;
    padding:0 24px;
    border-radius:12px;
    border:1px solid #d8e2f0;
    background:#fff;
    color:#5a6484;
    font-size:15px;
    font-weight:700;
    font-family:'Jost',sans-serif;
    cursor:pointer;
    transition:.3s ease;
}

.bb-cur-actions button:hover{
    background:#1457c0;
    border-color:#1457c0;
    color:#fff;
}

/* =========================================
PHASE BAR
========================================= */

.bb-cur-phase{
    background:#072654;
    border-radius:18px;
    padding:11px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;
}

.bb-cur-phase-left{
    display:flex;
    align-items:center;
    gap:18px;
}

.bb-cur-phase-icon{
    font-size:18px;
}

.bb-cur-phase-sub{
    font-size:10px;
    color:#8ea5cf;
    font-weight:700;
    letter-spacing:3px;
    margin-bottom:3px;
}

.bb-cur-phase-title{
    font-size:15px;
    color:#fff;
    font-weight:700;
    line-height:1.2;
}

.bb-cur-phase-badge{
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    color:#dce7ff;
    font-size:15px;
    font-weight:500;
}

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

.bb-cur-card{
    border:1px solid #d9e3f1;
    border-radius:18px;
    overflow:hidden;
    background:#fff;
    margin-bottom:16px;
}

/* =========================================
HEAD
========================================= */

.bb-cur-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 20px;
    cursor:pointer;
}

.bb-cur-head-left{
    display:flex;
    align-items:flex-start;
    gap:14px;
    flex:1;
}

.bb-cur-num{
    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-cur-headinfo{
    flex:1;
}

.bb-cur-title{
    font-size:15px;
    font-weight:700;
    color:#071c3d;
    line-height:1.4;
    margin-bottom:6px;
}

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

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

.bb-cur-topic-count{
    font-size:14px;
    color:#5a6484;
}

.bb-cur-phase-chip{
    padding:5px 12px;
    border-radius:7px;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
}

.bb-cur-phase-chip.p1{
    background:#edf4ff;
    color:#1457c0;
}

/* =========================================
ARROW
========================================= */

.bb-cur-caret{
    width:40px;
    height:40px;
    border-radius:10px;
    background:#f3f6fb;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease;
}

.bb-cur-caret svg{
    transition:.3s ease;
}

.bb-cur-card.open .bb-cur-caret{
    background:#1457c0;
}

.bb-cur-card.open .bb-cur-caret path{
    stroke:#fff;
}

.bb-cur-card.open .bb-cur-caret svg{
    transform:rotate(180deg);
}

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

.bb-cur-body{
    display:none;
}

.bb-cur-card.open .bb-cur-body{
    display:block;
    border-top:1px solid #dbe4f0;
}

.bb-cur-inner{
    display:grid;
    grid-template-columns:1fr 48%;
}

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

.bb-cur-col-topics{
    padding:26px 30px;
}

.bb-cur-col-lbl{
    font-size:13px;
    letter-spacing:2px;
    color:#5a739a;
    font-weight:800;
    margin-bottom:20px;
}

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

.bb-cur-topics-list li{
    position:relative;
    padding:12px 0 12px 20px;
    border-bottom:1px solid #dbe4f0;
    font-size:15px;
    color:#233c60;
    line-height:1.7;
}

.bb-cur-topics-list li:before{
    content:'';
    width:7px;
    height:7px;
    border-radius:50%;
    background:#89a7d8;
    position:absolute;
    left:0;
    top:23px;
}

.bb-cur-topics-list li.ai{
    color:#f97316;
    font-weight:500;
}

.bb-cur-topics-list li.ai:before{
    background:#f97316;
}

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

.bb-cur-btn-syl{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:24px;
    background:#082247;
    color:#fff;
    text-decoration:none;
    padding:14px 22px;
    border-radius:10px;
    font-size:14px;
    font-weight:700;
    transition:.3s ease;
}

.bb-cur-btn-syl:hover{
    background:#1457c0;
}

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

.bb-cur-col-right{
    border-left:1px solid #dbe4f0;
    background:#f8fbff;
    padding:24px;
}

.bb-cur-skill-card{
    background:#fff;
    border:1px solid #d8e2f0;
    border-radius:16px;
    padding:22px;
    margin-bottom:18px;
}

.bb-cur-skill-title{
    font-size:17px;
    font-weight:800;
    color:#071c3d;
    margin-bottom:16px;
}

.bb-cur-skill-list{
    margin:0;
    padding:0;
    list-style:none;
}

.bb-cur-skill-list li{
    position:relative;
    padding-left:22px;
    margin-bottom:12px;
    font-size:15px;
    line-height:1.8;
    color:#3f5a80;
}

.bb-cur-skill-list li:before{
    content:'✓';
    position:absolute;
    left:0;
    top:0;
    color:#18b56d;
    font-weight:700;
}

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

@media(max-width:991px){

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

    .bb-cur-col-right{
        border-left:none;
        border-top:1px solid #dbe4f0;
    }

}

@media(max-width:767px){

    .bb-curriculum-sec{
        padding:20px 14px;
    }

    .bb-cur-top h2{
        font-size:36px;
    }

    .bb-cur-top p{
        font-size:15px;
    }

    .bb-cur-actions{
        justify-content:flex-start;
        flex-wrap:wrap;
    }

    .bb-cur-phase{
        flex-direction:column;
        align-items:flex-start;
        gap:14px;
    }

    .bb-cur-head{
        padding:18px;
    }

    .bb-cur-title{
        font-size:17px;
    }

    .bb-cur-col-topics,
    .bb-cur-col-right{
        padding:18px;
    }

    .bb-cur-btn-syl{
        width:100%;
    }

}

/* =========================================
PHASE 2 CHIP COLOR
ADD BELOW YOUR EXISTING CSS
========================================= */

.bb-cur-phase-chip.p2{
    background:#fff1e4;
    color:#d97706;
}

/* =========================================
PHASE 2 ICON SIZE FIX
========================================= */

.bb-cur-phase-icon{
    line-height:1;
}

/* =========================================
BETTER PHASE SPACING
========================================= */

.bb-cur-phase{
    margin-top:18px;
}

/* =========================================
PHASE 3 CHIP COLOR
========================================= */

.bb-cur-phase-chip.p3{
    background:#e7f7ef;
    color:#059669;
}

/* =========================================
PHASE 3 ICON FIX
========================================= */

.bb-cur-phase-icon{
    line-height:1;
}

/* =========================================
PHASE 4 CSS
ADD IN CUSTOM CSS
========================================= */

.bb-phase-4{
    background:#071f49;
}

.bb-cur-phase-chip.p4{
    background:#efe7ff;
    color:#7c43d6;
}

.bb-num-advanced{
    background:#082247;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c790505 *//* ========================= */
/* 🔒 FULLY ISOLATED SECTION */
/* ========================= */

.bb-join-section {
  padding: 80px 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: #0b1f3a;
  line-height: 1.2;
}

.bb-join-heading h2 span {
  color: #1769e0;
}

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

.bb-join-card {
  display: flex;
  align-items: center;
  justify-content: space-between;

  background: linear-gradient(135deg, #0c2a4a, #081c33);
  border-radius: 26px;

  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: 20px;

  background-image: url('https://images.unsplash.com/photo-1557804506-669a67965ba0?q=80&w=1200');
  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-615e645d *//* ========================= */
/* 🔒 FULLY ISOLATED SECTION */
/* ========================= */

.bb-role-section {
  padding: 0px 20px;
  background: #f5f7fb;
  font-family: 'Jost', sans-serif;
}

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

/* GRID */
.bb-role-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* CARD */
.bb-role-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;

  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
}

/* HOVER EFFECT */
.bb-role-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

/* HEADER */
.bb-role-head {
  padding: 10px 13px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

/* BODY */
.bb-role-card p {
  padding: 10px 13px;
  font-size: 15px;
  color: #5b6b7b;
  line-height: 1.6;
}

/* ========================= */
/* COLORS (MATCH ORIGINAL) */
/* ========================= */

.blue-dark .bb-role-head { background: #0d2b4f; }
.blue .bb-role-head { background: #1c4f88; }
.teal .bb-role-head { background: #156c6a; }
.brown .bb-role-head { background: #7a4b00; }

.blue-2 .bb-role-head { background: #274a7f; }
.purple .bb-role-head { background: #5a2475; }
.green .bb-role-head { background: #146c43; }
.red .bb-role-head { background: #7a1c1c; }

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

@media (max-width: 1024px) {
  .bb-role-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .bb-role-grid {
    grid-template-columns: 1fr;
  }

  .bb-role-head {
    font-size: 14px;
  }

  .bb-role-card p {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22132094 *//* ========================= */
/* 🔒 FULLY ISOLATED SECTION */
/* ========================= */

.bb-capstone-section {
  padding: 80px 20px 0px 20px;
  background: #ffffff;
  font-family: 'Jost', sans-serif;
}

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

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

.bb-capstone-sub {
  font-size: 11px;
  letter-spacing: 2px;
  color: #1457c0;
  font-weight: 700;
  padding-left: 18px;
  position: relative;
}

.bb-capstone-sub::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 12px;
  height: 2px;
  background: #1457c0;
}

.bb-capstone-heading h2 {
  font-size: 44px;
  font-weight: 800;
  margin-top: 10px;
  margin-bottom: 50px;
  color: #0d1b2a;
  line-height: 1.2;
}

.bb-capstone-heading .blue {
  color: #1457c0;
}

.bb-capstone-heading .orange {
  color: #1769e0;
}

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

.bb-capstone-card {
  display: flex;
  align-items: center;
  justify-content: space-between;

  background: linear-gradient(135deg, #0c2a4a, #081c33);
  border-radius: 28px;

  padding: 10px;
  position: relative;
  overflow: hidden;
}

/* DOT PATTERN */
.bb-capstone-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 */
/* ========================= */

.bb-capstone-left {
  width: 58%;
  z-index: 2;
}

.bb-capstone-badge {
  display: inline-block;
  background: rgba(20, 87, 192, .12);
  color: #3b9eff;
  font-size: 10px;
  padding: 5px 14px;
  border-radius: 110px;
  margin-bottom: 16px;
  font-weight: 700;
  border: 1px solid rgba(20, 87, 192, .28);
}

.bb-capstone-left h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 1.3;
}

.bb-capstone-left h3 span {
  color: #4da3ff;
}

.bb-capstone-left p {
  font-size: 15px;
  color: #9fb7c9;
  line-height: 1.8;
  max-width: 550px;
}

/* ========================= */
/* RIGHT IMAGE */
/* ========================= */

.bb-capstone-right {
  width: 38%;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

/* IMAGE */
.bb-capstone-image {
  width: 100%;
  max-width: 420px;
  height: 260px;

  border-radius: 22px;

  background-image: url('https://binarybrains.co/wp-content/uploads/2026/04/aws-infrastructure.jpg');
  background-size: cover;
  background-position: center;

  position: relative;
  z-index: 2;
}

/* GRADIENT BLEND */
.bb-capstone-right::before {
  content: "";
  position: absolute;
  left: -120px;
  top: 0;
  width: 160px;
  height: 100%;
  /*background: linear-gradient(to right, #0c2a4a, transparent);*/
  z-index: 3;
}

/* ========================= */
/* 🔒 NO GLOBAL EFFECT LEAK */
/* ========================= */

.bb-capstone-section h1,
.bb-capstone-section h2,
.bb-capstone-section h3,
.bb-capstone-section p,
.bb-capstone-section span {
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}

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

@media (max-width: 768px) {

  .bb-capstone-heading h2 {
    font-size: 32px;
  }

  .bb-capstone-card {
    flex-direction: column;
    padding: 30px;
  }

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

  .bb-capstone-right {
    margin-top: 20px;
    justify-content: center;
  }

  .bb-capstone-image {
    height: 200px;
  }

  .bb-capstone-right::before {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2eefb56 *//* =========================================
CAPSTONE ADVANCED SECTION
REFERENCE UI STYLE
========================================= */

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

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

.bb-capstone-adv-container{
    max-width:1240px;
    margin:0 auto;
}

/* =========================================
TOP AI BANNER
========================================= */

.bb-adv-banner{

    display:flex;
    gap:18px;

    background:#f4f7fd;

    border:1px solid #cfdbef;

    border-radius:18px;

    padding:24px;

    margin-bottom:34px;

    box-shadow:
    0 2px 8px rgba(15,23,42,.03);
}

/* ICON */

.bb-adv-banner-icon{

    font-size:30px;
    line-height:1;
}

/* TITLE */

.bb-adv-banner h3{

    color:#1457c0;

    font-size:18px;

    margin-bottom:8px;

    font-weight:700;
}

/* DESC */

.bb-adv-banner p{

    font-size:14px;

    color:#1f3b63;

    line-height:1.8;

    margin-bottom:14px;
}

/* =========================================
TAGS
========================================= */

.bb-adv-tags{

    display:flex;
    flex-wrap:wrap;

    gap:10px;
}

.bb-adv-tags span{

    border:1px solid #b9cae8;

    background:#ffffff;

    padding:7px 14px;

    border-radius:8px;

    font-size:13px;

    color:#1457c0;

    font-weight:600;

    transition:all .3s ease;
}

.bb-adv-tags span:hover{

    background:#1457c0;

    color:#ffffff;

    border-color:#1457c0;
}

/* =========================================
3 BOX GRID
========================================= */

.bb-adv-grid-3{

    display:grid;

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

    gap:20px;

    margin-bottom:30px;
}

/* BOX */

.bb-adv-box{

    background:#ffffff;

    border:1px solid #cfdbef;

    border-radius:18px;

    padding:24px;

    transition:all .3s ease;

    box-shadow:
    0 3px 10px rgba(15,23,42,.03);
}

.bb-adv-box:hover{

    transform:translateY(-4px);

    border-color:#1457c0;

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

/* TITLE */

.bb-adv-box h4{

    display:flex;
    align-items:center;

    gap:10px;

    font-size:13px;

    letter-spacing:2px;

    color:#1457c0;

    margin-bottom:14px;

    font-weight:700;
}

.bb-adv-box h4::before{

    content:"";

    width:16px;
    height:3px;

    border-radius:10px;

    background:#1457c0;
}

/* TEXT */

.bb-adv-box p{

    font-size:14px;

    color:#1f3b63;

    line-height:2;
}

/* =========================================
SERVICE + PIPELINE GRID
========================================= */

.bb-adv-grid-5,
.bb-adv-grid-6{

    display:grid;

    gap:0;

    margin-bottom:20px;

    border:1px solid #cfdbef;

    border-radius:18px;

    overflow:hidden;

    background:#ffffff;
}

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

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

/* MINI CARD */

.bb-adv-mini{

    background:#ffffff;

    padding:2px 2px;

    text-align:center;

    font-size:20px;

    border-right:1px solid #cfdbef;

    transition:all .3s ease;
}

.bb-adv-grid-5 .bb-adv-mini:last-child,
.bb-adv-grid-6 .bb-adv-mini:last-child{
    border-right:none;
}

.bb-adv-mini:hover{

    background:#f7faff;
}

/* TITLE */

.bb-adv-mini strong{

    display:block;

    font-size:13px;

    color:#0f2341;

    margin-top:0px;

    margin-bottom:px;

    font-weight:700;
}

/* SUBTEXT */

.bb-adv-mini span{

    font-size:12px;

    color:#6b7d98;

    line-height:1.6;
}

/* HIGHLIGHT CARD */

.bb-adv-mini.highlight{

    background:#edf4ff;
}

.bb-adv-mini.highlight strong{

    color:#1457c0;
}

/* =========================================
AWS STACK
========================================= */

.bb-adv-stack{

    display:grid;

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

    gap:12px;
}

.bb-adv-stack div{

    background:#f4f7fd;

    border:1px solid #cfdbef;

    padding:16px 14px;

    border-radius:12px;

    text-align:center;

    transition:all .3s ease;
}

.bb-adv-stack div:hover{

    transform:translateY(-3px);

    border-color:#1457c0;

    background:#ffffff;
}

/* TITLE */

.bb-adv-stack strong{

    display:block;

    font-size:13px;

    color:#1457c0;

    font-weight:700;
}

/* TEXT */

.bb-adv-stack span{

    display:block;

    font-size:12px;

    color:#6b7d98;

    margin-top:2px;

    line-height:1.6;
}

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

@media(max-width:1024px){

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

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

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

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

    .bb-adv-banner{
        flex-direction:column;
    }

    .bb-adv-mini{
        border-right:none;
        border-bottom:1px solid #cfdbef;
    }
}

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

@media(max-width:767px){

    .bb-capstone-adv{
        padding:10px 16px;
    }

    .bb-adv-banner{

        padding:20px 18px;

        border-radius:16px;
    }

    .bb-adv-box{

        padding:20px 18px;
    }

    .bb-adv-grid-5,
    .bb-adv-grid-6,
    .bb-adv-stack{

        grid-template-columns:1fr;
    }

    .bb-adv-mini{

        padding:18px 14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c730258 *//* =========================================
PREMIUM JOB ROLE SECTION
FULL REPLACE CSS
========================================= */

.bb-job-sec,
.bb-job-sec *{
    box-sizing:border-box;
    font-family:'Jost',sans-serif;
}

.bb-job-sec{
    background:#041c46;
    padding:90px 20px 70px;
    position:relative;
    overflow:hidden;
}

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

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

.bb-job-top{
    text-align:center;
    max-width:760px;
    margin:0 auto 65px;
}

.bb-job-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:28px;
    padding:0 16px;
    border:1px solid rgba(82,152,255,.30);
    background:rgba(20,72,140,.32);
    border-radius:4px;
    color:#2f8cff;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    margin-bottom:28px;
}

.bb-job-top h2{
    margin:0 0 24px;
    color:#fff;
    font-size:44px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-1px;
}

.bb-job-top p{
    margin:0 auto;
    color:#8fa5ca;
    font-size:20px;
    line-height:2;
    max-width:820px;
}

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

.bb-job-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
}

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

.bb-job-card{
    background:#112b54;
    border:1px solid rgba(134,167,216,.16);
    border-radius:22px;
    padding:10px;
    position:relative;
    transition:.35s ease;
    min-height:320px;
}

.bb-job-card:hover{
    transform:translateY(-6px);
    border-color:rgba(86,154,255,.28);
    box-shadow:0 20px 40px rgba(0,0,0,.22);
}

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

.bb-job-icon{
    width:52px;
    height:52px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-bottom:12px;
    background:linear-gradient(135deg,#2b5aa0,#183d77);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 25px rgba(0,0,0,.20);
}

.bb-job-icon.cloud{
    background:linear-gradient(135deg,#69503c,#363953);
}

.bb-job-icon.sre{
    background:linear-gradient(135deg,#0e5f63,#11384f);
}

.bb-job-icon.rocket{
    background:linear-gradient(135deg,#58398a,#2b2d69);
}

.bb-job-icon.bot{
    background:linear-gradient(135deg,#2763b4,#194179);
}

/* =========================================
TITLE
========================================= */

.bb-job-card h3{
    margin:0 0 16px;
    color:#fff;
    font-size:22px;
    line-height:1.35;
    font-weight:800;
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.bb-job-card h3 label{
    padding:4px 9px;
    border-radius:6px;
    background:#12498f;
    border:1px solid rgba(76,157,255,.35);
    color:#48a2ff;
    font-size:10px;
    letter-spacing:1px;
    font-weight:800;
}

/* =========================================
DESC
========================================= */

.bb-job-card p{
    margin:0;
    color:#9cb1d5;
    font-size:16px;
    line-height:1.8;
}

/* =========================================
SALARY
========================================= */

.bb-job-salary{
    margin-top:28px;
    border:1px solid rgba(68,135,224,.36);
    background:#173868;
    border-radius:12px;
    min-height:50px;
    padding:5px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.bb-job-salary span{
    color:#8da0bf;
    font-size:12px;
    font-weight:800;
    letter-spacing:1.4px;
}

.bb-job-salary strong{
    color:#ff8d22;
    font-size:17px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
}

.bb-job-salary strong small{
    font-size:14px;
    font-weight:700;
}

/* =========================================
FOOTER NOTE
========================================= */

.bb-job-note-wrap{
    margin-top:42px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:16px;
}

.bb-job-dot{
    width:16px;
    height:16px;
    border-radius:50%;
    border:2px solid rgba(146,170,209,.32);
    position:relative;
    top:6px;
}

.bb-job-note{
    max-width:900px;
    color:#7289b0;
    text-align:center;
    font-size:15px;
    line-height:1.9;
}

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

@media(max-width:1200px){

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

}

@media(max-width:767px){

    .bb-job-sec{
        padding:70px 16px 55px;
    }

    .bb-job-top{
        margin-bottom:42px;
    }

    .bb-job-top h2{
        font-size:42px;
        line-height:1.15;
    }

    .bb-job-top p{
        font-size:15px;
        line-height:1.8;
    }

    .bb-job-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .bb-job-card{
        min-height:auto;
        padding:22px;
        border-radius:18px;
    }

    .bb-job-icon{
        width:60px;
        height:60px;
        font-size:28px;
        margin-bottom:22px;
    }

    .bb-job-card h3{
        font-size:22px;
    }

    .bb-job-card p{
        font-size:15px;
        line-height:1.8;
    }

    .bb-job-salary{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }

    .bb-job-salary strong{
        font-size:20px;
    }

    .bb-job-note-wrap{
        flex-direction:column;
        align-items:center;
        gap:10px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23e28a7 *//* =========================================
PLACEMENT SECTION
ONLY COLOR COMBINATION UPDATED
ALL SIZES SAME
========================================= */

.bb-placement {
  max-width: 1240px;
  margin: auto;
  padding: 70px 20px;
  font-family: 'Jost', sans-serif;
  background: #ffffff;
}

/* HEADER */
.bb-place-head {
  text-align: center;
  margin-bottom: 50px;
}

.bb-place-head p {
  font-size: 12px;
  letter-spacing: 2px;
  color: #1457c0;
  font-weight: 600;
}

.bb-place-head p span {
  display: inline-block;
  width: 18px;
  height: 2px;
  background: #1457c0;
  margin-right: 8px;
}

.bb-place-head h2 {
  font-size: 42px;
  font-weight: 800;
  color: #071b3d;
}

.bb-place-head h2 span {
  color: #2563eb;
}

.bb-place-head .sub {
  max-width: 600px;
  margin: 12px auto 0;
  color: #5d7091;
  font-size: 14px;
}

/* GRID */
.bb-place-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 40px;
  align-items: center;
}

/* STEP CARDS */
.bb-place-steps {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bb-place-card {
  display: flex;
  gap: 16px;
  padding: 16px 20px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #d8e3f0;
  align-items: center;
  transition: 0.3s;
  box-shadow: 0 4px 10px rgba(15,35,65,.04);
}

/* NUMBER */
.bb-place-card span {
  font-size: 25px;
  font-weight: 700;
  color: #b6c4d9;
  min-width: 40px;
}

/* TEXT */
.bb-place-card h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px;
  color: #071b3d;
}

.bb-place-card p {
  font-size: 16px;
  color: #5d7091;
}

/* TOP BORDER COLORS */
.bb-place-card.blue {
  border-top: 3px solid #2563eb;
}

.bb-place-card.orange {
  border-top: 3px solid #3b82f6;
}

.bb-place-card.teal {
  border-top: 3px solid #60a5fa;
}

.bb-place-card.yellow {
  border-top: 3px solid #0f2341;
}

.bb-place-card.green {
  border-top: 3px solid #071b3d;
}

.bb-place-card.purple {
  border-top: 3px solid #2563eb;
}

/* HOVER */
.bb-place-card:hover {
  transform: translateY(-5px);
  border-color: #b8cbea;
  box-shadow: 0 12px 24px rgba(15,35,65,.08);
}

/* IMAGE */
.bb-place-img img {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #d8e3f0;
  box-shadow: 0 10px 24px rgba(15,35,65,.08);
}

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

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

  .bb-place-img {
    order: -1;
    max-width: 300px;
    margin: auto;
  }

  .bb-place-head h2 {
    font-size: 30px;
  }
}

/* ANIMATION */

.bb-place-card {
  opacity: 0;
  transform: translateY(30px);
}

.bb-place-card.show {
  opacity: 1;
  transform: translateY(0);
  transition: 0.6s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7338f4e4 *//* =========================
SECTION BASE
ONLY COLOR COMBINATION UPDATED
========================= */

.bb-cert {

  padding: 80px 20px;

  background: #ffffff;

  font-family: 'Jost', sans-serif;
}

.bb-cert-grid {

  max-width: 1240px;

  margin: auto;

  display: grid;

  grid-template-columns: 1fr 480px;

  gap: 50px;

  align-items: center;
}

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

.bb-tag {

  font-size: 12px;

  letter-spacing: 2px;

  color: #1457c0;

  font-weight: 600;

  margin-bottom: 10px;

  display: flex;

  align-items: center;
}

.bb-tag span {

  display: inline-block;

  width: 20px;

  height: 2px;

  background: #1457c0;

  margin-right: 8px;
}

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

.bb-cert h2 {

  font-size: 40px;

  font-weight: 800;

  color: #071b3d;

  margin-bottom: 15px;

  line-height: 1.2;
}

.bb-cert h2 span {

  color: #2563eb;
}

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

.bb-desc {

  font-size: 14px;

  color: #5d7091;

  margin-bottom: 25px;

  max-width: 500px;

  line-height: 1.7;
}

/* =========================
LIST
========================= */

.bb-cert-list {

  list-style: none;

  padding: 0;
}

.bb-cert-list li {

  font-size: 14px;

  color: #1f3b63;

  margin-bottom: 14px;

  padding-left: 28px;

  position: relative;

  opacity: 0;

  transform: translateX(-20px);

  transition: all 0.5s ease;
}

/* CHECK ICON */

.bb-cert-list li::before {

  content: "✓";

  position: absolute;

  left: 0;

  top: 2px;

  width: 18px;

  height: 18px;

  background: #eef4ff;

  color: #1457c0;

  border: 1px solid #bfd4f5;

  border-radius: 50%;

  font-size: 12px;

  display: flex;

  align-items: center;

  justify-content: center;
}

/* SHOW */

.bb-cert-list li.show {

  opacity: 1;

  transform: translateX(0);
}

/* =========================
IMAGE
========================= */

.bb-cert-img {

  position: relative;
}

.bb-cert-img img {

  width: 100%;

  border-radius: 18px;

  border: 1px solid #d8e3f0;

  box-shadow: 0 12px 28px rgba(15,35,65,.08);

  opacity: 0;

  transform: translateY(30px);

  transition: all 0.6s ease;
}

/* IMAGE SHOW */

.bb-cert-img.show img {

  opacity: 1;

  transform: translateY(0);
}

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

@media (max-width: 992px) {

  .bb-cert {

    padding: 60px 20px;
  }

  .bb-cert-grid {

    grid-template-columns: 1fr;
  }

  .bb-cert-content {

    order: 1;

    text-align: center;
  }

  .bb-cert-img {

    order: 2;

    max-width: 400px;

    margin: 30px auto 0;
  }

  .bb-cert h2 {

    font-size: 28px;
  }

  .bb-desc {

    text-align: center;
  }

  .bb-cert-list {

    margin-top: 20px;
  }

  .bb-cert-list li {

    text-align: left;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b564e71 *//* =========================================
TESTIMONIAL SECTION
========================================= */

.bb-testimonial{
    background:#f5f7fb;
    padding:80px 20px;
    font-family:'Jost',sans-serif;
    overflow:hidden;
}

.bb-testimonial *{
    box-sizing:border-box;
}

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

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

.bb-testimonial-top{
    margin-bottom:42px;
}

.bb-testimonial-tag{

    font-size:11px;
    font-weight:700;
    letter-spacing:2px;

    text-transform:uppercase;

    color:#1457c0;

    margin-bottom:14px;
}

.bb-testimonial-title{

    font-size:36px;
    line-height:1.1;

    font-weight:800;

    color:#071b3d;

    margin:0 0 22px;
}

.bb-testimonial-title span{
    color:#2563eb;
}

/* =========================================
RATING
========================================= */

.bb-testimonial-rating{

    display:inline-flex;
    align-items:center;
    gap:14px;

    padding:14px 22px;

    background:#ffffff;

    border:1px solid #dbe6f5;

    border-radius:100px;

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

.bb-testimonial-stars{

    color:#3b82f6;

    font-size:14px;

    letter-spacing:2px;
}

.bb-testimonial-score{

    font-size:26px;

    font-weight:800;

    color:#071b3d;
}

.bb-testimonial-review{

    font-size:14px;

    color:#5d7091;
}

/* =========================================
SLIDER
========================================= */

.bb-testimonial-slider{
    overflow:hidden;
    position:relative;
}

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

.bb-testimonial-grid{
    display:flex;
    gap:22px;
    transition:transform .6s ease;
    will-change:transform;
}

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

.bb-testimonial-card{

    min-width:calc((100% - 44px) / 3);

    background:#ffffff;

    border:1px solid #dbe6f5;

    border-radius:22px;

    padding:28px;

    box-shadow:
    0 10px 28px rgba(15,35,65,.04);

    transition:.35s ease;

    opacity:0;

    transform:translateY(30px);
}

.bb-testimonial-card.show{

    opacity:1;

    transform:translateY(0);
}

.bb-testimonial-card:hover{

    transform:translateY(-6px);

    border-color:#bfd4f5;

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

/* =========================================
PROFILE
========================================= */

.bb-testimonial-profile{

    display:flex;

    align-items:flex-start;

    gap:16px;

    margin-bottom:22px;
}

/* AVATAR */

.bb-testimonial-avatar{

    width:50px;
    height:50px;

    border-radius:50%;

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #3b82f6);

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

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

    color:#ffffff;

    box-shadow:
    0 8px 20px rgba(37,99,235,.18);
}

/* NAME */

.bb-testimonial-name{

    font-size:13px;

    font-weight:700;

    color:#071b3d;

    margin-bottom:4px;
}

/* ROLE */

.bb-testimonial-role{

    font-size:12px;

    color:#5d7091;

    margin-bottom:8px;
}

/* STARS */

.bb-testimonial-mini-stars{

    color:#3b82f6;

    font-size:12px;

    letter-spacing:2px;
}

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

.bb-testimonial-text{

    font-size:13px;

    line-height:2;

    color:#42526b;

    margin-bottom:24px;
}

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

.bb-testimonial-badge{

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

    padding:2px 16px;

    border-radius:10px;

    background:#eef4ff;

    border:1px solid #c9daf8;

    color:#1457c0;

    font-size:10px;

    font-weight:700;

    margin-bottom:22px;
}

/* =========================================
DATE
========================================= */

.bb-testimonial-date{

    padding-top:18px;

    border-top:1px solid #e7edf7;

    font-size:14px;

    color:#94a3b8;
}

/* =========================================
NAVIGATION
========================================= */

.bb-testimonial-nav{

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

    gap:14px;

    margin-top:36px;
}

.bb-testimonial-arrow{

    width:44px;
    height:44px;

    border-radius:50%;

    border:1px solid #dbe6f5;

    background:#ffffff;

    color:#071b3d;

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

    cursor:pointer;

    transition:.3s ease;

    font-size:18px;
}

.bb-testimonial-arrow:hover{

    background:#2563eb;

    color:#ffffff;

    border-color:#2563eb;
}

.bb-testimonial-dots{

    display:flex;
    gap:8px;
}

.bb-testimonial-dots span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#cbd5e1;

    cursor:pointer;

    transition:.3s ease;
}

.bb-testimonial-dots span.active{

    width:26px;

    border-radius:30px;

    background:#071b3d;
}

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

@media(max-width:1024px){

    .bb-testimonial-title{

        font-size:42px;
    }

    .bb-testimonial-card{

        min-width:100%;
    }
}

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

@media(max-width:767px){

    .bb-testimonial{

        padding:60px 16px;
    }

    .bb-testimonial-title{

        font-size:34px;
    }

    .bb-testimonial-card{

        padding:22px;
    }

    .bb-testimonial-text{

        font-size:15px;

        line-height:1.9;
    }

    .bb-testimonial-rating{

        flex-wrap:wrap;

        gap:10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-58ced56c *//* SECTION */
.pricing-hero {
  position: relative;
  padding: 120px 20px 80px;
  padding-bottom: 0px;
  background: linear-gradient(180deg, #0b1f3a, #0a1930);
  font-family: 'Jost', sans-serif;
  overflow: hidden;
  color: #fff;
}

/* DOT PATTERN (MATCH EXACT) */
.pricing-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.6;
}

/* CONTAINER */
.ph-container {
  max-width: 900px;
  margin: auto;
  position: relative;
  z-index: 2;
  text-align: left;
}

/* TAG */
.ph-tag {
  font-size: 12px;
  letter-spacing: 2px;
  color: #cbd5e1;
  font-weight: 600;
  margin-bottom: 18px;
}

.ph-tag span {
  display: inline-block;
  width: 24px;
  height: 2px;
  background: #3b9eff;
  margin-right: 10px;
  vertical-align: middle;
}

/* HEADING */
.ph-container h1 {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff;
  margin-bottom: 20px;
}

/* BLUE TEXT */
.ph-container h1 span {
  color: #67c2ff;
}

/* DESCRIPTION */
.ph-desc {
  font-size: 16px;
  color: rgba(255,255,255,0.75);
  max-width: 600px;
}

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

  .pricing-hero {
    padding: 80px 20px 60px;
    text-align: center;
  }

  .ph-container {
    text-align: center;
  }

  .ph-container h1 {
    font-size: 32px;
  }

  .ph-desc {
    font-size: 14px;
  }

  .ph-tag span {
    margin-right: 6px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d979b85 */@media(max-width:768px){

/* reduce padding */
.bb-fees .fee-price-panel{
  padding:30px 20px;
}

/* heading smaller */
.bb-fees .fpp-plan{
  font-size:26px;
  line-height:1.2;
}

/* description */
.bb-fees .fpp-desc{
  font-size:13px;
}

/* price smaller */
.bb-fees .fpp-price{
  font-size:40px;
}

/* EMI box */
.bb-fees .fpp-emi{
  padding:12px;
  font-size:13px;
}

/* button compact */
.bb-fees .fpp-cta{
  padding:14px;
  font-size:14px;
}

/* note */
.bb-fees .fpp-note{
  font-size:11px;
}

/* right panel padding */
.bb-fees .fee-features-panel{
  padding:25px 20px;
}

/* badge fix */
.bb-fees .fee-ribbon{
  top:-12px;
  right:10px;
  font-size:10px;
  padding:6px 10px;
}

/* feature spacing */
.bb-fees .ffp-feature{
  padding:14px 0;
}

/* feature title */
.bb-fees .ffp-name{
  font-size:14px;
}

/* feature desc */
.bb-fees .ffp-sub{
  font-size:12px;
}

/* highlight box */
.bb-fees .highlight{
  padding:10px;
}

/* footer strip */
.bb-fees .fee-strip{
  font-size:11px;
  line-height:1.6;
  padding:12px;
}

/* contact */
.bb-fees .contact{
  font-size:12px;
  padding:0 10px;
}

}


.bb-fees .fpp-emi{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}

.bb-fees .emi-know-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:8px 14px;

    background:#2563eb;
    color:#fff;

    border-radius:8px;

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

    text-decoration:none;

    white-space:nowrap;

    transition:.3s ease;
}

.bb-fees .emi-know-more:hover{
    background:#1d4ed8;
    color:#fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b20e1c */.elementor-18161 .elementor-element.elementor-element-2b20e1c {
  background: #0a1930;
  position: relative;
  overflow: hidden;
}

.elementor-18161 .elementor-element.elementor-element-2b20e1c::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.6;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dfcb437 *//* SECTION BACKGROUND */
.bb-cta-section {
  background: #0b2545;
  padding: 100px 20px 0px 20px;
  text-align: center;
  font-family: 'Jost', sans-serif;
  position: relative;
  overflow: hidden;
}

/* SUBTLE DOT BACKGROUND */
.bb-cta-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 30px 30px;
  opacity: 0.3;
}

/* CONTENT */
.bb-cta-head {
  max-width: 900px;
  margin: auto;
  position: relative;
  z-index: 2;
}

/* BADGE */
.bb-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50px;
  padding: 0px 18px;
  font-size: 13px;
  color: #3b9eff;
  margin-bottom: 25px;
  background: rgba(255,255,255,0.03);
  box-shadow: 0 0 20px rgba(255,106,0,0.15);
}

/* BLINKING DOT */
.bb-cta-badge .dot {
  width: 6px;
  height: 6px;
  background: #ff3b3b;
  border-radius: 50%;
  animation: blinkDot 1.2s infinite;
}

@keyframes blinkDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(1.4);
  }
}

/* HEADING */
.bb-cta-head h1 {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff !important; /* FIX DARK ISSUE */
  margin-bottom: 15px;
}

/* ORANGE TEXT */
.bb-cta-head h1 span {
  color: #3b9eff
}

/* SUBTEXT */
.bb-cta-head p {
  font-size: 16px;
  color: #c7d6e5;
  max-width: 650px;
  margin: 0 auto;
}

/* ========================= */
/* 📱 MOBILE RESPONSIVE */
/* ========================= */

@media (max-width: 768px) {

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

  .bb-cta-head h1 {
    font-size: 34px;
  }

  .bb-cta-head p {
    font-size: 14px;
  }

  .bb-cta-badge {
    font-size: 12px;
    padding: 8px 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4093c0ac *//* WRAPPER */
.bb-cta-bottom {
  text-align: center;
  margin-top: 0px;
  font-family: 'Jost', sans-serif;
}

/* TOP INFO LINE */
.bb-info-line {
  font-size: 13px;
  color: #7fa6c4;
  margin-bottom: 18px;
  opacity: 0.9;
}

/* FEATURE STRIP */
.bb-feature-strip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* FEATURE ITEM */
.bb-feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #9fb7c9;
  font-weight: 500;
  opacity: 0;
  transform: translateY(10px);
  animation: fadeUp 0.6s ease forwards;
}

/* STAGGER ANIMATION */
.bb-feature-item:nth-child(1) { animation-delay: 0.1s; }
.bb-feature-item:nth-child(2) { animation-delay: 0.2s; }
.bb-feature-item:nth-child(3) { animation-delay: 0.3s; }
.bb-feature-item:nth-child(4) { animation-delay: 0.4s; }

/* CHECK ICON */
.bb-feature-item .check {
  color: #00d084;
  font-size: 15px;
}

/* ANIMATION */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@media (max-width: 768px) {

  .bb-feature-strip {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .bb-feature-item {
    width: 100%;
    font-size: 13px;
  }

  .bb-info-line {
    font-size: 12px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a8e6d79 *//* =========================================
FAQ SECTION
========================================= */

.bb-faq-section{
    width:100%;
    background:#f7f9fc;
    padding:110px 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:17px;
    line-height:1.55;
    color:#5d7296;
    font-weight:500;
}

/* FAQ WRAPPER */

.bb-faq-wrapper{
    display:flex;
    flex-direction:column;
    gap:24px;
}

/* ITEM */

.bb-faq-item{
    background:#ffffff;
    border:2px solid #d9e1f0;
    border-radius:34px;
    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:17px;
    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:34px;
    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:14px;
    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:100px;
    font-size:14px;
    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:16px;
        line-height:1.8;
        margin:18px auto 42px;
    }

    .bb-faq-wrapper{
        gap:18px;
    }

    .bb-faq-item{
        border-radius:24px;
    }

    .bb-faq-question{
        padding:22px 18px;
        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:18px;
        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:16px;
        line-height:1.9;
        margin-bottom:18px;
    }

    .bb-faq-cta-box{
        padding:28px 24px;
        border-radius:24px;
        gap:24px;
    }

    .bb-faq-cta-left h3{
        font-size:28px;
    }

    .bb-faq-cta-left p{
        font-size:16px;
        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-53e6413f *//* 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: 14px;
  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 */