.elementor-22684 .elementor-element.elementor-element-6bd85db9{--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-22684 .elementor-element.elementor-element-3d6a7768{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.82;}.elementor-22684 .elementor-element.elementor-element-3d6a7768:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-3d6a7768 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFBFC;}.elementor-22684 .elementor-element.elementor-element-3d6a7768::before, .elementor-22684 .elementor-element.elementor-element-3d6a7768 > .elementor-background-video-container::before, .elementor-22684 .elementor-element.elementor-element-3d6a7768 > .e-con-inner > .elementor-background-video-container::before, .elementor-22684 .elementor-element.elementor-element-3d6a7768 > .elementor-background-slideshow::before, .elementor-22684 .elementor-element.elementor-element-3d6a7768 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22684 .elementor-element.elementor-element-3d6a7768 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 40%);}.elementor-22684 .elementor-element.elementor-element-22224b51{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22684 .elementor-element.elementor-element-22224b51.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22684 .elementor-element.elementor-element-4d2fefda{--display:flex;--justify-content:flex-start;}.elementor-22684 .elementor-element.elementor-element-6642cef6{--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-22684 .elementor-element.elementor-element-2f8d804c .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 25px 0px;font-family:"Lato", Sans-serif;font-size:36px;font-weight:700;}.elementor-22684 .elementor-element.elementor-element-2f8d804c .elementskit-section-title-wraper .elementskit-section-title > span{color:#ff5657;}.elementor-22684 .elementor-element.elementor-element-2f8d804c .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-22684 .elementor-element.elementor-element-2f8d804c .elementskit-section-title-wraper p{color:#4D5765;font-family:"Jost", Sans-serif;font-size:18px;}.elementor-22684 .elementor-element.elementor-element-211c04d1{--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 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-7e9f58b );--border-color:var( --e-global-color-7e9f58b );--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-22684 .elementor-element.elementor-element-5f57a2c0 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 25px 0px;font-family:"Lato", Sans-serif;font-size:36px;font-weight:700;}.elementor-22684 .elementor-element.elementor-element-5f57a2c0 .elementskit-section-title-wraper .elementskit-section-title > span{color:#ff5657;}.elementor-22684 .elementor-element.elementor-element-5f57a2c0 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-22684 .elementor-element.elementor-element-5f57a2c0 .elementskit-section-title-wraper p{color:#4D5765;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;}.elementor-22684 .elementor-element.elementor-element-62582449{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-22684 .elementor-element.elementor-element-62d0acf0 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-22684 .elementor-element.elementor-element-62d0acf0 .elementskit-btn{background-color:#1457C0;font-weight:600;border-style:none;}.elementor-22684 .elementor-element.elementor-element-62d0acf0 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-22684 .elementor-element.elementor-element-62d0acf0 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-22684 .elementor-element.elementor-element-62d0acf0 .elementskit-btn > i, .elementor-22684 .elementor-element.elementor-element-62d0acf0 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-22684 .elementor-element.elementor-element-62d0acf0 .elementskit-btn > i, .rtl .elementor-22684 .elementor-element.elementor-element-62d0acf0 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-22684 .elementor-element.elementor-element-7b396502 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-22684 .elementor-element.elementor-element-7b396502 .elementskit-btn{background-color:#FFFFFF;color:#050505;fill:#050505;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-22684 .elementor-element.elementor-element-7b396502 .elementskit-btn:hover{background-color:#DFEEFF;color:#2173E6;fill:#2173E6;border-color:#1C78CE;}.elementor-22684 .elementor-element.elementor-element-7b396502 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-22684 .elementor-element.elementor-element-7b396502 .elementskit-btn > i, .elementor-22684 .elementor-element.elementor-element-7b396502 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-22684 .elementor-element.elementor-element-7b396502 .elementskit-btn > i, .rtl .elementor-22684 .elementor-element.elementor-element-7b396502 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-22684 .elementor-element.elementor-element-3ce5c954 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-22684 .elementor-element.elementor-element-3ce5c954 .elementskit-btn{background-color:#1457C0;font-size:14px;font-weight:600;border-style:none;}.elementor-22684 .elementor-element.elementor-element-3ce5c954.elementor-element{--align-self:center;}.elementor-22684 .elementor-element.elementor-element-3ce5c954 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-22684 .elementor-element.elementor-element-3ce5c954 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-22684 .elementor-element.elementor-element-3ce5c954 .elementskit-btn > i, .elementor-22684 .elementor-element.elementor-element-3ce5c954 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-22684 .elementor-element.elementor-element-3ce5c954 .elementskit-btn > i, .rtl .elementor-22684 .elementor-element.elementor-element-3ce5c954 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-22684 .elementor-element.elementor-element-50c627ee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22684 .elementor-element.elementor-element-31db6949{--display:flex;--justify-content:flex-start;}.elementor-22684 .elementor-element.elementor-element-3efcd70{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22684 .elementor-element.elementor-element-657938d7{--display:flex;--min-height:260px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:18px 18px 0px 0px;--margin-top:0px;--margin-bottom:-21px;--margin-left:0px;--margin-right:0px;}.elementor-22684 .elementor-element.elementor-element-657938d7:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-657938d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://binarybrains.co/wp-content/uploads/2026/02/aws-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22684 .elementor-element.elementor-element-4940c26f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 94px 0px rgba(0,0,0,0.5);}.elementor-22684 .elementor-element.elementor-element-4940c26f:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-4940c26f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-field-group > label, .elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-field-subgroup label{color:#4D5765;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-field-type-html{padding-bottom:0px;font-family:"Jost", Sans-serif;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .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-22684 .elementor-element.elementor-element-5ed6a03d .elementor-field-group .elementor-select-wrapper select{border-color:#D5CFCA;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-field-group .elementor-select-wrapper::before{color:#D5CFCA;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-button{font-size:16px;font-weight:bold;border-radius:10px 10px 10px 10px;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .e-form__buttons__wrapper__button-next{background-color:#1457C0;color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-button[type="submit"]{background-color:#1457C0;color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-5ed6a03d{--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-22684 .elementor-element.elementor-element-290c83bb{column-gap:0px;text-align:center;font-size:11.5px;}.elementor-22684 .elementor-element.elementor-element-3e74d5b2{--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-22684 .elementor-element.elementor-element-3e74d5b2:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-3e74d5b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F5FF;}.elementor-22684 .elementor-element.elementor-element-2e2dddcc{--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-22684 .elementor-element.elementor-element-2e2dddcc:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-2e2dddcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1F3A;}.elementor-22684 .elementor-element.elementor-element-72e044ba{--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-22684 .elementor-element.elementor-element-4d579f0{--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-22684 .elementor-element.elementor-element-4d579f0:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-4d579f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}.elementor-22684 .elementor-element.elementor-element-1811867d{--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-22684 .elementor-element.elementor-element-53ff8b37{--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-22684 .elementor-element.elementor-element-53ff8b37:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-53ff8b37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-22684 .elementor-element.elementor-element-53ff8b37.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22684 .elementor-element.elementor-element-5ff09c9{--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-22684 .elementor-element.elementor-element-5ff09c9:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-5ff09c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-22684 .elementor-element.elementor-element-51d397d9{--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-22684 .elementor-element.elementor-element-51d397d9:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-51d397d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7e9f58b );}.elementor-22684 .elementor-element.elementor-element-48e91a7f{--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-22684 .elementor-element.elementor-element-4b0da5d5{--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-22684 .elementor-element.elementor-element-4b0da5d5:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-4b0da5d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FB;}.elementor-22684 .elementor-element.elementor-element-e1127bb{--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-22684 .elementor-element.elementor-element-e1127bb:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-e1127bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7e9f58b );}.elementor-22684 .elementor-element.elementor-element-18b2c93{--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-22684 .elementor-element.elementor-element-18b2c93:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-18b2c93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}.elementor-22684 .elementor-element.elementor-element-4de5bad0{--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-22684 .elementor-element.elementor-element-4de5bad0:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-4de5bad0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}.elementor-22684 .elementor-element.elementor-element-774c521f{--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-22684 .elementor-element.elementor-element-774c521f:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-774c521f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}.elementor-22684 .elementor-element.elementor-element-1b4252a5{--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-22684 .elementor-element.elementor-element-1b4252a5:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-1b4252a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1F3A;}.elementor-22684 .elementor-element.elementor-element-1107d871{--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-22684 .elementor-element.elementor-element-1107d871:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-1107d871 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1F3A;}.elementor-22684 .elementor-element.elementor-element-4f0da53a{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22684 .elementor-element.elementor-element-66292e97{--display:flex;--justify-content:flex-start;}.elementor-22684 .elementor-element.elementor-element-530357f6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-22684 .elementor-element.elementor-element-1cf44a39{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 0px 0px;}.elementor-22684 .elementor-element.elementor-element-5a9e57f1 > .elementor-widget-container{background-color:#FFFFFF14;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;border-color:#1457C0;border-radius:30px 30px 0px 0px;}.elementor-22684 .elementor-element.elementor-element-1da01e5c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 020px 20px;box-shadow:0px 0px 94px 0px rgba(0,0,0,0.5);}.elementor-22684 .elementor-element.elementor-element-1da01e5c:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-1da01e5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22684 .elementor-element.elementor-element-38bc649c > .elementor-widget-container{padding:15px 20px 0px 20px;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-field-group > label, .elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-field-subgroup label{color:var( --e-global-color-9f9b9b7 );}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-field-type-html{padding-bottom:0px;font-family:"Jost", Sans-serif;}.elementor-22684 .elementor-element.elementor-element-38bc649c .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-22684 .elementor-element.elementor-element-38bc649c .elementor-field-group .elementor-select-wrapper select{border-color:#D5CFCA;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-field-group .elementor-select-wrapper::before{color:#D5CFCA;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-button{font-size:16px;font-weight:bold;}.elementor-22684 .elementor-element.elementor-element-38bc649c .e-form__buttons__wrapper__button-next{background-color:#1457C0;color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-button[type="submit"]{background-color:#1457C0;color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-22684 .elementor-element.elementor-element-38bc649c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-38bc649c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-38bc649c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-22684 .elementor-element.elementor-element-38bc649c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-22684 .elementor-element.elementor-element-38bc649c{--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-22684 .elementor-element.elementor-element-6a7b7d50{column-gap:0px;text-align:center;font-size:11.5px;}.elementor-22684 .elementor-element.elementor-element-43e947c7{--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-22684 .elementor-element.elementor-element-43e947c7:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-43e947c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-22684 .elementor-element.elementor-element-40df2ba8{--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-22684 .elementor-element.elementor-element-40df2ba8:not(.elementor-motion-effects-element-type-background), .elementor-22684 .elementor-element.elementor-element-40df2ba8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E2647;}@media(min-width:768px){.elementor-22684 .elementor-element.elementor-element-6bd85db9{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-3d6a7768{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-22224b51{--width:60%;}.elementor-22684 .elementor-element.elementor-element-31db6949{--width:50%;}.elementor-22684 .elementor-element.elementor-element-3e74d5b2{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-2e2dddcc{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-72e044ba{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-4d579f0{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-1811867d{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-5ff09c9{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-51d397d9{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-48e91a7f{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-4b0da5d5{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-e1127bb{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-18b2c93{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-4de5bad0{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-774c521f{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-1b4252a5{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-1107d871{--content-width:1240px;}.elementor-22684 .elementor-element.elementor-element-4f0da53a{--width:75%;}.elementor-22684 .elementor-element.elementor-element-1cf44a39{--width:50%;}.elementor-22684 .elementor-element.elementor-element-43e947c7{--content-width:1240px;}}@media(max-width:1024px) and (min-width:768px){.elementor-22684 .elementor-element.elementor-element-53ff8b37{--width:1124px;}}@media(max-width:1024px){.elementor-22684 .elementor-element.elementor-element-22224b51{--grid-auto-flow:row;}.elementor-22684 .elementor-element.elementor-element-4f0da53a{--grid-auto-flow:row;}.elementor-22684 .elementor-element.elementor-element-530357f6{width:var( --container-widget-width, 444px );max-width:444px;--container-widget-width:444px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-22684 .elementor-element.elementor-element-22224b51{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22684 .elementor-element.elementor-element-6642cef6{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-22684 .elementor-element.elementor-element-211c04d1{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-22684 .elementor-element.elementor-element-4f0da53a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-25030fa1 *//* ==================================== BINARY BRAINS COURSE STICKY NAV ==================================== */ html{ scroll-behavior:smooth; } /* ========================== NAVBAR ========================== */ .bb-course-nav{ background:rgba(255,255,255,.96); backdrop-filter:blur(12px); border-bottom:1px solid #edf2f8; transition:.35s ease; display:none; z-index:9999; } .bb-course-nav.bb-fixed{ display:block; position:fixed; top:0; left:0; width:100%; background:rgba(255,255,255,.96); backdrop-filter:blur(12px); box-shadow:0 10px 30px rgba(15,35,95,.08); z-index:9999; animation:bbNavDown .3s ease; } .bb-course-nav:not(.bb-fixed){ height:0; padding:0; border:none; overflow:hidden; } /* ========================== CONTAINER ========================== */ .bb-course-nav-inner{ max-width:1240px; margin:auto; display:flex; justify-content:space-between; align-items:center; padding:24px 20px; } /* ========================== LINKS ========================== */ /* LINKS WRAPPER */ .bb-course-links{ display:flex; align-items:center; gap:42px; } .bb-course-links a{ position:relative; color:#50678d; text-decoration:none; font-family:'Jost',sans-serif; font-size:17px; font-weight:700; transition:.3s ease; } .bb-course-links a:hover{ color:#1457C0; } /* ========================== ACTIVE LINK ========================== */ .bb-course-links a.active{ color:#1457C0; } .bb-course-links a.active::after{ content:''; position:absolute; left:0; bottom:-18px; width:100%; height:3px; border-radius:50px; background:#1457C0; } /* HOVER LINE */ .bb-course-links a:before{ content:''; position:absolute; left:0; bottom:-18px; width:0; height:3px; border-radius:50px; background:#1457c0; transition:.3s; } .bb-course-links a:hover:before{ width:100%; } /* ========================== BUTTON ========================== */ .bb-nav-btn{ display:inline-flex; align-items:center; justify-content:center; padding:7px 12px; border-radius:12px; background:#DC2626; color:#fff !important; text-decoration:none; font-family:'Jost',sans-serif; font-size:16px; font-weight:700; white-space:nowrap; box-shadow:0 10px 25px rgba(20,87,192,.18); transition:.3s ease; } .bb-nav-btn:hover{ background:#0f4ba8; color:#fff !important; transform:translateY(-2px); } /* ========================== ANIMATION ========================== */ @keyframes bbNavDown{ from{ opacity:0; transform:translateY(-20px); } to{ opacity:1; transform:translateY(0); } } /* ========================== SECTION OFFSET ========================== */ #program, #curriculum, #tools, #projects, #who, #fees, #faqs{ scroll-margin-top:70px; } /* ========================== TABLET ========================== */ @media(max-width:1024px){ .bb-course-links{ gap:24px; } .bb-course-links a{ font-size:15px; } .bb-nav-btn{ padding:12px 18px; font-size:14px; } } /* ========================== MOBILE ========================== */ @media(max-width:767px){ .bb-course-nav{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; border-top:1px solid #edf2f8; } .bb-course-nav::-webkit-scrollbar{ display:none; } .bb-course-nav.bb-fixed{ top:0; } .bb-course-nav-inner{ width:max-content; min-width:max-content; gap:18px; padding:24px 18px; } .bb-course-links{ gap:22px; } .bb-course-links a{ white-space:nowrap; font-size:14px; font-weight:700; flex-shrink:0; } .bb-nav-btn{ flex-shrink:0; padding:10px 18px; font-size:13px; border-radius:10px; } .bb-course-links a.active:after, .bb-course-links a:hover:before{ bottom:-14px; height:2px; } } /* ========================== SMALL MOBILE ========================== */ @media(max-width:480px){ .bb-course-links{ gap:18px; } .bb-course-links a{ font-size:13px; } .bb-nav-btn{ font-size:12px; padding:9px 15px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2d474a13 */.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0px} .pill{display:inline-flex;align-items:center;gap:7px;font-family:'Jost',sans-serif;font-weight:600;font-size:13px;padding:3px 14px;border-radius:18px;background:#F0F5FF;color:#1457C0;border:1px solid #D6E4FF} .pill.ai{background:linear-gradient(135deg,#E9F1FF,#F3F8FF);color:#1c3b63;border-color:#C9DEFF} .pill.hot{background:#FBECEB;color:#1c3b63;border-color:#F6D5D3}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-367e5bd7 *//* Left */ .hero-eyebrow { display:inline-flex; align-items:center; gap:10px; padding:12px 24px; border-radius:18px; /* 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); } .hero-eyebrow .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; } /*.hero-eyebrow span { font-size:13px; font-weight:700; color:#1457C0; letter-spacing:.12em; text-transform:uppercase; }*/ @media (max-width:768px){ .hero-eyebrow{ font-size:11px; letter-spacing:1.4px; padding:10px 18px; gap:8px; } .hero-eyebrow .dot{ width:8px; height:8px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6e356870 */.hero-h1{ font-family:'Jost',sans-serif; font-size:32px; font-weight:700; line-height:1.1; letter-spacing:0px; color:#323842; margin:0; } .hero-h1 .or { color:#2C6FE8; } /* BLUE LINE */ .hero-h1 .r2{ display:block; margin-top:10px; font-size:20px; font-weight:600; line-height:0.95; color:#071c3d; margin-bottom:8px; } /* RED LINE */ .hero-h1 .r3{ display:block; margin-top:8px; font-size:18px; font-weight:600; line-height:1.05; letter-spacing:0px; color:#5b6576; max-width:900px; } .hero-h1 .r4{ margin-top:8px; font-size:28px; font-weight:600; line-height:1.0; letter-spacing:0px; color:#323842; } /* LARGE DESKTOP */ @media(min-width:1400px){ .hero-h1{ font-size:32px; } } /* TABLET */ @media(max-width:1024px){ .hero-h1{ font-size:32px; line-height:0.92; } .hero-h1 .r3{ font-size:0.5em; } } /* MOBILE */ @media(max-width:767px){ .hero-h1{ font-size:32px; line-height:1.1; letter-spacing:-2px; } .hero-h1 .or { color:#2C6FE8; } .hero-h1 .r2{ font-size:16px; line-height:1.1; margin-top:6px; letter-spacing:0.3px; } .hero-h1 .r3{ font-size:20px; line-height:1.1; margin-top:6px; } }/* End custom CSS */ /* Start custom CSS for elementskit-heading, class: .elementor-element-5f57a2c0 */.hero-ticks{ list-style:none; display:grid; gap:12px; margin-bottom: 30px } .hero-ticks li{ display:flex; gap:11px; font-size:16px; color:#324A6B; font-weight:400; } .hero-ticks .ck{ flex:0 0 22px; width:22px; height:22px; border-radius:50%; background:#F0F5FF; color:#1457C0; display:grid; place-items:center; font-size:12px; margin-top:2px }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-619f31d5 */.hero-hl-cards { margin-bottom:28px; } .hhc-stats { position:relative; background:var(--bg-white); border:1.5px solid var(--bd); border-radius:18px; padding:22px 10px; display:grid; grid-template-columns:repeat(4,1fr); box-shadow: var(--sh-sm); } .hhc-stat { text-align:center; position:relative; padding:0 6px; } .hhc-stat:not(:last-child)::after { content:''; position:absolute; top:6%; right:0; bottom:6%; width:1px; background:var(--bd); } .hhc-stat-val { font-family:var(--pp); font-weight:900; font-size:29px; color:var(--navy); line-height:1; } .hhc-stat-val-01 { font-family:var(--pp); font-weight:900; font-size:24px; color:var(--navy); line-height:1;margin-top:3px; } .hhc-stat-val sup { font-size:20px; font-weight:800; color: #2a6edc; margin-left:1px; } .hhc-stat-lbl { font-size:10.5px; font-weight:800; color:var(--tx3); letter-spacing:.08em; text-transform:uppercase; margin-top:6px; } .hhc-stat-lbl-01 { font-size:10.5px; font-weight:800; color:var(--tx3); letter-spacing:.08em; text-transform:uppercase; margin-top:8px; } @media(max-width:560px){ .hhc-tools-grid{ grid-template-columns:repeat(3,1fr); row-gap:18px; } .hhc-stats{ grid-template-columns:repeat(2,1fr); row-gap:18px; } .hhc-stat:nth-child(2)::after,.hhc-stat:nth-child(4)::after{ display:none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-498f9fb8 *//* ═══ HERO HIGHLIGHT CARDS (tool grid + stat bar) ═══ */ .hero-hl-cards { margin-bottom:28px; } .hhc-tools { position:relative; background:var(--bg-blue); border:1.5px solid var(--bd); border-radius:18px; padding:22px 24px; margin-bottom:14px; box-shadow: var(--sh-sm); } .hhc-tools-label { display:flex; align-items:center; gap:10px; margin-bottom:18px; font-size:13px; font-weight:500; color:#173760; } .hhc-tools-label .tag-ico { font-size:21px; flex-shrink:0; } .hhc-tools-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; } .hhc-tool { display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center; } .hhc-tool-box { width:56px; height:56px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:25px; flex-shrink:0; box-shadow:0 6px 16px rgba(11,31,58,.18); transition:transform .25s, box-shadow .25s; } .hhc-tool-box img{ max-width: 85% !important; height: auto; } .hhc-tool:hover .hhc-tool-box { transform:translateY(-3px) scale(1.05); box-shadow:0 10px 22px rgba(11,31,58,.26); } .hhc-tool-name { margin-top:10px; font-size:13px; font-weight:600; color:var(--tx2); text-align:center;} @media(max-width:560px){ .hhc-tools-grid{ grid-template-columns:repeat(3,1fr); row-gap:18px; } .hhc-stats{ grid-template-columns:repeat(2,1fr); row-gap:18px; } .hhc-stat:nth-child(2)::after,.hhc-stat:nth-child(4)::after{ display:none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-52e4a420 */.lead-card h3{ font-size:20px; font-weight:700; color:#0E2647; text-align:center } .lead-card .lc-sub{ text-align:center; font-size:13px; color:#5A739A; margin:5px 0 16px } .lead-card .lc-sub b{ color:#D83A34; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d6a7768 *//* ════════════════════════════════════════════════ ROOT VARIABLES — Cyber Dark Premium ════════════════════════════════════════════════ */ :root { --navy: #0B1F3A; --navy2: #0E2647; --navy3: #070F1E; --teal: #1457C0; --teal2: #1769E0; --teal-lt: #EBF3FE; --teal-xs: #F4F8FF; --orange: #DC2626; --orange2: #EF4444; --or-lt: #FEE2E2; --gold: #1457C0; --green: #1769E0; --gn-lt: #EBF3FE; --red: #DC2626; --bg-white: #FFFFFF; --bg-soft: #F7F9FC; --bg-blue: #F0F5FF; --bg-teal: #F0F5FF; --bg-warm: #F0F5FF; --bg-navy: #0B1F3A; --tx1: #0a1628; --tx2: #1a3250; --tx3: #4a6080; --tx4: #7a9ab8; --bd: #d0dcea; --bd2: #b8cede; --bd3: #90b0c8; --pp: 'Jost', sans-serif; --mono: 'Montserrat', sans-serif; --sh-xs: 0 1px 4px rgba(11,31,58,.06); --sh-sm: 0 3px 14px rgba(11,31,58,.09); --sh-md: 0 8px 32px rgba(11,31,58,.12); --sh-lg: 0 18px 56px rgba(11,31,58,.14); --sh-xl: 0 28px 72px rgba(11,31,58,.18); --sh-teal: 0 8px 28px rgba(20,87,192,.22); --sh-orange: 0 8px 28px rgba(220,38,38,.28); --r-xs: 6px; --r-sm: 10px; --r-md: 16px; --r-lg: 22px; --r-xl: 30px; --w: 1240px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70dc51e2 *//* ========================= */ /* 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-285a4e98 *//* ========================================== CAREER GROWTH SECTION ========================================== */ #bb-career-growth{ background:#0b1f3a; padding:50px 20px; font-family:'Jost',sans-serif; overflow:hidden; } #bb-career-growth .bb-growth-wrap{ max-width:1240px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; } /* ========================================== ANIMATION ========================================== */ #bb-career-growth .bb-growth-left{ opacity:1; } #bb-career-growth .bb-growth-right{ opacity:1; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top: 50px; } #bb-career-growth .bb-show{ opacity:1 !important; transform:none !important; } /* ========================================== SECTION TAG ========================================== */ #bb-career-growth .bb-sec-tag{ display:flex; align-items:center; gap:10px; color:#8b96aa; font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:24px; } #bb-career-growth .bb-sec-tag::before{ content:''; width:18px; height:2px; background:#ff3d3d; border-radius:50px; flex-shrink:0; } /* ========================================== HEADING ========================================== */ #bb-career-growth h2{ margin:0; color:#ffffff; font-size:35px; font-weight:800; line-height:1.05; letter-spacing:-1px; max-width:650px; } #bb-career-growth h2 span{ display:block; color:#1f6fff; } /* ========================================== SMALL SLIDER DOTS ========================================== */ #bb-career-growth .bb-slider-dots{ display:flex; gap:6px; margin:24px 0 32px; } #bb-career-growth .bb-slider-dots span{ width:32px; height:4px; border-radius:50px; background:rgba(255,255,255,.12); } #bb-career-growth .bb-slider-dots .active{ background:#1f6fff; } /* ========================================== DESCRIPTION ========================================== */ #bb-career-growth .bb-growth-desc{ color:#ffffff; font-size:18px; line-height:1.5; max-width:620px; margin-bottom:32px; } /* ========================================== HERO STAT (left column highlight) ========================================== */ #bb-career-growth .bb-hero-stat{ display:flex; align-items:center; gap:22px; background:rgba(31,111,255,.08); border:1px solid rgba(31,111,255,.22); border-radius:18px; padding:26px 28px; margin-bottom:26px; } #bb-career-growth .bb-hero-stat .bb-hero-num{ color:#ffffff; font-size:60px; font-weight:800; line-height:1; letter-spacing:-2px; flex-shrink:0; } #bb-career-growth .bb-hero-stat .bb-hero-num span{ color:#ff3d3d; font-size:.55em; } #bb-career-growth .bb-hero-stat p{ margin:0; color:#ffffff; font-size:18px; line-height:1.6; } #bb-career-growth .bb-hero-stat p strong{ color:#ffffff; font-weight:700; } /* ========================================== DEMAND LINE + SOURCE ========================================== */ #bb-career-growth .bb-demand-line{ color:#a4afc0; font-size:15px; line-height:1.7; max-width:600px; margin:0 0 18px; } #bb-career-growth .bb-demand-line strong{ color:#1f6fff; font-weight:700; } #bb-career-growth .bb-source{ color:rgba(164,175,192,.6); font-size:11.5px; line-height:1.5; max-width:1200px; margin:0; } /* ========================================== DATA CARDS (bb-grid style) ========================================== */ #bb-career-growth .bb-point{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); border-left:3px solid #1f6fff; border-radius:18px; padding:26px 24px; min-height:200px; display:flex; flex-direction:column; transition:.35s ease; } #bb-career-growth .bb-point:hover{ transform:translateY(-5px); border-color:#1f6fff; background:rgba(31,111,255,.1); box-shadow:0 15px 35px rgba(0,0,0,.18); } #bb-career-growth .bb-point .bb-pnum{ color:#1f6fff; font-size:42px; font-weight:800; line-height:1; letter-spacing:-1px; margin-bottom:12px; } #bb-career-growth .bb-point .bb-pnum span{ color:#ff3d3d; font-size:.6em; } #bb-career-growth .bb-point .bb-pnum small{ font-size:.42em; font-weight:700; letter-spacing:0; } #bb-career-growth .bb-point h4{ margin:0 0 8px; color:#ffffff; font-size:17px; font-weight:700; line-height:1.35; } #bb-career-growth .bb-point p{ margin:0; color:#ffffff; font-size:14px; line-height:1.65; } /* ========================================== TABLET ========================================== */ @media(max-width:1024px){ #bb-career-growth{ padding:80px 20px; } #bb-career-growth .bb-growth-wrap{ grid-template-columns:1fr; gap:40px; } #bb-career-growth h2{ font-size:35px; } #bb-career-growth .bb-growth-right{ grid-template-columns:repeat(2,1fr); } } /* ========================================== MOBILE ========================================== */ @media(max-width:767px){ #bb-career-growth{ padding:60px 15px; } #bb-career-growth .bb-growth-right{ margin-top: 0; } #bb-career-growth h2{ font-size:35px; line-height:1.12; } #bb-career-growth .bb-growth-desc{ font-size:18px; line-height:1.9; } #bb-career-growth .bb-hero-stat{ flex-direction:column; align-items:flex-start; gap:14px; padding:22px; } #bb-career-growth .bb-hero-stat .bb-hero-num{ font-size:52px; } #bb-career-growth .bb-growth-right{ grid-template-columns:1fr; } #bb-career-growth .bb-point{ min-height:auto; padding:22px; } #bb-career-growth .bb-point .bb-pnum{ font-size:36px; } #bb-career-growth .bb-sec-tag{ font-size:11px; letter-spacing:1.5px; } } @media(prefers-reduced-motion:reduce){ #bb-career-growth .bb-growth-left, #bb-career-growth .bb-growth-right{ transition:none; transform:none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-16389e15 *//* ═══ ABOUT THE PROGRAM ═══ */ #atp{ padding:25px 20px; background:#ffffff; font-family:'Jost',sans-serif; } #atp .atp-wrap{ max-width:1240px; margin:auto; } /* TAG */ #atp .atp-tag{ display:flex; align-items:center; justify-content:center; gap:12px; color:#1f63e9; font-size:12px; font-weight:700; letter-spacing:2px; margin-bottom:18px; } #atp .atp-tag span{ width:20px; height:2px; background:#e62c2c; } /* TITLE */ #atp .atp-title{ text-align:center; font-size:35px; line-height:1; font-weight:800; letter-spacing:-1px; color:#071c3d; margin:0 0 18px; } #atp .atp-title span{ color:#1457C0; } /* DIVIDER */ #atp .atp-divider{ display:flex; justify-content:center; gap:8px; margin-bottom:28px; } #atp .atp-divider span:nth-child(1), #atp .atp-divider span:nth-child(2){ width:30px; height:4px; background:#2d6fe8; border-radius:20px; } #atp .atp-divider span:nth-child(3){ width:10px; height:4px; background:#e62c2c; border-radius:20px; } /* DESCRIPTION */ #atp .atp-desc{ max-width:1000px; margin:0 auto 55px; text-align:center; color:#556987; font-size:18px; line-height:2; } #atp .atp-intro { font-size:16px; color:#1a3250; line-height:1.8; max-width:780px; margin:18px auto 0; text-align:center; } #atp .atp-sub-label { display:flex; align-items:center; text-align:center; gap:10px; font-family:'Jost', sans-serif; font-size:13px; font-weight:700; color:#1457C0; letter-spacing:2px; text-transform:uppercase; margin:46px 0 22px; margin-bottom:18px; } #atp .atp-sub-label span{ display:inline-block; width: 20px; height: 3px; border-radius: 10px; background: #3b82f6; } #atp .atp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } #atp .atp-card { background:#FFFFFF; border:1.5px solid #d0dcea; border-radius:16px; padding:26px 24px; text-align:left; box-shadow:0 1px 4px rgba(11,31,58,.06); transition:.25s; } #atp .atp-card:hover { box-shadow:0 8px 32px rgba(11,31,58,.12); transform:translateY(-4px); border-color:#1457C0; } #atp .atp-card-title { display: flex; align-items: center; gap: 14px; } #atp .atp-card-title h3 { font-size: 16px; font-weight: 600; color: #0D1B2E; margin-bottom: 15px; } #atp .atp-ico { width:30px; height:30px; border-radius:6px; margin-bottom:16px; display:flex; align-items:center; justify-content:center; font-size:18px; } #atp .atp-ico.tl { background:#EBF3FE; border:1.5px solid rgba(20,87,192,.2); } #atp .atp-ico.or { background:#FEE2E2; border:1.5px solid #FCA5A5; } #atp .atp-t { font-size:15.5px; font-weight:700; color:#0B1F3A; margin-bottom:7px; } #atp .atp-d { font-size:16px; color:#4a6080; line-height:1.6; } @media(max-width:900px) { #atp .atp-grid{ grid-template-columns:1fr 1fr; } } @media(max-width:560px) { #atp .atp-title{ font-size:35px; } #atp .atp-grid{ grid-template-columns:1fr; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fd2f1c0 *//* ========================================== WHY BINARYBRAINS ========================================== */ .bb-focus-area{ background:#f5f7fb; padding:25px 20px; font-family:'Jost',sans-serif; } .bb-focus-area-container{ max-width:1240px; margin:0 auto; } /* ========================================== TOP LABEL ========================================== */ .bb-focus-area-topline{ display:flex; justify-content:center; align-items:center; gap:10px; color:#1457C0; font-size:13px; font-weight:700; letter-spacing:3px; margin-bottom:18px; text-transform:uppercase; } .bb-focus-area-topline span{ width:18px; height:3px; background:#ff3131; border-radius:20px; } /* ========================================== HEADING ========================================== */ .bb-focus-area-heading{ text-align:center; font-size:35px; font-weight:800; line-height:1.08; color:#071f47; margin:0; } .bb-focus-area-heading span{ color:#1457C0; } .bb-focus-area-desc{ text-align:center; margin-top:15px; color:#5A739A; font-size:18px; max-width: 1025px; margin-left: auto; margin-right: auto; } /* ========================================== DIVIDER ========================================== */ .bb-focus-area-divider{ display:flex; justify-content:center; margin:18px 0 55px; } .bb-focus-area-divider span{ width:64px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #1457C0 0%, #1457C0 40%, #ffffff 40%, #ffffff 60%, #1457C0 60%, #1457C0 100% ); position:relative; } .bb-focus-area-divider span:after{ content:''; width:6px; height:6px; border-radius:50%; background:#ff3131; position:absolute; right:-10px; top:-1px; } /* ========================================== GRID ========================================== */ .bb-focus-area-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:20px; } .bb-focus-area-card{ max-width:1240px; margin:40px auto; display:flex; align-items:center; gap:44px; background:#fff; border:1px solid #E6EDF7; border-radius:16px; box-shadow:0 22px 54px -26px rgba(11,31,58,.28); padding:35px 50px; } .bb-focus-area-list{ flex:1 1 auto; display:grid; grid-template-columns:1fr 1fr; gap:34px 5px; } .bb-focus-area-item{ display:flex; align-items:center; gap:16px; } .bb-focus-area-label{ font-weight:500; font-size:16px; color:#324A6B; line-height:1.25; } .bb-focus-area-art{ flex:0 0 340px; max-width:340px; } .bb-focus-area-art svg{ width:100%; height:auto; display:block; } .bb-focus-area-ck{ flex:0 0 20px; width:20px; height:20px; border-radius:50%; background:#F0F5FF; color:#1769E0; display:grid; place-items:center; font-size:11px; margin-top:2px; } /* IMAGE */ .bb-focus-area-image { width: 35%; height: 350px; border-radius: 18px; background-image: url('https://binarybrains.co/wp-content/uploads/2026/08/key_focus_aws_areas.png'); background-size: cover; background-position: center; position: relative; z-index: 2; } /* ========================================== TITLE ========================================== */ .bb-focus-area-card h3{ font-size:16px; font-weight:700; line-height:1.4; color:#0b1f3a; margin:0 0 16px; } .bb-focus-area-card { max-width: 1240px; margin: 40px auto; display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #E6EDF7; border-radius: 16px; box-shadow: 0 22px 54px -26px rgba(11,31,58,.28); padding: 35px 50px; } /* ========================================== TEXT ========================================== */ .bb-focus-area-card p{ font-size:16px; line-height:1.6; color:#556d8d; margin:0; } /* ========================================== TABLET ========================================== */ @media(max-width:1024px){ .bb-focus-area-grid{ grid-template-columns: repeat(2,1fr); } .bb-focus-area-heading{ font-size:35px; } .bb-focus-area-card{ min-height:240px; } /* IMAGE */ .bb-focus-area-image { width: 35%; height: 250px; border-radius: 18px; } } /* ========================================== MOBILE ========================================== */ @media(max-width:767px){ .bb-focus-area{ padding:70px 16px; } .bb-focus-area-heading{ font-size:35px; line-height:1.15; } .bb-focus-area-desc { font-size: 18px; } .bb-focus-area-divider{ margin:18px 0 40px; } .bb-focus-area-grid{ grid-template-columns:1fr; gap:16px; } .bb-focus-area-list{ grid-template-columns:1fr; gap: 20px 5px; } .bb-focus-area-card{ min-height:auto; flex-direction: column; padding: 34px 15px; gap: 30px; } .bb-focus-area-icon{ width:52px; height:52px; font-size:24px; margin-bottom:18px; } .bb-focus-area-label{ font-size:16px;} .bb-focus-area-card h3{ font-size:18px; } .bb-focus-area-card p{ font-size:15px; line-height:1.8; } /* IMAGE */ .bb-focus-area-image { width: 100%; height: 300px; border-radius: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b7e6c42 */.syn-curriculum{ background:#ffffff; padding:25px 20px 0px; font-family:'Jost',sans-serif; } .syn-header{ max-width:1240px; margin:auto; text-align:center; } .syn-tag-wrap{ display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:20px; } .syn-tag-line{ width:28px; height:4px; border-radius:20px; background:#E53935; } .syn-tag{ font-size:12px; font-weight:700; letter-spacing:3px; color:#1457C0; text-transform:uppercase; } .syn-heading{ font-size:35px; line-height:1.1; font-weight:800; color:#081B3A; margin:0; } .syn-heading span{ color:#1457C0; } .syn-divider{ display:flex; justify-content:center; gap:8px; margin:26px 0 32px; } .syn-divider span{ height:5px; border-radius:50px; } .syn-divider span:nth-child(1){ width:38px; background:#1457C0; } .syn-divider span:nth-child(2){ width:38px; background:#1457C0; } .syn-divider span:nth-child(3){ width:14px; background:#E53935; } .syn-subtitle{ max-width:1050px; margin:auto; color:#5A739A; font-size:18px; line-height:1.8; } .cur-meta{ margin-top:30px; display:flex; justify-content:center; gap:40px; flex-wrap:wrap; margin-bottom:34px } .cur-meta .cm{ background:#fff; border:1px solid #E4EBF5; border-radius:11px; padding:11px 20px; font-family:'Jost',sans-serif; font-weight:700; color:#1457C0; font-size:14.5px; display:flex; align-items:center; gap:8px; box-shadow:0 2px 10px rgba(11,31,58,.06); } .cur-meta .cm .ic{color:var(--blue)} /* ===== FIRST ROW ===== */ .syn-grid{ max-width:1240px; margin:50px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .syn-card{ background:#fff; border:1px solid #D6E2F0; border-radius:16px; padding:16px; position:relative; overflow:hidden; transition:.35s ease; } .syn-card::before{ content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:#08214B; } .syn-card:hover{ transform:translateY(-8px); box-shadow:0 18px 45px rgba(0,0,0,.08); } .syn-head{ display:flex; align-items:center; gap:12px; margin-bottom:12px; } .syn-icon{ font-size:18px; } .syn-num{ font-size:11px; font-weight:700; letter-spacing:1.5px; color:#7E95B8; } .syn-phase{ display:inline-block; padding:5px 10px; border-radius:10px; background:#EDF4FF; color:#1457C0; font-size:13px; font-weight:700; } .syn-title{ font-size:16px; font-weight:800; color:#081B3A; margin-bottom:8px; line-height:1.3; } .syn-meta{ color:#8CA0BC; font-size:14px; margin-bottom:12px; } .syn-topics{ list-style:none; margin:0; padding:0; } .syn-topics li{ position:relative; padding-left:14px; margin-bottom:6px; color:#415978; line-height:1.5; font-size:14px; } .syn-topics li::before{ content:'›'; position:absolute; left:0; color:#1457C0; font-weight:700; } /* ===== ROW 2 COLORS ===== */ .s-p2::before{ background:#2563EB; } .s-p5::before{ background:#EF4444; } .syn-red-phase{ background:#FDE8E8; color:#DC2626; } /* ===== ROW 3 ===== */ .s-p3::before{ background:#2563EB; } .s-p4::before{ background:#2563EB; } /* ===== CAPSTONE ===== */ .syn-cap{ grid-column:span 2; background:#071F4A; border:none; color:#fff; position:relative; } .syn-cap::before{ background:#DC2626; } .syn-cap .syn-num{ color:rgba(255,255,255,.55); } .syn-cap .syn-title{ color:#fff; font-size:14px; } .syn-cap .syn-meta{ color:rgba(255,255,255,.55); } .syn-cap .syn-topics li{ color:#fff; } .syn-cap .syn-topics li::before{ color:#2563EB; } .syn-cap-badge{ background:rgba(255,255,255,.12); color:#fff; } .syn-cap-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; } @media(max-width:1200px){ .syn-cap{ grid-column:span 2; } } @media(max-width:767px){ .syn-cap{ grid-column:span 1; } .syn-cap-grid{ grid-template-columns:1fr; } } @media(max-width:1200px){ .syn-grid{ grid-template-columns:repeat(3,1fr); } } @media(max-width:1024px){ .syn-heading{ font-size:35px; } } @media(max-width:767px){ .syn-curriculum{ padding:70px 15px 30px; } .syn-heading{ font-size:35px; line-height:1.15; } .syn-subtitle{ font-size:18px; line-height:1.8; } .syn-grid{ grid-template-columns:1fr; gap:16px; margin-top:40px; } .syn-card{ padding:18px; } .syn-title{ font-size:18px; } .syn-topics li{ font-size:14px; } .syn-cap{ grid-column:span 1; } .syn-cap-grid{ grid-template-columns:1fr; gap:10px; } .cur-meta{ margin-top:30px; display:grid; grid-template-columns: 1fr 1fr; gap:10px; margin-bottom:0px } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1b796408 *//* ========================================== COURSE CURRICULUM + STICKY ENQUIRY FORM (AWS SAA-C03) ========================================== */ *{box-sizing:border-box;margin:0;padding:0} body{background:#f7f9fc;font-family:'Jost',sans-serif} #bb-course-content-mobile{ padding:60px 20px; background:#f7f9fc; font-family:'Jost',sans-serif; } #bb-course-content-mobile .bb-course-wrap{max-width:1240px;margin:auto} /* TOP BAR (full width, above both columns) */ #bb-course-content-mobile .bb-course-top{text-align:center;margin-bottom:30px} #bb-course-content-mobile .bb-course-badge{ display:inline-flex;align-items:center;justify-content:center; background:#edf4ff;color:#1457c0;padding:10px 22px;border-radius:999px; font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:22px; } #bb-course-content-mobile .bb-course-top h2{margin:0 0 14px;font-size:35px;line-height:1.1;font-weight:800;color:#071c3d} #bb-course-content-mobile .bb-course-top p{margin:0;color:#5f7698;font-size:18px;line-height:1.8} /* TWO-COLUMN LAYOUT */ .bb-cur-layout{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:30px; align-items:stretch; /* FIX: right column must fill full row height, or the sticky form has nowhere to travel */ max-width: 1240px; padding: 35px 35px; } .bb-cur-left{min-width:0} /* EXPAND / COLLAPSE CONTROLS */ .acc-controls{display:flex;justify-content:flex-end;gap:12px;margin:0 0 14px} .acc-controls button{ border:1.5px solid #cfdced;background:#fff;padding:9px 18px;border-radius:8px; font-family:'Jost',sans-serif;font-size:13px;font-weight:700;color:#324f78;cursor:pointer;transition:.25s; } .acc-controls button:hover{background:#1457C0;color:#fff;border-color:#1457C0} /* ACCORDION */ .acc-wrap{width:100%} .acc-item{background:#fff;border:1px solid #E4EBF5;border-radius:14px;margin-bottom:12px;overflow:hidden;transition:.2s;box-shadow:0 2px 10px rgba(11,31,58,.06)} .acc-item.open{border-color:#BBD4FF;box-shadow:0 14px 40px rgba(11,31,58,.10)} .acc-hd{width:100%;display:flex;align-items:center;gap:16px;padding:18px 22px;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit} .acc-num{flex:0 0 44px;width:44px;height:44px;border-radius:11px;background:#F0F5FF;color:#1457C0;font-family:'Jost',sans-serif;font-weight:800;font-size:16px;display:grid;place-items:center;transition:.25s} .acc-item.open .acc-num{background:linear-gradient(135deg,#1769E0,#1457C0);color:#fff} .acc-hd-txt{flex:1} .acc-hd-txt h4{font-size:17px;font-weight:700;color:#0D1B2E;margin-bottom:2px} .acc-hd-txt span{font-size:14px;color:#5A739A;font-weight:500} .acc-chev{flex:0 0 26px;color:#5A739A;transition:.3s;font-size:15px} .acc-item.open .acc-chev{transform:rotate(180deg);color:#1457C0} .acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease} .acc-inner{padding:2px 22px 22px 82px} .acc-inner ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 22px} .acc-inner li{display:flex;gap:9px;font-size:16px;color:#324A6B;text-transform:capitalize} .acc-inner li::before{content:"\25B8";color:#3B9EFF;font-weight:700;flex:0 0 auto} /* SCROLL REVEAL */ .anim{opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease} .anim.in{opacity:1;transform:none} /* ========================================== STICKY ENQUIRY FORM (right column) ========================================== */ .bb-enq-col{min-width:0;position:relative} .bb-enq-form{ position:relative; /* JS controls the sticky behaviour (fixed/absolute) — see script at page bottom */ background:#fff; border:1px solid #E4EBF5; border-radius:16px; overflow:hidden; box-shadow:0 14px 40px rgba(11,31,58,.10); } .bb-enq-head{ background:linear-gradient(135deg,#0B1F3A 0%,#123f8e 100%); color:#ffffff;padding:22px 22px 20px;text-align:center; } .bb-enq-head h3{font-size:20px;font-weight:800;margin-bottom:6px;line-height:1.25; color:#ffffff; } .bb-enq-head p{font-size:13px;color:#c6d6f2;font-weight:500;line-height:1.5} .bb-enq-body{padding:22px} .bb-enq-field{margin-bottom:14px} .bb-enq-field label{display:block;font-size:12.5px;font-weight:700;color:#33507a;margin-bottom:6px;letter-spacing:.2px} .bb-enq-field input{ width:100%;border:1.5px solid #d9e3f1;border-radius:9px;padding:12px 14px; font-family:'Jost',sans-serif;font-size:14.5px;color:#0D1B2E;background:#fff;transition:.2s; } .bb-enq-field input::placeholder{color:#7b93b3} .bb-enq-field input:focus{outline:none;border-color:#1457C0;box-shadow:0 0 0 3px rgba(20,87,192,.12)} .bb-enq-field .bb-enq-err{display:none;color:#e11d48;font-size:12px;margin-top:5px;font-weight:600} .bb-enq-field.bad input{border-color:#e11d48;background:#fff5f7} .bb-enq-field.bad .bb-enq-err{display:block} .bb-enq-phone{display:flex;align-items:stretch} .bb-enq-phone .cc{ display:flex;align-items:center;padding:0 12px;border:1.5px solid #d9e3f1;border-right:0; border-radius:9px 0 0 9px;background:#f4f7fc;color:#33507a;font-size:14.5px;font-weight:700; } .bb-enq-field.bad .bb-enq-phone .cc{border-color:#e11d48} .bb-enq-consent{display:flex;align-items:flex-start;gap:9px;margin:2px 0 14px} .bb-enq-consent input[type="checkbox"]{margin-top:2px;width:16px;height:16px;flex:0 0 16px;accent-color:#1457C0;cursor:pointer} .bb-enq-consent label{color:#5f7698;line-height:1.5;cursor:pointer} .bb-enq-consent a:hover{text-decoration:underline} .bb-enq-consent.bad input[type="checkbox"]{outline:2px solid #e11d48;outline-offset:2px} .bb-enq-cerr{display:none;color:#e11d48;font-size:12px;margin:-8px 0 12px;font-weight:600} .bb-enq-consent.bad + .bb-enq-cerr{display:block} .bb-enq-btn{ width:100%;border:0;border-radius:10px;padding:14px 16px;margin-top:4px;cursor:pointer; background:#1457C0;color:#fff;font-family:'Jost',sans-serif;font-size:15.5px;font-weight:800; letter-spacing:.3px;transition:.25s; } .bb-enq-btn:hover{background:#0f47a0} .bb-enq-btn:disabled{opacity:.85;cursor:default} .bb-enq-note{margin-top:12px;text-align:center;font-size:12px;color:#7b93b3;line-height:1.5} .bb-enq-trust{ display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px; padding-top:14px;border-top:1px solid #eef2f8; } .bb-enq-trust span{font-size:11.5px;color:#33507a;font-weight:600;background:#f2f6fc;border:1px solid #e0e9f5;padding:5px 10px;border-radius:6px} /* ========================================== RESPONSIVE ========================================== */ @media(max-width:991px){ .bb-cur-layout{grid-template-columns:1fr;gap:26px; padding: 35px 0px; } .bb-enq-form{position:static !important;top:auto !important;left:auto !important;width:auto !important;max-width:520px;margin:0 auto} /* stacks; JS sticky auto-disabled under 991px */ } @media(max-width:640px){ .bb-cur-layout{grid-template-columns:1fr;gap:26px; padding: 35px 0px; } #bb-course-content-mobile{padding:44px 15px} #bb-course-content-mobile .bb-course-top h2{font-size:26px} #bb-course-content-mobile .bb-course-top p{font-size:16px} .acc-inner ul{grid-template-columns:1fr} .acc-inner{padding-left:22px} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-241d28e0 *//* ========================================== TOOLS & PLATFORMS SECTION ========================================== */ .bb-tools-section{ background: #f7f9fc; padding:25px 20px; overflow:hidden; position:relative; font-family:'Jost',sans-serif; } .bb-tools-container{ max-width: 1240px; margin: auto; background: #f7f9fc; } /* TOP LABEL */ .bb-tools-topline{ text-align:center; color:#1457C0; font-size:13px; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom:18px; } .bb-tools-topline span{ display:inline-block; width:18px; height:3px; background:#ff2f2f; border-radius:20px; margin-right:10px; vertical-align:middle; } /* HEADING */ .bb-tools-heading{ margin:0; text-align:center; font-size:35px; line-height:1.1; font-weight:800; color:#071f47; } .bb-tools-heading span{ color:#1457C0; } /* DIVIDER */ .bb-tools-divider{ display:flex; justify-content:center; margin:18px 0 24px; } .bb-tools-divider span{ width:60px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #1457C0 0%, #1457C0 40%, #ffffff 40%, #ffffff 60%, #1457C0 60%, #1457C0 100% ); position:relative; } .bb-tools-divider span:after{ content:''; width:6px; height:6px; background:#ff2f2f; border-radius:50%; position:absolute; right:-10px; top:-1px; } /* SUBTITLE */ .bb-tools-subtitle{ max-width:1050px; margin:0 auto 60px; text-align:center; color:#5A739A; font-size:18px; line-height:1.8; } /* GRID */ .bb-tools-grid{ display: grid; grid-template-columns: repeat(6,1fr); gap: 10px 10px; margin-top: 34px; margin-bottom: 34px; } /* CARD */ .bb-tool-card{ text-align: center; } /* HOVER */ .bb-tool-card:hover .bb-tool-icon{ transform:translateY(-5px); border-color:#1457c0; box-shadow: 0 14px 28px rgba(20,87,192,.12); } .bb-tool-card:hover:before{ opacity:1; } /* ICON */ .bb-tool-icon{ width:62px; height:62px; background:#ffffff; border:1px solid #cfdcf0; border-radius:12px; margin:auto; display:flex; align-items:center; justify-content:center; box-shadow: 0 6px 16px rgba(11,31,58,.05); transition:all .28s ease; } .bb-tool-icon img { width: 46px; height: 46px; object-fit: contain; } .bb-tool-card:hover .bb-tool-icon{ transform:translateY(-3px) scale(1.08); } /* TITLE */ .bb-tool-card h3{ margin-top: 12px; font-size: 15px; font-weight: 700; color: #14345f; } /* DESCRIPTION */ .bb-tool-card p{ margin:0; color:#5A739A; font-size:15px; line-height:1.5; } /* TABLET */ @media(max-width:1024px){ .bb-tools-grid{ grid-template-columns:repeat(3,1fr); } .bb-tools-heading{ font-size:35px; } } /* MOBILE */ @media(max-width:767px){ .bb-tools-section{ padding:70px 15px; } .bb-tools-heading{ font-size:35px; line-height:1.2; } .bb-tools-subtitle{ font-size:18px; margin-bottom:40px; } .bb-tools-grid{ grid-template-columns:repeat(3,1fr); gap: 18px 14px; } .bb-tool-card{ min-height:140px; padding:24px 12px; border-radius:18px; } .bb-tool-icon{ font-size:30px; } .bb-tool-card h3{ font-size:16px; } .bb-tool-card p{ font-size:13px; } } /* SMALL MOBILE */ @media(max-width:480px){ .bb-tools-grid{ grid-template-columns:repeat(3,1fr); gap: 18px 14px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b41bc38 *//* =================================== REALITY CHECK SECTION =================================== */ .bb-std-projects-sec{ padding:10px 20px; background:#ffffff; font-family:'Jost',sans-serif; overflow:hidden; } .bb-std-projects-wrap{ max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; gap:60px; } /* =================================== LEFT CONTENT =================================== */ .bb-std-projects-left{ width:100%; } .bb-eyebrow{ position:relative; padding-left:24px; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:2px; color:#1457C0; margin-bottom:14px; } .bb-eyebrow:before{ content:''; width:16px; height:3px; background:#DC2626; position:absolute; left:0; top:50%; transform:translateY(-50%); } .bb-desc{ font-size:18px; line-height:1.5; color:#5A739A; margin-bottom:35px; } .labs-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px} .labs-list li{display:flex;gap:10px;font-size:16px;color:#324A6B;font-weight:500} .labs-list .ck{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#F0F5FF;color:#1769E0;display:grid;place-items:center;font-size:11px;margin-top:2px} @media(max-width:640px){.labs-list{grid-template-columns:1fr}} /* =================================== RIGHT CARD =================================== */ /* =================================== TABLET =================================== */ @media (max-width:1024px){ .bb-problem-wrap{ flex-direction:column; gap:40px; } .bb-problem-left, .bb-problem-right{ width:100%; } .bb-title{ font-size:40px; } .bb-desc{ font-size:16px; } .bb-visual{ min-height:430px; } } /* =================================== MOBILE =================================== */ @media (max-width:767px){ .bb-problem-sec{ padding:70px 15px; } .bb-title{ font-size:32px; line-height:1.15; } .bb-desc{ font-size:18px; line-height:1.8; } .bb-highlight{ padding:16px; font-size:18px; line-height:1.75; } .bb-visual{ min-height:430px; border-radius:18px; } .bb-badge{ top:15px; left:15px; font-size:13px; padding:8px 14px; } .bb-reality-stat-grid{ left:15px; right:15px; bottom:15px; gap:10px; } .bb-reality-stat{ padding:16px 12px; } .bb-reality-stat h3{ font-size:30px; } .bb-reality-stat p{ font-size:16px; } } /* =================================== SMALL MOBILE =================================== */ @media (max-width:480px){ .bb-problem-sec{ padding:60px 12px; } .bb-title{ font-size:32px; } .bb-visual{ min-height:600px; } .bb-reality-stat-grid{ grid-template-columns:1fr; } .bb-reality-stat h3{ font-size:30px; } .bb-reality-stat p{ font-size:16px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7f28b40f */.bb-ctc-wrap{ padding:0 24px; margin:40px 0; } .bb-ctc-card{ max-width:1180px; margin:0 auto; display:flex; align-items:center; gap:24px; background: #f5f7fb; border-radius:14px; box-shadow:0 18px 44px -20px rgba(11,31,58,.28); padding:32px 44px 32px 40px; position:relative; overflow:hidden; } .bb-ctc-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:8px; background:#1457C0; border-radius:14px 0 0 14px; } .bb-ctc-title{ margin:0; flex:1 1 auto; padding-left:14px; font-family:'Jost',sans-serif; font-weight:800; font-size:30px; letter-spacing:-.3px; line-height:1.2; color:#0a1628; } .bb-ctc-title span{ color:#1457C0; } .bb-ctc-actions{ display:flex; align-items:center; gap:20px; flex:0 0 auto; } .bb-ctc-btn{ display:inline-flex; align-items:center; gap:9px; text-decoration:none; font-weight:700; font-size:15px; letter-spacing:1px; white-space:nowrap; padding:15px 34px; border-radius:10px; color:#fff; transition:transform .18s ease, box-shadow .18s ease; } .bb-ctc-btn:hover{ transform:translateY(-2px); } .bb-ctc-enquire{ background:#1769E0; box-shadow:0 12px 24px -12px rgba(20,87,192,.9); } .bb-ctc-enquire:hover{ background:#1769E0,#1769E0); } .bb-ctc-call{ background:#F5821F; box-shadow:0 12px 24px -12px rgba(220,38,38,.85); } .bb-ctc-call:hover{ background:#F5821F,#EF4444); } .bb-ctc-call svg{ width:18px; height:18px; flex:0 0 auto; } @media (max-width:900px){ .bb-ctc-card{ flex-direction:column; align-items:flex-start; gap:20px; padding:28px 26px; } .bb-ctc-title{ font-size:25px; } .bb-ctc-actions{ width:100%; } .bb-ctc-btn{ flex:1 1 0; justify-content:center; } } @media (max-width:460px){ .bb-ctc-actions{ flex-direction:column; } .bb-ctc-btn{ width:100%; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1cb0a307 *//* =================================== REALITY CHECK SECTION =================================== */ .bb-problem-sec{ padding:25px 20px; background:#ffffff; font-family:'Jost',sans-serif; overflow:hidden; } .bb-problem-wrap{ max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; gap:60px; } /* =================================== LEFT CONTENT =================================== */ .bb-problem-left{ width:60%; } .bb-eyebrow{ position:relative; padding-left:24px; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:2px; color:#1457C0; margin-bottom:14px; } .bb-eyebrow:before{ content:''; width:16px; height:3px; background:#DC2626; position:absolute; left:0; top:50%; transform:translateY(-50%); } .bb-title{ font-size:35px; line-height:1.1; font-weight:800; color:#071C3D; margin:0; } .bb-title span{ color:#2D6FE8; } .bb-rule{ display:flex; gap:6px; margin:28px 0; } .bb-rule span{ width:30px; height:4px; border-radius:18px; background:#2D6FE8; } .bb-rule span:last-child{ width:10px; background:#DC2626; } .bb-desc{ font-size:18px; line-height:1.5; color:#5A739A; margin-bottom:35px; } .bb-highlight{ background:#ffffff; border:1px solid #b8ccff; border-left:5px solid #2D6FE8; padding:18px 20px; font-size:18px; line-height:1.8; color:#1e3a60; border-radius:12px; box-shadow: 0 10px 30px rgba(11,31,58,.05); } .bb-highlight strong{ color:#071C3D; } .labs-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px} .labs-list li{display:flex;gap:10px;font-size:14.5px;color:#324A6B;font-weight:500} .labs-list .ck{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#F0F5FF;color:#1769E0;display:grid;place-items:center;font-size:11px;margin-top:2px} @media(max-width:640px){.labs-list{grid-template-columns:1fr}} /* =================================== RIGHT CARD =================================== */ .bb-problem-right{ width:40%; } .bb-visual{ position:relative; min-height:490px; border-radius:18px; overflow:hidden; background: linear-gradient( rgba(2,20,55,.82), rgba(2,20,55,.90) ), url('https://binarybrains.co/wp-content/uploads/2026/06/cyber-security-job.jpg'); background-position:center; background-size:cover; background-repeat:no-repeat; border:2px solid #1148a4; box-shadow: 0 0 0 1px rgba(20,87,192,.12), 0 20px 60px rgba(0,0,0,.15); } .bb-overlay{ position:absolute; inset:0; background: linear-gradient( to bottom, rgba(7,15,30,.10) 0%, rgba(7,15,30,.15) 30%, rgba(7,15,30,.65) 70%, rgba(7,15,30,.92) 100% ); } /* =================================== BADGE =================================== */ .bb-badge{ position:absolute; top:20px; left:20px; z-index:2; display:flex; align-items:center; gap:10px; padding:10px 18px; border-radius:100px; background:rgba(11,31,58,.70); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(20,87,192,.35); color:#fff; font-size:13px; font-weight:700; letter-spacing:1px; } .bb-dot{ width:8px; height:8px; border-radius:50%; background:#2D6FE8; } /* =================================== STATS =================================== */ .bb-reality-stat-grid{ position:absolute; left:20px; right:20px; bottom:20px; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:14px; } .bb-reality-stat{ background:#1c2f4b; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(20,87,192,.25); border-radius:18px; padding:30px 16px; text-align:center; transition:.35s ease; } .bb-reality-stat:hover{ transform:translateY(-6px); } .bb-reality-stat h3{ margin:0 0 8px; font-size:30px; font-weight:800; line-height:1; color:#ffffff; } .bb-reality-stat h3 span{ color:#ff3d3d; font-size:.55em; } .bb-reality-stat h3.red{ color:#FF3636; } .bb-reality-stat p{ margin:0; color:#D7DFF0; font-size:16px; line-height:1.6; } /* =================================== ANIMATION =================================== .bb-fade-left, .bb-fade-right{ opacity:0; } .bb-show{ opacity:1 !important; transform:none !important; } .bb-fade-left{ transform:translateX(-50px); transition:all .8s ease; } .bb-fade-right{ transform:translateX(50px); transition:all .8s ease; } */ /* =================================== TABLET =================================== */ @media (max-width:1024px){ .bb-problem-wrap{ flex-direction:column; gap:40px; } .bb-problem-left, .bb-problem-right{ width:100%; } .bb-title{ font-size:35px; } .bb-desc{ font-size:18px; } .bb-visual{ min-height:430px; } } /* =================================== MOBILE =================================== */ @media (max-width:767px){ .bb-problem-sec{ padding:70px 15px; } .bb-title{ font-size:35px; line-height:1.15; } .bb-desc{ font-size:18px; line-height:1.8; } .bb-highlight{ padding:16px 0px; font-size:18px; line-height:1.75; } .bb-visual{ min-height:430px; border-radius:18px; } .bb-badge{ top:15px; left:15px; font-size:13px; padding:8px 14px; } .bb-reality-stat-grid{ left:15px; right:15px; bottom:15px; gap:10px; } .bb-reality-stat{ padding:16px 12px; } .bb-reality-stat h3{ font-size:30px; } .bb-reality-stat p{ font-size:16px; } } /* =================================== SMALL MOBILE =================================== */ @media (max-width:480px){ .bb-problem-sec{ padding:60px 12px; } .bb-title{ font-size:32px; } .bb-visual{ min-height:600px; } .bb-reality-stat-grid{ grid-template-columns:1fr; } .bb-reality-stat h3{ font-size:30px; } .bb-reality-stat p{ font-size:16px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2ed717ae *//* ========================================= TESTIMONIAL SECTION ========================================= */ .bb-projects{ background:#f5f7fb; padding:80px 20px; font-family:'Jost',sans-serif; overflow:hidden; } .bb-projects *{ box-sizing:border-box; } .bb-projects-wrap{ max-width:1240px; margin:0 auto; } /* ========================================= HEADER ========================================= */ .bb-projects-top{ margin-bottom:42px; } .bb-projects-tag{ font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#1457c0; margin-bottom:14px; } .bb-projects-title{ font-size:35px; line-height:1.1; font-weight:800; color:#071b3d; margin:0 0 22px; } .bb-projects-title span{ color:#2563eb; } /* ========================================= SLIDER ========================================= */ .bb-projects-slider{ position:relative; } /* ========================================= GRID ========================================= */ .bb-projects-grid{ display:flex; gap:22px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; /* room for the card hover-lift / shadow */ padding:6px 2px 14px; /* hide the scrollbar but keep it scrollable */ scrollbar-width:none; -ms-overflow-style:none; } .bb-projects-grid::-webkit-scrollbar{ display:none; } @media(prefers-reduced-motion:reduce){ .bb-projects-grid{ scroll-behavior:auto; } } /* ========================================= CARD ========================================= */ .bb-projects-card{ overflow: hidden; flex:0 0 auto; width:calc((100% - 44px) / 3); min-width:calc((100% - 44px) / 3); scroll-snap-align:start; background:#ffffff; border:1px solid #dbe6f5; border-radius:18px; padding:0px; box-shadow: 0 6px 18px rgba(11,31,58,.05); transition:.35s ease; transform:translateY(30px); } .bb-projects-card.show{ opacity:1; transform:translateY(0); } @media(hover:hover){ .bb-projects-card.show:hover{ transform:translateY(-6px); border-color:#bfd4f5; box-shadow: 0 18px 38px rgba(15,35,65,.08); } } /* ========================= HEADER ========================= */ .bb-projects-card-header { position: relative; padding: 18px 26px 16px; background: #edf4ff; border-bottom: 1px solid #d8e4f4; } /* LEFT BLUE LINE */ .bb-projects-card-line { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #2563eb; } /* ========================= HEADER TEXT ========================= */ .bb-projects-card-head-text p { font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; color: #2563eb; margin-bottom: 4px; font-weight: 600; } .bb-projects-card-head-text h3 { font-size: 18px; font-weight: 600; color: #071c3d; margin: 0; line-height: 1.3; } /* ========================================= TEXT ========================================= */ .bb-projects-text{ font-size:15px; line-height:2; color:#42526b; margin-bottom:24px; background: #ffffff; padding: 20px 26px 22px; } .bb-projects-text p { font-size: 16px; color: #304b72; line-height: 1.8; margin-bottom: 16px; } /* ========================================= NAVIGATION ========================================= */ .bb-projects-nav{ display:flex; align-items:center; justify-content:center; gap:14px; margin-top:36px; } .bb-projects-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-projects-arrow:hover{ background:#2563eb; color:#ffffff; border-color:#2563eb; } .bb-projects-dots{ display:flex; gap:8px; } .bb-projects-dots span{ width:10px; height:10px; border-radius:50%; background:#cbd5e1; cursor:pointer; transition:.3s ease; } .bb-projects-dots span.active{ width:26px; border-radius:30px; background:#071b3d; } /* ========================================= TABLET ========================================= */ @media(max-width:1024px){ .bb-projects-title{ font-size:35px; } .bb-projects-card{ min-width:100%; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .bb-projects-title{ font-size:35px; } .bb-projects-text{ font-size:15px; line-height:1.9; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bd3ae16 *//* ========================= SECTION BASE ONLY COLOR COMBINATION UPDATED ========================= */ .bb-cert { padding: 25px 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: 35px; font-weight: 800; color: #071b3d; margin-bottom: 15px; line-height: 1.2; } .bb-cert h2 span { color: #2563eb; } /* ========================= DESCRIPTION ========================= */ .bb-desc { font-size: 18px; color: #5d7091; margin-bottom: 25px; max-width: 600px; line-height: 1.7; } /* ========================= LIST ========================= */ .bb-cert-list { list-style: none; padding: 0; } .bb-cert-list li { font-size: 16px; color: #1f3b63; margin-bottom: 14px; padding-left: 28px; position: relative; } /* 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 { } /* ========================= 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); } /* IMAGE SHOW */ .bb-cert-img.show img { } /* ========================= 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-36a7fac9 *//* ========================================== CAREER OUTCOMES ========================================== */ .bb-career-section{ background:#f5f7fb; padding:25px 20px; font-family:'Jost',sans-serif; } .bb-career-container{ max-width:1240px; margin:auto; } /* TOP LABEL */ .bb-career-topline{ display:flex; align-items:center; justify-content:center; gap:10px; color:#1457C0; font-size:13px; font-weight:700; letter-spacing:3px; margin-bottom:18px; } .bb-career-topline span{ width:18px; height:3px; border-radius:20px; background:#ff2f2f; } /* HEADING */ .bb-career-heading{ text-align:center; font-size:35px; font-weight:800; line-height:1.05; color:#071f47; margin:0; } .bb-career-heading span{ color:#1457C0; } /* DIVIDER */ .bb-career-divider{ display:flex; justify-content:center; margin:18px 0 24px; } .bb-career-divider span{ width:60px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #1457C0 0%, #1457C0 40%, #ffffff 40%, #ffffff 60%, #1457C0 60%, #1457C0 100% ); position:relative; } .bb-career-divider span:after{ content:''; width:6px; height:6px; background:#ff2f2f; border-radius:50%; position:absolute; right:-10px; top:-1px; } /* SUBTITLE */ .bb-career-subtitle{ max-width:1025px; margin:0 auto 55px; text-align:center; color:#546b8c; font-size:18px; line-height:1.8; } /* GRID */ .bb-career-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:16px; } /* CARD */ .bb-career-card{ background:#fff; border:1px solid #d9e4f3; border-radius:18px; overflow:hidden; transition:.25s ease; box-shadow: 0 5px 20px rgba(0,0,0,.04); } .bb-career-card:hover{ transform:translateY(-5px); box-shadow: 0 15px 35px rgba(20,87,192,.12); } /* HEADER */ .bb-career-head{ background:#071f47; color:#fff; padding:18px 18px; font-size:16px; font-weight:700; } /* BODY */ .bb-career-body{ padding:16px 18px 18px; } .bb-career-body p{ color:#42597b; font-size:16px; line-height:1.8; margin:0 0 12px; } .bb-salary{ color:#1457C0; font-size:14px; font-weight:700; } /* LAST CARD */ .bb-career-wide{ grid-column:span 2; } /* FOOTER NOTE */ .bb-job-note-wrap { margin-top: 42px; display: flex; align-items: flex-start; justify-content: center; gap: 16px; } .bb-job-note { max-width: 900px; color: #7289b0; text-align: center; font-size: 15px; line-height: 1.9; } /* RESPONSIVE */ @media(max-width:1024px){ .bb-career-grid{ grid-template-columns: repeat(2,1fr); } .bb-career-wide{ grid-column:span 2; } .bb-career-heading{ font-size:35px; } } @media(max-width:767px){ .bb-career-grid{ grid-template-columns:1fr; } .bb-career-wide{ grid-column:auto; } .bb-career-heading{ font-size:35px; } .bb-career-subtitle{ font-size:18px; } .bb-career-head{ font-size:16px; } .bb-salary{ font-size:20px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-77d0dd9a *//* ===== RESET (ISOLATED) ===== */ .bb-join-section *{ box-sizing:border-box; } /* ===== SECTION ===== */ .bb-join-section{ background:#f3f6fb; padding:25px 20px; font-family:'Jost',sans-serif; } /* ===== CONTAINER ===== */ .bb-join-container{ max-width:1200px; margin:auto; } /* ===== HEADER ===== */ .bb-join-header{ text-align:center; margin-bottom:60px; } .bb-join-tag{ font-size:13px; letter-spacing:3px; color:#1457C0; font-weight:700; position:relative; padding-left:18px; } .bb-join-tag::before{ content:""; position:absolute; left:0; top:6px; width:12px; height:2px; background:#1457c0; } .bb-join-header h2{ font-size:35px; font-weight:800; color:#0B1F3A; line-height:1.2; margin-top:10px; } .bb-join-header h2 span{ color:#ff3131; } .bb-join-header p{ margin-top:15px; color:#5A739A; font-size:18px; max-width: 1025px; margin-left: auto; margin-right: auto; } /* DIVIDER */ .bb-join-divider{ display:flex; justify-content:center; margin:18px 0 24px; } .bb-join-divider span{ width:60px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #1457C0 0%, #1457C0 40%, #ffffff 40%, #ffffff 60%, #1457C0 60%, #1457C0 100% ); position:relative; } .bb-join-divider span:after{ content:''; width:6px; height:6px; background:#ff2f2f; border-radius:50%; position:absolute; right:-10px; top:-1px; } /* ===================================== */ /* MINI TITLE */ /* ===================================== */ .bbp-join-mini{ display: flex; align-items: center; gap: 10px; color: #1457c0; font-size: 13px; letter-spacing: 2px; font-weight: 700; margin-bottom: 18px; } .bbp-join-mini span{ width: 20px; height: 3px; border-radius: 10px; background: #3b82f6; } .bb-wsp-card{ max-width:1240px; margin:40px auto; display:flex; align-items:center; gap:44px; background:#fff; border:1px solid #E6EDF7; border-radius:16px; box-shadow:0 22px 54px -26px rgba(11,31,58,.28); padding:35px 50px; } .bb-wsp-list{ flex:1 1 auto; display:grid; grid-template-columns:1fr 1fr; gap:34px 5px; } .bb-wsp-item{ display:flex; align-items:center; gap:16px; } .bb-wsp-ico{ width:26px; height:26px; flex:0 0 auto; color:#1457c0; } .bb-wsp-ico svg{ width:100%; height:100%; display:block; } .bb-wsp-label{ font-weight:500; font-size:18px; color:#5b6b7b; line-height:1.25; } .bb-wsp-art{ flex:0 0 340px; max-width:340px; } .bb-wsp-art svg{ width:100%; height:auto; display:block; } /* IMAGE */ .bb-wsp-image { width: 35%; height: 250px; border-radius: 18px; 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; } /* ===== RESPONSIVE ===== */ @media(max-width:992px){ .bbp-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:600px){ .bbp-grid{ grid-template-columns:1fr; } .bbp-header h2{ font-size:32px; } } @media (max-width:900px){ .bb-wsp-card{ flex-direction:column; padding:34px 26px; gap:30px; } .bb-wsp-art{ order:-1; flex:0 0 auto; max-width:240px; } .bb-wsp-list{ width:100%; gap:22px 30px; } .bb-wsp-label{ font-size:17px; } } @media (max-width:560px){ .bb-wsp-list{ grid-template-columns:1fr; } .bb-wsp-image { width: 100%; height: 200px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-54695d08 *//* ========================================== WHY BINARYBRAINS ========================================== */ .bb-why{ background:#f5f7fb; padding:25px 20px; font-family:'Jost',sans-serif; } .bb-why-container{ max-width:1240px; margin:0 auto; } /* ========================================== TOP LABEL ========================================== */ .bb-why-topline{ display:flex; justify-content:center; align-items:center; gap:10px; color:#1457C0; font-size:13px; font-weight:700; letter-spacing:3px; margin-bottom:18px; text-transform:uppercase; } .bb-why-topline span{ width:18px; height:3px; background:#ff3131; border-radius:20px; } /* ========================================== HEADING ========================================== */ .bb-why-heading{ text-align:center; font-size:35px; font-weight:800; line-height:1.08; color:#071f47; margin:0; } .bb-why-heading span{ color:#1457C0; } .bb-why-desc{ text-align:center; margin-top:15px; color:#5A739A; font-size:18px; max-width: 1025px; margin-left: auto; margin-right: auto; } /* ========================================== DIVIDER ========================================== */ .bb-why-divider{ display:flex; justify-content:center; margin:18px 0 55px; } .bb-why-divider span{ width:64px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #1457C0 0%, #1457C0 40%, #ffffff 40%, #ffffff 60%, #1457C0 60%, #1457C0 100% ); position:relative; } .bb-why-divider span:after{ content:''; width:6px; height:6px; border-radius:50%; background:#ff3131; position:absolute; right:-10px; top:-1px; } /* ========================================== GRID ========================================== */ .bb-why-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:20px; } .bb-why-card{ max-width:1240px; margin:40px auto; display:flex; align-items:center; gap:44px; background:#fff; border:1px solid #E6EDF7; border-radius:16px; box-shadow:0 22px 54px -26px rgba(11,31,58,.28); padding:35px 50px; } .bb-why-list{ flex:1 1 auto; display:grid; grid-template-columns:1fr 1fr; gap:34px 5px; } .bb-why-item{ display:flex; align-items:center; gap:16px; } .bb-why-label{ font-weight:500; font-size:18px; color:#5b6b7b; line-height:1.25; } .bb-why-art{ flex:0 0 340px; max-width:340px; } .bb-why-art svg{ width:100%; height:auto; display:block; } .bb-why-ck{ flex:0 0 20px; width:20px; height:20px; border-radius:50%; background:#F0F5FF; color:#1769E0; display:grid; place-items:center; font-size:11px; margin-top:2px; } /* IMAGE */ .bb-why-image { width: 35%; height: 250px; border-radius: 18px; background-size: cover; background-position: center; position: relative; z-index: 2; } .bb-why-image img { width: 100%; max-width: 100% !important; height: 100% !important; object-fit: contain; /* or cover */ object-position: center; border-radius: 18px; } /* ========================================== TITLE ========================================== */ .bb-why-card h3{ font-size:16px; font-weight:700; line-height:1.4; color:#0b1f3a; margin:0 0 16px; } .bb-why-card { max-width: 1240px; margin: 40px auto; display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #E6EDF7; border-radius: 16px; box-shadow: 0 22px 54px -26px rgba(11,31,58,.28); padding: 35px 50px; } /* ========================================== TEXT ========================================== */ .bb-why-card p{ font-size:16px; line-height:1.6; color:#556d8d; margin:0; } /* ========================================== TABLET ========================================== */ @media(max-width:1024px){ .bb-why-grid{ grid-template-columns: repeat(2,1fr); } .bb-why-heading{ font-size:35px; } .bb-why-card{ min-height:240px; } /* IMAGE */ .bb-why-image { width: 35%; height: 250px; border-radius: 18px; } } /* ========================================== MOBILE ========================================== */ @media(max-width:767px){ .bb-why{ padding:70px 16px; } .bb-why-heading{ font-size:35px; line-height:1.15; } .bb-why-desc { font-size: 18px; } .bb-why-divider{ margin:18px 0 40px; } .bb-why-grid{ grid-template-columns:1fr; gap:16px; } .bb-why-list{ grid-template-columns:1fr; gap: 20px 5px; } .bb-why-card{ min-height:auto; flex-direction: column; padding: 34px 15px; gap: 30px; } .bb-why-icon{ width:52px; height:52px; font-size:24px; margin-bottom:18px; } .bb-why-label{ font-size:16px;} .bb-why-card h3{ font-size:18px; } .bb-why-card p{ font-size:15px; line-height:1.8; } /* IMAGE */ .bb-why-image { width: 100%; height: 300px; border-radius: 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6cb97038 *//* ========================================== FINAL CTA ========================================== */ .bb-finalcta{ background:#0B1F3A; margin-top: 25px; font-family:'Jost',sans-serif; position:relative; overflow:hidden; } /* DOT PATTERN */ .bb-finalcta:before{ content:''; position:absolute; inset:0; background: radial-gradient( rgba(255,255,255,.05) 1px, transparent 1px ); background-size:22px 22px; pointer-events:none; } .bb-finalcta-inner{ max-width:1240px; margin:auto; position:relative; z-index:2; text-align:center; } /* TITLE */ .bb-finalcta-title{ margin:0 auto; max-width:900px; color:#fff; font-size:40px; font-weight:800; line-height:1.08; } .bb-finalcta-title span{ color:#ff3b30; } /* DESCRIPTION */ .bb-finalcta-desc{ max-width:760px; margin:28px auto 5px; color:#ffffff; font-size:16px; line-height:1.75; } /* BUTTONS */ .bb-finalcta-buttons{ display:flex; justify-content:center; gap:14px; margin-bottom:36px; } .bb-finalcta-btn-primary{ background:#ed2424; color:#fff; text-decoration:none; font-size:15px; font-weight:700; padding:16px 32px; border-radius:14px; transition:.25s ease; box-shadow: 0 15px 35px rgba(237,36,36,.25); } .bb-finalcta-btn-primary:hover{ transform:translateY(-3px); } .bb-finalcta-btn-secondary{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); color:#fff; text-decoration:none; font-size:15px; font-weight:700; padding:16px 32px; border-radius:14px; transition:.25s ease; } .bb-finalcta-btn-secondary:hover{ background:rgba(255,255,255,.12); } /* FEATURES */ .bb-finalcta-features{ display:flex; justify-content:center; flex-wrap:wrap; gap:28px; } .bb-finalcta-features span{ color:#90a5c6; font-size:14px; font-weight:600; } /* ========================================== TABLET ========================================== */ @media(max-width:1024px){ .bb-finalcta-title{ font-size:42px; } .bb-finalcta-desc{ font-size:18px; } } /* ========================================== MOBILE ========================================== */ @media(max-width:767px){ .bb-finalcta{ padding:0px 20px; } .bb-finalcta-title{ font-size:36px; } .bb-finalcta-desc{ font-size:18px; margin:22px auto 30px; } .bb-finalcta-buttons{ flex-direction:column; } .bb-finalcta-btn-primary, .bb-finalcta-btn-secondary{ width:100%; text-align:center; font-size:17px; } .bb-finalcta-features{ gap:14px; flex-direction:column; } .bb-finalcta-features span{ font-size:16px; } } /* ========================================== SMALL MOBILE ========================================== */ @media(max-width:480px){ .bb-finalcta-title{ font-size:32px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-530357f6 *//* ========================================== COUNSELING LEFT SECTION ========================================== */ .bb-counsel-left{ max-width:650px; font-family:'Jost',sans-serif; } /* TOP LABEL */ .bb-counsel-topline{ display:flex; align-items:center; gap:10px; color:#3b9eff; font-size:13px; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom:22px; } .bb-counsel-topline span{ width:18px; height:3px; background:#ff2f2f; border-radius:20px; } /* HEADING */ .bb-counsel-title{ margin:0; color:#ffffff; font-size:35px; font-weight:800; line-height:1.08; } .bb-counsel-title span{ color:#1f66e5; } .bb-counsel-title-small{ font-size: 22px; color:#ffffff; margin-bottom: 14px; } /* DIVIDER */ .bb-counsel-divider{ margin:24px 0 28px; } .bb-counsel-divider span{ display:block; width:72px; height:4px; border-radius:20px; background: linear-gradient( 90deg, #1457C0 0%, #1457C0 40%, rgba(255,255,255,.25) 40%, rgba(255,255,255,.25) 60%, #1457C0 60%, #1457C0 100% ); position:relative; } .bb-counsel-divider span:after{ content:''; width:6px; height:6px; background:#ff2f2f; border-radius:50%; position:absolute; right:-10px; top:-1px; } /* DESCRIPTION */ .bb-counsel-desc{ color:#ffffff; font-size:18px; line-height:1.8; margin:0 0 35px; } /* LIST */ .bb-counsel-list{ margin:0; padding:0; list-style:none; } .bb-counsel-list li{ position:relative; color:#ffffff; font-size:17px; font-weight:500; line-height:1.8; padding-left:44px; margin-bottom:20px; } /* ICON */ .bb-counsel-list li:before{ content:'→'; width:30px; height:30px; border-radius:50%; position:absolute; left:0; top:2px; display:flex; align-items:center; justify-content:center; color:#3b9eff; border:1px solid rgba(31,102,229,.4); background: rgba(20,87,192,.12); font-size:14px; font-weight:700; } /* =================================================== BOTTOM BENEFITS =================================================== */ .bb-counsel-benefits{ margin-top:24px; padding-top:22px; border-top:1px solid #d8e1ee; display:flex; justify-content:center; flex-wrap:wrap; gap:15px; margin-bottom: 10px; } .bb-counsel-benefits span{ color:#ffffff; font-size:14px; font-weight:600; } /* ========================================== TABLET ========================================== */ @media(max-width:1024px){ .bb-counsel-title{ font-size:42px; } .bb-counsel-desc{ font-size:18px; } } /* ========================================== MOBILE ========================================== */ @media(max-width:767px){ .bb-counsel-left{ max-width:100%; } .bb-counsel-title{ font-size:36px; } .bb-counsel-desc{ font-size:18px; } .bb-counsel-list li{ font-size:16px; padding-left:40px; } .bb-counsel-list li:before{ width:28px; height:28px; } } /* ========================================== SMALL MOBILE ========================================== */ @media(max-width:480px){ .bb-counsel-title{ font-size:32px; } .bb-counsel-topline{ font-size:12px; letter-spacing:2px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-626ec8eb *//* ========================================= FAQ SECTION ========================================= */ .bb-faq-section{ width:100%; background:#f7f9fc; padding:25px 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:35px; line-height:1.05; font-weight:800; color:#081b3c; letter-spacing:0px; } .bb-faq-heading span{ color:#3b82f6; } /* SUBTEXT */ .bb-faq-subheading{ max-width:900px; margin:28px auto 80px; text-align:center; font-size:18px; line-height:1.55; color:#5d7296; font-weight:400; } /* FAQ WRAPPER */ .bb-faq-wrapper{ display:flex; flex-direction:column; gap:10px; } /* ITEM */ .bb-faq-item{ background:#ffffff; border:2px solid #d9e1f0; border-radius:10px; overflow:hidden; transition:all .35s ease; } .bb-faq-item.active{ border-color:#2563eb; box-shadow:0 20px 50px rgba(37,99,235,0.10); } /* QUESTION */ .bb-faq-question{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:10px 26px; cursor:pointer; } .bb-faq-left{ display:flex; align-items:center; gap:28px; flex:1; } /* NUMBER */ .bb-faq-number{ min-width:32px; width:32px; height:32px; border-radius:50%; background:#edf2ff; color:#2563eb; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:800; } /* TITLE */ .bb-faq-title{ font-size:16px; line-height:1.4; font-weight:500; color:#081b3c; } /* ARROW */ .bb-faq-arrow{ min-width:34px; width:34px; height:34px; border-radius:50%; background:#f4f7fc; display:flex; align-items:center; justify-content:center; transition:all .35s ease; } .bb-faq-arrow svg path{ stroke:#23395d; } .bb-faq-item.active .bb-faq-arrow{ background:#2563eb; transform:rotate(180deg); } .bb-faq-item.active .bb-faq-arrow svg path{ stroke:#ffffff; } /* ANSWER */ .bb-faq-answer{ max-height:0; overflow:hidden; transition:max-height .45s ease; } .bb-faq-answer p{ margin:0 0 28px; font-size:15px; line-height:1.9; color:#16315c; font-weight:500; } .bb-faq-answer p:last-child{ margin-bottom:0; } .bb-faq-answer{ padding:0 48px; } .bb-faq-item.active .bb-faq-answer{ padding:0 48px 42px; } .bb-faq-answer strong{ color:#081b3c; font-weight:800; } /* CTA BOX */ .bb-faq-cta-box{ margin-top:55px; background:#eaf0fb; border-radius:10px; padding:20px 40px; display:flex; justify-content:space-between; align-items:center; gap:30px; } .bb-faq-cta-left h3{ margin:0 0 12px; font-size:18px; line-height:1.2; font-weight:700; color:#081b3c; } .bb-faq-cta-left p{ margin:0; font-size:18px; line-height:1.7; color:#5b7298; } /* BUTTON */ .bb-faq-cta-btn{ display:flex; align-items:center; justify-content:center; gap:14px; min-width:198px; height:48px; padding:0 24px; background:#2563eb; color:#ffffff !important; text-decoration:none !important; border-radius:10px; font-size:16px; font-weight:700; box-shadow:0 16px 36px rgba(37,99,235,0.22); transition:all .3s ease; } .bb-faq-cta-btn:hover{ transform:translateY(-3px); background:#1d4ed8; } .bb-faq-cta-btn svg{ transition:transform .3s ease; } .bb-faq-cta-btn:hover svg{ transform:translateX(4px); } /* ========================================= TABLET ========================================= */ @media (max-width:1024px){ .bb-faq-section{ padding:90px 20px 70px; } .bb-faq-heading{ font-size:35px; } .bb-faq-subheading{ font-size:18px; 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:35px; line-height:1.12; letter-spacing:0px; } .bb-faq-subheading{ font-size:18px; line-height:1.8; margin:18px auto 42px; } .bb-faq-wrapper{ gap:18px; } .bb-faq-item{ border-radius:10px; } .bb-faq-question{ padding:10px 16px; gap:14px; align-items:flex-start; } .bb-faq-left{ gap:16px; align-items:flex-start; } .bb-faq-number{ min-width:42px; width:42px; height:42px; font-size:16px; } .bb-faq-title{ font-size:16px; line-height:1.55; } .bb-faq-arrow{ min-width:42px; width:42px; height:42px; } .bb-faq-answer{ padding:0 22px; } .bb-faq-item.active .bb-faq-answer{ padding:0 22px 24px; } .bb-faq-answer p{ font-size:15px; line-height:1.9; margin-bottom:18px; } .bb-faq-cta-box{ padding:28px 24px; border-radius:10px; gap:24px; } .bb-faq-cta-left h3{ font-size:28px; } .bb-faq-cta-left p{ font-size:18px; line-height:1.7; } .bb-faq-cta-right{ width:100%; } .bb-faq-cta-btn{ width:100%; min-width:100%; height:64px; font-size:18px; padding:0 24px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-57e98cb8 *//* MAIN STRIP */ .bb-contact-strip { background: #0e2647; padding: 25px 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-family: 'Jost', sans-serif; } /* LEFT SIDE */ .bb-contact-left { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; } /* EACH ITEM */ .bb-contact-item { display: flex; align-items: center; gap: 10px; color: #d6e6f5; } /* ICON */ .bb-contact-item .icon { font-size: 20px; } /* TEXT */ .bb-contact-item strong { display: block; font-size: 15px; font-weight: 600; color: #ffffff; } .bb-contact-item span { font-size: 12px; color: #8fb2cc; } /* DIVIDER */ .divider { width: 1px; height: 40px; background: rgba(255,255,255,0.15); } /* CTA BUTTON */ .bb-cta-btn { background: #ff6a00; color: #fff; padding: 14px 28px; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: 18px; display: inline-block; transition: all 0.3s ease; box-shadow: 0 8px 20px rgba(255,106,0,0.25); } /* HOVER EFFECT */ .bb-cta-btn:hover { background: #ff7f1a; transform: translateY(-2px); box-shadow: 0 12px 25px rgba(255,106,0,0.35); } /* ================= */ /* 📱 MOBILE */ /* ================= */ @media (max-width: 768px) { .bb-contact-strip { flex-direction: column; gap: 20px; text-align: center; } .bb-contact-left { flex-direction: column; gap: 15px; } .divider { display: none; } .bb-contact-right { width: 100%; } .bb-cta-btn { width: 100%; text-align: center; } }/* End custom CSS */