body{
    font-family: 'Mulish', sans-serif;
    padding: 0;
    margin: 0;
}
img{
    /* width: 100%; */
    /* height: 100%; */
}


/*======Custom Css======*/
/*Navbar styling start*/
.my_navbar_outer{
    margin: 0px 0 0 0;
    /*height: 100px;*/
    background:transparent !important;
    padding: 0px 0;
}

.navbar {
    background-color: transparent;
    padding: 0 0 20px 0px;
    margin: -1px 0 0 0;
}
.navbar-brand img{
    width: 150px;
    margin-top:20px;
}
.top-nav-collapse {
    background-color: #4285F4;
}

.my_navbar_outer ul li{   
    font-size: 16px;
    font-weight: 500;  
    color: #323232;
    margin: 0 15px;
}

.my_navbar_outer ul li a{
    color: #323232 !important;
    transition: linear all 0.3s;
}

.my_navbar_outer ul li a:hover{
    color: #36e0a0 !important;
    transition: linear all 0.3s;
}

.my_navbar_outer ul li a.active{
    color: #36e0a0 !important;
}

/*Navbar buttons*/
.my_navbar_outer .navbar_buttons .nav_btn,
.banner_content_outer .banner_buttons .bnr_btn {
    padding: 0;
    background-color: transparent;
}

.my_navbar_outer .navbar_buttons .nav_btn a,
.banner_content_outer .banner_buttons .bnr_btn a{
    font-size: 14px;
    font-weight: bold;  
    color: #36e0a0;
    margin: 0 5px;
    padding: 10px 35px;
    border: 1px solid transparent;
    transition: linear all 0.3s;
    background-color: transparent;
    text-decoration: none;
    border-radius: 5px;
}

.my_navbar_outer .navbar_buttons .nav_btn2 a ,
.banner_content_outer .banner_buttons .bnr_btn2 a{
    background-color: #36e0a0;
    color: #fff;  
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
}

.my_navbar_outer .navbar_buttons .nav_btn2 a:hover ,
.banner_content_outer .banner_buttons .bnr_btn2 a:hover{
    background-color: transparent;
    color: #36e0a0;  
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
}

.my_navbar_outer .navbar_buttons .nav_btn1 a ,
.banner_content_outer .banner_buttons .bnr_btn1 a{
    transition: linear all 0.3s;
}

.my_navbar_outer .navbar_buttons .nav_btn1 a:hover ,
.banner_content_outer .banner_buttons .bnr_bt1 a:hover{
    background-color: #36e0a0;
    color: #fff;  
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
}

/*Navbar close*/
/*Banner styling start*/
.wrapper_outer{
	background:  url('../images/banner-bg.png');
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
	padding: 0px 0;
	
    /* 
    background-image: url('../images/banner-background-logo.png'); background-repeat: no-repeat;
    background-position: right;
    background-size: contain;*/
	
}

.banner_content_outer {
    /*background: url("https://mdbootstrap.com/img/Photos/Others/img (40).jpg")no-repeat center center;
    background-size: cover;
    background-color: #ccc;
    height:50px;
    border-bottom-left-radius:50%;
    border-bottom-right-radius:50%;*/
}
.banner_content_outer {
    height: auto;
    padding: 180px 0px 150px 0px;
    
}
.banner_content_outer .banner_col1 {
    margin: 0 0 30px;
}

.banner_content_outer .banner_col1 h2{
    font-size: 45px;
    font-weight: 900;  
    color: #0c1727;
}

.banner_content_outer .banner_col1 p{
    font-size: 16px;
    font-weight: 500;  
    line-height: 1.75;  
    color: #323232;
    margin: 30px 0;
}

.bnr_btn1 a:hover{
    background-color: #36e0a0 !important;
    color: #fff !important;
}

/*Col 2 start*/

.banner_content_outer .banner_col2 img{
    width: 100%;
}

/*col 2 close*/
/*After banner section start*/
.after_banner_section{
    margin: 80px 0;
}

.after_banner_section h4{
    font-size: 33px;
    font-weight: 700;  
    color: #0c1727;
    margin: 0 0 85px;
}

.after_banner_section h4 span{
    display: block
}

.after_banner_section h4 span abbr{
    font-weight: 800; 
    text-decoration: none;
    border-bottom: 4px solid #36e0a0;
    color: #0c1727; 
}

.after_banner_section .after_banner_col{
    border: solid 1px rgba(54, 224, 160, 0.44);
    padding: 15px 25px;
    border-radius: 7px 30px 7px 30px;
    transition: linear all 0.3s;
    margin: 0 0 30px;
}

.after_banner_section .after_banner_col img{
    margin: 15px 0 25px;
}

.after_banner_section .after_banner_col h3{
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: bold;  
    color: #0c1727;
}
.after_banner_section .after_banner_col h3 span abbr{
    font-weight: 800;
    text-decoration: none;
    border-bottom: 4px solid #36e0a0;
    color: #0c1727;
}
.after_banner_section .after_banner_col p{
    font-weight: 500;  
    line-height: 1.64;  
    color: #1d3354;
    font-size: 14px;
    margin: 0 0 25px;
}

.after_banner_section .after_banner_col:hover{
    box-shadow: 0 2px 36px 5px #edfcff;
    transition: linear all 0.3s;
}

/*After banner close*/
/*About Ussection start*/

.about_section{
    margin: 80px 0;
    padding: 100px 0;
    background-color: #f3fdff;


}

.about_section .about_col1{
    padding: 0 25px;
}
.about_col2{
    margin: 25px 0px;
}
.about_section .about_col2 img{
    width: 100%;
}

.about_section .about_col1 h3{
    font-size: 23px;
    font-weight: 600;  
    color: #467599;
    line-height: 45px;
    margin: 0 0 35px;
}

.about_section .about_col1 h3 span{
    display: block;
    font-size: 35px;
    font-weight: 700;  
    color: #0c1727;
}

.about_section .about_col1 h3 span abbr{
    font-weight: 900;  
    color: #0c1727;
    text-decoration: none;
    border-bottom: 4px solid #36e0a0;
}

.about_section .about_col1 p{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.64;  
    color: #1d3354;
}

.about_section .about_col1 h4{
    font-size: 24px;
    font-weight: bold;  
    color: #0c1727;
    margin: 30px 0;
}

.about_section .about_col1 h4 span{
    font-size: 14px;
    font-weight: 500;  
    line-height: 1.64;  
    color: #1d3354;
    display: block;
}

.about_section .about_col1 button {
    padding: 0px;
    background-color: transparent;
}

.about_section .about_col1 button a{
    font-size: 14px;
    font-weight: bold;  
    color: #fff;
    padding: 10px 35px;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: #36e0a0;
    text-decoration: none;
    border-radius: 5px;
}

.about_section .about_col1 button a:hover{
    color: #36e0a0;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: transparent;
}

/*About Section close*/
/*Jackbot Work section*/
.jackbot_work_section{
    margin: 80px 0;
    background-color: #fff;
}


.jackbot_work_section  h3{
    font-size: 23px;
    font-weight: 600;  
    color: #467599;
    line-height: 45px;
    margin: 0 0 60px;
}

.jackbot_work_section  h3 span{
    display: block;
    font-size: 35px;
    font-weight: 700;  
    color: #0c1727;
}

.jackbot_work_section h3 span abbr{
    font-weight: 900;  
    color: #0c1727;
    text-decoration: none;
    border-bottom: 4px solid #36e0a0;
}

.jackbotwork_col-r img{
    width: 100%;
    margin-top: 50px;
}

.jackbot_work_section .jackbotwork_col_outer {
    /*border: 1px solid #ccc;*/
    margin: 0 0 15px;
    padding: 15px;
}

.jackbotwork_col_outer .left_icon{
    float: left;
    margin: 50px 30px 0 8px;
}

.jackbotwork_col_outer .left_icon i{
    padding: 30px;
    border-radius: 50px;
    font-size: 24px;
    border: 1px solid #ccc;
}

.jackbotwork_col_outer .left_icon .speech{
    border: 1px solid #36e0a0;
    color: #36e0a0;
}

.jackbotwork_col_outer .left_icon .settings{
    border: 1px solid #467599;
    color: #467599;
}


.jackbotwork_col_outer .left_icon .case{
    border: 1px solid #ff6565;
    color: #ff6565;
}

.jackbot_work_section .jackbotwork_col_outer .right_text {
    display: grid;
}

.jackbot_work_section .jackbotwork_col_outer .right_text h4{
    font-size: 24px;
    font-weight: bold;  
    color: #0c1727;
    margin: 7px 0 15px;
}


.jackbot_work_section .jackbotwork_col_outer .right_text p{
    font-size: 14px;
    font-weight: 500;  
    line-height: 1.64;  
    color: #1d3354;
    margin: 0 0 10px 0;
}
/*================================================*/

/*==========================================*/
.testimonials_outer{
    /*margin: 80px 0 -170px;*/
    padding: 100px 0 300px;
    background-color: #f3fdff;   
    background: #f3fdff url('../images/tstmnl-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: cover;*/
}


.back-img{
    /*background-image: url('../images/tstmnl-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
    /*padding:60px 50px 100px;*/
}
.testimonials_outer  h3{
    font-size: 23px;
    font-weight: 600;  
    color: #467599;
    line-height: 45px;
    margin: 0 0 0 -60px;
}

.testimonials_outer  h3 span{
    display: block;
    font-size: 35px;
    font-weight: 900;  
    color: #0c1727;
}

.testimonials_outer h3 span abbr{
      
    color: #0c1727;
    text-decoration: none;
    border-bottom: 4px solid #36e0a0;
}

.testimonials_cols {
    margin:0 0 0 -60px;
}
.testimonials_cols img{
    border-radius: 50%;
    /*border: 4px solid #36e0a0;*/
    margin-bottom: 25px;
    margin-top: 50px;
}
.testimonials_outer .testimonials_cols p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.64;
    color: #1d3354;
    margin: 0px 65px;
    padding: 0px 60px;
}
.testimonials_outer .testimonials_cols h4 {
    font-size: 25px;
    font-weight: bold;
    color: #0c1727;
    margin: 30px 0;
}
.testimonials_outer .testimonials_cols h4 span {
    font-size: 19px;
   line-height: 1.64;
    color: #ff6565;
    display: block;
}
.testi-images img{
  vertical-align: middle;
   border-radius: 50%;
    border: solid 8px #dffdff;
    margin-top: 150px;
}
.side_imgages_top_left{
   position: absolute; 
}
.side_imgages_top_left img{
     border-radius: 50%;
    border: solid 8px #dffdff;
    width: 100%;
    position: relative;
    right: 25px;
}
.side_imgages_bottom_left{
    position: absolute;
}
.side_imgages_bottom_left img{
     border-radius: 50%;
    border: solid 8px #dffdff;
   position: relative;
  top:300px;
    left:30px;
    
}
.side_imgages_top_right{
    position: absolute;
}
.side_imgages_top_right img{
    position: relative;
    border-radius: 50%;
    border: solid 8px #dffdff;
    left: 550px;
    bottom: 100px;
}
.side_imgages_bottom_right{
  position: absolute;  
}
.side_imgages_bottom_right img{
    position: relative;
    border-radius: 50%;
    border: solid 8px #dffdff;
    left: 600px;
    bottom: 350px;
}
/*=============================================*/
/*my subscribe box*/
.subscribe_section_outer{
    margin-top: -100px;
}
.subscriber_inner2{
    background: url('../images/call-to-action2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding:30px 20% 45px;
    border-radius: 30px;

}

.subscriber_inner2 h3{
    font-size: 40px;
    font-weight: bold;
    color: #36e0a0;
    margin: 30px 0 60px;
}

.searchbox-users2 i {
    position: absolute;
    margin: 15px 0 0 15px;
    font-size: 16px;
    vertical-align: middle;
}
.searchbox-users2 input {
    padding: 10px 15px 10px 10px;
    border: 0;
    width: 50%;
    border-radius: 6px;
    border: solid 1px #fff;
    font-size: 15px;
    color: #000;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
}
.searchbox-users2 button{
    margin: 25px 0px;
}
.searchbox-users2 button a {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding: 11.5px 35px;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: #36e0a0;
    text-decoration: none;
    border-radius: 5px;
}

.searchbox-users2 button {
    padding: 0px;
    background-color: transparent;
}

.searchbox-users2 button a:hover {
    color: #36e0a0;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: transparent;
}


/*================================================*/
.testimonials-lastpra {
     margin: 80px 0 0 0;
    padding: 20px 0;
}

.testimonials-lastpra h3 {
    font-size: 34px;
    font-weight: bold;
    color: #1d3354;
    margin: 0 0 35px;
}

.testimonials-lastpra h3 span {
    color: #36e0a0;

}

.testimonials-lastpra p {
    margin: 25px 75px;
    font-size: 14px;
    font-weight: 500;
    color: #1d3354;
    line-height: 1.64;
}

.testimonials-lastpra button a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 10px 35px;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: #36e0a0;
    text-decoration: none;
    border-radius: 5px;
}

.testimonials-lastpra button {
    padding: 0px;
    background-color: transparent;
}

.testimonials-lastpra button a:hover {
    color: #36e0a0;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: transparent;
}
/*==================================*/
.footer-top {
    background-image: url('../images/footer2.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0 20px 0;
    object-fit: contain;
    background-position: center center;
}

.footer-info img{
    margin: 0 0 25px;
}


.footer-info p {
     letter-spacing: -0.7px;
     color: #9eadb9;
     line-height: 28px;
     font-size: 15px;
     margin: 15px 0px;
}

.footer-top .footer-links ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

.footer-top .footer-links ul li{
    margin: 7px 0;
}

.footer-links h4 {
    font-size: 17px;
    font-weight: 600;
    color: #36e0a0;
    margin: 40px 0 25px;
}

.footer-top .footer-links ul a {
    color: #8499aa;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Mulish', sans-serif;
}

.footer-top .footer-links ul a:hover {
    color: #fff;
}


.hr-footer {
    background-color: #e3e3e3;
    height: 1px;
    border: none;
    margin:25px 0;
    max-width: 100%;
}

.copyright{
    float: left;
}
.copyright p{
    font-size: 12px;
    color:#fff;
}
.social-links{
    text-align: right;
}
.footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 15px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}
.footer-top .social-links a :hover{
    color: #36e0a0;
}
/*========================not use=================*/

/*
.subscriber_inner{
    background-color:#080855;
    padding:0px 0px 110px 0px;
}

.subscriber_inner h3{
    font-size: 43px;
    font-weight: bold;
    color: #36e0a0;
    padding: 50px;
}
.searchbox-outer{
    margin: 0px 135px;
}
.searchbox-users {
    float: left;  
}
.searchbox-users i {
    position: absolute;
    margin: 15px 0 0 15px;
    font-size: 16px;
    vertical-align: middle;
}
.searchbox-users input {
    padding: 10px 15px 10px 40px;
    border: 0;
    width: 250px;
    border-radius: 6px;
    border: solid 1px #979797;
    font-size: 15px;
    color: #9ca1a1;
    font-family: 'Mulish', sans-serif;
}
.top-btn-outer {
    float: left;
    margin: 5px 0px 0px 5px;
}


.top-btn-outer button a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 12px 35px;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: #36e0a0;
    text-decoration: none;
    border-radius: 5px;
}

.top-btn-outer button {
    padding: 0px;
    background-color: transparent;
}

.top-btn-outer button a:hover {
    color: #36e0a0;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: transparent;
}
*/


/*****************************************************/









/*======================================================
=======================================================*/


/*****************************************************/
.inner_page_wrapper_outer {
    background-color: #F3FDFF;
}

.banner_title {
    margin: 80px 0px;
}

.banner_title h2 {
    font-size: 60px;
    font-weight: 900;
    color: #0c1727;
    margin-bottom: 30px;
}

.banner_title h2 span {
    border-bottom: 4px solid #36e0a0;
}

.banner_title ol li a {
    color: #707070;
    text-decoration: none;
}

.banner_title ol li a:hover {
    color: #36E0A0;
}

.banner_img_outer {}

.banner_img_outer img {
   width: 100%;
}

/*===========================*/
.space {
    padding: 25px 0px;
}

/*========================*/
.warrom_banner_inner {
    margin: 50px 0 0 0;
}

.thumb_img figure img {
    width: 100%;

}

.content_outer h3 {
    font-size: 39px;
    font-weight: bold;
}

.content_outer p {
    letter-spacing: 0px;
    color: #0C1727;
    opacity: 0.6;
}

/*======================================*/
.aanmelden_content {
    margin: 0px 0 0 0;
}

.aanmelden_text p {
    margin: 50px 100px;
    font-size: 20px;
    color: #0C1727;
    opacity: 0.6;
}

/*========================================*/
.kennisbank_title {
    margin: 50px 0px;
}

.kennisbank_title h3 {
    font-size: 39px;
    font-weight: bold;
    margin:50px 0px 30px 0px;
}

.kennisbank_title h3 span {
    display: block;
}

.kennisbank_title abbr {
    color: #36E0A0;
}

/*=============================================*/
.zoeken-outer input {
    padding: 10px 15px 10px 30px;
     width: 70%;
     
    border: 1px solid #DCDCDC;
    font-size: 20px;
    color: #000;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    border-radius: 10px;
    opacity: 1;
}

.zoeken-outer button a {
    font-size: 25px;
    font-weight:500;
    color: #fff;
    padding: 10px 35px;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background: #36E0A0 0% 0% no-repeat padding-box;
    border-radius: 10px;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 1;
   
    }

.zoeken-outer button {
    padding: 0px;
    background-color: transparent;
     margin: 20px 0px;
}

.zoeken-outer button a:hover {
    color: #36e0a0;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: transparent;
}
.andere_beleggers_bekeken_outer h3{
    font-size: 50px;
    font-weight: 500;
    color:#000000;
}
.artikelen-text{
    margin: 0px 0px 0px 78px;
}
.artikelen-text p{
    letter-spacing: 0px;
    color: #36E0A0;
    opacity: 1;
    text-decoration:none;
    font-size: 25px;
}
/*========================================*/
.contact_outer{
    margin: 80px 40px 0px 0px;
}
.contact_outer p{
   color: #0C1727;
opacity: 0.6;
    font-size: 20px;
    margin-bottom: 30px;
}
.contact_outer h3{
  letter-spacing: 0px;
color: #36E0A0;
text-transform: uppercase;
opacity: 1;
    font-size: 30px;
}

.user_field {
    position: absolute;
    padding: 0;
    margin: 0;
    margin: 35px 0 0 0px;
    font-size: 18px;
    color: #979797;
    font-family: 'Mulish', sans-serif;
}

.user_form input {
   padding: 40px 20px 8px 0px;
    border: 1px solid #fff;
        border-bottom-color: rgb(255, 255, 255);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    font-family: 'Mulish', sans-serif;
  border-radius: 0px;
    border-bottom: solid 1px #979797;
    font-size: 16px;
    color: #000000;
    width: 100%;
}
.contact-btn-outer{
    margin: 50px 0px;
}

.contact-btn-outer button span {
    font-size: 25px;
    font-weight:500;
    color: #fff;
    padding: 10px 35px;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background: #36E0A0 0% 0% no-repeat padding-box;
    text-decoration: none;
    border-radius: 5px;
    opacity: 1;
    }

.contact-btn-outer button {
    padding: 0px;
    background-color: transparent;
}

.contact-btn-outer button span:hover {
    color: #36e0a0;
    border: 1px solid #36e0a0;
    transition: linear all 0.3s;
    background-color: transparent;
}

.contact-box-outer{
    background: #FFFFFF;
    padding: 50px 40px;
box-shadow: 0px 0px 30px #E1EBE972;

opacity: 1;
}
.contact-box-outer h3{
    font-size: 30px;
    letter-spacing: 0px;
color: #36E0A0;
text-transform: uppercase;
opacity: 1;
    margin: 25px 0px;
}
.contact-box-outer p{
    letter-spacing: 0px;
color: #000000;
opacity: 1;
    font-size: 18px;
}
.icons_outer .cont_icon{
    text-decoration: none;
    color:#50E3C2;
    vertical-align: middle;
    margin: 10px 10px 10px 0px;
}
.icons_outer p{
    letter-spacing: 0px;
color: #000000;
opacity: 1;
    font-size: 22px;
}
.card-header-outer{
    border:1px solid #DCDCDC;
    padding: 25px;
    border-radius: 8px;
    margin: 10px 0px;
}
.card{
    border:0px;
}
.card-header {

    margin-bottom: 0;
    background-color: transparent;
    border-bottom:0px;
    padding: 0px;

}
.card-body{
    padding: 0px;
}
 .text-a {
    font-size:16px;
    color:#A4A4A4;
    font-weight: 500;
    margin: 20px 0px; 
}
.card-body ul li
{
   font-size: 16px;
    color:#A4A4A4;
    font-weight: 500;
}
.card-body li::marker {
    color: #36E0A0;
    font-size: 22px;
    vertical-align: middle;
}
.card-header a {
    font-size: 22px;
    font-weight: 400;
    color:#000;
    cursor: pointer;
    text-decoration: none;
    
}
.card-header a:hover {
    text-decoration: none;
}
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f062";
    float: right; 
    color:#36E0A0;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f063"; 
}

.terms-of-use, .privacy-declaration {
    text-align: initial !important;
}

.privacy-declaration ul {
    display: block !important;
    list-style-type: disc !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 40px !important;
}

.privacy-declaration p, .privacy-declaration ul, .privacy-declaration address {
    font-family: var(--bs-font-sans-serif);
    font-size: 15px;
    line-height: 20px;
    color: #738191
}

.privacy-declaration h3 {
    font-family: 'Mulish', sans-serif;
}

.secPdng {
    padding: 60px 0;
}