@media(max-width: 1199px){

  :root {

    font-size: 15px;

    line-height:26px;

  }

}

@media (min-width: 1200px){

  :root {

    font-size: 17px;

    line-height:28px;

  }

}

@media (min-width: 1600px){

  :root {

    font-size: 18px;

    line-height:30px;

  }
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon2321.eot?ph3b15');
  src:  url('../fonts/icomoon2321.eot?ph3b15#iefix') format('embedded-opentype'),
    url('../fonts/icomoon2321.ttf?ph3b15') format('truetype'),
    url('../fonts/icomoon2321.woff?ph3b15') format('woff'),
    url('../fonts/icomoon2321.svg?ph3b15#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-insta:before {
  content: "\e91d";
}
.icon-location:before {
  content: "\e917";
}
.icon-mail:before {
  content: "\e918";
}
.icon-fb:before {
  content: "\e919";
}
.icon-twitter:before {
  content: "\e91a";
}
.icon-in:before {
  content: "\e91b";
}
.icon-phone:before {
  content: "\e91c";
}
.icon-list:before {
  content: "\e912";
}
.icon-arrow-right-step:before {
  content: "\e913";
}
.icon-code:before {
  content: "\e914";
}
.icon-setting:before {
  content: "\e915";
}
.icon-search2:before {
  content: "\e916";
}
.icon-resume-boost:before {
  content: "\e907";
}
.icon-sales:before {
  content: "\e908";
}
.icon-arrow-right-btn:before {
  content: "\e909";
}
.icon-fintech-experience:before {
  content: "\e90a";
}
.icon-hard-skills:before {
  content: "\e90b";
}
.icon-islamic-finance:before {
  content: "\e90c";
}
.icon-job-readiness:before {
  content: "\e90d";
}
.icon-leadership:before {
  content: "\e90e";
}
.icon-marketing:before {
  content: "\e90f";
}
.icon-networking:before {
  content: "\e910";
}
.icon-passive-income:before {
  content: "\e911";
}
.icon-arrow-next:before {
  content: "\e905";
}
.icon-arrow-prev:before {
  content: "\e906";
}
.icon-linkedin:before {
  content: "\e900";
}
.icon-check:before {
  content: "\e901";
}
.icon-user:before {
  content: "\e902";
}
.icon-down-arrow:before {
  content: "\e903";
}
.icon-search:before {
  content: "\e904";
}



a, body, div, fieldset, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, img, label, li, nav, ol, p, section, select, span, strong, table, tbody, td, th, thead, tr, ul {

  outline: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}


*, *::after, *::before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

html, body{height: 100%;}

ul, li{list-style: none;}

body {
  font-size: inherit;
  line-height: inherit;
  font-family: 'Montserrat';
  font-weight: 400;
  color: #525252;

}

a, a:hover, a:focus {

  color: inherit;

  text-decoration: none !important;

}

.img_responsive{max-width: 100%;}

h1{font-size: 2rem; color: #000;font-family: 'Roboto';font-weight: 900;}

h2{font-size: 2rem;color: #000;font-family: 'Roboto';font-weight: 900;}

h3{font-size: 1.125rem; color: #000;}

h5{font-size: 1.1rem; color: #000;}

.big_title{font-size: 3rem;}

.upper_case{text-transform: uppercase;}

button:focus{outline: none;}

input:-webkit-autofill {

   -webkit-box-shadow: 0 0 0px 1000px transparent inset;

  transition: background-color 5000s ease-in-out 0s;

}

.content{max-width: 1600px; padding-left: 60px; padding-right: 60px; margin-left: auto; margin-right: auto;}

.big_content{max-width: 1600px; padding-left: 60px; padding-right: 60px; margin-left: auto; margin-right: auto;}

.small_content{max-width: 1240px; padding-left: 60px; padding-right: 60px; margin-left: auto; margin-right: auto;}


.clear{clear: both;}

#header_home{position: fixed; top: 0; left: 0; right: 0;margin-right: auto;margin-right: auto; z-index: 5; padding-left: 30px;padding-right: 30px;}

#header_inner{position: fixed; top: 0; left: 0; right: 0;margin-right: auto;margin-right: auto; z-index: 5; padding-left: 30px;padding-right: 30px; background-color: #fff;box-shadow: 0 0 3px #e7e7e7;}

.header_sticky{background-color: #fff;box-shadow: 0 0 3px #e7e7e7;}

#header_inner .log_white{display: none;}

#header_home .logo_black{display: none;}

#header_home.header_sticky .logo_black{display: block;}

#header_home.header_sticky .log_white{display: none;}

.right_head_btn_desktop a{color: #fff; margin-left: 20px;}

.right_head_btn_desktop a i{font-size: 1.2rem;}

.btn_get_started{display: inline-block;
padding: 8px 25px;
font-size: 1rem;
background: #1BAD4E;
border-radius: 100px;
font-weight: 500;
}

.btn_login{
  display: inline-block;
  padding: 7px 25px;
  font-size: 1rem;
  background: transparent;
  border: 2px solid #1BAD4E;
  border-radius: 100px;
  font-weight: 500;
  color: #1BAD4E !important;
}

#banner{background: url(../images/banner.webp) center center no-repeat;background-size: cover; padding: 40px 30px; padding-top: 160px; color: #fff; min-height: 100vh; display: flex;justify-content: space-between; flex-direction: column; position: relative;}

#banner h1{color: #fff; font-size: 3rem; margin-bottom: 10px;}

#banner h1 span{color: #1BAD4E;}

.searchbar{
display: flex;
align-items: center;
justify-content: space-between;
padding:8px 10px;
background: #FFFFFF;
border-radius: 100px;
max-width: 38%;
padding-left: 20px;
margin-top: 30px;}

.searchbar input{border: 0;outline: none; width: calc(100% - 40px);}

.btn_search{width: 40px;
height: 40px;
background: #1BAD4E;
border-radius: 100px;
border: 0;
outline: none;
color: #fff;
 font-size: 0.9rem;}

#wrapper{
  /* max-width: 1920px; */
  margin-left: auto;margin-right: auto;
}

.inner_wrapper{padding-top: 60px;}

.halal_trading_content{margin-top: 60px;}

.halal_trading_content h5{font-family: 'Roboto'; font-weight: bold;color: #1BAD4E;font-size: 1.4rem;}

.halal_trading_content_inner{background-color: #EEFAF2;margin-top: 60px;}

.halal_trading_row{display: flex;align-items: center; padding: 20px 30px;max-width: 1450px;margin-left: auto;margin-right: auto;}

.icon_hts{width: 80px; padding-right: 15px;}

.icon_hts img{max-width: 100%;}

.text_hts{font-size: 0.9rem;line-height: 1.3;}

.text_hts h4{color: #000;font-size: 1.5rem; font-weight: bold;}

.our_vision{background-color: #FFFBF5; padding-bottom: 60px;}

.heading_slogan h5{font-family: 'Roboto'; font-weight: bold;color: #1BAD4E;font-size: 1.4rem;}

.heading_slogan p{font-size: 1.2rem;font-weight: 400;}

.trades_portfolio h6{font-weight: 600;font-size: 1.3rem;color: #000;}

.trades_portfolio p{font-weight: 400;font-size: 1.05rem;color: #5E5E5E; margin-top: 10px;}

.countries_list{margin-top: 30px;}

.countries_list .items{
padding: 10px;
background: #FFFFFF;
mix-blend-mode: normal;
border: 1px solid #E4E3E3;
border-radius: 10px;
margin: 0 7px;
}

.countries_list h5{font-weight: 500;margin-top: 5px;font-size: 0.9rem;}

.superior_quality{background-color: #72CAA5; }

.compliance_reports{background-color: #5FBB99;}

.device_tools_col{text-align: center; padding: 30px;}

.device_tools_col h5{font-size: 1.2rem;font-weight: 600; margin-bottom: 20px;color: #fff;}

#purify_investment{background: url(../images/img-investment.jpg) left center no-repeat; background-size: cover; display: flex;align-items: center;justify-content: flex-end;}

.purify_investment_content{width: 55%;}

.slider_grey_control li{margin: 0 7px;}

.slider_grey_control{padding-left: 40px;padding-right: 40px; padding-top: 30px;}

.compliance_reports_content{background: url(../images/shariah-compliance-report.webp) center bottom no-repeat; background-size: cover;}

.scr_content{max-width: 70%; margin-left: auto;margin-right: auto;color: #fff;}

.scr_content h5{font-weight: bold;font-family: 'Roboto';font-size: 1.3rem;color: #fff; margin-bottom: 6px;}

.scr_content h1{color: #fff; margin-bottom: 15px;}

#research_simpified{background: url(../images/research-bg.webp) center center no-repeat; background-size: cover;}

.research_simpified_inner{background: linear-gradient(180deg, #FBF6ED 25%, rgba(255, 255, 255, 0) 40%); padding-top: 50px;}

.research_simpified_inner .slider_grey_control{max-width: 65%;margin-left: auto;margin-right: auto;}

.checklist{display: flex;align-items: center;justify-content: center;flex-wrap: wrap; text-align: left;}

.checklist li{display: flex;font-weight: 500;padding: 10px 12px;align-items: center;}

.checklist li:before{content: "\e901"; background-color: #1BAD4E;color: #fff;display: flex;align-items: center;justify-content: center; width: 26px;height: 26px;border-radius: 50%;font-family: 'icomoon';font-size: 9px; margin-right: 8px;}

.checklist li.col-sm-6 span{width: calc(100% - 35px);}

#our_team{background-color: #F0F9F5;}

#MeetTeamSlider .item{margin-left: 40px;background-color: #fff; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); height: 100%; margin-bottom: 10px; padding-bottom: 10px;}

#MeetTeamSlider .item:first-child{margin-left: 0;}

#MeetTeamSlider .slick-track
{
    display: flex !important;
}

#MeetTeamSlider .slick-slide
{
    height: inherit !important;
}

.team_img{position: relative;}

.team_img a{position: absolute;right: 15px;bottom: 15px;display: flex;align-items: center;justify-content: center; width: 44px;height: 44px;border-radius: 50%; background-color: #FFFFFF; color: #0073B1;box-shadow: 0 0 1px #a0bda9;}

.team_name_desig{padding:15px 20px; border-bottom: 1px solid #DEE7E1;}

.team_name_desig h5{font-weight: 600;color: #000;font-size: 1.05rem;}

.team_name_desig h6{font-weight: 500;color: #484848;font-size: 1rem;}

.team_col p{font-weight: 400;color: #484848;font-size: 0.9rem;padding-left: 20px;padding-right: 20px; padding-top: 15px;}

.advisor_col{background: #FFFFFF;border-radius: 20px;padding:50px 30px; display: flex;align-items: center; position: relative; height: 100%;}

.img_advisor{width: 160px; margin-right: 20px;}

.text_advisor{width: calc(100% - 180px);}

.text_advisor h5{font-weight: bold;color: #000;}

.text_advisor h6{font-weight: 500;color: #928F8F;text-transform: uppercase;margin-top: 5px;}

.text_advisor p{margin-top: 10px;font-size: 0.9rem;color: #000;}

.quotes{position: absolute;top: -15px;right: 30px;}

.quotes img{width: 44px;}

.academy_slide_col{margin-left: 15px;margin-right: 15px;display: block;}

.academy_slide_col img{margin-bottom: 20px; transition: all 0.3s;}

.academy_slide_col:hover img{opacity: 1;}

.academy_slide_col h5{font-weight: bold;color: #484848;font-size: 0.9rem;}

.academy_slide_col p{font-weight: 500;color: #484848;font-size: 0.9rem;text-decoration: underline;line-height: 1.4; margin-top: 4px;}

.featuredin{padding-left: 30px;padding-right: 30px;border-top: 1px solid #ddd; padding-top: 40px;margin-top: 40px;}

.featured_list{display: flex;align-items: center;margin-top: 10px;  justify-content: center;}

.featured_list li{padding-left: 10px;padding-right: 10px; margin-top: 12px;}

.featured_list li img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  opacity: 0.42;
  transition: all 0.4s;
}

/* Disable grayscale on hover */
.featured_list li img:hover {
  -webkit-filter: grayscale(0);
  filter: none;
  opacity: 1;
}

.joinus_journey{position: relative;}

.joinus_journey .item{overflow: hidden; height: 100vh;}

.joinus_journey .item img{max-height: 55vh;}

.joinus_journey_slide_1{background-color: #FFFBF5;}

.joinus_journey_slide_2{background-color: #F0FDFE;}

.joinus_journey_slide_3{background-color: #F3FFED;}

.joinus_journey_slide_5{background-color: #F5F6FF;}

.news__arrow_dir_up {
  background: url(../images/arrow-prev.svg) center top no-repeat;
    background-size: contain;
    font-size: 0;
    height: 65px;
    cursor: pointer;
  /*transform: rotate(90deg);*/
}

.news__arrow_dir_down {
  background: url(../images/arrow-next.svg) center bottom no-repeat;
    background-size: contain;
    font-size: 0;
    height: 65px;
    cursor: pointer;
  /*transform: rotate(-90deg);*/
}

.news__dots-list {
  display: flex;justify-content: center;align-items: center;flex-wrap: wrap; flex-direction: column;
  margin: 10px 0;
}

.news__dots-list li {
  /*padding: 2px;*/
  font-size: 0;
  cursor: pointer;
  color: rgb(143, 143, 143);
  transition: .3s all;
  width: 10px;
  height: 10px;
  border-radius: 14px;
  background-color: #D9D9D9;
  margin: 5px 0;
  position: relative;
  z-index: 0;
  text-align: center;
}

.news__dots-list li:hover {
  
}

.news__dots-list li.slick-active {
  /*color: rgb(11, 165, 218);
  font-size: 0;*/
  background-color: #1BAD4E;
  height: 30px;
}

.news__arrows{position: absolute;right: 30px;top: 0;bottom: 0;margin: auto;height: fit-content;}

.green_shape{display: inline-block;padding: 4px 15px;background-color: #1BAD4E;color: #fff;font-weight: 500; border-radius: 10px; margin-top: 20px;}

.joinus_journey p{font-size: 1.3rem;font-weight: bold;color: #555555; margin-top: 12px; margin-bottom: 20px;}

.country_next{display: inline-block;padding: 6px 15px;background-color: #069270;color: #fff;font-weight: 500; border-radius: 10px; margin-top: 20px; text-decoration: none;}

.slide_2{background-color: transparent;overflow: hidden;}

.slide_2 h4{font-size: 1.4rem;color: #555555;font-weight: bold;font-family: 'Roboto';}

.flex_div{display: flex;flex-direction: column;justify-content: space-between; height: 100%;}

.mobile_app_store{text-align: left; background-color: #EBFDF1;border-radius: 50px;padding: 40px; display: flex;align-items: center;}

.our_products_started{text-align: left; background-color: #F1FAF4;border-radius: 50px;padding: 40px; display: flex;align-items: center;}

.app_store_row{display: flex;align-items: center;}

.mobile_app_store h6{font-size: 1.03rem;color: #404046; margin-top: 24px;margin-bottom: 24px;}

.mobile_app_store a{display: inline-block;margin-right: 12px;}

.mobile_app_store h5{margin-bottom: 20px;font-weight: 600;text-transform: uppercase;font-size: 1rem;}

#banner_about{background: url(../images/banner-about.webp) center top no-repeat; background-size: cover; display: flex;align-items: center;justify-content: center; color: #fff;height: calc(100vh - 60px);
text-align: center;}

.uppercase{text-transform: uppercase;}

#banner_about h1{color: #fff;}

.green_gradi_title{background: linear-gradient(90deg, #1BAD4E 0%, #15C0A0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}

.our_vision_section{background-color: #F1FAF4;}

.our_team_col{background: #fff; display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;font-weight: 500;color: #7A7A7A;padding:20px 30px; text-align: center;border: 2px solid transparent;border-radius: 30px; transition: all 0.4; font-size: 0.9rem;}

.our_team_col:hover{border: 2px solid #1BAD4E;box-shadow: 0px 2px 20px rgba(27, 173, 78, 0.15);}

.our_team_col h5{font-size: 1rem;font-weight: bold;color: #000;margin-top: 20px;}

.our_team_col p{line-height: 1.4; margin-top: 5px;}

.our_team_section_grey{background-color: #F1FAF4;}

.our_process_Opicdynamics Inc.{background-color: #F1FAF4; padding-bottom: 150px;}

.view_more_link{font-weight: 500;color: #1BAD4E !important;font-size: 0.9rem;display: inline-block;}

/*.more {
  overflow: hidden;
}*/

.readmore_text{
display:none;
}

/*.readmore_link, .readless_link{color: #1BAD4E !important; font-size: 1.05rem; display: inline-block;margin-top: 15px;}*/

.read_more_toggle{color: #1BAD4E !important; font-size: 1.05rem; display: inline-block;margin-top: 15px;cursor: pointer; border: 0;background: none; outline: none;}

#banner_common{display: flex;align-items: center;justify-content: center; color: #fff;height: calc(100vh - 60px);text-align: center;}

#banner_common h1{color: #fff;}

.btn_view_certificate {display: inline-block;background: #1BAD4E;border-radius: 55px;padding: 12px 40px;font-size: 1.05rem;text-transform: uppercase; text-decoration: none;font-weight: 500;}

.sariah_banner_logos{display: flex;align-items: center;justify-content: center;}

.sariah_banner_logos img{display: inline-block;margin:0 10px; margin-top: 30px;max-height:80px;}

.methodology_para{background-color: #FBFBFB; padding: 14px 20px}

.business_activity_inner{background-color: #fff; background: url(../images/ellipse.svg) center top no-repeat;background-size: cover;}

.activity_col p{font-weight: 500;}

.activity_col img{max-width: 155px;}

.stock_methodology_row{display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 14px 30px;
background: #FFFFFF;
box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.08);
border-radius: 200px;
text-align: left;}

.methodology_detail{width: 70%;padding-left: 20px;padding-right: 20px;}

.methodology_detail p{font-weight: 500; text-transform: uppercase;}

.methodology_detail .methodology_bdr_top{border-top: 1px solid #B3AEAE;}

.methodology_title{font-weight: bold;color: #1BAD4E; font-size: 1.25rem;}

.methodology_percent{background: #F1FAF6;border-radius: 100px;padding: 10px 5px;width: 95px;text-align-last: center;font-weight: bold;color: #1BAD4E; font-size: 1.25rem;}

.bg_white{background-color: #fff;}

.process_Opicdynamics Inc._desc{background: #FFFFFF;box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.05);border-radius: 50px; padding: 30px 40px; margin-top: -15%;}

.process_Opicdynamics Inc._desc p{padding-top: 20px;}

.listing_program{margin-top: 25px;}

.listing_program li{display: flex;align-items: center;margin-top: 5px; background-color: #F4F8F6;border-radius: 20px;padding: 20px 20px;}

.listing_program li span{width: calc(100% - 24px);padding-left: 12px; line-height: 1.4;}

.listing_program li:before{content: "\e901";font-family: 'icomoon';width: 23px;height: 23px;border-radius: 50%;border: 2px solid #1BAD4E; font-size: 8px; display: flex;align-items: center;justify-content: center;color: #1BAD4E; font-weight: 100;}

.btn_find_out_more{background-color: #1BAD4E;border: 0;outline: none;color: #fff !important;display: inline-block;padding: 12px 25px;border-radius: 60px;font-weight: 500;}

.btn_find_out_more img{margin-left: 5px;width: 25px;}

#who_this_progrm{background: url(../images/bg-rectangle-whoisfor.png) right center no-repeat; background-size: contain; margin-top: 50px;}

.bg_light_green{background-color: #F1FAF6;}

.why_program_list_col{background-color: #fff; text-align: center;padding: 30px 15px; font-weight: 500; height: 100%; display: flex;align-items: center;justify-content: center;flex-direction: column;}

.why_program_list_col i{font-size: 2.4rem;color: #39A939;}

.why_program_list_col p{margin-top: 20px; line-height: 1.4;}

.why_program_list{margin-left: -1.5px;margin-right: -1.5px;}

.why_program_list .col-xs-6{padding-left: 1.5px;padding-right:1.5px;margin: 1.5px 0;}

.selection_process_content .col-xl-7{padding-left: 40px;}

.selection_process_list{margin-top: 15px;counter-reset: li;}

.selection_process_list li{display: flex;align-items: center;background-color: #EBFBFA;border-radius: 100px; padding: 13px 15px;margin-top: 15px;color: #000000;}

.selection_process_list li span{width: calc(100% - 50px); padding-left: 10px;}

.selection_process_list li:before{content: "";display: flex;align-items: center;justify-content: center;background-color: #1BAD4E; color: #fff;font-weight: 500;width: 40px;height: 40px; border-radius: 50%;counter-increment: li; content: counter(li, decimal-leading-zero);}

.apply_now{background: url(../images/bg-apply-now.jpg) right center no-repeat; padding: 100px 50px;border-radius: 40px; height: 100vh; max-height: 700px; background-size: cover; display: flex;align-items: center;}

.apply_now .row{width: 100%;}

.banner_btn_flex{display: flex;align-items: center;justify-content: center;}

.banner_btn_flex a{margin-left: 10px;margin-right: 10px;}

.btn_white_outline{display: inline-block;border: 1px solid #FFFFFF;border-radius: 58px;color: #fff !important;padding: 10px 30px; text-transform: uppercase;font-weight: 500; transition: all 0.4s;}

.btn_white_outline:hover{background-color: #fff; color: #000 !important;}

#business_banner_below{background-color: #3D3D3D;}

#business_banner_below .halal_trading_row, #business_banner_below .text_hts h4{color: #fff;}

.text_hts p{font-size: 0.9rem;}

.b2b_business_content .slick-track{display: flex;align-items: center; margin: auto;}

.technology_faith_content h6{font-weight: 600;color: #000;margin-bottom: 12px;}

.technology_faith_col{display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 30px;
background: #FFFFFF;
box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.05);
border-radius: 10px;
font-size: 0.9rem;
height: 100%;
line-height: 1.55;
}

.technology_faith_col h5{font-weight: 600;color: #000;margin-top: 20px;}

.technology_faith_col img{width: 80px;}

.quality_col{background: #F1FAF6;border-radius: 10px;padding: 25px; height: 100%;font-size: 0.9rem;color: #000000; line-height: 1.55rem;}

.quality_col h5{font-weight: 600;color: #000; margin-top: 20px;}

.quality_col img{max-height: 100px;}

.quality_row{margin-left: -30px;margin-right: -30px;}

.quality_row .col-md-4{padding-left: 30px;padding-right: 30px;position: relative;}

.quality_row li:after{content: "\e913";display: block;font-family: 'icomoon';position: absolute;right: -13px;top: 50%;margin: auto;color: #1bad4e;font-size: 1.4rem;}

.quality_row li:last-child:after{display: none;}

.technology_faith_col i{font-size: 2.5rem;color: #1BAD4E;}

.shariah_board_advisor_row{display: flex;align-items: center;background-color: #EDFFF6;padding: 20px; height: 100%;}

.shariah_board_advisor_text{padding-left: 20px; font-size: 0.9rem;}

.shariah_board_advisor_text h5{font-weight: 600; margin-bottom: 10px;}

.shariah_board_advisor_text p{margin-bottom: 5px;}

.shariah_board_advisor_text img{max-width:200px;}

.shariah_board_advisor_img{width: 45%;}

.shariah_board_advisor_text{width: 55%;}

#footer{background-color: #353535;color: #fff; padding: 20px 0;font-size: 0.9rem; padding-bottom: 30px;}

#footer a{color: #fff; font-weight: 500;}

.footer_nav li a{margin-top: 10px;display: inline-block;}

.footer_nav li:before{content: "\e909";font-family: 'icomoon';font-size: 6px; margin-right: 6px;font-weight: lighter;}

#footer h5{font-weight: 600;color: #fff; margin-bottom: 15px;}

.footer_row_with_icon{display: flex; align-items: flex-start;margin-bottom: 14px; font-size: 0.9rem; line-height: 1.4;}

.footer_row_with_icon i{color: #1BAD4E;font-size: 1.25rem; vertical-align: middle;margin-top: 5px; margin-right: 10px;}

.footer_row_with_icon i.icon-mail{font-size: 0.85rem;}

.footer_row_with_icon i.icon-phone{font-size: 1.15rem;}

.footer_app_store h5 img{margin-bottom: 20px; max-height: 36px;}

.footer_app_store img{max-width: 180px;}

.footer_app_store{text-align: center;}

.footer_app_store a{display: block;margin-top: 15px;}

.footer_desciption{padding-top: 20px;border-top: 1px solid #585858;margin-top: 30px;font-size: 0.8rem; color: #d9dadc;}

.copyright_row{display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #585858;padding-top: 20px;margin-top: 20px; color: #d9dadc;}

.copright_text{font-size: 0.8rem;}

.social_media li{display: inline-block; margin-left: 15px;font-size: 1.2rem;}

.social_media li i{color: #C8CBD0;}

.modal-dialog{max-width: 800px;}

.contact_content{padding-left: 30px;padding-right: 30px;}

.form-control{padding-top: 9px; padding-bottom: 9px;background-color: #f9f9f9; border: 1px solid #efefef; border-radius: 3px;}

.form_label{font-size: 0.85rem;color: #000;}

.form_label span{color: #ff0000;}

.modal-header .btn-close{box-shadow: none !important;outline: none !important; position: absolute;right: 20px;top: 20px;}

.modal-title{width: 100%;text-transform: uppercase;font-weight: bold;}

.modal-title:after{content: "";width: 80px;height: 3px;background-color: #1BAD4E;margin: auto;display: block;}

.modal-header{padding-bottom: 0; padding-top: 30px;justify-content: center; text-align: center; border-bottom: 0;}

.contact_content .btn_find_out_more{max-width: 220px;width: 100%;}

.modal-content{box-shadow: 0 0 20px rgba(0,0,0,0.05);border: 1px solid #f0f0f0;border-radius: 20px;}

.modal-backdrop{background-color: #e1e1e1;}

::-webkit-input-placeholder { /* Edge */
  font-size: 1rem;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 1rem;
}

::placeholder {
  font-size: 1rem;
}

@media(max-width: 575px){
    
  ::-webkit-input-placeholder { /* Edge */
    font-size: 14px;
  }

  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px;
  }

  ::placeholder {
    font-size: 14px;
  }

}
.footer_page h5{font-weight: 500;}

.footer_page h3{font-weight: 600; font-size: 1.4rem;}

.footer_page h4{font-weight: 500; font-size: 1.3rem; color: #000;}

.normal_list, .alpha_list, .alpha_big_list{padding-left: 16px;}

.normal_list, .normal_list li{list-style-type: square;}

.normal_list li{margin-top: 10px;}

.alpha_list li{list-style-type: lower-alpha; margin-top: 10px;}

.alpha_big_list li{list-style-type: upper-alpha; margin-top: 10px;}

.alpha_list li, .alpha_big_list li, .normal_list li{font-weight: 500; color: #000;}

.alpha_list li span, .alpha_big_list li span, .normal_list li span{font-weight: 400;color: #525252;}

.footer_page a{color: #1BAD4E;text-decoration: underline !important;}

strong{font-weight: 600;}

.paging_list{text-align: center;}

.paging_list li{display: inline-block;padding:4px 2px;}

.paging_list li a{display: block;padding: 2px 10px;background-color: #fff;border-radius: 5px;box-shadow: 0 0 2px #ddd;text-transform: uppercase;text-decoration: none !important; color: #333; font-weight: 500; display: flex;align-items: center;justify-content: center;}

.paging_list2 li a{border-radius: 50%; width: 32px;height: 32px;}

.img_comman{max-width: 75%;max-height: 75vh;}

.team_modals h5{font-weight: bold; font-size: 1.3rem;}

.team_modals h6{color: #666;}

.team_modals p{margin-top: 15px;color: #000;}

.team_modals .modal-dialog{max-width: 940px;}

.team_modals p{font-size: 0.9rem;}

.porfolio_wrap{text-align: center; padding-top: 50px;}

.porfolio_wrap img{max-height: 60vh;}

.porfolio_wrap h1{color: #484848;}

.porfolio_text h5{color: #1BAD4E;font-weight: bold;font-family: 'Roboto';}

.porfolio_text p{margin-top: 20px;}

.countries_list .items img{max-height: 52px;}

/*.our_mission_section img{max-height: 60vh;}*/

@media(max-width: 575px){
.col-xs-6{width: 50%;}

.banner_btn_flex{flex-wrap: wrap;}

.banner_btn_flex a{width: 100%;max-width: 260px;}

.searchbar input{font-size: 0.9rem;}

#banner_common p br{display: none;}

.shariah_board_advisor_text img{max-width: 100%;}

.technology_faith_content p br{display: none;}

.footer_app_store{text-align: left;}

.footer_app_store img{max-width: 100%;max-width: 100%;}

.copyright_row{display: block;text-align: center;}

.social_media{margin-top: 12px;}

#footer .col-sm-6{width: 50%;}

.checklist{justify-content: flex-start;}

.checklist li{width: 100%;}

.checklist li span{width: calc(100% - 30px);}
}

.banner_text{
  width:100%;
  max-width: 1920px;
}
@media(max-width: 767px){
h1{font-size: 1.6rem;}

.banner_text{width: 100%;
    height: 100%;
    background: rgba(24, 36, 28, 0.70);
    padding: 130px 25px;}

#banner{padding: 0; min-height: inherit;}

#banner h1{font-size: 2.5rem;}

.searchbar{max-width: 100%;}

.content, .small_content{padding-left: 25px;padding-right: 25px;}

.halal_trading_content{padding-left: 0;padding-right: 0;}

.halal_trading_content > div{padding-left: 25px;padding-right: 25px;}

.halal_trading_content_inner{margin-top: 30px;}

.heading_slogan br{display: none;}

.our_vision .heading_slogan{padding-left: 25px;padding-right: 25px;}

.countries_list{flex-wrap: wrap;}

.countries_list li{margin: 2%;width: 46%;}

.purify_investment_content {width: 70%;}

.scr_content{width: 100%;}

.research_simpified_inner .slider_grey_control{max-width: 100%;}

.checklist li{padding: 10px 10px;}

.research_simpified_inner{background: linear-gradient(180deg, #FBF6ED 25%, rgba(255, 255, 255, 0) 90%);}

#MeetTeamSlider .item{margin-left: 0;}

.img_advisor {
    width: 100%;
    margin-right: 0;
}

.img_advisor img{width: 100%;}

.text_advisor{width: 100%; margin-top: 20px;}

.quotes{display: none;}

.advisor_col{flex-wrap: wrap; padding: 25px;}

.slider_green_control{padding-left: 35px;padding-right: 35px;}

.featured_list{flex-wrap: wrap;}

.featured_list li{width: 50%;}

.slide_2 p br {display: none;}

.flex_div{height: inherit;}

.joinus_journey .item{height: inherit;}

.news__arrows{position: relative;right: 0; display: flex;align-items: center;justify-content: center;}

.news__dots-list li{margin: 0px 5px;}

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

.news__dots-list li.slick-active{height: 10px;width: 30px;}

.news__arrow_dir_up, 
.news__arrow_dir_down{width: 80px;transform: rotate(-90deg);}

.slide_2{padding-left: 30px;padding-right: 30px; padding-bottom: 30px;}

.flex_div{padding-bottom: 0;}

.green_shape{line-height: 1.3;}

.academy_slide_col img{opacity: 1;}

#header_home, #header_inner{padding-left: 15px;padding-right: 20px;}

.navbar .menu-show, .menu-hide{position: absolute;right: 0;}

.right_head_btn_desktop a{margin-left: 10px;}

.btn_get_started, .btn_login{padding: 4px 10px;font-size: 0.9rem;}

.navbar .logo img{max-width: 125px;}

.right_head_btn_desktop{margin-right: 45px;}

.mobile_app_store{border-radius: 20px; padding: 30px 25px;}

.mobile_app_store .row .col-md-6:first-child{order: 2;}

.mobile_app_store h6{line-height: 1.45;}

#banner_about{padding: 80px 30px;height: inherit;}

.sariah_banner_logos img{max-height: 52px;}

.big_title{font-size: 2.2rem;}

#banner_common{height: inherit;padding: 80px 0;}

.stock_methodology_row{flex-direction: column;padding: 15px 0px;text-align: center;border-radius: 12px;}

.methodology_detail{width: 100%;padding-left: 10px;padding-right: 10px; margin: 10px 0;}

.methodology_detail .methodology_bdr_top{padding-top: 5px; margin-top: 5px;}

.our_process_Opicdynamics Inc.{padding-bottom: 30px;}

.process_Opicdynamics Inc._desc{margin-top: 40px;padding: 25px;}

.apply_now p br{display: none;}

.apply_now{/*background-position: left center;*/position: relative; height: inherit;padding: 60px 30px;border-radius: 20px;}

.apply_now:before{content: "";
    display: block;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px;}

.apply_now .row{position: relative;}

.selection_process_content .col-xl-7{padding-left: 15px;}

.selection_process_list li{border-radius: 10px;}

#who_this_progrm{margin-top: 25px;background: none;}

.quality_row li:after {
    content: "\e913";
    display: block;
    font-family: 'icomoon';
    position: absolute;
    right: 0;
    bottom: -35px;
    margin: auto;
    color: #1bad4e;
    font-size: 1.4rem;
    left: 0;
    top: inherit;
    transform: rotate(90deg);
}

.quality_row li:first-child{margin-top: 0px !important;}

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

.quality_row{margin-left: -15px;margin-right: -15px;}

.quality_row .col-md-4{padding-left: 15px;padding-right: 15px;}

.joinus_journey .item img{max-height: 35vh;}

.scr_content{max-width: 100%;}

.scr_content h1 br{display: none;}
}

@media(min-width: 768px){
  .col_md_5{width: 20%;}
}

@media(min-width: 1600px){
h1{font-size: 2.5rem;}

h2{font-size: 2.5rem;}

.big_title{font-size: 3.5rem;}

.searchbar{
padding:10px;
padding-left: 20px;}

.searchbar input{width: calc(100% - 62px);}

.btn_search{width: 62px;height: 62px; font-size: 1.1rem;}

#header_home, #header_inner{padding-left: 80px;padding-right: 80px;}

#banner{display: flex; align-items: center; padding-left: 80px;padding-right: 80px;}

.icon_hts{width: 105px; padding-right: 15px;}

.icon_hts img{max-width: 100%;}

.text_hts{font-size: 1rem;line-height: 1.4;}

.text_hts h4{font-size: 2rem;}

.halal_trading_row{padding: 20px 60px;}

.halal_trading_content{margin-top: 100px;}

.countries_list li h5{font-size: 1rem;margin-top: 7px;}

.checklist li:before{content: "\e901"; width: 30px;height: 30px;font-size: 10px;}

.quotes{top: -20px;}

.quotes img{width: 60px;}

.featuredin{padding-left: 40px;padding-right: 40px;}

.sariah_banner_logos img{max-height:100px;}

.activity_col img{max-width: 200px;}

.apply_now{padding-left: 120px;}

.technology_faith_col img{width: 100px;}

.quality_col img{max-height: 100%;}

.shariah_board_advisor_text img{max-width:100%;}

.shariah_board_advisor_content{margin-left: -30px;margin-right: -30px;}

.shariah_board_advisor_content .col-sm-6{padding-left: 30px;padding-right: 30px;}

.shariah_board_advisor_row{padding-left: 30px;}

.mobile_app_store{padding-left: 100px;}

.mobile_app_store h6{line-height: 1.4;}

.joinus_journey .item img {
    max-height: 65vh;
}

.footer_app_store h5 img{max-height: 40px;}

.footer_app_store img{max-width: 200px;}

.img_comman{max-width: 100%;max-height: 80vh;}

#banner h1{font-size: 3.5rem;}

.countries_list .items img{max-height: 70px;}

.our_process_Opicdynamics Inc.{padding-bottom: 210px;}

.porfolio_wrap img{max-height: 80vh;}
}

.pointer{
  cursor: pointer;
}

.search-results{
  /* max-width: 38%; */
  max-width: calc(38% - 20px);
  background-color: white;
  color:black;
  border-radius: 1rem;
  position: absolute;
  max-height: 300px;
  overflow: auto;
  width: 100%;
  overflow-x: hidden;
  z-index: 2;
}

.search-results::-webkit-scrollbar {
  width: 10px;
}

/* Track */
/* .search-results::-webkit-scrollbar-track {
  background: white;
} */

/* Handle */
.search-results::-webkit-scrollbar-thumb {
  background: #1bad4e;
  border-radius: 16px;
  z-index: -1;
}

/* Handle on hover */
.search-results::-webkit-scrollbar-thumb:hover {
  background: #39A939;
}


 .search-results li{
  list-style: none;
  color:black;
}

.list-headings{
  padding: 16px 16px 10px 16px;
}

.data-list{
  padding: 1rem;
}

.list-heading-text{
  font-size: 14px;
  color: #858585;
}

.company-name,
  .stock-market{
    font-size: 14px;
    color: #212121;
    line-height: 20px;
  }

  .company-ticker{
    font-size: 14px;
    color: #212121;
    line-height: 20px;
  }

.data-list{
  padding: 14px 1rem;
}

.data-list:not(:last-child){
  border-bottom: 1px solid lightgrey;
}


.country-flag-image{
  width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
}

.symbol-heading,
.symbol-data{
  max-width: 120px;
  width: 120px;
  word-break: break-all;
}

.company-name,
.company-ticker{
  word-break: break-all;
}






@media(max-width: 767px){
  .search-results{
    max-width: 100%;
    position: relative;
  }

  .list-heading-text{
    font-size: 12px;
    
  }

  .company-name{
    font-weight: 500;
  }

  .company-name,
  .stock-market{
    font-size: 12px;
    color: #212121;
    line-height: 20px;
  }

  .company-ticker{
    font-size: 12px;
    color: #858585;
    line-height: 18px;
  }

  
}

.our_team_col > img{
  border-radius: 2rem;
}

.btn_login_mobile{
  color: white;
  display: none;
}

@media only screen and (max-width: 768px) {
  .btn_login{
    display: none;
  }

  .btn_login_mobile{
    display: inline-block;
    margin: 15px 30px;
  }
}