section div.boder-top-right{border-right:1px solid rgba(204,204,204,0.3); border-bottom:1px solid rgba(204,204,204,0.3); filter: grayscale(100%); text-align: center;}
.row.border-main{border-top:1px solid rgba(204,204,204,0.3); border-left:1px solid rgba(204,204,204,0.3);}
section div.boder-top-right:hover{filter: grayscale(0%) !important;}
section div.boder-right{border-right:1px solid rgba(204,204,204,0.3);}	
section div.border-bottom{border-bottom:1px solid rgba(204,204,204,0.3)!important;}	
.search-main{position:relative;}
span.search-icon{position:absolute; top: 8px; right:0; font-size: 30px; z-index: 999;}
span.search-icon-2{position:absolute; top: 0; right:0; font-size: 24px; z-index: 999;}
section.banner h1.color-red.fs-55 {font-size: 46px!important;}
.left-side a.border-bottom{border-bottom:1px solid rgba(204,204,204,0.3)!important;filter: grayscale(100%);}
.left-side a.border-bottom:hover{border-bottom:1px solid #ee4d2d!important; filter: grayscale(0%)!important;}
.left-side a.active{border-bottom:1px solid #ee4d2d!important; filter: grayscale(0%)!important;color:#ee4d2d!important;}
.left-side a.color-black{width:100%; float: left;}
.left-side a.color-black:hover span {color:#ee4d2d;}
.border-bottom-dark {border-bottom:1px solid rgba(204,204,204,0.3);}
.container-left.inform-heading h3{line-height:50px!important; font-size: 40px!important;}
.inform-heading ul{padding: 0!important;}
.inform-heading ul li{list-style:none; padding: 0!important; margin-bottom:40px; color: #707070!important;}	
.inform-heading ul li span.circle{font-size:16px; border:1px solid #707070; border-radius:50%; padding:10px 15px; color:#707070; margin-right:15px;}
.inform-heading ul li:first-child::after {content: ''; position: relative; display: inline-block; top: 39px; left: -155px; width: 1px; height: 25px; background: #707070;}
.inform-heading ul li:last-child{margin-bottom:0px!important;}

.right-side .border-all{border: 1px solid rgba(204,204,204,0.3);margin-left: 4%;width: 21%;margin-bottom: 4%;height: 225px;}
.right-side .border-all:hover{border:1px solid #ee4d2d;}
.right-side .border-all a{color:#666666;}
.right-side .border-all:hover a{color:#ee4d2d;}
.ui-state-active, .ui-widget-content .ui-state-active{border:1px solid #ee4d2d!important; background:#ee4d2d!important;}

input.input-imei {font-size:23px!important;}
input.input-imei::placeholder{font-size:16px!important;}
/* .form-group input{max-width:260px;} */
.main-heading{width:97.5%; margin-top: -6px;}
@media screen and (max-width: 767px){
    span.search-icon{right:15px; z-index: 999;}
    span.search-icon-2{right:15px; z-index: 999;}
    .left-side a.color-black span.pl-30{padding:0px!important; font-size:16px!important;}
    .left-side a.color-black{text-align:center;}
    .left-side .pt-xs-0{padding-top:0px!important;}
    .pb-xs-0{padding-bottom:0px!important;}
    .container-left.inform-heading h3{line-height:45px!important; font-size: 35px!important;}
    .right-side .border-all{margin-left: 5%; width: 90%; margin-bottom: 20px; float: left;height:auto;}
}

input#mainSearch {
    max-width: 100%;
}
.form-group input.enterOTP{
	font-size: 23px!important;
    width: 60px!important;
}
.mr-73{margin-right:73px!important;}

/* LG 27-aug-2021 */
@media (min-width: 992px) and (max-width:1200px){
    .search-main #mainSearch.fs-24{font-size:21px !important;}
    section.banner h1.color-red.fs-55{font-size: 34px!important;}
}
@media (min-width: 768px) and (max-width:991px){
    .search-main #mainSearch.fs-24{font-size:15px !important;}
    .search-main span.search-icon {top: 10px;font-size: 24px;}
    section.banner h1.color-red.fs-55{font-size: 24px!important;}
    .padding-left-60, .pl-60 {
        padding-left: 32px!important;
    }
    .padding-right-60, .pr-60 {
        padding-right: 32px!important;
    }
    .padding-bottom-50, .pb-50 {
        padding-bottom: 32px!important;
    }
    .padding-top-50, .pt-50 {
        padding-top: 32px!important;
    }
    .bhoechie-tab-menu .list-group span.fs-20{font-size:17px!important;}
    .right-side .border-all{width: 29%;}
}
@media screen and (max-width: 767px){
	section.banner article .banner-content{text-align:center;}
	section.banner article .text-right{text-align:center;}
	.form-group input.ui-autocomplete-input{max-width: 100%; padding-right: 30px;}
	.mr-73{margin-right:0px!important;}
}
@media (max-width:420px){
    .padding-left-60, .pl-60 {
        padding-left: 40px!important;
    }
    .padding-right-60, .pr-60 {
        padding-right: 40px!important;
    }
    .padding-bottom-50, .pb-50 {
        padding-bottom: 40px!important;
    }
    .padding-top-50, .pt-50 {
        padding-top: 40px!important;
    }
    .form-group input.ui-autocomplete-input.fs-16 {font-size: 15px!important;}
    #calculateButton{font-size: 16px;}
}

/* Custom css Lalit Oct 25 2021 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
body{
    font-family: 'DM Sans', sans-serif;
}
.fontW700{
    font-weight: 700;
}
.blackDark {
    color: #363636;
}
.black{
    color: #000;
}
.gray1{
    color: #343333;
}
.dFlex{
    display: flex;
}
.aiCenter{
    align-items: center;
}
.jcCenter{
    justify-content: center;
}
.regularButton{
    background-color: #28B03D;
    padding: 8px 20px;
    border-radius: 6px;
    color: #FFF;
    font-size: 18px;
    min-width: 140px;
    display: inline-block;
    text-transform: none;
}
.regularButton:hover,.regularButton:focus{
    background-color: #219933;
    color: #FFF;
}
::selection{background:#ccc;color:#000}

input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    border-color: #85d7e4;
}

.tradeWorks li{margin: 0 0 14px 0;}
/* .banner{
    background: url(../img/headerBackground.jpg) no-repeat center bottom #00b7b3;
} */
section.banner article p{
    font-size: 16px;
    width: 86%;
}
select{
    appearance: auto;
    border-color: #d7d7d7;
    min-height: 44px;
}

.deviceQuestion label {
    font-size: 20px;
}
.deviceQuestion select {
    appearance: auto;
    text-transform: capitalize;
}
a{
    color: #62bbc9;
}
a:focus, a:hover {
    color: #499aa7;
}

.howGetImei{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.howGetImei img{
    max-width: 100px;
}

.btnnew {width: 100%; height: 40px; border-radius: 20px;border: 1px solid #85d7e4; outline: none; font-size: 14px; font-weight: 400; background: rgba(133,215,228,.1); color: #464646;}
.btnnew_active {width: 100%; height: 40px; color: #000; border-radius: 20px; border: 1px solid #85d7e4; background: #85d7e4; outline: none; font-size: 14px; font-weight: 400;}
.resend_btn{box-sizing: border-box; width: 100%; font-size: 10px; text-align: left;  padding: 10px 3px;}

input:active, input:focus{
    border-bottom: 1px solid #85d7e4;
}

.valueBox {
    margin-top: 20px;
    border: 1px solid #CCC;
    padding: 10px 14px;
    border-radius: 5px;
}
.valueBoxFlex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tradeValue .phonePrice{
    color: #5fd4e7;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}
.conditionCheck {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}
.conditionCheck img {
    max-width: 60px;
}
.greenHover {
    filter: invert(86%) sepia(173%) saturate(2567%) hue-rotate(96deg) brightness(57%) contrast(93%);
}
#personalDetail input{
    height: 44px;
}
.checkboxes input:checked+.checkbox:after{
    color: #28b03d;
    font-weight: bold;
}
.bgLightSkyBlue{
    background-color: #9be2ec;
}
.link {
    color: #000;
}

/* Custom radio */
.radio-toolbar input[type="radio"],.checkbox-toolbar input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.radio-toolbar label,.checkbox-toolbar label {
    display: inline-block;
    background-color: rgba(133,215,228,.1);
    padding: 10px 20px;
    font-size: 14px;
    border: 1px solid #85d7e4;
    border-radius: 20px;
    color: #464646;
    font-weight: 400;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 30%;
    text-transform: capitalize;
}
.radio-toolbar label:hover,.checkbox-toolbar label:hover {
    background-color: rgba(133,215,228,.1);
}
.radio-toolbar input[type="radio"]:focus + label,.checkbox-toolbar input[type="checkbox"]:focus + label {
    /* border: 1px dashed #85d7e4; */
}


.radio-toolbar input[type="radio"]:checked + label,.checkbox-toolbar input[type="checkbox"]:checked + label {
    background-color: #85d7e4;
    border-color: #85d7e4;
}

/* LG 27/01/2022 */
header{
    background: transparent;
    height: auto;
    padding-top: 46px;
}
section.banner article header img {
    margin: 0;
    max-width: 100%;
}
html {
    scroll-behavior: smooth;
}

/* April 19 2022 Add voucher */
.voucherBox{
    margin-top: 32px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px;
    background-color: rgb(251 251 251);
}
.voucherBox h6{margin-bottom: 10px;}
.voucherBox ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.finalPrice{
    margin-top: 20px;
}
.finalPrice ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.finalPrice ul ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}
.finalPrice ul>li>ul>li {
    padding: 5px 10px;
}
.finalPrice ul ul:last-child {
    background-color: rgb(80 80 80);
    border-top: 1px solid #e5e5e5;
    border-radius: 0;
    color: white;
}
.finalPrice ul ul:last-child li:last-child {
    font-size: 20px;
    font-weight: bold;
}
.finalPrice .fs14{font-size: 14px;color: #ee4d2d; cursor: pointer;}
.voucherBox #couponMsg{font-size: 12px;color: #ee4d2d;}

.selectModelSearch .select2-container--default .select2-selection--single{
    border:none;
    border-bottom:1px solid #d7d7d7;
    border-radius: 0;
}
.select2-container .select2-results__option{font-size: 14px;line-height: 20px;}
.selectModelSearch .select2-container--default .select2-selection--single .select2-selection__arrow b{
    background: url(../img/arrow_left.png) no-repeat center center;
    transform: rotate(-90deg);
    border: none;
    width: 10px;
    height: 10px;
    background-size: 12px;
    top: 24%;
}

/* Oct 31 2022 */
.tradeTable{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(to bottom,#f5f5f6,#fcfdfd 20%);
}
.tradeTable td{
    border: 1px solid #FF9E1B;
    background-color: transparent;
    padding: 12px 20px;
}

.footerLinks{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    list-style: none;
}
.footerLinks li{
    margin-right: 10px;
    border-right: 1px solid #565555;
    line-height: 14px;
    padding-right: 10px;
}
.footerLinks li:last-child{
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.footerLinks li a{
    font-weight: bold;
    text-decoration: underline;
}
.footerLinks li a:hover{
    text-decoration: none;
}

@media (min-width: 1700px) {
    .bg-white-gray:after{
        left: 39.5%!important;
    }
}
@media (min-width: 2300px) {
    .bg-white-gray:after{
        left: 42%!important;
    }
}
@media (min-width: 3000px) {
    .bg-white-gray:after{
        left: 44%!important;
    }
}
@media (min-width: 4000px) {
    .bg-white-gray:after{
        left: 45%!important;
    }
}
@media (min-width: 4800px) {
    .bg-white-gray:after{
        left: 46%!important;
    }
}
@media (min-width: 6000px) {
    .bg-white-gray:after{
        left: 47%!important;
    }
}
@media (min-width: 7400px) {
    .bg-white-gray:after{
        left: 48%!important;
    }
}

@media (min-width: 1200px){
}

@media (min-width: 992px) and (max-width: 1199px){
}

@media (min-width: 768px) and (max-width: 1199px){
    .pr-md-0,.pr-sm-0{
        padding-right: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    #getIMEI .fs-40,#questions .fs-40,#phoneValue .fs-40,#personalDetail .fs-40{font-size: 34px !important;}
    header {
        padding-top: 32px;
    }
}

@media (min-width: 320px) and (max-width: 900px){
    .btnnew {width: 100px; height: 40px; border-radius: 20px;}
    .btnnew_active {width: 100px; height: 40px; border-radius: 20px; outline: none;}
}

@media screen and (min-width: 768px){
    section.banner article .banner-content {
        max-width: 60%;
    }
}

@media screen and (max-width: 767px){
    section.banner article p {
        margin: auto;
    }
    .fdColumn{
        flex-direction: column;
    }
    .text-xs-center{
        text-align: center;
    }
    header {
        padding-top: 24px;
        text-align: center;
    }
    section.banner article header img {
        max-height: initial;
        height: auto;
    }
    section.banner article .section1 {
        margin: 32px auto auto;
        padding-bottom: 48px;
    }    
}

@media screen and (max-width: 575px){
    section.banner article h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .valueBox{
        flex-direction: column;
        text-align: center;
    }
    .tradeValue .phonePrice{
        margin-top: 20px;
    }
    .conditionCheck img {
        max-width: 40px;
    }
    #getIMEI .fs-60{
        font-size: 45px !important;
    }
    .voucherBox h6 {
        text-align: center;
    }
    .voucherBox ul{
        flex-direction: column;
    }
    .voucherBox ul li:first-child{
        margin-bottom: 10px;
    }
}