@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('https://carebilling.com/wp-content/themes/Carebilling/assets/fonts/Poppins-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('https://carebilling.com/wp-content/themes/Carebilling/assets/fonts/Poppins-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('https://carebilling.com/wp-content/themes/Carebilling/assets/fonts/Poppins-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src:url('https://carebilling.com/wp-content/themes/Carebilling/assets/fonts/Poppins-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('https://carebilling.com/wp-content/themes/Carebilling/assets/fonts/Poppins-ExtraBold.woff') format('woff');
}


.main_container{max-width: 1200px; margin: auto; padding:0px 25px;}
.sec_padding{padding:90px 0px; box-sizing: border-box;}
.inner_padding{padding:65px 0px; box-sizing: border-box;}
.secondary_sec_padding{padding: 50px 0px; box-sizing: border-box;}
.inner_sec_gap{padding-top:30px;}
.bg-dark {
    background: #5C2F82;
}

.primary_bg{background-color: var(--primaryColor); background-image: url(../images/pattren_bg.png); background-repeat: no-repeat; background-position: 100% 90%; background-size: contain;}
.secondary_bg{background-color: #F1F6FA;}
/* primary title variations */
.primary_title{font-size: 45px; line-height: 50px; font-weight: 700; color: var(--darkgrey); padding: 20px 0px;}
.primary_title .highlighted{font-weight: 700; color: var(--primaryColor);}
.primary_title.white{color: var(--whiteColor);}
.primary_title.white .highlighted{color:var(--whiteColor);}
.bold{font-weight:700;}.mt-3{margin-top:25px;}
/* Secondary Title */
.secondary_title{font-size: 20px; line-height: 28px; color: var(--newDark); font-weight: 600; padding-bottom: 15px;}
.secondary_title.white{color: var(--whiteColor);}
/* Primary text */
.primary_text{font-size: 18px; line-height: 28px; color: var(--textColor);}
.text_white{font-weight:600; color: var(--whiteColor);font-size: 18px; }
.primary_text.white{color: var(--whiteColor);}
.secondary_text{font-size: 14px; line-height: 24px; color: var(--textColor);}
.secondary_text.white{color: var(--whiteColor);}
.bg-grey{background-color:var(--lightgrey);}
.sec_head{text-align: center; width: 86%; margin: auto;}
.body-text{color:var(--bodytext);}
.semibold{font-weight:600;}
.text-center{text-align:center;}
.padding-0{padding:0;}
.margin-top-10{margin-top:10px;}
.margin-y20{margin:20px 0;}

/* Sections Labels */
.sec_label{padding:6px 15px; box-sizing: border-box; display: inline-flex; align-items: center; gap:10px; border:1px solid #A6A6A6; text-align: center; min-width: 10em; border-radius: 25px;}
.sec_label span{font-size: 14px; line-height: 24px; color: var(--blackColor);}
.sec_label.white{border-color: var(--whiteColor);}
.sec_label.white span{color: var(--whiteColor);}

/* Call to actions */
.section_cta{padding-top:30px;}
.primary_cta{font-size: 16px; line-height: 24px; font-weight: 500; border:1px solid var(--secondaycolor); display: inline-block; color: var(--whiteColor); background-color: var(--secondaycolor); border-radius: 10px; padding:12px 20px; box-sizing: border-box; min-width: 15em; text-align: center; transition: .3s ease-in;}
.primary_cta:hover{background-color: transparent; color: var(--secondaycolor);}
.secondary_cta{font-size: 16px; line-height: 24px; font-weight: 500; border:1px solid var(--whiteColor); display: inline-block; color: var(--secondayColor); background-color: var(--whiteColor); border-radius: 10px; padding:12px 20px; box-sizing: border-box; min-width: 15em; text-align: center; transition: .3s ease-in;}
.secondary_cta:hover{background-color: transparent; color: var(--whiteColor);}


/* Form Field */
.form{display: flex; flex-wrap: wrap; gap:15px;}
.form_field.full{width: 100%;}
.form_field.half{width: calc(50% - 8px);}
.form_field .form_item{font-size: 14px; line-height: 24px; resize: none; color: var(--newDark); border:0px; outline: none; background-color:#F0F0F0; border-radius: 5px; min-height: 50px; padding:10px 20px; box-sizing: border-box; width: 100%;}
.form_field .form_item::placeholder{color: var(---newDark); font-family: 'Poppins', sans-serif;}
.form_field .form_btn{font-size: 16px; line-height: 24px; font-weight: 500;border:0px; outline: none; border:1px solid var(--secondaycolor); background-color: var(--secondaycolor); color: var(--whiteColor); border-radius: 10px; min-height:50px; text-align:center; padding:1px 15px; box-sizing: border-box; width: 100%; transition: .3s ease-in;}
.form_field .form_btn:hover{background-color: transparent; color: var(--secondaycolor);}
.center{text-align: center;}
.\34 04-error {
    background: var(--purpleColor);
    padding: 150px 0;
    text-align: center;
}

.\34 04-error .secondary_title {
    color: var(--whiteColor);
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    margin: 20px;
    padding-bottom: 0;
}

.\34 04-error .primary_text {
    max-width: 520px;
    margin: auto;
}

/* Two Col Sections */
.two_col{display: flex; align-items: center; justify-content: space-between; gap:70px;}
.two_col .block{flex: 1;}


/* Widget Card */
.card_widget{box-shadow: 0px 6px 30px 0px #0059BB0F; padding:30px 25px; box-sizing: border-box; background-color: var(--whiteColor); border-radius: 20px;}
.card_widget .cnt .secondary_title{padding:8px 0px 2px;}
.card_widget .cnt .primary_text{padding:5px 0px;}
.card_widget .cnt .count{font-size: 36px; line-height: 44px;color: var(---newDark); font-weight: 600;}

.card_widget.center .icon{text-align: center;}
.card_widget.center .cnt .primary_text{text-align: center;}
.card_widget.center .cnt .count{text-align: center;}


@media screen and (min-width:200px) and (max-width:1024px){
    .sec_padding{padding:40px 0px;}
    .secondary_sec_padding{padding:30px 0px;}
    .inner_sec_gap{padding-top: 20px;}
    .primary_title{font-size: 38px !important; line-height: 50px !important; padding:16px 0px;width:100% !important;}
    .secondary_title{font-size: 17px; line-height: 27px; padding-bottom: 15px;}
    .primary_text{font-size: 15px; line-height: 23px;}
    .sec_head{width: 100%;}
    .section_cta{padding-top: 20px;}
    .primary_cta{font-size: 15px; line-height: 23px; padding:6px 15px; min-width: 10em;}
    .secondary_cta{font-size: 15px; line-height: 23px; padding:6px 15px; min-width: 10em;}
    .form{gap:10px;}
    .form_field.half{width: calc(50% - 5px);}
    .form_field .form_item{min-height: 45px;}
    .form_field .form_btn{font-size: 15px; line-height: 23px;}
    .two_col{flex-direction: column-reverse; gap:35px;}
    .two_col .block.image_block{order:1;}

    .card_widget{padding:14px 14px;}
    .card_widget .icon{text-align: center;}
    .card_widget .icon img{width: 60px;}
    .card_widget .cnt .secondary_title{font-size: 14px; line-height: 23px; padding:5px 0px 0px; text-align: center;}
    .card_widget .cnt .primary_text{font-size: 13px; line-height: 23px; display: none;}
    .card_widget .cnt .count{font-size: 26px; line-height: 34px; text-align: center;}
}
@media screen and (min-width:768px) and (max-width:1024px){
    .sec_padding{padding:60px 0px;}
    .secondary_sec_padding{padding:40px 0px;}
    .inner_sec_gap{padding-top: 20px;}
    .primary_title{font-size: 30px; line-height: 38px; padding:12px 0px;}
    .secondary_title{font-size: 18px; line-height: 28px; padding-bottom: 12px;}
    .primary_text{font-size: 16px; line-height: 24px;}
    .sec_head{width: 100%;}
    .section_cta{padding-top: 20px;}
    /* .primary_cta{font-size: 15px; line-height: 23px; padding:6px 15px; min-width: 10em;}
    .secondary_cta{font-size: 15px; line-height: 23px; padding:6px 15px; min-width: 10em;} */
    /* .form_field .form_item{min-height: 45px;}
    .form_field .form_btn{font-size: 15px; line-height: 23px;} */
    .two_col{flex-direction: row; gap:30px;}
    .two_col .block.image_block{order:0;}
    .two_col .block{text-align: initial;}
    .card_widget{padding:15px 15px;}
    .card_widget .icon{text-align: initial;}
    .card_widget .cnt .secondary_title{font-size: 15px; line-height: 23px; text-align: inherit;}
    .card_widget .cnt .primary_text{font-size: 14px; line-height: 24px; display: block;}
    .card_widget .cnt .count{font-size: 30px; line-height: 38px; text-align: initial;}
}
@media screen and (min-width:1024px) and (max-width:1300px){}