
/*  */
body {
    line-height: 1;
    /*background:#F4F6FC;*/
    font-family: 'poppins', sans-serif; 
    color:#000000;
    margin: 0px;
    box-sizing: border-box;
}


:root{
    /* bg color variable */
    --primary_bg:#F4F6FC;
    --secondary_bg:#FFFFFF;
    --section_bg:#FFFFFF;
    --primary_color:#2196F3;
    --banner_text:#FFFFFF;
    --title_color:#495057;
    --secondary_title_color:#464646;
    --text_color:#999999;
}

body{
/*    background-color: var(--primary_bg);*/
}


/* Global Classes */
.main_container{max-width: 1530px; margin: auto; padding:0px 30px;}
.medium_container{max-width: 1230px; margin: auto; padding:0px 30px;}
.section_padding{padding: 60px 0px;box-sizing: border-box;}
.section_inner_padding{padding: 25px 0px;box-sizing: border-box;}
.section_inner_padding.no_padding_bottom{padding-bottom: 0;box-sizing: border-box;}
.section_padding.no_padding_bottom{padding-bottom: 0;}
.extra_top_gap{padding-top:100px;}
.card_grid{display: grid; grid-template-columns: repeat(4,minmax(0px, 1fr));gap: 20px;}



.primary_title{font-size:25px; line-height: 38px;  color: var(--title_color); padding-bottom: 20px;margin: 0px;font-weight: 700;}
.secondary_title{font-size: 22px; line-height: 30px; color: var(  --secondary_title_color); font-weight: 600;margin: 0px;font-weight: 600;}
.primary_text{font-size: 16px; line-height: 24px; color: var(--text_color);margin: 0px;}
.text-center {text-align: center;}



/* Cta's */
.primary_cta{font-size: 15px; line-height: 20px; text-decoration: none; min-width:6em; padding:7px 15px 7px; box-sizing: border-box; background-color:#ffff; border:1px solid var(--primary_color); color: var(--primary_color); transition: .3s ease-in-out; text-align: center;display: inline-block;border-radius: 8px;}
.primary_cta:hover{background-color: var(--primary_color); color: #fff;}

.primary_cta.secondary_cta{cursor: pointer; background-color: var(--primary_color); border:1px solid #ffff;color: #fff;min-width:12em;}
.primary_cta.secondary_cta:hover{background-color: transparent; color: var(--primary_color);border-color: var(--primary_color);}
.primary_cta.full{min-width: 100%;}

.primary_cta.primary_link{font-size: 17px; line-height: 28px;  color: #6C757D; font-weight: 400; border: 1px solid #C4C4C4; transition: .3s ease-in-out;
  
}


.primary_cta.warning_cta{color: #FC677C; border-color: #FC677C;min-width:12em;}
.primary_cta.warning_cta:hover{border-color: var(--primary_color); color: #fff;}

.humberg_menu {display: none;}

@media screen and (min-width:200px) and (max-width:1080px){
    .primary_title{font-size:22px; line-height: 30px; padding-bottom: 10px;}
    .secondary_title{font-size: 18px; line-height: 26px;}
    .primary_text{font-size: 15px; line-height: 24px;}
    .section_padding{padding: 30px 0px;}
    .primary_cta{font-size: 15px; line-height: 23px; padding:8px 15px 8px}
    .primary_link{font-size: 15px; line-height: 23px;}

    .extra_top_gap{padding-top: 30px;}
    .card_grid{grid-template-columns: repeat(auto-fill,minmax(270px, 1fr));gap: 20px;}
}

@media (max-width: 768px) {
    /* humburger menu */
    .humberg_menu {display: flex;align-items: center;gap: 20px;}
    .humberg_menu  .hum_item{display: flex; gap: 10px;margin: 0px;padding: 0px;}
    .humberg_menu .hum_item li{list-style: none;}
    .humberg_menu  .hum_item li a{font-size: 17px; line-height: 28px; color: #464646; font-weight: 500; text-decoration: none;}
    .humberg_menu  .hum_item li:not(:last-child)::after{content: "/";margin-left: 10px;}
}

@media screen and (min-width:768px) and (max-width:1080px){
    .card_grid{display: grid; grid-template-columns: repeat(2,minmax(0px, 1fr));gap: 20px;}
}