.elementor-811 .elementor-element.elementor-element-fb4e70c{--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-811 .elementor-element.elementor-element-d82a0a5{--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-811 .elementor-element.elementor-element-ad59b2b{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-811 .elementor-element.elementor-element-d43f880 img{border-radius:20px 20px 20px 20px;}.elementor-811 .elementor-element.elementor-element-8159684{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-811 .elementor-element.elementor-element-8cb2aad .elementor-heading-title{color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-811 .elementor-element.elementor-element-b80931a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-7e519d9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-17d1dd5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-7a9e91d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-a53dc98 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-6d8bd60{--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-811 .elementor-element.elementor-element-98a206d{text-align:center;}.elementor-811 .elementor-element.elementor-element-98a206d .elementor-heading-title{color:#000000;}.elementor-811 .elementor-element.elementor-element-3c16217{--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-811 .elementor-element.elementor-element-d2a1195{--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-811 .elementor-element.elementor-element-c8895c5{--display:flex;}.elementor-811 .elementor-element.elementor-element-2701e92{--display:flex;}.elementor-811 .elementor-element.elementor-element-e2cb43f .elementor-heading-title{color:#000000;}.elementor-811 .elementor-element.elementor-element-75e2ea9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-1251bae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-3d6ba59 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-6173a12 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-9501c72 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-a710f74 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-3058bf4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-ceb5f2d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-811 .elementor-element.elementor-element-3a588ab .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-811 .elementor-element.elementor-element-3c16217{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-1987722 *//* MAIN SECTION */
.roles-section{
  display:flex;
  width:100%;
  min-height:700px;
  overflow:hidden;
  font-family:'Roboto', sans-serif;
}

/* LEFT IMAGE */
.roles-image{
  width:50%;
}

.roles-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* RIGHT CONTENT */
.roles-content{
  width:50%;
  padding:60px 50px;
  color:#fff;
  font-size:20px;
  position:relative;
  background:
    linear-gradient(rgba(0,20,70,0.88), rgba(0,20,70,0.88)),
    url('https://images.unsplash.com/photo-1511578314322-379afb476865?q=80&w=1200&auto=format&fit=crop');
  background-size:cover;
  background-position:center;
}

/* HEADING */
.roles-content h2{
  font-size:60px;
  margin-bottom:30px;
  font-weight:700;
  color: white;
}

/* SUB HEADINGS */
.role-box h3{
  font-size:34px;
  margin-bottom:15px;
  font-weight:700;
  color: white;
}

/* LIST */
.role-box ul{
  padding-left:20px;
  margin-bottom:35px;
  font-family: Roboto;
}

.role-box ul li{
  font-size:20px;
  line-height:1.8;
  margin-bottom:8px;
}

/* MOBILE RESPONSIVE */
@media(max-width:768px){

  .roles-section{
    flex-wrap:wrap;
  }

  .roles-image,
  .roles-content{
    width:100%;
  }

  .roles-content{
    padding:40px 25px;
  }

  .roles-content h2{
    font-size:42px;
  }

  .role-box h3{
    font-size:28px;
  }

  .role-box ul li{
    font-size:18px;
  }

}
h2{
    color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4035b30 *//* MAIN SECTION */
.card-section{
  display:flex;
  gap:20px;
  justify-content:center;
  align-items:stretch;
  flex-wrap:nowrap;   /* IMPORTANT */
  width:100%;
}

/* CARD */
.custom-card{
  width:50%;
  overflow:hidden;
  background:#fff;
}

/* IMAGE */
.custom-card img{
  width:100%;
  height:420px;
  object-fit:cover;
  display:block;
}

/* CONTENT */
.card-content{
  padding:22px 15px;
  text-align:center;
}

.card-content h3{
  color:#fff;
  font-size:24px;
  font-family:'Roboto', sans-serif;
  margin:0;
  font-weight:700;
}

/* COLORS */
.blue-bg{
  background:#002a7a;
}

.red-bg{
  background:#b30000;
}

/* MOBILE */
@media(max-width:768px){

  .card-section{
    flex-wrap:wrap;
  }

  .custom-card{
    width:100%;
  }

}/* End custom CSS */