/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 8, 2018, 11:58:33 AM
    Author     : eashika
*/

/* Header Section */
body.page-cfs {
    font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.page-cfs header.header-small {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.page-cfs header.header-small .back-bx a {
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 14px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15'><path d='M12.9999 7.00002H3.3999L7.6999 2.70002C7.9999 2.40002 8.0999 2.10002 7.9999 1.70002C7.8999 1.40002 7.5999 1.10002 7.2999 1.00002C6.9999 0.900024 6.5999 1.00002 6.2999 1.30002L0.299903 7.30002C0.199903 7.40002 0.0999023 7.50002 0.0999023 7.60002C-9.76548e-05 7.80002 -9.76548e-05 8.10002 0.0999023 8.40002C0.0999023 8.50002 0.199903 8.60002 0.299903 8.70002L6.2999 14.7C6.4999 14.9 6.6999 15 6.9999 15C7.2999 15 7.4999 14.9 7.6999 14.7C7.8999 14.5 7.9999 14.3 7.9999 14C7.9999 13.7 7.8999 13.5 7.6999 13.3L3.3999 9.00002H12.9999C13.5999 9.00002 13.9999 8.60002 13.9999 8.00002C13.9999 7.40002 13.5999 7.00002 12.9999 7.00002Z' fill='black'/></svg>");
}

.page-cfs header.header-small .head-right-block .step-bx ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-cfs header.header-small .head-right-block .step-bx li {
    color: #767676;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    font-family: SolaimanLipi, Noto Sans Bengali, 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-cfs header.header-small .head-right-block .step-bx a {
    color: #767676;
}

.page-cfs header.header-small .head-right-block .step-bx a:hover {
    color: #19AAF8;
}

.page-cfs .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.form-radios .form-item {
    position: relative;
    margin-bottom: 20px;
}

.survey_error_msg {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border: 1px solid red;
    padding: 15px;
    background: pink;
    text-align: center;
    z-index: 99;
}

.survey-head-right-block {
    text-align: right;
}

.survey_landing.s-top-header h3 {
    padding: 16px 0 0 0;
    color: rgba(0, 0, 0, 0.54);
    font-weight: lighter;
    margin-bottom: 0;
    font-size: 18px;
    display: inline;
}

.custom_langu_switcher {
    display: inline-block;
    margin-left: 20px;
}

.custom_langu_switcher ul {
    padding: 0;
}

.custom_langu_switcher ul li {
    list-style: none;
}

.custom_langu_switcher ul li a {
    min-width: 84px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    text-decoration: none;
}

.i18n-en .custom_langu_switcher ul li a {
    font-size: 16px;
}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success {
    padding: 0;
    float: none;
}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success .internet_success_msg {
    width: 100%;
    padding: 0;
    float: none;
}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success .internet_success_msg div:last-child {
    margin-top: 17px;
    text-align: left;
    margin-right: 0;
}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success .internet_success_msg div:last-child a {
    display: block;
    padding-left: 41px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding-bottom: 13px;
    margin-bottom: 18px;
    color: #21282E;
    text-decoration: none;

}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success .internet_success_msg a:nth-child(1):before {
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(../images/flexiplan_survey.png) no-repeat center center;
    top: -7px;
    left: 0;
    background-size: 32px 32px;
    content: ' ';

}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success .internet_success_msg a:nth-child(2):before {
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(../images/rechrge_survey.png) no-repeat center center;
    top: -7px;
    left: 0;
    background-size: 32px 32px;
    content: ' ';

}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success .internet_success_msg a:nth-child(3):before {
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(../images/home_survey.png) no-repeat center center;
    top: -7px;
    left: 0;
    background-size: 32px 32px;
    content: ' ';
}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success .internet_success_msg a:after {
    width: 10px;
    height: 8px;
    position: absolute;
    background: url(../images/down-arrow.png) no-repeat center center;
    top: 4px;
    right: 0;
    background-size: 10px 5px;
    content: ' ';
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (min-width: 768px) {
    .page-internet-package-activation.survey_thank_land .internte_pack_purchase_success {
        padding: 30px;
    }
}

.survey_back {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    position: relative;
    font-weight: normal;
}

.survey_back:hover {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    text-decoration: none;
}

.survey_back:before {
    background-size: 10px !important;
    width: 10px;
    height: 8px;
    position: absolute;
    background: url(../images/down-arrow.png) no-repeat center center;
    top: 4px;
    left: -13px;
    content: ' ';
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);
}

.survey_landing.s-top-header {
    clear: both;
    float: none;
    min-height: 95px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.survey_landing.s-top-header .navbar-brand img {
    margin-left: 0;
    height: 55px;
    top: 0;
}

.survey_landing_content .form-actions {
    margin-bottom: 140px;
}

.page-cfs .s-inner-wrapper.survey_landing_content .form-item.active {
    /*opacity: 0.2;*/
    opacity: 1;
    padding: 50px 0 0px 0;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.s-inner-wrapper.survey_landing_content .form-item.active input[type="text"],
.form-item.active input[type="email"], .form-item.active textarea {
    max-width: 428px;
    background: #f5f5f5;
    border: 0;
    border-radius: 3px;
    margin-top: 30px;
    outline-style: none;
    box-shadow: none;
    font-size: 16px;
}

.s-inner-wrapper.survey_landing_content .form-item.active input[type="text"],
.form-item.active input[type="email"] {
    height: 48px;
}

.s-inner-wrapper .form-item.active input[type="text"]:focus,
.form-item.active input[type="email"]:focus, .form-item.active textarea:focus {
    box-shadow: none;
}

.survey_landing_content.s-inner-wrapper .form-item.active select {
    max-width: 360px;
    /*    border: 1px solid silver;*/
    border-radius: 1px;
    margin-top: 30px;
    background: #F5F5F5 url('data:image/svg+xml;charset=utf-8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7482 2.03849C12.0839 1.70263 12.0839 1.15808 11.7482 0.82221C11.4124 0.486343 10.8679 0.486343 10.5321 0.82221L6.002 5.36186L1.47188 0.82221C1.31108 0.660057 1.0922 0.568848 0.863863 0.568848C0.635526 0.568848 0.416645 0.660057 0.25585 0.82221C0.0937309 0.983039 0.00254059 1.20197 0.00254059 1.43035C0.00254059 1.65874 0.0937309 1.87766 0.25585 2.03849L5.39399 7.17772C5.55478 7.33987 5.77366 7.43108 6.002 7.43108C6.23034 7.43108 6.44922 7.33987 6.61001 7.17772L11.7482 2.03849Z" fill="black"/></svg>') no-repeat 95% center;
    background-repeat: no-repeat;
    /*background-position: 0 0;*/



}

.s-inner-wrapper .form-item.active select option {
    border-bottom: 1px solid #f4f4f4;
    padding: 5px 10px;
    /*    border-bottom: 1px solid silver;*/
}

.s-inner-wrapper .form-item.active .form-radios {
    margin-top: 24px;
    margin-bottom: 0;
    overflow: hidden;
}

.survey_landing_content.s-inner-wrapper .form-item.form-type-checkboxes > label,
.survey_landing_content.s-inner-wrapper .form-item.form-type-radios > label,
.survey_landing_content.s-inner-wrapper .form-item.active > label {
    line-height: normal;
    font-size: 24px;
    font-weight: lighter;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 4px;
}

.s-inner-wrapper .form-item.active > .description {
    font-size: 12px;
    color: silver;
}

.s-inner-wrapper.survey_landing_content .form-item.active > div {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-left: 0;
}

.s-inner-wrapper .form-item.active.webform-component-select-or-other > div.ok-wrapper {
    margin-left: 20px;
}

.s-inner-wrapper .form-item.active.webform-component-select-or-other > div.description {
    margin-left: 20px;
}

.s-inner-wrapper .form-item.active.webform-component-select-or-other > div {
    margin-left: 0;
}

.s-inner-wrapper .form-item.active.from-grp-radios > div .form-radios {
    margin-left: -15px;
}

.s-inner-wrapper .form-item.active.s-vote.from-grp-radios > div .form-radios {
    margin-left: 0;
}

/*.s-inner-wrapper .form-item.active.webform-component-select-or-other > div .select-or-other-select {
    margin-left: 5px;
}*/

.s-inner-wrapper .form-item.active.focus {
    opacity: 1;
}

.s-inner-wrapper .form-item.active.focus .ok-wrapper {
    visibility: visible;
}

.s-inner-wrapper .form-actions {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 50px 0 125px 0;
    margin-top: 105px !important;
    margin-bottom: 0 !important;
    background: #F9F9FA;
}

.s-inner-wrapper .form-actions .form-submit {
    display: inline-block;
    background: #007AD0;
    color: #fff;
    line-height: 48px;
    height: 48px;
    width: 111px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    padding: 0 24px;
}

.ok-wrapper {
    /*visibility: hidden;*/
    margin-top: 15px;
    clear: both;
}

.btn-ok svg {
    margin-left: 5px;
}

.btn-ok {
    background: #007AD0;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    width: 82px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 16px;
    font-size: 16px;
    font-weight: normal;
}

.btn-ok i:before {
    font-size: 12px !important;
    left: 10px;
    position: absolute;
    top: -11px;
}

.s-enter {
    font-size: 10px;
    margin-left: 10px;
}

.btn-ok:hover {
    background: #046CB5;
}

.s-sticky-footer {
    position: fixed;
    bottom: 0;
    z-index: 9;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 20px 0;
    width: 100%;
    background: #F9F9FA;
    margin-top: 100px;
    font-size: 12px;
}

.s-sticky-footer.survey_landing_content .col-sm-pull-2 {
    right: 0;
    float: right;
}

.s-sticky-footer .s-meter {
    padding-right: 15px;
    padding-left: 0;
    margin: 0;
}

.s-meter label {
    font-size: 12px;
    font-weight: normal;
}

.s-control {
    float: right;
}

.survey-meter {
    width: 100%;
    height: 4px;
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.12);
    position: relative;
    display: block;
    max-width: 210px;
}

.survey-meter span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: #19AAF8;
    border-radius: 5px;
    max-width: 210px;
}

.s-sticky-footer .form-next,
.s-sticky-footer .form-previous {
    height: 28px;
    width: 28px;
    cursor: pointer;
    padding: 0;
    background-color: #19AAF8;
    background-position: 7px 9px;
    background-repeat: no-repeat;
    margin-right: 12px;
    border-radius: 3px;
    font-weight: lighter;
    display: inline-block;
    text-align: center;
}

.form-previous {
    right: 100px;
    margin-right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M1.63333 9.31668L7 3.95002L12.3667 9.31668L14 7.68335L7 0.68335L0 7.68335L1.63333 9.31668Z' fill='white'/%3E%3C/svg%3E");
}

.form-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M12.3667 0.68335L7 6.05002L1.63333 0.68335L0 2.31668L7 9.31668L14 2.31668L12.3667 0.68335Z' fill='white'/%3E%3C/svg%3E");
}

.form-next:hover,
.form-previous:hover {
    opacity: 0.5;
}

/* End footer */
.s-inner-wrapper.survey_landing_content .form-type-radio input[type="radio"] {
    outline: none !important;
    opacity: 1;
    visibility: hidden;
    position: absolute;
    top: 4px;
    z-index: -1;
}

.s-inner-wrapper.survey_landing_content .form-type-radio.rd-first.survey_error_border input[type="radio"] + label:before {
    border-color: #FFB4B4;
}

.s-inner-wrapper.survey_landing_content .form-type-radio input[type="radio"] + label:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: #FFFFFF;
    border: 2px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    border-radius: 55px;
    cursor: pointer;
}
.s-inner-wrapper.survey_landing_content .webform-component-grid.active.form-item label{
    margin-bottom:30px;
}
.s-inner-wrapper.survey_landing_content .webform-grid .form-type-radio input{
    visibility: visible;
    position: inherit;
}

.s-inner-wrapper.survey_landing_content .form-type-radio input[type="radio"]:checked + label:after {
    background: #19AAF8;
    background-size: 8px 8px;
    content: '';
    height: 8px;
    width: 8px;
    display: inline-block;
    position: absolute;
    top: 5px;
    border-radius: 50%;
    left: 5px;
}
.survey-webform .s-inner-wrapper.survey_landing_content .form-type-radio input[type="radio"]:checked + label:after{
    top: 8px; 
}
.s-inner-wrapper.survey_landing_content input[type="text"]{
    padding: 0 15px; 
}
.s-inner-wrapper.survey_landing_content .form-type-radio input[type="radio"]:checked + label {
    display:inline;
}
.s-inner-wrapper.survey_landing_content .webform-component-select-image .form-type-radio input[type="radio"]:checked + label {
    display:block;
}

.s-inner-wrapper .form-type-checkbox input[type="checkbox"] + label {
    display: inline-block;
}

/*.s-inner-wrapper .form-type-checkbox input[type="checkbox"] + label:before {
    content: '';
    background: url(../images/s-unchecked.png);
    display: inline-block;
    margin-right: 10px;
    width: 23px;
    height: 23px;
    vertical-align: middle;
}*/

/*.s-inner-wrapper .form-type-checkbox input[type="checkbox"]:checked + label:before {
    background: url(../images/s-checked.png);
}*/

.s-inner-wrapper .s-vote .form-type-radio {
    float: left;
    display: inline-block;
}

.s-inner-wrapper .s-vote .form-type-radio input[type="radio"] {
    position: absolute;
}

.s-inner-wrapper .s-vote .form-type-radio input[type="radio"] + label {
    padding: 14px 18px;
    border: 1px solid #e5e5e5;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    color: #0097db;
    cursor: pointer;
}

.s-inner-wrapper .s-vote .form-type-radio input[type="radio"]:checked + label {
    color: #fff;
    background: #0097db;
    border: 1px solid #0097db;
}

.s-inner-wrapper .s-vote .form-type-radio input[type="radio"] + label:before {
    display: none;
}

.web-thankyou .text-list {
    display: none;
}

.web-thankyou h2 {
    font-size: 30px;
    margin-top: 30px;
}

.web-thankyou .web-t-content {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 40px;
}

/* Form type Image */
.s-inner-wrapper .webform-component-select-image .form-item {
    display: inline-block;
    width: 170px;
    height: 186px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.03);
    vertical-align: top;
    margin-right: 10px;
    position: relative;

}

.webform-select-image-legend {
    /*    height: 45px;*/
    padding: 10px;
    border-top: 1px solid #f4f4f4;
    font-size: 14px;
    line-height: normal;
    color: #1A1A1A;
}

.s-inner-wrapper .webform-component-select-image .form-item img {
    width: 100%;
    height: 150px;
    border: 1px solid #96CAB9;
    cursor:pointer;
}

.s-inner-wrapper .webform-component-select-image .form-item input[type="checkbox"] + label {
    width: 100%;
}
.s-inner-wrapper .webform-component-select-image.form-item.active label {
    margin-bottom: 30px;
}

.s-inner-wrapper .webform-component-select-image .form-item input[type="checkbox"],
.s-inner-wrapper .webform-component-select-image .form-item input[type="radio"] {
    position: absolute;
}

.s-inner-wrapper .webform-component-select-image .form-item input[type="radio"] + label {
    width: 100%;
}

.s-inner-wrapper .webform-component-select-image .form-item input[type="radio"] + label:before ,
.s-inner-wrapper .webform-component-select-image .form-item input[type="checkbox"] + label:before {
    opacity: 0;
    position: absolute;
    right: 0;
    top: -2px;
}

/*.s-inner-wrapper .webform-component-select-image .form-item input[type="checkbox"] + label:before ,
.s-inner-wrapper .webform-component-select-image .form-item input[type="radio"] + label:before {
    opacity: 0;
    position: absolute;
    right: 0;
    top: -2px;
}*/
.survey_landing_content .webform-component-select-image input[type="checkbox"] + label:before,
.survey_landing_content .webform-component-select-image input[type="radio"] + label:before{
    background-image:none;
    margin:0;
    border:none;
    border-radius:0;
}
.s-inner-wrapper .webform-component-select-image .form-item input[type="radio"]:checked + label:before ,
.s-inner-wrapper .webform-component-select-image .form-item input[type="checkbox"]:checked + label:before {
    content:" ";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 36px 37px 0;
    border-color: transparent #19AAF8 transparent transparent;
    /*    background-color: red; */
    top: 0;
    right:0;
    opacity: 1;
    border-radius: 0;
    margin-right: 0;
    background: transparent;
}
.s-inner-wrapper .webform-component-select-image .form-item input[type="radio"]:checked + label:after ,
.s-inner-wrapper .webform-component-select-image .form-item input[type="checkbox"]:checked + label:after {
    opacity: 1;
    background: url('data:image/svg+xml;charset=utf-8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 -1.58946e-07L4.41667 5.58333L2 3.16667L0.75 4.33333L4.41667 8L11.25 1.16667L10 -1.58946e-07Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    position: absolute;
    right: 2px;
    top: 7px;
    margin-right: 0;
    width: 15px;
    height: 15px;
    content: "";
    left: inherit;
}

/*.s-inner-wrapper .webform-component-select-image .form-item input[type="radio"]:checked + label:before {
    opacity: 1;
    background: url(../images/tick.png);
    position: absolute;
    right: 0;
    top: -2px;
    margin-right: 0;
    width: 46px;
    height: 46px;
}*/

.s-t-img {
    margin-bottom: 15px;
}

.survey_thank_land {
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 3px;
}

.survey_thank_land {
    font-family: telenor;
    background: #FFFFFF;
    box-sizing: border-box;
    max-width: 480px;
    margin: 0 auto;
}

.survey_thank_land .survey_thank_cont {
    text-align: center;
    border-radius: 3px;
    padding: 33px 45px 45px 45px;
}

.survey_thank_land .survey_thank_cont span {
    display: block;
    background: #CFDE00;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 6px;
    background: url(../images/icon_tick.png) no-repeat center center;
}

.survey_thank_land .survey_thank_cont label {
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    display: block;
    font-weight: lighter;
    margin-bottom: 40px;
}

.page-cfs-submission-successful #bundle-reset-btn {
    display: none !important;
}
.page-cfs-submission-successful #bundle-reset-btn {
    display: none !important;
}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success {
    padding: 0;
    float: none;
}

.page-internet-package-activation.survey_thank_land .internte_pack_purchase_success .internet_success_msg {
    width: 100%;
    padding: 0;
    float: none;
}

.s-inner-wrapper.survey_landing_content .form-type-radio.rd-first input[type="radio"] {
    /*    visibility: visible;*/
}

.survey_form {
    padding-top: 10px;
}

.survey_form .survey_form--component span.form-required {
    margin: 0;
}

.survey_form .survey_form--component span.survey-field-note {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.38);
    display: block;
}

.survey_form .survey_form--component label span {
    line-height: normal;
    font-size: 24px;
    font-weight: lighter;
    margin-left: 0;
    color: #1a1a1a;
}

.survey_form .survey_radio_tbl_head {
    background: #F5F5F5;
    text-align: center;
    padding: 10px 0px 10px 0px;
    margin-top: 20px;
}

.survey_form .survey_radio_tbl_head label {
    display: inline-block;
    width: 24.55026455%;
}

.survey_form .survey_radio_tbl_head span {
    display: inline-block;
    width: 14.7%;
    vertical-align: middle;
    line-height: normal;
    font-size: 14px;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
}

.page-cfs .toTopHover {
    display: none !important;
}

.survey_call_block {
    background: #F7F5ED;
    border-radius: 3px;
    padding: 24px 32px;
    font-size: 16px;
    line-height: 28px;
    color: #1A1A1A;
    margin-top: 24px;
    margin-bottom: 32px;
}

.survey-block-btn-wrap {
    float: right;
}

.survey-block-btn-wrap .btn {
    font-size: 16px;
    color: #1A1A1A;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    min-width: 133px;
}

.survey_call_block.survey_sticky_block {
    padding: 24px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 0;
}

.survey_call_block.survey_sticky_block .survey-block-btn-wrap {
    float: none;
    padding-top: 16px;
}

@media (min-width: 768px) {
    .survey_call_block .row {
        display: table;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .survey_call_block .row .col-xs-12.col-md-8,
    .survey_call_block .row .col-xs-12.col-md-4 {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 0;
        margin: 0;
    }

    .survey_call_block .row .col-xs-12.col-md-4 {
        width: 25%;
    }

    .survey_call_block .row .col-xs-12.col-md-8 {
        width: 75%;
    }

    .survey_call_block.survey_sticky_block .row,
    .survey_call_block.survey_sticky_block .row .col-xs-12.col-md-4,
    .survey_call_block.survey_sticky_block .row .col-xs-12.col-md-8 {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .survey_call_block {
        padding: 24px;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
    }

    .survey-block-btn-wrap {
        float: none;
    }
}



.survey_form--component {
    margin-left: 30px;
    position: relative;
}

.survey_form--component label .survey-lbl-order {
    position: absolute;
    left: -30px;
}

.survey_form--component label {
    position: relative;
    display:block;
}

.survey_form--component label.tbl-radio-lbl {
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 10px;
    display:inline-block;
}

@media (max-width: 991px) {
    .survey_landing_content.s-inner-wrapper .form-item.form-type-checkboxes > label,.survey_landing_content.s-inner-wrapper .form-item.form-type-radios > label, .survey_landing_content.s-inner-wrapper .form-item.active > label {
        font-size: 20px;
    }

    .s-sticky-footer.survey_landing_content {
        padding: 20px 0;
    }

    .s-top-header.survey_landing .col-xs-7 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .s-top-header.survey_landing .col-xs-5 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .survey_form .survey_form--component label span {
        font-size: 20px;
        line-height: 28px;
        color: #1a1a1a;
    }

    .survey_radio_tbl_head {
        display: none;
    }

    .s-inner-wrapper.survey_landing_content .survey_radio_table .form-type-radio input[type="radio"] {
        top: 4px;
    }

    .s-enter {
        display: none !important;
    }

    .s-inner-wrapper.survey_landing_content .container {
        padding: 0 16px 0 16px;
    }
}

@media (max-width: 767px) {

    .s-inner-wrapper.survey_landing_content .form-type-radio input[type="radio"] + label {
        display: flex;
    }
    .s-inner-wrapper.survey_landing_content .webform-component-select-image .form-type-radio input[type="radio"] + label {
        display: block;
    }
    .webform-submit.button-primary.form-submit {
        margin: 0 auto;
        display: block;
        float: left;
    }

    .survey_thank_land {
        margin-top: 15px;
        border: none;
        box-shadow: none;
    }

    .survey_thank_land .survey_thank_cont {
        padding: 0 15px 15px 15px;
    }

    .survey_landing.s-top-header .navbar-brand img {
        top: -5px;
    }

    .survey_call_block span {
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .survey_call_block span {
        display: block;
    }

    .survey_call_block form {
        display: block;
        margin-left: 0;
    }

    .survey_landing.s-top-header {
        min-height: 56px;
    }

    .s-top-header.survey_landing .text-right {
        font-size: 12px;
        padding: 0;
    }

    .survey_landing.s-top-header .navbar-brand img {
        max-height: 35px;
    }

    .form-item.active > label {
        font-size: 20px;
    }

    .s-sticky-footer {
        padding: 10px 0;

    }

    .s-sticky-footer .s-meter {
        padding-left: 0;
    }

    .s-sticky-footer .survey-meter {
        max-width: 210px;
    }

    .s-inner-wrapper .webform-client-form {
        margin-top: 30px;
        padding: 0 15px;
    }

    .s-inner-wrapper .webform-component-select-image .form-item {
        /*        width: 47%;*/
        width: 160px;
    }

    .s-inner-wrapper .webform-component-select-image .form-item:last-child {
        margin-right: 0;
    }

    .s-top-header .text-right {
        font-size: 13px;
        padding: 0;
        text-align: right;
        padding-top: 10px;
        margin-bottom: 0;
    }

    .s-top-header .navbar-brand {
        width: 100%;
    }

    .s-inner-wrapper .main-content-area .col-sm-8 {
        padding: 0;
    }

    .s-inner-wrapper .form-item.active input[type="text"], .s-inner-wrapper .form-item.active input[type="email"], .s-inner-wrapper .form-item.active textarea, .s-inner-wrapper .form-item.active select {
        width: 100%;
        max-width: 428px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: none;
/*        border: 2px solid rgba(0, 0, 0, 0.08);*/
    }

    .page-cfs header.header-small {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .i18n-bn .custom_langu_switcher {
        margin-left: 0
    }

    .s-inner-wrapper .form-item.active input[type="text"],
    .s-inner-wrapper .form-item.active input[type="email"],
    .s-inner-wrapper .form-item.active textarea,
    .s-inner-wrapper .form-item.active select {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.page-cfs #toTop {
    display: none !important;
}

.s-inner-wrapper .form-item textarea {
    /* width: 270px;*/
    height: 120px;
    background: #f5f5f5;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .s-inner-wrapper.survey_landing_content .survey_radio_table .form-type-radio input[type="radio"]:checked + label:after {
        top: -4px;
    }

    .s-inner-wrapper .form-item textarea {
        width: 428px;
        height: 200px;
    }

    .s-inner-wrapper .form-item textarea {
        width: 428px;
    }

    .survey_landing_content .container {
        width: 975px !important;
    }

    .survey_landing_content .survey_radio_table .form-type-radio label {
        margin: 0;
        position: relative;
    }

    .survey_landing_content .survey_radio_table .form-type-radio {
        display: inline-block;
        width: 14.7%;
        text-align: center;
        margin: 0;
    }

    .survey_landing_content .survey_radio_table .form-radios {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        padding: 15px 0px;
        margin: 0 !important;
    }

    .survey_landing_content .survey_radio_table .form-radios:last-child {
        margin-bottom: 20px;
    }

    .survey_landing_content .survey_radio_table label.tbl-radio-lbl {
        line-height: 24px;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.87);
        font-weight: lighter;
        width: 232px;
        width: 24.55026455%;
        margin: 0;
    }

    .survey_landing_content .survey_radio_table .form-type-radio label.option {
        font-size: 0px;
    }
}


.survey_landing_content input[type=checkbox] + label {
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 0;
    line-height: 19px;
    font-size: 15px;
    font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
    color: #000;
}
.survey_landing_content input[type=checkbox] {
    display: none;
}
.survey_landing_content input[type=checkbox] + label:before {
    content: " ";
    position: relative;
    top: -2px;
    background-repeat: no-repeat;
    background-position: 2px 3px;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'><path d='M10.1998 1.2001L3.99984 7.4001L1.79984 5.2001C1.53317 4.93343 1.13317 4.93343 0.866504 5.2001C0.599837 5.46676 0.599837 5.86676 0.866504 6.13343L3.53317 8.8001C3.6665 8.93343 3.79984 9.0001 3.99984 9.0001C4.19984 9.0001 4.33317 8.93343 4.4665 8.8001L11.1332 2.13343C11.3332 1.93343 11.3998 1.73343 11.3332 1.46676C11.2665 1.26676 11.0665 1.06676 10.8665 1.0001C10.5998 0.933431 10.3332 1.0001 10.1998 1.2001Z' fill='white'/></svg>");
    border: 2px solid rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 10px;
    vertical-align: middle;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}
.survey_landing_content input[type=checkbox]:checked + label:before {
    background-color: #007AD0;
    border-color: #007AD0;
}
.survey_landing_content .webform-component-select-image input[type=checkbox]:checked + label:before {
    background-color: transparent;
}
.survey_landing_content input[type=checkbox]:disabled + label:before {
    border-color: #F5F5F5;
}
.survey_landing_content input[type=checkbox]:checked:disabled + label:before {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}
.webform-component-select ,.webform-component-select-or-other,.webform-datepicker .form-type-select {
    position:relative;
}
.webform-component-select select ,.webform-component-select-or-other select,.webform-datepicker .form-type-select select{

    display: block;
    font-weight: normal;
    padding: 0 10px 0 16px;
    margin: 0;
    font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
    outline: none;
    background: #F5F5F5;
    border-radius: 3px;
    width: 299px;
    height: 48px;
    line-height: 48px;
    -webkit-appearance: none;
    opacity: 1;
    border: 0;
}
.webform-component-select select:focus ,.webform-component-select-or-other select:focus
,.webform-datepicker .form-type-select select:focus{
    outline: none;
    border: 0;
}
.webform-component-select select option ,.webform-component-select-or-other select option
,.webform-datepicker .form-type-select option{
    -webkit-appearance: none;
    padding: 10px;
}
/*.webform-component-select:after,.webform-component-select-or-other select:after ,
.webform-datepicker .form-type-select:after {
    content: "";
    position: absolute;
    left: 269px;
    bottom: 156px;
    padding: 0;
    color: #1A1A1A;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 9px;
    width: 9px;
    background-color: #F5F5F5;
    border-style: solid;
    border-color: #1A1A1A;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
}*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .webform-component-select select,.webform-component-select-or-other select,.webform-datepicker .form-type-select select {
        padding-right: 34px;
    }
}
.webform-datepicker .form-type-select{
    display: inline-block;
}
.form-item.active .webform-datepicker .form-type-select select{
    display: inline-block;
    max-width: 200px;
}

.webform-datepicker .webform-calendar{
    background: #F5F5F5 url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30.447px" height="30.447px" viewBox="0 0 36.447 36.447" style="enable-background:new 0 0 36.447 36.447;" xml:space="preserve"><g><g><path d="M30.224,3.948h-1.098V2.75c0-1.517-1.197-2.75-2.67-2.75c-1.474,0-2.67,1.233-2.67,2.75v1.197h-2.74V2.75    c0-1.517-1.197-2.75-2.67-2.75c-1.473,0-2.67,1.233-2.67,2.75v1.197h-2.74V2.75c0-1.517-1.197-2.75-2.67-2.75    c-1.473,0-2.67,1.233-2.67,2.75v1.197H6.224c-2.343,0-4.25,1.907-4.25,4.25v24c0,2.343,1.907,4.25,4.25,4.25h24    c2.344,0,4.25-1.907,4.25-4.25v-24C34.474,5.855,32.567,3.948,30.224,3.948z M25.286,2.75c0-0.689,0.525-1.25,1.17-1.25    c0.646,0,1.17,0.561,1.17,1.25v4.896c0,0.689-0.524,1.25-1.17,1.25c-0.645,0-1.17-0.561-1.17-1.25V2.75z M17.206,2.75    c0-0.689,0.525-1.25,1.17-1.25s1.17,0.561,1.17,1.25v4.896c0,0.689-0.525,1.25-1.17,1.25s-1.17-0.561-1.17-1.25V2.75z M9.125,2.75    c0-0.689,0.525-1.25,1.17-1.25s1.17,0.561,1.17,1.25v4.896c0,0.689-0.525,1.25-1.17,1.25s-1.17-0.561-1.17-1.25V2.75z     M31.974,32.198c0,0.965-0.785,1.75-1.75,1.75h-24c-0.965,0-1.75-0.785-1.75-1.75v-22h27.5V32.198z"/><rect x="6.724" y="14.626" width="4.595" height="4.089"/><rect x="12.857" y="14.626" width="4.596" height="4.089"/><rect x="18.995" y="14.626" width="4.595" height="4.089"/><rect x="25.128" y="14.626" width="4.596" height="4.089"/><rect x="6.724" y="20.084" width="4.595" height="4.086"/><rect x="12.857" y="20.084" width="4.596" height="4.086"/><rect x="18.995" y="20.084" width="4.595" height="4.086"/><rect x="25.128" y="20.084" width="4.596" height="4.086"/><rect x="6.724" y="25.54" width="4.595" height="4.086"/><rect x="12.857" y="25.54" width="4.596" height="4.086"/><rect x="18.995" y="25.54" width="4.595" height="4.086"/><rect x="25.128" y="25.54" width="4.596" height="4.086"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>') no-repeat 95% center !important;

}
.webform-grid th,.webform-grid td.radio, .webform-grid td.checkbox{
    display: table-cell;
}
table.webform-grid{
    overflow-x: auto;
    display: block;
    overflow-y: hidden;
}

/* Page CFS */
.page-cfs .survey_form {
    padding-top: 52px;
}

.page-cfs .survey_form h2 {
    font-weight: 300;
    font-size: 24px;
    line-height: 30.19px;
    color: rgba(0, 0, 0, 0.87);
}

.page-cfs .survey_form h2 + span {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87);
    line-height: 20.14px;
}

.page-cfs .survey_form--component {
    margin-left: 0;
}

.page-cfs .survey_form .survey-lbl {
    font-size: 24px;
    line-height: 30.19px;
    color: rgba(0, 0, 0, 0.87)
}

.page-cfs .survey_form .survey-field-note {
    color: rgba(0, 0, 0, 0.38);
    line-height:16.37px;
}

.page-cfs .survey_form--component.last .survey-lbl {
    font-size: 16px;
    line-height: 20.14px;
    font-weight: 400;
}

.page-cfs .s-inner-wrapper.survey_landing_content .form-item.last {
    padding-top: 30px;
}

/* emoji radio */
.page-cfs .form-radios.emoji-radio {
    display: flex;
}
.page-cfs .form-radios.emoji-radio .form-type-radio {
    margin-right: 18px;
    margin-bottom: 0;
    cursor: pointer;
}
.page-cfs .form-radios.emoji-radio .form-type-radio:last-child {
    margin-right: 0;
}
.page-cfs .form-radios.emoji-radio .form-type-radio input[type="radio"] + label {
    width: 122px;
    height: 122px;
    flex-direction: column;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.06);
    margin: 0;
    cursor: pointer;
}
.page-cfs .form-radios.emoji-radio .form-type-radio input[type="radio"] + label:before, .page-cfs .form-radios.emoji-radio .form-type-radio input[type="radio"] + label:after  {
    display: none !important;
}
.page-cfs .form-radios.emoji-radio .form-type-radio input[type="radio"] + label span {
    display: block;
    text-align: center;
    cursor: pointer;
}
.page-cfs .form-radios.emoji-radio .form-type-radio input[type="radio"] + label span:last-child {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.63px;
}

.page-cfs .form-radios.emoji-radio .form-type-radio input[type="radio"]:checked + label {
    border-color: #00ace7;
}

@media only screen and (max-width: 767px) {
    .page-cfs .form-radios.emoji-radio .form-type-radio input[type="radio"] + label span:last-child {
        font-size: 12px;
        font-weight: 500;
        line-height: 15.11px;
   }
   .page-cfs .form-radios.emoji-radio .form-type-radio input[type="radio"] + label span svg {
        width: 40px;
        height: 40px;
    }
    .page-cfs .form-radios.emoji-radio .form-type-radio input[type="radio"] + label {
        width: 90px;
        height: 90px;
   }
   .page-cfs .form-radios.emoji-radio .form-type-radio {
        margin-right: 8px;
    }
}

/* checkbox */
.page-cfs .survey_landing_content input[type="checkbox"] + label:before {
    top: 0;
    border-color:rgba(0, 0, 0, 0.08);
    width: 18px;
    height: 18px;
}

.page-cfs .survey_landing_content input[type="checkbox"]:checked + label:before {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5999 0.399902L3.5749 5.4249L1.3999 3.2499L0.274902 4.2999L3.5749 7.5999L9.7249 1.4499L8.5999 0.399902Z' fill='%2300ACE7'/%3E%3C/svg%3E");
    background-color: transparent;
    background-position: 2px 3px;
    border-color: rgba(0, 0, 0, 0.08);
}

.page-cfs .survey_landing_content input[type=checkbox] + label {
    font-size: 14px;
    line-height: 17.63px;
    color: rgba(0, 0, 0, 0.87);
}

/* Other Comments */
.page-cfs .other-comment div {
    display: none;
}
  
.page-cfs .other-comment input:checked + label + div {
    display: block;
}

@media only screen and (max-width: 767px) {
    .page-cfs .other-comment input:checked + label + div textarea {
        background: rgb(245, 245, 245);
    }
}

/* CFS Error */
.page-cfs .survey_error_msg {
    z-index: 999;
}

.page-cfs-error .error-box {
    padding: 40px;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.page-cfs-error .error-box h3, .page-cfs-error .error-box p {
    margin: 0;
    font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
    color: #1A1A1A;
    padding-bottom: 0;
}

.page-cfs-error .error-box h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-cfs-error .error-box h3 svg {
    margin-right: 14px;
}

.page-cfs-error .error-box p {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
}

.page-cfs textarea.survey_error_border {
    border: 2px solid #FFB4B4 !important;
}

@media only screen and (max-width: 500px) {
    .page-cfs-error .error-box {
        border: none;
        padding: 0;
    }
}

/* Submission Successfull */
.page-cfs-submission-successful .breadcrumb, .page-cfs-error .breadcrumb {
    display: none;
}

.page-cfs-submission-successful .main_content > .container, .page-cfs-error .main_content > .container {
    padding: 32px 0 64px;
}

.page-cfs-submission-successful .what-new-blocks .title-bar {
    padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .page-cfs .survey_form .survey-field-note {
        line-height: 12.89px;
        font-size: 11px !important;
    }

    .page-cfs .survey_form .survey-lbl {
        line-height: 28px;
    }

    .page-cfs .survey_form--component.last .survey-lbl {
        line-height: 17.63px;
    }
    .page-cfs-submission-successful .what-new-blocks .title-bar {
        padding-bottom: 24px;
    }
    .page-cfs-submission-successful .offer-may-like-block {
        padding-top: 40px;
    }
}


@media only screen and (max-width: 500px) {
    .page-cfs-submission-successful .main_content > .container, .page-cfs-error .main_content > .container {
        padding: 24px 0 40px;
    }
    .page-cfs .survey_form {
        padding-top: 87px;
    }

    .page-cfs-error .error-box p, .page-cfs-submission-successful .thank-top-wrap .thank-msg {
        max-width: 320px;
        margin: 0 auto;
    }
}