.text-green {
        color: #4CA341;
    }

    .help-me-modal .info-text {
        font-size: 24px;
        font-weight: 700;
        color: #000000;
    }

    .help-me-modal .nav-pills {
        justify-content: center;
        margin-bottom: 92px;
    }
    .help-me-modal .nav-pills .nav-item {
        padding: 0 20px;
    }

    .help-me-modal .tab-pane {
        margin-top: 92px;
    }
    .help-me-modal .nav-pills .nav-link {
        font-family:"BarlowRegular" !important;
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
        color: #666666;
        background: transparent;
        border: none;
        padding: .5rem 0;
        position: relative;
    }

    .help-me-modal .nav-pills .nav-link.active, .help-me-modal .nav-pills .show>.nav-link {
        color: #F26522;
    }

    .help-me-modal .nav-pills .nav-link:before {
        content: '';
        border-bottom: 4px solid transparent;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 40px;
        height: 2px;
        padding: 0.5rem 0;
    }

    .help-me-modal .nav-pills .nav-link.active:before {
        border-bottom-color: #F26522;
    }

    .help-me-modal .nav-pills .nav-link:focus {
        outline: none;
        box-shadow: none;
    }

    .help-me-modal .help-box {    
        margin: 80px 0;
        box-shadow: none;
        border-radius: 0;
    }

    .help-me-modal .help-label {
        padding: 15px;
        border: none;
        position: inherit;
        border-radius: 0;
        box-shadow: none;
        background-color: initial;
        width: initial;
        margin: initial;
        display: initial;
        align-items: initial;
    }


    .help-me-modal .help-label .custom-radio,
    .help-me-modal .help-label .custom-check {
        padding: 20px;
        margin: 0;
        width: 100%;
        height: 154px;
        background: #FFFFFF;
        border: 2px solid #FFFFFF;
        box-shadow: 1px 0px 13px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .help-me-modal .help-label.active .custom-radio,
    .help-me-modal .help-label.active .custom-check {
        border: 2px solid #F26522;
    }

    .help-me-modal .help-label.checkbox-label:before,
    .help-me-modal .help-label.active:before {
        content: none;
    }

    .help-me-modal .custom-radio .radiobox-check,
    .help-me-modal .checkbox-check {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 7px;
        left: 8px;
    }

    .help-me-modal .custom-radio .radiobox-check:before,
    .help-me-modal .checkbox-check::before {
        width: 20px;
        height: 20px;
        border-radius: 0;
        border: 2px solid #333333;
    }

    .help-me-modal .custom-check input:checked ~ .checkbox-check:before,
    .help-me-modal .custom-radio input:checked ~ .radiobox-check:before {
        border: 2px solid #F26522;
        background: #F26522;
    }

    .help-me-modal .custom-check input:checked ~ .checkbox-check:after,
    .help-me-modal .custom-radio input:checked ~ .radiobox-check:after {
        content: "\f00c";
        font-family:'FontAwesome' !important;
        border-radius: 0;
        color: #fff;
        font-size: 11px;
        top: -1px;
        left: 5px;
        line-height: inherit;
        text-align: initial;
        background-color: transparent;
    }

	.help-me-modal .custom-radio input[type="checkbox"] {
		position: absolute;
		opacity: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		margin-top: 0px;
		top: 0px;
		cursor: pointer;
	}

    .help-me-modal .label-has-icon {
        display: flex;
        align-content: center;
        flex-direction: column;
        text-align: center;
        padding-left: 0;
        color: #333333 !important;
        line-height: 100%;
        font-weight: 600;
        width: initial;
    }

    .help-me-modal .label-has-icon .fa,
    .help-me-modal .label-has-icon img {
        position: initial;
        left: initial;
        top: initial;
        line-height: inherit;
        margin: 0 auto;
        transform: initial;
        max-width: initial;
    }

    .help-me-modal .label-has-icon .fa-windows, .help-me-modal .label-has-icon .fa-android  {
        color: inherit;
    }

    .help-me-modal .label-has-icon .os {
        font-size: 12px;
        margin-top: 12px;
    }

    .help-me-modal .custom-radio input:checked ~ .label-has-icon,
    .help-me-modal .custom-radio input:checked ~ .fa-windows,
    .help-me-modal .custom-radio input:checked ~ .fa-android{
        color: #F26522 !important;
    }

    .help-me-modal .btn-primary {
        border-radius: 40px;
        padding: 8px 30px;
        font-size: 18px;
        font-family:"BarlowRegular";
        letter-spacing: 0.05em;
        font-weight: 700;
    }

    .quick-note {
        background: rgba(234, 224, 210, 0.3);
        box-shadow: 0px -4px 25px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
        padding: 22px 8px;
        font-size: 22px;
        margin-top: 80px;
    }

    .help-me-modal .icon:before {
        content: '';
        display: inline-block;
        width: 42px;
        height: 42px;
        background-image: url('https://www.quickheal.co.in/pub/media/sprite-help-me-choose.png');
    }

	.help-me-modal .icon-fraud-alert:before {
        background-position: 0 -84px;
    }
    .help-me-modal .icon-fraud-prevention:before {
        background-position: -42px -84px;
    }

    .help-me-modal .icon-kids-study:before {
        background-position: -84px -0;
    }

    .help-me-modal .icon-office-work:before {
        background-position: -42px -42px;
    }

    .help-me-modal .icon-entertainment:before {
        background-position: -0 -0;
    }

    .help-me-modal .icon-online-gaming:before {
        background-position: -42px -0;
    }

    .help-me-modal .icon-day-usage:before {
        background-position: -84px -42px;
    }

    .help-me-modal .icon-external-drives:before {
        background-position: -0 -42px;
    }

    .help-me-modal .product-detail .security {
        min-height: initial;
        display: block;
    }

    .help-me-modal .product-detail .security-text {
        font-family:"BarlowRegular";
        font-weight: 400;
        font-size: 28px;
        line-height: 28px;
        color: #000000;
        width: initial;
    }

    .help-me-modal .product-security-list li {
        position: relative;
        margin-bottom: 18px;
        font-family: "BarlowMedium";
        font-size: 16px;
        line-height: 20.8px;
        letter-spacing: 0.04em;
        color: #444;
        min-height: 32px;
        padding-left: 68px;
    }

    .help-me-modal li .product-security-icon {
        position: absolute;
        left: 0px;
        top: -1px;
    }

    .help-me-modal .prod-desc-wrap {
        border-bottom: 1px solid rgba(153, 153, 153, 0.6);
        padding-bottom: 40px;
        margin-bottom: 30px;
    }

    .help-me-modal .label-has-rate .main-rate {
        font-size: 30px;
        line-height: 38px;
    }

    .help-me-modal .label-has-rate .through-rate {
        text-decoration: line-through; 
        color: #A9AAAB; 
        font-weight: 400;
    }

    .help-me-modal .label-has-rate .rate-containt {
        font-size: 12px;
    }

    .help-me-modal .plan-box .col-form-label {
        line-height: 18px;
    }

    .help-me-modal .plan-box .custom-radio .radiobox-check{
        width: auto;
        height: auto;
        background: #333333;
        border: 1px solid #333333;
        border-radius: 16px;
        color: #fff;
        font-size: 13px;
        padding: 7px 14px;
        line-height: 17px;
        top: -20px;
        left: 25%;
    }

    .help-me-modal .plan-box .custom-radio .radiobox-check label {
        padding-left: 25px;
    }

    .help-me-modal .plan-box .custom-radio .radiobox-check:before {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        left: 5px;
        top: 2px;
        border: 1px solid #F26522;
    }

    .help-me-modal .plan-box .custom-radio input:checked ~ .radiobox-check:after {
        top: 7px;
        left: 12px;
    }

    .help-me-modal .tag.recommend-tag {
        background-color: #333333;
        border-radius: 40px;
        padding: 6px 20px;
        color: #fff;
        font-size: 14px;
        margin-bottom: 18px;
    }

    .help-me-modal .tag:before {
        content: none;
    }

    #state-3, #state-4 {
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .help-me-modal .half-gray-bg:before {
        content: none;
    }


    @media screen and (max-width:767px) {
        .help-me-modal .os-types ul {
            flex-direction: initial;
        }

        .help-me-modal .help-label .custom-radio, .help-me-modal .help-label .custom-check {
            height: 134px;
        }

        .help-me-modal .plan-box .help-label {
            width: 100%;
        }

        .help-me-modal .plan-box .custom-radio .radiobox-check {
            left: 15%;
        }

        .help-me-modal .label-has-rate .main-rate {
            font-size: 17px;
            line-height: 30px;
        }
    }