body {
    /* background: #ebedee; */
    background: #fff;
    font-family: "Nunito",sans-serif;
}

@font-face {
    font-family: 'AdihausDIN';
    src: url('../fonts/AdihausDIN-BoldItalic.woff2') format('woff2'),
        url('../fonts/AdihausDIN-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
	src: url(../fonts/material-font.woff2) format('woff2');
  }
  
  .material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
  }
/* p,h1,h2,h3,h4,h5,h6,a,label{
    text-transform: lowercase;
}
p:first-letter, h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter, a:first-letter, label:first-letter {
    text-transform: uppercase;
} */

p, h1, h2, h3, h4, h5, h6, a, label {
    font-family: "Nunito", sans-serif;
}

/***********/

.one-fourth{
    width: 25%;
    float: left;
  }
  .colum-three{
    width: 33.333%;
    float: left;
  }
  .two-fourth,.half{
    width: 50%;
    float: left;
  }
  .three-fourth{
    width: 75%;
    float: left;
  }
  .fouth-fourth,.full{
    width: 100%;
    float: left;
  }
  .pad20{
    padding: 20px;
  }
  .pad10{
    padding: 10px;
  }
  .padLeft20{
    padding-left: 20px;
  }
  .padLeft10{
    padding-left: 10px;
  }
  .MarTB15{
    margin: 15px 0px;
  }
  

/*----------*/


header {
    background: #fff;
    border-bottom: none;
    padding: 0px;
}

    header.fixed, .CompareSection.fixed {
        top: -1px;
    }

    header .TopSection .MenuArea {
        width: 25%;
        float: left;
    }

    header .TopSection .logoSection {
        width: 50%;
        float: left;
    }

    header .TopSection .OtherLinks {
        width: 25%;
        float: left;
    }

    header .TopSection .logoSection a {
        display: block;
    }

        header .TopSection .logoSection a img {
            height: 44px;
        }

    header .TopSection .MenuArea a img,
    header .TopSection .OtherLinks ul li a img {
        width: 30px;
        height: 30px;
    }

    header .TopSection {
        margin-bottom: 4px;
    }

    header .TopSearchArea {
        background: transparent;
        padding: 0;
    }

.AdvancedCategorySearch .SearchPanel .form-control {
    border: 1px solid #d2d2d2;
    box-shadow: none;
    border-radius: 4px;
}

.shortcut {
    background: #ebedee;
	padding: 5px 0 0 0;
}

    .shortcut ul li {
        width: 25%;
    }

        .shortcut ul li a {
            display: block;
            padding: 5px 0;
        }

            .shortcut ul li a.currentItem {
                background: #fff;
            }

                .shortcut ul li a.currentItem h5 {
                    color: #dd1c23;
                }

            .shortcut ul li a img {
                width: 60%;
            }

            .shortcut ul li a h5 {
                font-family: "Nunito", sans-serif;
                font-size: 11px;
                font-weight: 600;
                color: #000000;
                text-transform: none;
                line-height: 12px;
            }

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-pagination-bullet {
    opacity: 0.1;
}

.swiper-pagination-bullet-active {
    background: #7e94d1;
    opacity: 1;
}

.small_banner_section {
    width: 100%;
    float: left;
}

    .small_banner_section img {
        width: 100%;
    }

    .small_banner_section.pulledTop {
        margin-top: -10px;
        position: relative;
        z-index: 10;
    }

.topOfferSection {
    width: 100%;
    float: left;
    padding: 20px 0px;
    background: #ebedee;
}

    .topOfferSection .headerSection,
    .headerSection {
        width: 100%;
        float: left;
        padding: 0 10px;
        margin: 0 0 0px 0;
    }

        .topOfferSection .headerSection .titleArea,
        .headerSection .titleArea {
            width: 80%;
            float: left;
            text-align: left;
        }

        .topOfferSection .headerSection .buttonArea,
        .headerSection .buttonArea {
            width: 20%;
            float: left;
            text-align: right;
        }

        .topOfferSection .headerSection .titleArea h4,
        .headerSection .titleArea h4,
        .titleArea h4 {
            /* font-family: "Nunito", sans-serif; */
            font-family: 'AdihausDIN',"Nunito", sans-serif;
            font-weight: 700;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: capitalize;
            font-size: 20px;
            color:#373d93;
            line-height: 36px;
        }



            .topOfferSection .headerSection .titleArea h4 span,
            .headerSection .titleArea h4 span,
            .titleArea h4 span {
                text-decoration: underline;
            }

        .topOfferSection .headerSection .buttonArea a,
        .headerSection .buttonArea a {
            display: inline-block;
            padding: 8px 12px;
            color: #e02a31;
            font-family: "Nunito", sans-serif;
            font-weight: 700;
            margin-top: 0px;
            text-transform: uppercase;
            font-size: 12px;
            border: 1px solid #e02a31;
            border-radius: 100px;
            line-height: 10px;
            vertical-align: top;
            margin-bottom: 10px;
        }

.offerSliderSection {
    width: 100%;
    float: left;
    padding: 0 0 0 15px;
}

.productCardSection {
    width: 100%;
    float: left;
    padding: 5px 10px 10px;
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.3); */
    position: relative;
}

    .productCardSection p.productCondition {
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 10px;
        text-align: left;
        color: #5a5a5a;
        line-height: normal;
        height: 30px;
    }

    .productCardSection .productImg {
        width: 100%;
        float: left;
        padding: 0px;
    }
    /* .productCardSection .productImg img{
      max-width: 100px;
  } */
    .productCardSection .productDescription {
        width: 100%;
        float: left;
    }

        .productCardSection .productDescription h4 {
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 13px;
            text-align: left;
            color: #000000;
            line-height: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            /*white-space: pre;*/
            white-space: inherit;
            height: 40px;
        }
        /* .productCardSection .productDescription h4 span{
    font-size: 14px;
    font-weight: 500;
  } */
        .productCardSection .productDescription p {
            font-family: "Nunito", sans-serif;
            font-weight: 400;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 12px;
            text-align: left;
            color: #808080;
            line-height: normal;
        }

            .productCardSection .productDescription p.extraOffer {
                font-size: 12px;
                font-weight: 600;
                color: #e02a31;
            }

            .productCardSection .productDescription p span {
                display: inline-block;
                padding-right: 10px;
                position: relative;
            }

                .productCardSection .productDescription p span.oldPrice {
                    font-size: 11px;
                    font-weight: 600;
                    color: #848484;
                }

                    .productCardSection .productDescription p span.oldPrice:after {
                        content: "";
                        width: 90%;
                        float: left;
                        height: 1px;
                        background: #848484;
                        position: absolute;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        z-index: 10;
                    }

                .productCardSection .productDescription p span.newPrice {
                    font-size: 12px;
                    font-weight: 600;
                    color: #000000;
                    margin-left: 4px;
                }

    .productCardSection .warrantySection {
        width: auto;
        float: left;
        text-align: center;
        padding: 4px 10px 4px 18px;
        border-radius: 4px;
        background: #ffd71b;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        z-index: 10;
        margin: 8px 0 0 0;
    }

        .productCardSection .warrantySection p {
            padding: 0;
            margin: 0;
            line-height: normal;
            font-size: 12px;
            font-weight: 600;
            color: #000000;
            text-transform: uppercase;
            font-family: "Nunito", sans-serif;
        }

        .productCardSection .warrantySection i {
            display: inline-block;
            position: absolute;
            left: -10px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            width: 25px;
        }

    .productCardSection .productTag {
        width: auto;
        padding: 10px 12px;
        background: #18bdae;
        line-height: normal;
        font-size: 12px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        font-family: "Nunito", sans-serif;
        border-radius: 0 10px 0 10px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
    }

        .productCardSection .productTag.superb {
            background: #FFC107;
        }

        .productCardSection .productTag.veryGood,
        .productCardSection .productTag.verygood {
            background: #24e170;
        }

        .productCardSection .productTag.Good,
        .productCardSection .productTag.good {
            background: #a8d105;
        }

        .productCardSection .productTag.refurbised {
            background: #ff8100;
        }

        .productCardSection .productTag.awesome {
            background: #793ee2;
        }

        .productCardSection .productTag.default {
            background: #18bdae;
        }

.swiper-button-prev, .swiper-button-next {
    width: 35px;
    height: 60px;
    background: #fff;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    transform: translateY(-50%);
    transition: box-shadow 0.3s ease-in;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}

    .swiper-button-prev:after, .swiper-button-next:after {
        font-size: 20px;
        width: 35px;
        height: 60px;
        text-align: center;
        padding: 4px;
        color: #000;
        line-height: 50px;
    }

.swiper-button-prev {
    left: 0;
    border-radius: 0px 5px 5px 0px;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in;
}

.protection_plan_section {
    width: 100%;
    float: left;
    padding: 20px 0px;
    background: #ebedee;
}

    .protection_plan_section .titleArea,
    .titleArea {
        width: 100%;
        float: left;
        text-align: left;
		margin: 0 0 10px 0;
    }

    .protection_plan_section .planSection {
        width: 100%;
        float: left;
    }

        .protection_plan_section .planSection ul li {
            width: 47%;
            box-shadow: none;
            border-radius: 10px;
            float: left;
            padding: 0%;
            margin: 1% 1.5% 2.5%;
            border: 1px solid #373d93;
        }

            .protection_plan_section .planSection ul li a {
                display: block;
                background: #fff;
                border-radius: 10px;
            }

                .protection_plan_section .planSection ul li a img {
                    width: 100%;
                    border-radius: 10px 10px 0 0;
                }

                .protection_plan_section .planSection ul li a h4 {
                    font-family: 'AdihausDIN',"Nunito", sans-serif;
                    font-weight: 700;
                    margin-bottom: 10px;
                    margin-top: 0px;
                    text-transform: none;
                    font-size: 16px;
                    color: #a92451;
                    line-height: 16px;
                    padding: 0;
                    text-align: center;
                }

                .protection_plan_section .planSection ul li a p {
                    font-family: 'AdihausDIN',"Nunito", sans-serif;
                    font-weight: 700;
                    margin-bottom: 0px;
                    margin-top: 0px;
                    text-transform: none;
                    font-size: 14px;
                    color: #000000;
                    line-height: 16px;
                    padding: 0;
                    text-align: center;
                }

                .protection_plan_section .planSection ul li a .textArea {
                    width: 100%;
                    height: auto;
                    position: relative;
                    min-height: 35px;
                    padding-top: 0;
                }

                    /* .protection_plan_section .planSection ul li a .textArea p {
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translateX(-50%) translateY(-50%);
                        width: 100%;
                        padding: 0 10px;
                    } */

.requestRepair_section {
    width: 100%;
    float: left;
    padding: 20px 15px;
	/* background: url("../img/mobile_img/xtra/repair_bg.jpg") 50% 50% no-repeat; */
	background: url("../img/xtra/repair_bg.jpg") 50% 50% no-repeat;
    background-size: cover;
}

    .requestRepair_section h4 {
        font-family: "Nunito", sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: initial;
        font-size: 16px;
        color: #fff;
        text-align: left;
        line-height: 24px;
    }

    .requestRepair_section .requestForm {
        width: 100%;
        float: left;
        margin-top: 10px;
        text-align: center;
    }

.requestForm .form-control {
    border-radius: 10px;
    height: 50px;
    font-size: 18px;
    margin: 15px 0;
    outline: none;
    border: none;
    box-shadow: none;
}

.requestForm .form-control:hover,
.requestForm .form-control:focus {
        outline: none;
        border: none;
        box-shadow: none;
    }

a.requestSubmitBtn {
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 24px;
    padding: 10px 20px;
    border-radius: 100px;
    background: #e02a31;
    display: inline-block;
}

.shopbyBrand_section {
    width: 100%;
    float: left;
    padding: 10px 0px;
    background: #fff06f;
}

.customer_slider {
    background: #d9d8d8;
}

.shopByPrice, .customerWish {
    background: #ebedee;
}

.shopbyBrand_section .brandListSection {
    width: 100%;
    float: left;
    padding: 0 0 0 10px;
}

    .shopbyBrand_section .brandListSection .swiper-slide a {
        display: block;
    }

        .shopbyBrand_section .brandListSection .swiper-slide a img {
            border-radius: 10px;
        }

.testimonials_section {
    width: 100%;
    float: left;
    padding: 20px 15px;
    background: #ebedee;
}

    .testimonials_section .titleArea h4 {
        text-align: left;
    }

.testimonialsCardSection {
    width: 100%;
    float: left;
}

.testimonialsCardSection .profile_pic {
        width: 100px;
        height: 100px;
        float: left;
        border-radius: 100px;
        position: relative;
    }

        .testimonialsCardSection .profile_pic img {
            width: 100%;
            border-radius: 100px;
        }

        .testimonialsCardSection .profile_pic a.youTubeLink {
            width: 28px;
            height: 28px;
            float: left;
            background: #fff;
            border-radius: 100px;
            position: absolute;
            right: 0px;
            bottom: -4px;
            padding: 8px 6px 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

            .testimonialsCardSection .profile_pic a.youTubeLink img {
                width: auto;
                border-radius: 0;
            }

    .testimonialsCardSection .testimonialsContent {
        width: 100%;
        float: left;
        padding: 15px 20px;
        border-radius: 0 30px 30px 30px;
        background: #fff;
        margin-top: 20px;
    }

        .testimonialsCardSection .testimonialsContent p {
            font-family: "Nunito", sans-serif;
            font-weight: 400;
            margin-bottom: 8px;
            margin-top: 0px;
            text-transform: none;
            font-size: 12px;
            text-align: left;
            color: #808080;
            line-height: normal;
        }

            .testimonialsCardSection .testimonialsContent p span {
                color: #000000;
                font-weight: 500;
            }

.shopByPrice .brandListSection ul li {
    width: 24%;
    padding: 0 1% 0 0;
    float: left;
}

    .shopByPrice .brandListSection ul li a {
        display: block;
        border-radius: 10px;
        position: relative;
        min-height: 90px;
        background: rgb(78,203,255);
        background: -moz-linear-gradient(top, rgba(78,203,255,1) 0%, rgba(123,59,241,1) 100%);
        background: -webkit-linear-gradient(top, rgba(78,203,255,1) 0%,rgba(123,59,241,1) 100%);
        background: linear-gradient(to bottom, rgba(78,203,255,1) 0%,rgba(123,59,241,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ecbff', endColorstr='#7b3bf1',GradientType=0 );
    }

        .shopByPrice .brandListSection ul li a p {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: 100%;
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 14px;
            color: #fff;
            line-height: 18px;
            padding: 0 10px;
            text-align: center;
        }

.video_section {
    width: 100%;
    float: left;
}

footer {
    background: #ebedee;
}

    footer .top_footer_menu {
        background: #ebedee;
        padding: 20px 15px 10px;
    }

    footer .copyrightArea {
        background: #2b2e2f;
        padding: 10px 0;
    }

        footer .copyrightArea p, footer .copyrightArea p a {
            color: #949494;
            margin: 0;
            line-height: normal;
            text-align: right;
        }

.top_footer_menu a.footerLogo {
    display: block;
    margin-bottom: 10px;
}

    .top_footer_menu a.footerLogo img {
        height: 30px;
    }

.top_footer_menu .addressSection {
    width: 100%;
    float: left;
    margin-top: 10px;
}

ul.socialLinks {
    width: 100%;
    float: left;
}

    ul.socialLinks li {
        float: left;
        padding: 0 10px 0 0;
    }

        ul.socialLinks li a {
            display: block;
            color: #57699b;
            font-size: 16px;
        }

ul.contactList {
    width: 100%;
    float: left;
}

    ul.contactList li {
        width: 100%;
        float: left;
    }

        ul.contactList li a {
            display: block;
            position: relative;
            padding-left: 25px;
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin-bottom: 0;
            margin-top: 0px;
            font-size: 14px;
            color: #222222;
            line-height: 24px;
        }

            ul.contactList li a i {
                position: absolute;
                left: 0;
                top: 0;
                line-height: 24px;
                color: #57699b;
                font-size: 16px;
            }

.top_footer_menu .FooterLinkSection {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.FooterLinkSection h4 {
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 14px;
    color: #222222;
    line-height: 26px;
    text-decoration: underline;
}

.FooterLinkSection ul li {
    width: 100%;
    float: left;
}

    .FooterLinkSection ul li a {
        display: block;
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        margin-bottom: 6px;
        margin-top: 0px;
        font-size: 12px;
        color: #333333;
        line-height: 20px;
    }

.BottomFilter.TopFilterSection.fixed {
    top: 49px;
}


/*--------*/
a.btnDefault {
    background: #e02a31;
}

a.link {
    color: #2f4fa7;
}

.MyAccountCard ul li a {
    color: #2f4fa7;
}

.YouPay p.totalTxt {
    color: #2f4fa7;
}

.productKeysArea .gradeArea .conditionArea .ConditionLabel, .ProductsDisplayArea.list_view ul li .list_item .list_description .conditionArea .ConditionLabel, .conditionArea .ConditionLabel {
    background: #2f4fa7;
}

.BottomFilter.FilterBtns ul li a span.counter {
    background: #2f4fa7;
}

section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.BuyNow {
    background: #e02a31;
}

section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.addtoCart {
    color: #2f4fa7;
}

.productSliderArea .flexslider .productDetailsLink a {
    color: #2f4fa7;
}

section.ProductDetailsSection .emi p span .view_details {
    background: #e02a31;
    border: 1px solid #e02a31;
}

.headerTitleArea a.viewAllBtn {
    color: #e02a31;
}

.delivery_pincode .inputArea .btnArea a.updatePinBtn, a.updatePinBtn {
    color: #e02a31;
}

.ReviewArea .ReviewHeaderArea a.writeReviewBtn {
    border: 1px solid #e02a31;
    color: #e02a31;
}

.my_account_card .headertext a.goNextBtn {
    color: #2f4fa7;
}

.checkout_content .form_section {
    width: 100%;
    float: left;
    padding: 5px 5px 5px;
}

.btn_continue {
    background: #e02a31;
}

.emiCashbackSection ul li.showOfferSection a.moreOfferBtn {
    font-weight: 600;
    color: #e02a31;
}

.browse_by_price_area.bestSellerSection .viewAllBtnArea a {
    color: #e02a31;
}

section.ProductDetailsSection .keyFeaturesArea.sellerInfoArea .sellerInfoTextArea p a {
    font-weight: 700;
    color: #2f4fa7;
}
/*.checkout_content .form_section .btn_social ul li {
    width: 50%;
    float: none;
    margin: 0px auto;
}*/
.myAccountHeader .shortcut {
    background: #ffffff;
}

/*---------- Warranty ----------*/

.deviceSelectionSection {
    width: 100%;
    float: left;
    padding: 30px 20px;
    background: #17c7ed;
}

    .deviceSelectionSection h1 {
        font-family: "Nunito", sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 20px;
        color: #fff;
        line-height: 26px;
        text-align: center;
    }

        .deviceSelectionSection h1 span {
            font-weight: 300;
            text-transform: none;
        }

.bannerForm {
    width: 100%;
    float: left;
}

.form-control {
    font-family: "Nunito", sans-serif;
    border-radius: 8px;
    height: 50px;
    font-weight: 500;
    font-size: 16px;
    box-shadow: none;
    border: none;
    outline: none;
}

    .form-control:hover, .form-control:focus,
    .form-control:active {
        box-shadow: none !important;
        border: none !important;
        outline: none !important;
    }

label {
    font-weight: 600;
    color: #4a4a4a;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.formSubmitPanel {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 0 30%;
}

    .formSubmitPanel a.submitBtn {
        display: block;
        font-family: "Nunito", sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        line-height: 26px;
        /* text-align: center; */
        background: #dd1c23;
        padding: 8px 20px;
        text-align: center;
        border-radius: 100px;
    }

        .formSubmitPanel a.submitBtn i {
            display: inline-block;
            margin-left: 4px;
        }

.stepsSection {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .stepsSection p {
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-family: "Nunito", sans-serif;
        font-weight: 400;
    }

    .stepsSection ul.stepsLists {
        width: 100%;
        float: left;
        text-align: center;
    }

        .stepsSection ul.stepsLists li {
            float: none;
            /* width: 33.333%; */
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 12px;
            color: #fff;
            line-height: 24px;
            margin-right: 15px;
            display: inline-block;
            vertical-align: middle;
            text-transform: uppercase;
        }

            .stepsSection ul.stepsLists li span {
                width: 20px;
                height: 20px;
                background: rgba(47, 79, 167, 0.5);
                border-radius: 100px;
                margin-right: 5px;
                display: inline-block;
                /* margin-top: 4px; */
                line-height: 20px;
                font-size: 12px;
            }

            .stepsSection ul.stepsLists li:last-child {
                margin: 0px;
            }

.peaceMindSection {
    width: 100%;
    float: left;
    padding: 30px 15px;
    background: #ebedee url(../img/xtra/dotted_shape.png) -10% 50% no-repeat;
    background-size: 90px;
}

.titleArea p {
    font-size: 14px;
    margin: 0px;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    color: #656565;
}

    .titleArea p.description {
        font-weight: 400;
        line-height: 20px;
        font-size: 12px;
    }

.peaceMindSection .titleArea h4 {
    color: #2f4fa7;
}

.benefitList {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

    .benefitList ul li {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

        .benefitList ul li .iconArea {
            width: 22%;
            float: left;
            text-align: center;
        }

        .benefitList ul li .txtArea {
            width: 78%;
            float: left;
        }

        .benefitList ul li .iconArea i {
            width: 60px;
            height: 60px;
            border-radius: 100%;
            background: #e2e3f2;
            padding: 10px;
            display: inline-block;
        }

            .benefitList ul li .iconArea i img {
                width: 100%;
            }

        .benefitList ul li .txtArea h4 {
            font-size: 14px;
            margin: 10px 0 0 0;
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            color: #000000;
        }

        .benefitList ul li .txtArea p {
            font-size: 12px;
            color: #4b4b4b;
            line-height: normal;
            font-weight: 500;
            margin: 5px 0;
            padding: 0;
            font-family: "Nunito", sans-serif;
        }

.weAssureSection.peaceMindSection {
    background: #fff;
}

.weAssureSection .titleArea h4 {
    margin-bottom: 15px;
    color: #000000;
}

.assreListSection ul li .iconArea {
    width: 30%;
    float: left;
}

.assreListSection ul li .txtArea {
    width: 70%;
    float: left;
    padding-left: 15px;
}

    .assreListSection ul li .txtArea h4 {
        color: #2f4fa7;
        margin: 0 0 10px 0;
    }

.assreListSection.benefitList ul li {
    margin-bottom: 20px;
}

.counterSection {
    width: 100%;
    float: left;
    padding: 30px 15px;
}

    .counterSection ul li {
        width: 50%;
        float: left;
        text-align: center;
        margin-bottom: 15px;
    }

        .counterSection ul li span {
            display: block;
            font-size: 30px;
            color: #2f4fa7;
            font-weight: 700;
            margin: 0px 0 0px 0;
            font-family: "Nunito", sans-serif;
            line-height: 30px;
            padding-bottom: 5px;
        }

        .counterSection ul li p {
            font-size: 12px;
            color: #000000;
            line-height: normal;
            font-weight: 600;
            margin: 0px 0 0px 0;
            padding: 0;
            font-family: "Nunito", sans-serif;
            width: 100%;
            float: left;
            text-transform: none;
        }

        .counterSection ul li span i {
            font-size: 20px;
            font-weight: 400;
            font-style: normal;
            line-height: 30px;
            vertical-align: top;
        }

        .counterSection ul li:nth-child(1) span {
            color: #ff5d74;
        }

        .counterSection ul li:nth-child(2) span {
            color: #64d1fa;
        }

        .counterSection ul li:nth-child(3) span {
            color: #ffba01;
        }

        .counterSection ul li:nth-child(4) span {
            color: #47cf50;
        }

/*---------- Plan -------*/

.deviceSelectionSection.planSelection {
    background: #ebedee url("../img/xtra/plan_selection_banner_bg.jpg") 50% 0% no-repeat;
    background-size: contain;
}

.planSelection h1 {
    color: #0c3093;
}

    .planSelection h1 span {
        color: #000000;
    }

.planSelection .bannerForm {
    margin: 15px 0;
}

.datepicker.form-control {
    padding-right: 50px;
    background: #fff url("../img/xtra/calendar.svg") 97% 50% no-repeat;
}

.timepicker.form-control {
    padding-right: 50px;
    background: #fff url("../img/xtra/clock.svg") 97% 50% no-repeat;
}

.datePickerSection {
    position: relative;
}

    .datePickerSection .form-control {
        padding-right: 50px;
    }

    .datePickerSection i {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 10px;
    }

.datepicker-modal {
    max-width: 100%;
    min-width: 300px;
    max-height: none;
}

.modal.datepicker-modal,
.modal.timepicker-modal {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.datepicker-date-display,
.timepicker-digital-display {
    background-color: #2f4fa7;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done,
.timepicker-close {
    color: #2f4fa7;
}

.datepicker-table td.is-selected {
    background-color: #2f4fa7;
    color: #fff;
}

.availablePlansSection {
    width: 100%;
    float: left;
    padding: 5px 0 0;
}

    .availablePlansSection ul li {
        float: left;
        width: 33.333%;
        padding: 0 5px;
    }

        .availablePlansSection ul li a {
            display: block;
            padding: 17px 10px 10px;
            background: #fff;
            border-radius: 4px;
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 13px;
            color: #000000;
            line-height: 17px;
            /* padding: 0; */
            text-align: center;
            position: relative;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

            .availablePlansSection ul li a span {
                width: 20px;
                height: 20px;
                border-radius: 100px;
                box-shadow: 0 2px 3px rgba(0,0,0,0.3);
                background: #fff;
                color: #bfbfbf;
                position: absolute;
                left: 50%;
                top: -10px;
                transform: translateX(-50%);
                padding-top: 2px;
                font-size: 12px;
            }

            .availablePlansSection ul li a.active {
                background: #2f4fa7;
                color: #fff;
            }

                .availablePlansSection ul li a.active span {
                    color: #000000;
                }

.form-group {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

    .form-group.centerAligned {
        text-align: center;
    }

        .form-group.centerAligned label {
            text-align: center;
            width: 100%;
        }

.availablePlansSection.planDuration {
    text-align: center;
}

    .availablePlansSection.planDuration ul li {
        float: none;
        display: inline-block;
    }

        .availablePlansSection.planDuration ul li a {
            padding: 20px 10px;
        }

.planPrice {
    width: 100%;
    float: left;
    text-align: center;
}

    .planPrice h4 {
        font-family: "Nunito", sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 10px;
        text-transform: none;
        font-size: 26px;
        color: #dd1c23;
        line-height: 26px;
    }

        .planPrice h4 span {
            color: #000000;
            font-size: 16px;
            font-weight: 600;
        }

.peaceMindSection.featureSection {
    background: #fff url("../img/xtra/top_arrow_bg.jpg") 50% 0% no-repeat;
}

    .peaceMindSection.featureSection .benefitList ul li .iconArea i {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background: transparent;
        padding: 0;
        display: inline-block;
    }

    .peaceMindSection.featureSection .benefitList ul li .txtArea p {
        padding: 0px;
    }

    .peaceMindSection.featureSection .benefitList ul li {
        margin-bottom: 5px;
    }

    .peaceMindSection.featureSection .benefitList {
        margin: 0px 0 0 0;
    }

.peaceMindSection.howItWorks {
    background: #d3e0f8 url(../img/xtra/dotted_shape.png) -10% 50% no-repeat;
    background-size: 90px;
}

.howItWorks .benefitList ul li .iconArea i {
    background: #fff;
}

.faq_section {
    width: 100%;
    float: left;
    background: #ebedee;
    padding: 20px 15px;
}

.faqInnerSection {
    width: 100%;
    float: left;
}

    .faqInnerSection ul li {
        width: 100%;
        float: left;
        margin: 0 0 5px 0;
    }

        .faqInnerSection ul li a {
            font-family: "Nunito", sans-serif;
            color: #000000;
            font-weight: 600;
            font-size: 14px;
            text-transform: capitalize;
            display: block;
            padding: 10px 30px 10px 10px;
            position: relative;
            line-height: 24px;
            border-bottom: 1px solid #dedede;
            background: #fff;
            border-radius: 0px;
            margin: 0 0 5px 0;
        }

            .faqInnerSection ul li a i {
                position: absolute;
                line-height: 40px;
                top: 0;
                right: 10px;
                font-size: 2rem;
            }

    .faqInnerSection .collapse,
    .faqInnerSection .collapse.in {
        width: 100%;
        float: left;
        transition: height 0.3s ease-in;
    }

    .faqInnerSection ul li p {
        margin: 0px 0 5px 0;
        font-family: "Nunito", sans-serif;
        font-weight: 400;
        text-transform: none;
        font-size: 12px;
        text-align: left;
        color: #131313;
        line-height: 20px;
        padding: 0 10px;
    }

.checkoutSection {
    width: 100%;
    float: left;
    padding: 20px 15px 0;
    background: #ebedee;
}

    .checkoutSection h1,
    .dashboardSection h1 {
        font-family: "Nunito", sans-serif;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 20px;
        color: #0c3093;
        line-height: 26px;
        text-align: center;
    }

        .checkoutSection h1 span,
        .dashboardSection h1 span {
            font-weight: 300;
            text-transform: none;
            color: #000000;
        }

.checkoutInfoSection {
    width: 100%;
    float: left;
    padding: 15px 0;
}

    .checkoutInfoSection ul li {
        width: 33.333%;
        float: left;
        position: relative;
        padding-left: 40px;
        font-size: 12px;
        margin: 0px;
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        color: #b1b1b1;
        line-height: 16px;
    }

        .checkoutInfoSection ul li i {
            width: 32px;
            height: 32px;
            float: left;
            position: absolute;
            left: 0;
            top: 0;
        }

            .checkoutInfoSection ul li i img {
                width: 100%;
            }

.orderSummarySection {
    width: 100%;
    float: left;
    padding: 20px 15px;
}

    .orderSummarySection a.Collapsableheader {
        display: block;
        padding: 10px 30px 10px 15px;
        background: #2f4fa7;
        border-radius: 4px;
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: none;
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        position: relative;
    }

        .orderSummarySection a.Collapsableheader i {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 18px;
        }

.orderSummaryContent {
    width: 100%;
    float: left;
    padding: 15px 0;
}

    .orderSummaryContent .textArea {
        width: 70%;
        float: left;
        padding-right: 10px;
    }

.emiOptionsArea {
    width: 30%;
    float: left;
    position: relative;
    padding-left: 40px;
    font-size: 12px;
    margin: 0px;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    color: #b1b1b1;
    line-height: 16px;
}

    .emiOptionsArea i {
        width: 32px;
        height: 32px;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
    }

        .emiOptionsArea i img {
            width: 100%;
        }

.orderSummaryContent h4 {
    font-size: 14px;
    margin: 0px 0 0 0;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    color: #000000;
}

    .orderSummaryContent h4 span {
        font-weight: 500;
        color: #7b7b7b;
        font-size: 12px;
    }

.orderDescription {
    width: 100%;
    float: left;
}

    .orderDescription p {
        font-size: 12px;
        margin: 0px 0 0 0;
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        color: #484848;
        line-height: 30px;
    }

        .orderDescription p span {
            font-weight: 600;
            font-size: 14px;
            color: #000000;
            float: right;
        }

        .orderDescription p.totalAmount {
            margin: 5px 0 0 0;
            padding: 5px 0;
            border-top: 1px solid #dadada;
        }

            .orderDescription p.totalAmount span {
                font-size: 18px;
                color: #2f4fa7;
                font-weight: 700;
            }

.couponCodeSection {
    width: 100%;
    float: left;
    padding: 0 15px;
}

    .couponCodeSection .inputSection {
        width: 60%;
        float: left;
        padding-right: 10px;
    }

    .couponCodeSection .btnSection {
        width: 40%;
        float: left;
    }

a.applyBtn {
    display: block;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    background: #dd1c23;
    padding: 10px 20px;
    text-align: center;
    border-radius: 8px;
    margin-top: 26px;
}

.personalDetailsSection {
    width: 100%;
    float: left;
    padding: 20px 15px;
}

.otpSection label {
    width: 100%;
    float: left;
}

.otpBtnArea {
    padding-right: 10px;
}

    .otpBtnArea .applyBtn {
        margin: 0px;
    }

a.resendOTPBtn {
    display: block;
    font-size: 12px;
    margin: 0px 0 0 0;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    color: #484848;
    line-height: 40px;
    text-decoration: underline;
    text-align: right;
    width: 100%;
    float: left;
}

.checkoutPaymentBtnArea {
    width: 100%;
    float: left;
    padding: 20px 15px;
}

a.paymentBtn {
    display: block;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    background: #dd1c23;
    padding: 8px 20px;
    text-align: center;
    border-radius: 100px;
}

.paymentOptionsImg {
    width: 100%;
    float: left;
    padding: 20px 70px;
}

.dashboardSection {
    width: 100%;
    float: left;
    padding: 20px 15px;
    background: #fff;
}

.dashboardTabArea {
    width: 100%;
    float: left;
    padding: 20px 0;
}

    .dashboardTabArea .tabHeader {
        width: 100%;
        float: left;
    }

    .dashboardTabArea .tabContent {
        width: 100%;
        float: left;
        padding: 20px 10px;
    }

.tabContent .myDeviceLists {
    width: 100%;
    float: left;
}

    .tabContent .myDeviceLists ul li {
        width: 100%;
        float: left;
        position: relative;
        padding-left: 50px;
        margin-bottom: 15px;
    }

        .tabContent .myDeviceLists ul li i {
            width: 40px;
            height: 40px;
            float: left;
            position: absolute;
            left: 0;
            top: 0;
        }

            .tabContent .myDeviceLists ul li i img {
                width: 100%;
            }

        .tabContent .myDeviceLists ul li h4,
        .tabContent .myDeviceLists ul li p {
            font-size: 12px;
            margin: 0px;
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            color: #000000;
            line-height: 20px;
            padding: 0;
            margin: 0;
        }

        .tabContent .myDeviceLists ul li p {
            color: #4b4b4b;
            font-weight: 500;
        }

.tabHeader .tabs .tab a {
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 14px;
    color: #222222;
    line-height: 45px;
    text-transform: uppercase;
}

.tabHeader .tabs {
    background-color: transparent;
}

.tabs .indicator {
    background-color: #5780f1;
    z-index: 10;
}

.tabHeader .tabs .tab a:hover,
.tabHeader .tabs .tab a.active {
    background-color: transparent;
    color: #0c3093;
}

.ServiceRequestSection {
    width: 100%;
    float: left;
    border: 1px solid #e8e8e8;
}

.tabHeader .tabs::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #d6d6d6;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
}

table th, table td {
    font-size: 12px;
    margin: 0px;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    color: #4e4e4e;
}

table th {
    font-size: 14px;
    color: #000000;
}

.registerNewDeviceSection {
    background: #ebedee;
}

    .registerNewDeviceSection .tabContent {
        padding: 20px 0px;
    }

    .registerNewDeviceSection .couponCodeSection,
    .registerNewDeviceSection .personalDetailsSection {
        padding: 0px;
    }

.titleArea.leftAligned h4 {
    text-align: left;
}

.requireMark {
    color: #dd1c23;
}

.planInfo {
    width: 100%;
    float: left;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
}

    .planInfo h4 {
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 0px;
        text-transform: uppercase;
        font-size: 16px;
        background: #0c3093;
        color: #fff;
        line-height: 24px;
        padding: 5px 10px;
        display: inline-block;
    }

    .planInfo p {
        font-family: "Nunito", sans-serif;
        font-size: 12px;
        color: #0000008f;
        line-height: 18px;
        margin: 0 0 5px 0;
        padding: 0;
        font-weight: 600;
    }

        .planInfo p span {
            float: right;
            font-weight: 600;
            color: #000000;
        }

        .planInfo p.orderTotal {
            font-size: 16px;
        }

.planDetails img {
    margin-bottom: 10px;
}

.tabContent .myDeviceLists ul li h4 {
    position: relative;
}

.tabContent .myDeviceLists ul li a {
    display: block;
}

.tabContent .myDeviceLists ul li h4 span {
    font-weight: 700;
    color: #0c3093;
}

    .tabContent .myDeviceLists ul li h4 span.PlanStatus, span.PlanStatus {
        display: inline-block;
        padding: 0px 6px;
        background: #0c3093;
        color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 10px;
        text-transform: uppercase;
        border-radius: 4px;
        line-height: 18px;
    }

        .tabContent .myDeviceLists ul li h4 span.PlanStatus.active, span.PlanStatus.active {
            background: #30c751;
            color: #fff;
        }

        .tabContent .myDeviceLists ul li h4 span.PlanStatus.disabled, span.PlanStatus.disabled {
            background: #dadada;
            color: #6b6b6b;
        }

.planInfo h4.price {
    display: block;
    background: #fff;
    text-align: center;
    margin: 10px 0 10px 0;
    color: #000;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
}

.planDetails h6 {
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 16px;
    color: #000000;
    line-height: 18px;
}

    .planDetails h6 span {
        font-size: 12px;
        color: #949494;
    }

.planDetails p.PlanTitle {
    border-bottom: 1px solid #d0d0d0;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 600;
    color: #0c3093;
}

.claimDetails p {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #0000008f;
}

    .claimDetails p span {
        width: 50%;
        float: left;
        font-size: 12px;
        color: #0000008f;
    }

        .claimDetails p span.right {
            text-align: right;
            font-weight: 600;
            color: #000000;
        }

.uploadFileSection {
    width: 100%;
    float: left;
    background: #fff url("../img/xtra/image_thumbnail.png") 50% 50% no-repeat;
    background-size: 100px;
    border-radius: 8px;
    height: 100px;
}

    .uploadFileSection .form-control {
        width: 100%;
        height: 100px;
        z-index: 100;
        opacity: 0;
    }

.videoSection .titleArea h4 {
    text-transform: none;
    font-size: 14px;
    line-height: normal;
    color: #2f4fa7;
    font-weight: 700;
}

    .videoSection .titleArea h4:first-letter {
        text-transform: capitalize;
    }

.videoSection .titleArea {
    padding: 0 20px;
}

/*--------------------------*/
header.HeaderTitleOption {
    background: #fff;
}

    header.HeaderTitleOption .TopSection .MenuArea,
    header.HeaderTitleOption .TopSection .OtherLinks {
        width: 50%;
        float: left;
    }

header .TopSection .MenuArea a {
    color: #2f4fa7;
}

.LoginScreen .LoginBtn.btn, .btn.SubmitBtn {
    background: #2f4fa7;
}

.demo-gallery .flexslider .flex-control-thumbs {
    list-style-type: none;
}

.reviewSubmitArea ul li a.submit {
    background: #2f4fa7;
}

.reviewSubmitArea.submitOnly ul li {
    width: 100%;
    padding: 10px;
}

.TopSearchArea {
    padding: 0 15px 5px;
    background: #fff;
}

header .TopSection .OtherLinks ul li a.cartBtn span {
    bottom: -2px;
    right: 0;
}

section.MenuCategory .accountDetailArea, section.MenuCategory h4 {
    background: #2f4fa7;
}

.c-menu--slide-right .c-menu__link i {
    color: #2f4fa7;
}

section.MenuCategory.topLogoSection {
    background: #d2d2d2;
}

.wingsLoader {
    background: #fff url(../img/xtra/power_loader.svg) 50% 50% no-repeat;
}

section.ProductDetailsSection.productReviewSection.fixedTopSection.relativeTitleBar {
    padding-top: 160px;
}

.productReviewSection.fixedTopSection .rateProductArea {
    top: 40px;
}

.productReviewSection .productAllInfoSection {
    padding-top: 48px;
}

section.MenuCategory.topLogoSection .logoSection {
    width: 40%;
    float: right;
    text-align: right;
    padding-top: 5px;
}

section.MenuCategory.topLogoSection .loginBtn a {
    color: #000000;
}

section.MenuCategory.topLogoSection .loginBtn {
    width: 60%;
    float: left;
}

section.MenuCategory.topLogoSection .logoSection {
    width: 40%;
    padding-top: 5px;
}

.c-menu__close {
    background: #fff;
}

.c-menu--slide-right .c-menu__close {
    width: 18px;
    height: 18px;
}

    .c-menu--slide-right .c-menu__close img {
        width: 18px;
        vertical-align: top;
    }

.checkout_content .form_section.sellerRegstrationForm {
    background: #fff;
}

.paymentWarning {
    background: #fff;
}

.buySellTab ul li a {
    background: #98adea;
}
/* .buySellTab ul li a.active {
    background: #21409a;
} */

.loader.bottomProductLoader .loader-inner.ball-pulse-sync > div {
    background-color: #21409a;
}

.checkout_content .address_review .title_box .btn_area a.btn_add {
    background: #ff4a43;
    border: 1px solid #ff4a43;
}

.checkout_content .address_review .title_box .btn_area a.btn_add {
    padding: 3px 5px 5px;
}

.address_item .edit, .address_item .delete {
    background: #ff4a43;
    border: 1px solid #ff4a43;
}

.buySellTab.new_buySellTab ul li a.active,
.buySellTab ul li a.active {
    border-color: #21409a;
    color: #21409a;
}

.buySellTab ul li a.active {
    background: #fff;
}

.buySellTab.new_buySellTab ul li a {
    font-size: 12px;
    font-weight: 700;
}

.buySellTab.MyOrder ul li a.active {
    background: #21409a;
    color: #fff;
}

.MyAccountCard ul li a.orderViewMore, a.orderViewMore {
    color: #ff4a43;
    font-size: 12px;
}

.MyOrderCard ul li .Description h4 i {
    color: #21409a;
}

.LoginScreen a.lnkRurl {
    display: block;
}

    .LoginScreen a.lnkRurl img {
        height: 50px;
    }

.shortcut.refurbishedicon ul li a img {
    width: 30px;
}

.shortcut.refurbishedicon ul li a h5 {
    padding-top: 4px;
}

.LoginScreen a.LoginClose img {
    height: 24px;
}

.top_footer_menu a.twenty_years img {
    height: 100px;
}

.TopSearchArea.SearchActive {
    background: #2f4fa7;
}

.AdvancedCategorySearch .SearchPanel a.SearchBtn {
    right: 5px;
    top: 8px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.AdvancedCategorySearch .SearchPanel .form-control {
    padding: 6px 35px 6px 10px;
}

.productSliderArea .flexslider .slides img {
    width: auto;
}

section.ProductDetailsSection.SellerReview .WriteReviewArea a {
    padding: 5px 10px;
}

section.ProductDetailsSection .WriteReviewArea .FormSection {
    padding: 10px 15px;
}


/*--------*/

.BottomFilter.TopFilterSection ul li {
    width: 40%;
}

    .BottomFilter.TopFilterSection ul li.viewFilter {
        width: 20%;
    }

.highlightCategorySection {
    width: 100%;
    float: left;
    padding: 15px;
    background: #f4fbff;
}

    .highlightCategorySection ul li {
        width: 100%;
        float: left;
        margin: 0 0 6px 0;
    }

        .highlightCategorySection ul li:last-child {
            margin: 0px;
        }

        .highlightCategorySection ul li span {
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: none;
            font-size: 12px;
            color: #000000;
            line-height: 16px;
            padding: 0 5px 0 18px;
            position: relative;
        }

            .highlightCategorySection ul li span i {
                font-size: 10px;
                position: absolute;
                left: 0;
                top: 4px;
                color: #2f4fa7;
            }

.conditionArea.onGridView {
    width: 100%;
}

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p {
    width: 100%;
}

.ProductsDisplayArea.grid_view ul li a .product_description p.extraOffer {
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    line-height: 24px;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #e02a31;
    width: 100%;
}

.ProductsDisplayArea.grid_view ul li a .product_description p.price {
    width: 100%;
    font-family: "Nunito", sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    font-size: 12px;
    text-align: left;
    color: #808080;
    line-height: 24px;
}

    .ProductsDisplayArea.grid_view ul li a .product_description p.price span.oldPrice {
        font-size: 14px;
        font-weight: 600;
        color: #848484;
    }

    .ProductsDisplayArea.grid_view ul li a .product_description p.price span.newPrice {
        font-size: 15px;
        font-weight: 600;
        color: #000000;
        text-decoration: none;
        margin: 0px;
    }

        .ProductsDisplayArea.grid_view ul li a .product_description p.price span.newPrice i {
            color: #000000;
        }

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.oldPrice {
    font-size: 12px;
    margin: 0px 5px 0 0;
    text-decoration: none;
    padding: 0 0px 0 0;
    position: relative;
}

    section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.oldPrice i {
        color: #848484;
    }

    section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.oldPrice::before {
        background: #848484;
    }

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description .productFeaturesSection {
    width: 100%;
    float: left;
    padding-top: 8px;
}

    section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description .productFeaturesSection li {
        float: left;
        width: auto;
        border: 1px solid #e0e0e0;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre;
        padding: 0px 2px;
        max-width: 100%;
        border-radius: 2px;
        text-transform: none;
        font-weight: 600;
        font-size: 10px;
        line-height: normal;
        color: #a0a0a0;
        text-align: left;
        font-family: "Nunito", sans-serif;
        margin: 0 2px 2px 0;
    }

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description h4 {
    font-size: 14px;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    margin: 0 0 2px 0;
    text-transform: none;
}

.conditionArea.onGridView h4, section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea.onGridView h4 {
    font-size: 12px;
}

.ProductsDisplayArea.list_view ul li .list_item .list_description h4 {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: none;
    font-family: "Nunito", sans-serif;
}

.ProductsDisplayArea.list_view ul li .list_item .list_description .extraOffer {
    padding: 0px;
    line-height: 14px;
    margin: 5px 0 0 0;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #e02a31;
    text-align: left;
    width: 100%;
    float: left;
}

.ProductsDisplayArea.list_view ul li .list_item .list_description .price {
    text-transform: none;
    font-size: 12px;
    text-align: left;
    color: #808080;
    font-family: "Nunito", sans-serif;
    font-weight: 400;
    width: 100%;
    float: left;
}

    .ProductsDisplayArea.list_view ul li .list_item .list_description .price .oldPrice {
        font-size: 14px;
        margin: 0px 10px 0 0;
        text-decoration: none;
        padding: 0 0px 0 0;
        position: relative;
        font-weight: 600;
        color: #848484;
        display: inline-block;
    }

        .ProductsDisplayArea.list_view ul li .list_item .list_description .price .oldPrice::before {
            content: "";
            width: 100%;
            height: 1px;
            float: left;
            background: #848484;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

    .ProductsDisplayArea.list_view ul li .list_item .list_description .price .newPrice {
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        text-decoration: none;
    }

.ProductsDisplayArea.list_view ul li .productFeaturesSection ul li, section.CategorySection.fullWidth .ProductsDisplayArea.list_view .productFeaturesSection ul li {
    float: left;
    width: auto;
    border: 1px solid #c2c2c2;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    padding: 1px 3px 0px;
    max-width: 40%;
    border-radius: 2px;
    text-transform: none;
    font-weight: 600;
    font-size: 10px;
    line-height: normal;
    margin: 0 2px 2px 0;
}

.highlightCategorySection ul li span i.rupee {
    color: #000;
    position: relative;
    font-size: 12px;
    left: initial;
    top: initial;
}


/*-------------*/

section.ProductDetailsSection .productTitleArea h2.price_rate span.DiscountOff, h2.price_rate span.DiscountOff {
    color: #e02a31;
}

section.ProductDetailsSection .productTitleArea h2.price_rate span.lineThrough, span.lineThrough, h2.price_rate span.lineThrough {
    color: #848484;
}

.productTitleArea .reviewArea span,
section.ProductDetailsSection .productTitleArea .reviewArea p,
.reviewArea .xtraRibbon {
    float: left;
}

.reviewArea .xtraRibbon {
    margin-left: 10px;
}

    .reviewArea .xtraRibbon img {
        width: 75px;
    }

.productTitleArea .reviewArea, .reviewArea {
    width: 100%;
    float: left;
    padding: 0px 0 5px 0;
}

section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p {
    font-family: 'roboto_mediumregular','Roboto', sans-serif;
    font-size: 12px;
    color: #0000008f;
    line-height: 18px;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 400;
}

section.ProductDetailsSection .keyFeaturesArea ul.highlightsKeys li {
    width: 50%;
    padding: 0 10px 8px 0;
}

section.CategorySection .ProductsDisplayArea ul li a .product_img {
    position: relative;
}

    section.CategorySection .ProductsDisplayArea ul li a .product_img .ribbon {
        width: 100%;
        float: left;
        position: absolute;
        left: 0;
        top: 80%;
        transform: translateY(-80%);
        padding: 0 10%;
    }

        section.CategorySection .ProductsDisplayArea ul li a .product_img .ribbon img {
            width: 100%;
            margin: 0 auto;
        }

section.CategorySection .headerTextArea {
    width: 100%;
    float: left;
    padding: 15px;
    background: #fff;
}

    section.CategorySection .headerTextArea h1 {
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: none;
        font-size: 16px;
        color: #000000;
        line-height: 22px;
        text-align: center;
    }

        section.CategorySection .headerTextArea h1 span {
            font-weight: 400;
        }

.ProductsDisplayArea.grid_view ul li a .product_description {
    height: 100px;
    overflow: hidden;
}

.filterModal .modal-header {
    background: #2f4fa7;
}

.FilterItemsSection .BottomFilter li a.ApplyBtn {
    background: #2f4fa7;
}

.filterListArea.bottomCategorymenu ul li.moreFilter a {
    color: #2f4fa7;
}

.ModalSection .modal-header, .sortModal .modal-header, .ModalSection .modal-header, .sortModal .modal-header .testArea p {
    background: #2f4fa7 !important;
    color: #fff;
}

.paymentSection ul li .styled-radio:checked + label {
    background: #fff;
    color: #2f4fa7;
}

    .paymentSection ul li .styled-radio:checked + label:before {
        background: #2f4fa7;
        border: 2px solid #fff;
    }

.ProductsDisplayArea.list_view ul li .list_item .list_img .ribbon {
    top: 80%;
    transform: translateY(-80%);
}

/*--------*/

.filterModal .filterPreFace .FilterItemsSection {
    height: calc(100vh - 49px);
}

.filterModal .showingFace .FilterItemsSection .BottomFilter {
    bottom: 0;
    transition: bottom 0.6s ease-in;
}

.filterListArea .filterItmesWrapper {
    width: 100%;
    float: left;
}

    .filterListArea .filterItmesWrapper .filterItemsArea {
        width: 30%;
        float: left;
        background: #ebedee;
        min-height: calc(100vh - 105px);
    }

    .filterListArea .filterItmesWrapper .filterItemsDetailsArea {
        width: 70%;
        float: left;
    }

.filterListArea.bottomCategorymenu li {
    padding: 0px;
    border-bottom: none;
    position: relative;
    min-height: auto;
}

    .filterListArea.bottomCategorymenu li a {
        font-family: "Nunito", sans-serif;
        border: none;
        font-size: 14px;
        color: #000000;
        font-weight: 600;
        padding: 14px 10px 14px 10px;
        display: block;
        line-height: normal;
        background: #ebedee;
        text-transform: lowercase;
    }

        .filterListArea.bottomCategorymenu li a:first-letter {
            text-transform: uppercase;
        }

.filterListArea.bottomCategorymenu .nav-tabs li.active a {
    background: #fff;
    color: #2f4fa7;
}

.filterListArea .filterItmesWrapper .filterItemsDetailsArea .tab-content {
    padding: 10px 10px 10px 15px;
    height: auto;
    max-height: calc(100vh - 105px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.filterItemsDetailsArea .tab-content h4 {
    font-family: "Nunito", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0px;
    /* text-transform: none; */
    font-size: 12px;
    color: #848484;
    line-height: 22px;
}

.filterItemsDetailsArea .availableItemLists [type="checkbox"] + span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: block;
    height: auto;
    font-family: "Nunito", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000000;
    line-height: 22px;
}



.filterItemsDetailsArea .availableItemLists p label {
    width: 100%;
    margin: 0px;
}

.tabs-left {
    border-bottom: none;
    padding-top: 0px;
}

.tabs-left {
    border-right: none;
}

    .tabs-left > li, .tabs-right > li {
        float: none;
        margin-bottom: 0px;
    }

    .tabs-left > li {
        margin-right: 0px;
    }

        .tabs-left > li.active > a,
        .tabs-left > li.active > a:hover,
        .tabs-left > li.active > a:focus {
            /* border-bottom-color: #ddd;
    border-right-color: transparent; */
            border: none;
        }

        .tabs-left > li > a {
            border-radius: 0;
            margin-right: 0;
            display: block;
        }

.vertical-text {
    margin-top: 50px;
    border: none;
    position: relative;
}

    .vertical-text > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

        .vertical-text > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 0;
        }

        .vertical-text > li.active > a,
        .vertical-text > li.active > a:hover,
        .vertical-text > li.active > a:focus {
            /* border-bottom-color: transparent;
    border-right-color: #ddd;
    border-left-color: #ddd; */
            border: none;
        }

    .vertical-text.tabs-left {
        left: -50px;
    }

        .vertical-text.tabs-left > li {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }



.modal {
    width: 100%;
    max-height: 100%;
    border-radius: 0;
}

    .modal .modal-content {
        padding: 0;
    }

/**/

section.MenuCategory.topLogoSection .loginBtn a i {
    display: inline-block;
    font-size: 20px;
    height: auto;
    line-height: normal;
}

.c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item, .c-menu--push-left .c-menu__item, .c-menu--push-right .c-menu__item {
    display: block;
    text-align: center;
    width: 100%;
    float: left;
}

/*-------- Footer ----------*/

.footerTopSection {
    width: 100%;
    float: left;
}

.channelPartnerLogin a.requestSubmitBtn {
    padding: 2px 12px;
    font-size: 12px;
}

.FooterLinkSection ul {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

    .FooterLinkSection ul li p {
        color: #21409a;
        margin: 0;
        text-transform: capitalize;
        font-size: 11px;
        font-weight: 600;
        text-decoration: underline;
    }

p.address {
    position: relative;
    padding-left: 25px;
}

    p.address i {
        position: absolute;
        left: 0;
        top: 0;
        line-height: 24px;
        color: #57699b;
        font-size: 16px;
    }

footer .copyrightArea img {
    width: 50%;
}

p.address {
    position: relative;
    padding-left: 25px;
    width: 100%;
    float: left;
    font-weight: 600;
}

ul.downloadAppList {
    margin: 0;
    padding: 0 15px 0 0;
}

    ul.downloadAppList li {
        width: 50%;
        float: left;
        padding: 0 5px;
    }

        ul.downloadAppList li a {
            display: block;
        }

a.pageCallButton,
a.scrollTopButton {
    width: 35px;
    height: 35px;
    background: #ebedee;
    border-radius: 100px;
    padding: 6px;
    position: fixed;
    right: 55px;
    bottom: 20px;
    z-index: 1000;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    text-align: center;
    border: 2px solid #c7c7c7;
}

a.scrollTopButton {
    right: 10px;
}

    a.pageCallButton img,
    a.scrollTopButton img {
        width: 100%;
    }

    a.scrollTopButton i {
        font-size: 24px;
        color: #2f4fa7;
        text-align: center;
        line-height: 14px;
    }

a.pageCallButton i {
    font-size: 16px;
    color: #2f4fa7;
    text-align: center;
    line-height: 14px;
}
/*---------*/

.filterListArea.bottomCategorymenu li a span {
    display: inline-block;
    font-size: 12px;
    color: #2f4fa7;
    font-weight: 400;
    float: right;
}

.btnRedXtra {
    background: #e02a31;
    color: #fff;
}

section.ProductDetailsSection .keyFeaturesArea ul li {
    line-height: normal;
    padding: 0;
}

.bottomCategorymenu ul li a {
    padding: 10px 20px 10px 0;
    line-height: normal;
}

.sortbyModal .FilterLists.paymentSection ul li .styled-radio:checked + label {
    color: #2f4fa7;
}

    .sortbyModal .FilterLists.paymentSection ul li .styled-radio:checked + label::before {
        border: 2px solid #2f4fa7;
    }

    .sortbyModal .FilterLists.paymentSection ul li .styled-radio:checked + label::after {
        background: #2f4fa7;
    }

.conditionArea.onGridView h4, section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea.onGridView h4 {
    font-weight: 500;
}

.color1 {
    color: #14c51a !important;
}

.color2 {
    color: #ff8b13 !important;
}

.color3 {
    color: #05c7b4 !important;
}

.color4 {
    /*color: #ab57e0 !important;*/
    color: #000000 !important;
}

section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.prebookingBuyNowBtn {
    color: #e02a31;
    padding: 0;
    line-height: 33px;
}

.ProductsDisplayArea ul li.evenrow,
.ProductsDisplayArea.grid_view ul li.evenrow,
section.CategorySection.fullWidth .ProductsDisplayArea.list_view ul li.evenrow {
    background: #f3f7f9;
}

.Checkout .checkout_content .promocode button {
    background: #e02a31;
}

.Checkout .pay_now ul li a.paynow {
    background: #e02a31;
    color: #fff;
}

.Checkout .pay_now ul li span.alterColor {
    color: #e02a31;
}

.styled-radio[type="radio"]:checked + label:before {
    border-color: #2f4fa7;
}

.styled-radio:checked + label:after, .styled-radio:not(:checked) + label:after {
    background: #2f4fa7;
}

.Checkout .title_price {
    background: #eaf0ff;
    border: 1px solid #d0ddff;
}

    .Checkout .title_price .price h4 {
        color: #2f4fa7;
    }

    .Checkout .title_price .title h4 a {
        color: #2f4fa7;
        font-weight: 700;
    }

a.ScrollTop {
    color: #2f4fa7;
}

section.CartSectionNew .MyAccountCard.SellerLists ul li .ProductDesc {
    padding: 0 0 10px 0;
}

.productAllInfoSection .InfoTabSection ul li a.active {
    color: #2f4fa7;
    border-bottom: 2px solid #2f4fa7;
}

/*-------*/

.channelPartnerLogin a {
    display: block;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 0px;
    font-size: 12px;
    color: #0000008f;
    line-height: 20px;
    text-decoration: underline;
}

    .channelPartnerLogin a span {
        color: #e02a31;
        font-weight: 700;
    }

.footerTopSection {
    text-align: center;
}

    .footerTopSection ul.socialLinks {
        text-align: center;
    }

        .footerTopSection ul.socialLinks li {
            float: none;
            display: inline-block;
            padding: 0px;
        }

            .footerTopSection ul.socialLinks li a {
                padding: 0 6px;
            }

.productAllInfoSection .InfoTabSection ul li a.active {
    color: #2f4fa7;
    border-bottom: 2px solid #2f4fa7;
}

section.CategorySection.topOfferProducts .ProductsDisplayArea.grid_view ul li:last-child {
    width: 50%;
}

section.CategorySection.topOfferProducts .ProductsDisplayArea.grid_view ul li a .product_description {
    min-height: 70px;
    overflow: hidden;
    height: auto;
}

section.CategorySection.topOfferProducts .ProductsDisplayArea ul li:nth-child(2)::before, .topOfferProducts .ProductsDisplayArea ul li:nth-child(2)::before {
    content: initial;
}

.topOfferSection.productListGridView {
    background: #f8f8f8;
}

section.CategorySection.topOfferProducts {
    background: #f8f8f8;
    padding: 0 10px;
}

    section.CategorySection.topOfferProducts .viewAllBtnArea, .viewAllBtnArea {
        width: 100%;
        float: left;
        padding: 5px 5px 5px 10px;
        /* background: #fff; */
    }

        section.CategorySection.topOfferProducts .viewAllBtnArea a,
        .viewAllBtnArea a {
            font-family: "Nunito", sans-serif;
            text-align: left;
            color: #e02a31;
            font-size: 12px;
            font-weight: 600;
            line-height: 24px;
            text-transform: none;
        }

section.CategorySection .ProductsDisplayArea, .ProductsDisplayArea {
    box-shadow: none;
}

.testimonialsCardSection .testimonialsContent {
    padding: 5px 10px 8px;
    border-radius: 0 20px 20px 10px;
    background: #fff;
    margin-top: 15px;
    font-size: 11px;
    font-weight: 600;
    color: #404040;
}

    .testimonialsCardSection .testimonialsContent p {
        font-size: 11px;
        font-weight: 600;
        color: #404040;
    }


/*-------*/

.shortcut.scroller ul {
    width: 100%;
    float: left;
    overflow: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    /* display: flex; */
}

    .shortcut.scroller ul li {
        float: none;
        width: 20%;
        display: inline-flex;
    }

.shortcut ul li a h5 {
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

/*----*/

.ProductsDisplayArea.grid_view ul li a .product_description p.price span.newPrice {
	font-size: 16px;
    font-weight: 700;
    color: #000000;
}

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.oldPrice {
	font-size: 12px;
    margin: 0px 2px;
}

section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p span.extraOffer {
    font-size: 12px;
    margin: 0px 0px;
    font-weight: 700;
    color: #e02a31;
}

section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea.onGridView h4 {
    font-weight: 600;
	font-size: 12px;
    line-height: normal;
    color: #676767;
}

.ProductsDisplayArea.grid_view ul li a .product_description p.price span.specialPriceTag {
    width: 100%;
    float: left;
    font-weight: 600;
    color: #060606;
	font-size: 9px;
    line-height: normal;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

section.CategorySection .ProductsDisplayArea ul li a, .ProductsDisplayArea ul li a {
    padding: 15px;
}

.requestRepair_section {
    margin-bottom: 10px;
}

.productCardSection .productDescription h4 {
    font-size: 13px;
    font-weight: 600;
}

.productCardSection .productDescription p.extraOffer {
    font-size: 11px;
    font-weight: 600;
    color: #e02a31;
}

.productCardSection .productDescription p span.newPrice {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-left: 4px;
}

.productCardSection .productDescription p {
    line-height: 14px;
}

    .productCardSection .productDescription p span.oldPrice {
        font-size: 11px;
        font-weight: 600;
        color: #848484;
    }

.offerSliderSection {
    padding: 0 0 0 8px;
}

.productCardSection .warrantySection p {
    line-height: 10px;
}

.productCardSection {
    padding: 6px;
    border-radius: 4px;
}

    .productCardSection .warrantySection {
        padding: 4px 6px 4px 8px;
        margin: 4px 0 0 0;
    }

        .productCardSection .warrantySection p {
            font-size: 8px;
            font-weight: 700;
        }

        .productCardSection .warrantySection i {
            width: 16px;
        }

.productListGridView section.CategorySection .ProductsDisplayArea.grid_view ul li a .product_description p {
    margin: 0px;
    line-height: 14px;
}

.protection_plan_section.OfferZone .planSection {
    background: #fff;
    padding: 4px 4px 0px 4px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.05);
}

.modal.sortbyModal .modal-header .testArea p {
    font-weight: 500;
    background: transparent;
    color: #fff;
    font-size: 14px;
}

.sortbyModal .bottomApplySection ul li a {
    font-weight: 500;
}

.comingsoon {
    width: 100%;
    float: left;
    background: #ebedee;
}


section.ProductDetailsSection .productTitleArea h1,
.productKeysArea .gradeArea .conditionArea h4, section.ProductDetailsSection .productKeysArea .gradeArea .conditionArea h4, .ProductsDisplayArea.list_view ul li .list_item .list_description .conditionArea h4, .conditionArea h4, section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea h4,
section.ProductDetailsSection .keyFeaturesArea h4, h4.TitleText,
.productDescRateArea p.productTitle, .productAllInfoSection .descriptionSection.specification h4 {
    font-family: "Nunito", sans-serif;
    font-weight: 600;
}

section.ProductDetailsSection .productTitleArea h1,
.productDescRateArea p.productTitle {
    text-transform: none;
}

.productKeysArea .gradeArea .conditionArea h4, section.ProductDetailsSection .productKeysArea .gradeArea .conditionArea h4, .ProductsDisplayArea.list_view ul li .list_item .list_description .conditionArea h4, .conditionArea h4, section.CategorySection .ProductsDisplayArea ul li a .product_description .conditionArea h4 {
    color: #676767;
    font-size: 12px;
}

.headerTitleArea a.viewAllBtn, .delivery_pincode .inputArea .btnArea a.updatePinBtn, a.updatePinBtn, .ReviewArea .ReviewHeaderArea a.writeReviewBtn {
    font-family: "Nunito", sans-serif;
    font-weight: 700;
}

.productAllInfoSection .descriptionSection.specification ul li {
    font-family: "Nunito", sans-serif;
}

.productAllInfoSection .descriptionSection.specification ul li {
    line-height: normal;
    padding: 8px 0;
}

    .productAllInfoSection .descriptionSection.specification ul li .half {
        padding: 0 4px 0 0;
    }

        .productAllInfoSection .descriptionSection.specification ul li .half.dark {
            padding: 0 0px 0 4px;
        }

.productReviewSection.fixedTopSection .rateProductArea {
    min-height: 160px;
    padding: 10px 15px;
}

.productAllInfoSection .infoContentArea {
    height: calc(100vh - 250px);
}

.titleArea h4.smallerTxt,
.headerSection .titleArea h4.smallerTxt,
.topOfferSection .headerSection .titleArea h4.smallerTxt {
    font-size: 16px;
}

/*/// Add By Surajit 23-05-2020 */

.CartBuyBtn {
    width: 100%;
    float: left;
    padding: 15px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .CartBuyBtn ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .CartBuyBtn ul li {
            float: left;
            width: 50%;
            padding: 0px;
        }

            .CartBuyBtn ul li a {
                font-family: "Nunito", sans-serif;
                font-size: 16px;
                font-weight: 700;
                color: #888888;
                padding: 12px 0;
                text-align: center;
                display: block;
                text-decoration: none;
                text-transform: uppercase;
                height: 58px;
                line-height: 35px;
            }

                .CartBuyBtn ul li a.addtoCart {
                    color: #000000;
                    -webkit-border-radius: 0px;
                    -moz-border-radius: 0px;
                    -o-border-radius: 0px;
                    border-radius: 0px;
                    background: #fff;
                    font-size: 18px;
                }

                .CartBuyBtn ul li a.BuyNow {
                    background: #d41625;
                    color: #fff;
                    -webkit-border-radius: 0px;
                    -moz-border-radius: 0px;
                    -o-border-radius: 0px;
                    border-radius: 0px;
                }

    .CartBuyBtn.fixed {
        width: 100%;
        float: left;
        position: fixed;
        background: #ffffff;
        left: 0;
        bottom: -1px;
        z-index: 10000;
        box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.1);
        padding: 0px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

/*--------*/

.buyer_progress_bar .stepsArea ul li a .counter_title {
    font-size: 0.95rem;
}

.deliveryAddressSection {
    width: 100%;
    float: left;
    padding: 10px 15px;
}

    .deliveryAddressSection .headerSection,
    .reviewOrderSection .headerSection {
        width: 100%;
        float: left;
        padding-left: 30px;
        padding-right: 100px;
        position: relative;
    }

        .deliveryAddressSection .headerSection h4,
        .reviewOrderSection .headerSection h4 {
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            text-transform: capitalize;
            font-size: 14px;
            color: #222222;
            line-height: 24px;
        }

        .deliveryAddressSection .headerSection p {
            margin: 0;
        }

        .deliveryAddressSection .headerSection i,
        .reviewOrderSection .headerSection i {
            width: 25px;
            float: left;
            position: absolute;
            left: 0;
            top: 0;
        }

        .deliveryAddressSection .headerSection a.addnewBtn {
            font-family: "Nunito", sans-serif;
            font-size: 12px;
            font-weight: 600;
            color: #21409a;
            padding: 6px 12px;
            text-align: center;
            display: inline-block;
            text-decoration: none;
            text-transform: uppercase;
            border: 1px solid #d41625;
            border-radius: 2px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

.buyer_progress_bar .stepsArea ul li a.complete .counter {
    border: 1px solid #fc4823;
    background: #fc4823;
    color: #fff;
    position: relative;
}

.buyer_progress_bar .stepsArea ul li a.complete .counter_title {
    color: #000000;
}

.buyer_progress_bar .stepsArea ul li a.active .counter {
    border: 1px solid #fc4823;
    background: #fc4823;
    color: #fff;
    position: relative;
}

.buyer_progress_bar .stepsArea ul li a.active .counter_title {
    color: #21409a;
}

.addressPanel {
    width: 100%;
    float: left;
    padding: 0px;
    background: #fdfbfc;
    border: 1px solid #eaeaeabd;
    margin: 10px 0 0 0;
}

    .addressPanel label {
        width: 100%;
        float: left;
        padding: 5px 30px 0px 10px;
        position: relative;
    }

        .addressPanel label span {
            position: absolute !important;
            right: 4px;
            top: 5px;
            width: 25px;
            padding-left: 0px !important;
        }

    .addressPanel h4 {
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 14px;
        color: #222222;
        line-height: 24px;
    }

    .addressPanel p {
        margin: 0px;
        color: #848484;
        text-transform: none;
    }

    .addressPanel.selected {
        background: #fecec4;
        border: 1px solid #f5a493;
    }

        .addressPanel.selected h4,
        .addressPanel.selected p {
            color: #000000;
        }

        .addressPanel.selected [type="radio"]:checked + span:after {
            border: 2px solid #e02a31;
            background-color: #e02a31;
        }

.reviewOrderSection {
    width: 100%;
    float: left;
    padding: 10px 15px;
    background: #fff;
}

.orderDetailsSection .ProductDesc .PicArea {
    width: 20%;
}

.orderDetailsSection .ProductDesc .Description {
    width: 80%;
}

.cartItemListArea ul li .ProductDesc .Description {
    padding: 0 0 0 10px;
}

.cartItemListArea ul li .ProductDesc {
    padding: 0px;
    margin-bottom: 10px;
}

    .cartItemListArea ul li .ProductDesc .Description h4.SellerName {
        font-size: 12px;
    }

.cartItemListArea ul li .bottomSection {
    margin: 10px 0 0 0;
}

    .cartItemListArea ul li .bottomSection .quantity {
        width: 30%;
        float: left;
    }

    .cartItemListArea ul li .bottomSection .totalAmount {
        width: 70%;
        float: left;
    }

        .cartItemListArea ul li .bottomSection .totalAmount h4 {
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 14px;
            color: #000000;
            line-height: 24px;
            text-align: right;
        }

            .cartItemListArea ul li .bottomSection .totalAmount h4 span {
                font-weight: 500;
                color: #848484;
            }

    .cartItemListArea ul li .bottomSection .quantity select.form-control {
        border: 1px solid #eaeaeabd;
        border-radius: 0px;
        padding: 5px 8px;
        max-width: 56px;
        line-height: normal;
        font-size: 14px;
        font-weight: 600;
        height: 35px;
    }

.quantity select.form-control:focus,
.quantity select.form-control:hover, .quantity select.form-control:active {
    border: 1px solid #eaeaeabd;
}

.cartItemListArea ul li .bottomSection p.deliveryText,
p.deliveryText {
    color: #848484;
}

    p.deliveryText span {
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        padding: 0px 8px;
        background: #54ba4c;
        font-size: 10px;
        line-height: 18px;
        vertical-align: top;
        margin-left: 5px;
    }

.paymentCard {
    width: 100%;
    float: left;
    /*padding: 10px 15px;*/
}

    .paymentCard h4 {
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 14px;
        color: #222222;
        line-height: 24px;
    }

    .paymentCard .cardInner {
        width: 100%;
        float: left;
        margin-top: 10px;
        padding: 10px;
        background: #fcfcfc;
        border: 1px solid #efefef;
    }

    .paymentCard .input-field {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

        .paymentCard .input-field .form-control {
            background: #f8f8f8;
            border-radius: 0;
            border: 1px solid #edebeb;
        }

.expiryArea .inputArea {
    width: 40%;
    float: left;
}

.expiryArea .separator {
    width: 20%;
    float: left;
    font-family: "Nunito", sans-serif;
    line-height: 35px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

.cardinputArea {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    .cardinputArea .expiryArea {
        width: 60%;
        float: left;
        padding-right: 20px;
    }

    .cardinputArea .cvvArea {
        width: 40%;
        float: left;
    }

.expiryArea .input-field > label {
    top: -28px;
}

.expiryArea .input-field .form-control {
    text-align: center;
}

.rememberMeSection {
    text-align: left;
    width: 100%;
    float: left;
    margin: 10px 0;
}

    .rememberMeSection label {
        width: 100%;
        margin: 0px;
    }

    .rememberMeSection [type="checkbox"] + span:not(.lever) {
        height: 20px;
        line-height: 20px;
    }

    .rememberMeSection [type="checkbox"].filled-in:checked + span:not(.lever):after {
        border: 2px solid #53bb4c;
        background-color: #53bb4c;
    }

p.agreeTxt {
    font-size: 10px;
    line-height: normal;
}

.paymentBtnLists {
    width: 100%;
    float: left;
    padding: 10px 15px;
}

    .paymentBtnLists ul li {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

        .paymentBtnLists ul li a {
            display: block;
            font-family: "Nunito", sans-serif;
            font-weight: 700;
            background: #bdebfb;
            /* height: 40px; */
            border: none;
            font-size: 14px;
            text-transform: none;
            color: #222222;
            border-radius: 6px;
            padding: 20px 15px;
        }

    .paymentBtnLists ul li a.active {
        border: 1px solid #ee1c25;
        background: #ee1c25;
        color: #fff;
        position: relative;
    }

/*---------*/

.checkoutPageSection {
    width: 100%;
    float: left;
    padding: 0px;
    background: #fff;
}

.checkoutBanner {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.checkoutContentSec {
    width: 100%;
    float: left;
}

    .checkoutContentSec h4 {
        font-family: "Nunito", sans-serif;
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 0px;
        text-transform: none;
        font-size: 12px;
        color: #222222;
        line-height: normal;
    }

    .checkoutContentSec p {
        font-family: "Nunito", sans-serif;
        margin: 0px;
        color: #848484;
        text-transform: none;
    }

.checkoutFields .input-field .form-control {
    background: #f8f8f8;
    border-radius: 6px;
    border: 2px solid #edebeb;
    font-size: 16px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.08);
}



.checkoutFields .input-field {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 0rem;
}

.checkoutFields .paymentBtnSection .btn_continue {
    border-radius: 6px;
    width: auto;
    margin: 0px auto;
    padding: 0 50px;
}

.otpSection p a {
    display: inline-block;
    margin-left: 5px;
    color: #21409a;
    text-decoration: underline;
    font-weight: 600;
}
.otpSection p a:hover{
    color: #e02a31;
}


.checkoutFields .actionableBtnArea {
    width: 100%;
    float: left;
    text-align: center;
    padding: 40px 0 20px;
}

    .checkoutFields .actionableBtnArea a {
        display: inline-block;
        margin: 0 5px;
        color: #21409a;
        text-decoration: underline;
        font-weight: 600;
        font-size: 12px;
    }
    .checkoutFields .actionableBtnArea a:hover{
        color: #e02a31;
    }


/*--------- */

.topHeaderSection {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    position: relative;
}

    .topHeaderSection h4 {
        font-family: "Nunito", sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 13px;
        line-height: 20px;
        padding-left: 30px;
    }

    .topHeaderSection a.backBtn {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 15px;
        top: 15px;
    }

        .topHeaderSection a.backBtn span {
            color: #000000;
            font-size: 20px;
            line-height: 20px;
        }

.appointmentSection {
    width: 100%;
    float: left;
    padding: 15px;
    background: #fff;
}

.selectAppointment {
    width: 100%;
    float: left;
}

    .selectAppointment a.selectBtn {
        font-family: "Nunito", sans-serif;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 14px;
        color: #222222;
        line-height: 24px;
        display: inline-block;
        padding: 6px 15px;
        border-radius: 10px;
        border: 1px solid #f5f5f5;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1)
    }

    .selectAppointment p.or {
        font-size: 20px;
        color: #222222;
        margin: 15px 0;
    }

.pickUpDateSection {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .pickUpDateSection .headerTitle {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
        position: relative;
        padding: 10px 0 10px 35px;
    }

        .pickUpDateSection .headerTitle h4 {
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin: 0px;
            text-transform: capitalize;
            font-size: 14px;
            color: #222222;
            line-height: 20px;
        }

        .pickUpDateSection .headerTitle span {
            width: 30px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

            .pickUpDateSection .headerTitle span img {
                width: 100%;
            }

    .pickUpDateSection .pickDateList {
        width: 100%;
        float: left;
    }

        .pickUpDateSection .pickDateList li {
            float: left;
            width: auto;
            min-width: 30%;
            padding: 4px;
        }

            .pickUpDateSection .pickDateList li a {
                display: block;
                padding: 8px 12px;
                font-family: "Nunito", sans-serif;
                font-weight: 600;
                margin: 0px;
                text-transform: capitalize;
                font-size: 14px;
                color: #6f6f6f;
                line-height: 20px;
                border: 1px solid #bdbdbd;
                border-radius: 6px;
                text-align: center;
            }

                .pickUpDateSection .pickDateList li a span {
                    font-size: 20px;
                }

                .pickUpDateSection .pickDateList li a.selected {
                    border: 1px dashed #458ccc;
                    color: #458ccc;
                }

        .pickUpDateSection .pickDateList.pickTime li {
            width: 50%;
        }

.appointmentContineBtnArea {
    width: 100%;
    float: left;
    margin-top: 50px;
}

    .appointmentContineBtnArea .btn_continue {
        border-radius: 4px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.2)
    }

body.hasFixedTopBottom {
    padding-top: 50px;
    padding-bottom: 50px;
}

.topHeaderSection.fixed {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
}

.pageBottomSection {
    width: 100%;
    float: left;
    padding: 10px 15px;
}

    .pageBottomSection .btn_continue {
        border-radius: 4px;
    }

    .pageBottomSection.fixedBottom {
        position: fixed;
        bottom: 0;
        left: 0;
        border: 1px solid #f1f1f1;
        box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    }


.pickupModeSection {
    width: 100%;
    float: left;
    padding: 15px;
    background: #fff;
}

.pickupMode .titleArea {
    margin: 0px;
}

.pickupMode .cardSection.addonOffer span h4 {
    padding-right: 0;
    text-transform: none;
}

.pickupMode .cardSection.addonOffer span p.offer {
    font-weight: 600;
    font-size: 13px;
    line-height: normal;
    font-family: "Nunito", sans-serif;
    color: #fff;
    background: #f66141;
    padding: 4px 10px;
    margin: 0px 0 10px 0;
    border-radius: 4px;
    display: inline-block;
}

.cardSection .pickupSteps {
    width: 100%;
    /* float: left; */
}

    .cardSection .pickupSteps ul li {
        width: 100%;
        /* float: left; */
        margin-bottom: 0;
        position: relative;
        padding: 10px 0 10px 38px;
    }

        .cardSection .pickupSteps ul li h4 {
            font-family: "Nunito", sans-serif;
            font-weight: 600;
            margin: 0px;
            text-transform: capitalize;
            font-size: 13px;
            color: #222222;
            line-height: 20px;
        }

        .cardSection .pickupSteps ul li span {
            width: 30px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

            .cardSection .pickupSteps ul li span img {
                width: 100%;
            }

.pickupMode .cardSection label {
    width: 100%;
    float: left;
}

.pageBottomSection.splitHalf ul li {
    width: 50%;
    float: left;
}

.splitHalf ul li a.addtoCart {
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 35px;
    height: 35px;
}

.splitHalf ul li a.continue {
    display: block;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    height: 35px;
    background: #ed1b24;
    border-radius: 4px;
    color: #fff;
}

    .splitHalf ul li a.continue span {
        color: #fff;
        font-size: 24px;
        line-height: 24px;
        vertical-align: middle;
    }

    .splitHalf ul li a.continue.disable {
        background: #b7b7b7;
        color: #717171;
        cursor: not-allowed;
    }

        .splitHalf ul li a.continue.disable span {
            color: #717171;
        }

.pickupMode .titleArea h4 {
    font-size: 14px;
    font-weight: 700;
}

.pickupMode .titleArea p {
    font-size: 12px;
}

.pickupMode .cardSection.addonOffer span h4 span {
    color: #428ccb;
}

.pickupMode .cardSection .addressDetails {
    width: 100%;
}

.addressDetails p.kmCalculate {
    position: relative;
    padding-left: 15px;
}

    .addressDetails p.kmCalculate span {
        width: 15px;
        height: 15px;
        font-size: 12px;
        color: #00aaf0;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        line-height: 15px;
    }


    .checkout_content .address_review .address_area {
        height: 244px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .checkout_content .address_review .more_address {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
    }
    .Checkout .checkout_content .address_review{
        position: relative;
    }

    .addressPanel label span {
        top: 50%;
        padding-left: 0px !important;
        transform: translateY(-50%);
    }



    [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
        background-color: #e02a31;
    }
    [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
        border: 2px solid #e02a31;
    }

    .addressPanel{
        position: relative;
    }
    .addressPanel a.actionBtn{
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        font-size: 12px;
        text-align: center;
        color: #676767;
        line-height: 24px;
    }
    .addressPanel a.actionBtn.Edit{
        right: 30px;
    }



    /*----------*/

    .addressCheckPanel {
        width: 100%;
        float: left;
        padding: 0px;
        background: #fdfbfc;
        border: 1px solid #eaeaeabd;
        margin: 10px 0 0 0;
        position: relative;
    }
    .addressCheckPanel.selected{
        background: #fecec4;
        border: 1px solid #fecec4;
    }
    .addressCheckPanel label {
        width: 100%;
        float: left;
        padding: 5px 50px 0px 8px;
        position: relative;
    }
    .addressCheckPanel h4 {
        font-family: "Nunito", sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: capitalize;
        font-size: 14px;
        color: #000000;
        line-height: 24px;
    }
    .addressCheckPanel p {
        margin: 0px;
        color: #000000;
        text-transform: none;
        font-weight: 600;
    }
    .addressCheckPanel a.actionBtn {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        bottom: 5px;
        z-index: 10;
        font-size: 12px;
        text-align: center;
        color: #676767;
        line-height: 24px;
    }
    .addressCheckPanel a.actionBtn.Edit {
        right: 26px;
    }
    .addressCheckPanel [type="checkbox"] + span:not(.lever){
        width: 100%;
        padding: 0 0 0 2px;
    }
    .addressCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):before,
    .addressCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):after,
    .addressCheckPanel [type="checkbox"].filled-in + span:not(.lever):before,
    .addressCheckPanel [type="checkbox"].filled-in + span:not(.lever):after{
        left: auto;
        right: -35px;
        top: 15px;
    }
    .addressCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):before,
    .addressCheckPanel [type="checkbox"].filled-in + span:not(.lever):before{
        right: -25px;
        top: 15px;
    }
    .addressCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):after {
        border: 2px solid #fc4823;
        background-color: #fc4823;
    }
    .addressCheckPanel [type="checkbox"].filled-in + span:not(.lever):after,
    .addressCheckPanel [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after{
        border-radius: 100px;
    }
    [type="checkbox"].filled-in:checked + span:not(.lever):after {
        border: 2px solid #21409a;
        background-color: #21409a;
    }
    .preBookingBar{
        width: 100%;
        float: left;
        margin: 0 0 8px 0;
    }
    .preBookingBar label{
        margin: 0px;
        padding: 4px 6px 4px 4px;
        border: 1px solid #b1cef7;
        background: #e5f3ff        
    }
    .preBookingBar [type="checkbox"] + span:not(.lever){
        height: 20px;
        line-height: 20px;
        padding-left: 30px;
        font-size: 12px;
        font-weight: 600;
        color: #000;
    }
    .preBookingBar label span b{
        font-size: 14px;
    }

.reviewOrderSection .cartItemListArea ul li .ProductDesc{
    padding: 10px;
    border: 1px solid #eaeaea;
    position: relative;
}
.reviewOrderSection .cartItemListArea ul li .ProductDesc a.actionBtn {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    font-size: 12px;
    text-align: center;
    color: #676767;
    line-height: 24px;
}

/*////////////////////////////////*/

/*------- Menu restructure // start --------*/

.mobileMenuSection{
	display: none;
}
.desktopMenuSection{
	display: block;
}

nav{
	width: 100%;
	padding: 0 30px;
	background: #fff;
	box-shadow: none;
  }
  nav a {
	color: #2f4fa7;
  }
  nav .brand-logo{
	padding: 0px;
	display: block;
  }
  nav .brand-logo img{
	height: 30px;
  }
  nav ul a{
	font-size: 12px;
	color: #000000;
	font-weight: 700;
	margin: 0px 0 0px 0;
	padding: 0 15px;
	font-family: "Nunito", sans-serif;
	text-transform: uppercase;
  }
  nav ul li{
	position: relative;
  }
  
  
  nav a.sidenav-trigger.desktopSideNav{
	display: block;
	margin: 0px;
  }
  
  .navbarSearch{
	width: 35%;
	float: left;
	position: absolute;
	left: 20%;
	top: 9px;
	/* transform: translateX(-30%);*/
  }
  .navbarSearch form{
	width: 100%;
	float: left;
  }
  .nav-wrapper .navbarSearch .input-field input[type=search]{
	background: #f5f5f5;
	height: 46px;
	border: 2px solid #ececec;
	border-radius: 4px;
	font-size: 14px;
	color: #4b4b4b;
	line-height: 46px;
	font-weight: 600;
	font-family: "Nunito", sans-serif;
	width: 100%;
	padding-left: 15px;
	padding-right: 40px;
  }
  .nav-wrapper .navbarSearch .input-field input[type=search]:focus,
  .nav-wrapper .navbarSearch .input-field input[type=search]:active{
	border: 2px solid #2f4fa7;
  }
  
  .navbarSearch .label-icon .material-icons,
  .navbarSearch .material-icons{
	line-height: 46px;
	height: 46px;
	color: #909090;
  }
  .navbarSearch .input-field label{
	margin: 0px;
	top: 0;
	left: initial;
	right: 0;
  }
  .navbarSearch .input-field input[type=search] + .label-icon{
	left: initial;
	right: 0;
	width: 40px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
  }
  
  .sidenav .user-view {
	position: relative;
	padding: 15px 20px;
	margin-bottom: 8px;
	background: #2f4fa7;
  }
  .sidenav li > a {
	color: #000;
	display: block;
	font-size: 13px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-family: "Nunito", sans-serif;
  }
  .sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 15px 0 0;
	width: 24px;
	color: #969696;
  }
  
  .sidenav a.loginBtn{
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	padding: 0px;
	font-family: "Nunito", sans-serif;
  
  }
  .sidenav a.loginBtn span{
	height: 40px;
	line-height: 40px;
	vertical-align: top;
  }
  .sidenav .user-view .background {
	background: #23408e;
  }
  .sidenav .user-view .background img{
	width: 100%;
	opacity: 0.5;
  }
  .sidenav .user-view a{
	color: #fff;
  }
  .sidenav .user-view .email {
	padding-bottom: 0;
	font-weight: 400;
  }
  .sidenav li > a i.fa{
	text-align: center;
	font-size: 20px;
  }
  nav a.navCart{
	color: #000000;
  }
  nav a.navCart:hover{
	color: #2f4fa7;
  }

  .sidenav.right-aligned a.loginBtn span{
	font-size: 40px;
  }

/*--------- menu // end -------*/


.shortcut ul li a {
	display: block;
	padding: 0px 0;
    text-align: center;
    width: 100%;
  }
  .shortcut ul li a img {
	width: 50px;
	display: inline-block;
	vertical-align: top;
  }
  
  .shortcut ul li a h5 {
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    display: inline-block;
    line-height: 50px;
    margin: 0;
    padding: 0 0 0 10px
  }
  .shortcut ul li a:hover h5{
	color: #2f4fa7;
  }

  .container {
    width: 80%;
}
.protection_plan_section .planSection ul li{
    width: 24%;
    margin: 1% 0.2%;
    max-width: 320px;
}
.protection_plan_section.shopByCat .planSection ul li {
    width: 49%;
    margin: 1% 0.2%;
}
.protection_plan_section.shopByCat{
	padding: 50px 20%;
}
section.CategorySection.topOfferProducts .viewAllBtnArea a, .viewAllBtnArea a{
	font-size: 16px;
}
.shopbyBrand_section,.topOfferSection{
    padding: 20px 0px 20px;
}
.shopbyBrand_section .headerSection{
	margin: 0 0 10px 0;
}
section.CategorySection .ProductsDisplayArea.grid_view ul li, .ProductsDisplayArea.grid_view ul li,
section.CategorySection.topOfferProducts .ProductsDisplayArea.grid_view ul li:last-child{
		width: 25%;
	}

.bottomRequestSection{
    width: 100%;
    float: left;
}
.bottomRequestSection .requestRepair_section,
.bottomRequestSection .small_banner_section{
    width: 50%;
    float: left;
}
.bottomRequestSection .requestRepair_section{
    padding: 100px;
    margin: 0;
}
.requestRepair_section h4 {
    font-weight: 700;
    margin-bottom: 35px;
    font-size: 24px;
}
a.requestSubmitBtn {
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 16px;
    padding: 12px 25px;
}
.testimonialsCardSection .testimonialsContent{
    padding: 20px;
}
.testimonialsCardSection .testimonialsContent p {
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    line-height: 24px;
}
.testimonialsCardSection .testimonialsContent p span {
    color: #000000;
    font-weight: 600;
    font-size: 14px;
}
.testimonials_section{
    padding: 20px 15px;
}
.videoSection {
    padding: 30px 15%;
}
.videoSection .titleArea h4{
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;    
}

/*------*/
footer .top_footer_menu {
    background: #ebedee;
    padding: 30px 0px;
}

nav a.iconItem img{
    width: 30px;
    height: 30px;
}

.shortcut.scroller ul::-webkit-scrollbar {
    height: 8px;
    width: 100%;
  }
   
  .shortcut.scroller ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
   
  .shortcut.scroller ul::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
  }

  .ProductsDisplayArea.list_view ul li .list_item .list_img {
    width: 20%;
    padding: 20px;
}
.ProductsDisplayArea.list_view ul li .list_item .list_description {
    width: 80%;
    padding: 20px;
}
.modal{
    background-color: rgba(0,0,0,0.5);
}
.modal-dialog {
    width: 50%;
    margin: 0px auto;
}

/*----- product details // start -----*/

section.ProductDetailsSection .productSliderArea {
    width: 40%;
    float: left;
    padding: 15px;
    position: relative;
  }
  section.ProductDetailsSection .productTitleArea {
    width: 60%;
    float: left;
    padding: 10px 15px;
    box-shadow: none;
  }
  section.ProductDetailsSection {
    padding: 30px 0;
  }
  
  .ProductBottomSection {
    width: 100%;
    float: left;
    background: #f8f8f8;
  }
  .promiseDetailsArea ul li {
    width: 33.33%;
    float: left;
    padding: 0;
  }
  .flexslider .slides img {
    max-height: 300px;
  }  
  .whatisRefurbishedArea .headerTitleArea, .headerTitleArea{
    padding: 10px;
  }
  section.ProductDetailsSection .productTitleArea .topContentSection {
    width: 100%;
    float: left;
    padding: 20px 0px 30px;
  }
  .promiseDetailsArea ul li .txtArea {
    width: 75%;
    float: left;
    padding-left: 5px;
  }
  .promiseDetailsArea ul li .iconArea {
    width: 15%;
    float: left;
  }
  .promiseDetailsArea ul li .txtArea h4{
    margin: 0 0 4px 0;
  }
  .proDetailsPageCard.assuredSection .promiseDetailsArea {
    padding: 10px;
  }
  section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p{
    margin: 0;
    padding: 0;
  }
  .productTitleArea .productKeysArea {
    padding: 10px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .productDescripTop{
    width: 100%;
    float: left;
    background: #fff;
  }
  .demo-gallery .flexslider .flex-control-thumbs li{
    width: 60px;
    height: 60px;
  }
  .demo-gallery .flexslider .flex-control-thumbs img{
    height: 58px;
  }
  .flex-control-thumbs li:last-child::before{
    left: 0px;
    top: 0px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea.single_btn .CartBuyBtn {
    padding: 0;
    margin-top: 30px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.addtoCart {
    background: #fff;
    color: #e02a31;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #e02a31;
    line-height: 26px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.addtoCart:hover {
    background: #e02a31;
    color: #fff;
  }
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.BuyNow:hover{
    background: #2f4fa7;
}
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.payBookBtnArea ul li a.BuyNow{
    border-radius: 5px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn ul li{
    padding: 5px;
  }
  section.ProductDetailsSection .WarrantyBazaarArea.single_btn {
    box-shadow: none;
    margin-bottom: 8px;
  }
  
  .ProductBottomSection .topOfferSection .headerSection {
    padding: 20px 0px;
  }
  .ProductBottomSection section.CategorySection.topOfferProducts {
    background: #f8f8f8;
    padding: 0;
  }
  
  .productDescriptionScroller{
    height: calc(100vh - 153px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .productDescriptionScroller::-webkit-scrollbar {
    width: 4px;
  }
   
  .productDescriptionScroller::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
   
  .productDescriptionScroller::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
  }

  /* .productSliderArea .ProductCondMessage{
    bottom: 17%;
  }
  .demo-gallery .flexslider .flex-viewport {
    padding-bottom: 60px;
} */
  
section.ProductDetailsSection .WarrantyBazaarArea .CartBuyBtn.fixed{
    position: relative;
    /* box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.1); */
    box-shadow: none;

}

/*------- product details // end ------*/


.myAcSection{
    width: 100%;
    float: left;
    padding: 50px 25%;
    background: #f9f9fa;
}

.paymentBtnSection{
    width:100%;
    float: left;
    padding: 0 15px 15px;
}

.protection_plan_section.brandList {
    background: #fff;
    padding: 50px 15px;
}
.deviceBrandList {
    width: 100%;
    float: left;
    margin: 10px 0;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    border-radius: 0px;
}
.deviceBrandList ul li {
    width: 20%;
    float: left;
    border: 0.5px solid #e4e4e4;
}
.deviceBrandList ul li a {
    display: block;
    padding: 10px;
    text-align: center;
}
.deviceBrandList ul li a img {
    width: 100%;
}

.checkoutOrderReview .cartItemListArea ul li{
    padding: 0px;
    border-bottom: none;
}

.checkout_content {
    width: 100%;
    float: left;
    padding: 0px 20% 0px;
}
.checkout_content .paymentCard{
    width: 50%;
    float: left;
    padding: 15px;
}
.checkout_content .paymentCard,
.checkout_content .paymentBtnLists{
    width: 100%;
    float: left;
    padding: 15px;
}
.checkout_content .paymentBtnSection{
    width: 50%;
    float: right;
    padding: 15px;
}

section.ProductDetailsSection.CartSectionNew{
    padding: 50px 25%;
}

.checkoutRegisterMobile,.checkoutLogin{
    padding: 50px 25%;
}
.form_section {
    width: 100%;
    float: left;
}
.form_section.checkoutFields{
    padding: 15px 0;
}
.checkoutFields .paymentBtnSection{
    padding: 15px;
}

.checkoutFields .input-field .form-control:focus,
.checkoutFields .input-field input[type=text]:focus,
.checkoutFields .input-field .form-control:hover,
.checkoutFields .input-field .form-control:active {
    border: 2px solid #e2dcdc !important;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1) !important;
}



.BottomFilter.FilterBtns ul li a span.counter {
    background: #2f4fa7;
    position: relative;
    right: 0;
    top: 0;
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
    margin-left: 5px;
}

.sortbyModal .modal-dialog{
    width: 35%;
}

section.CategorySection .ProductsDisplayArea.list_view ul li,
.ProductsDisplayArea.list_view ul li {
    float: left;
    width: 50%;
    border: 1px solid #e4e4e4;
}
.ProductsDisplayArea.list_view ul li .list_item .list_img {
    width: 30%;
    padding: 10px;
}
.ProductsDisplayArea.list_view ul li .list_item .list_description {
    width: 70%;
    padding: 20px 15 15px;
}
.productReviewSection .rateProductArea{
    width: 50%;
}
.productReviewSection .productAllInfoSection{
    width: 50%;
}

header.HeaderTitleOption {
    background: #fff;
    padding: 20px 30px;    
}
.buySellTab.MyOrder{
    padding: 10px 20%;
    background: #ebedee;
}
.buySellTab.MyOrder ul li a {
    font-size: 16px;
    padding: 10px 5px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0.4px;
}
.MyAccountCard.MyOrderListArea ul li{
    width: 49%;
    float: left;
    margin: 0.5%;
}
.MyAccountCard.MyOrderListArea ul li.loadMoreList{
    width: 100%;
    float: left;
    margin: 0;
}
.promiseDetailsArea ul li .txtArea h4,
section.ProductDetailsSection .productTitleArea .productKeysArea .gradeArea p, .productKeysArea .gradeArea p,.emiCashbackSection ul li a,
section.ProductDetailsSection .keyFeaturesArea ul li p,section.ProductDetailsSection .pincode_status .delivery_status p,.bottomCategorymenu ul li a,section.ProductDetailsSection .keyFeaturesArea.sellerInfoArea .sellerInfoTextArea p,
.productKeysArea ul li a,section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p{
    font-family: "Nunito", sans-serif;
}

.promiseDetailsArea ul li .txtArea h4,.productKeysArea ul li a,section.ProductDetailsSection .keyFeaturesArea ul li p,section.ProductDetailsSection .pincode_status .delivery_status p.title,
section.ProductDetailsSection .pincode_status .delivery_status p,section.ProductDetailsSection .faqsArea .faqsAccordionArea ul li a,section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p{
    font-weight: 600;
}
.emiCashbackSection ul li a,section.ProductDetailsSection .emi a,section.ProductDetailsSection .keyFeaturesArea ul li p,
section.ProductDetailsSection .pincode_status .delivery_status p.title,
section.ProductDetailsSection .pincode_status .delivery_status p,section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea p{
    font-size: 1.2rem;
}
section.ProductDetailsSection .keyFeaturesArea ul.highlightsKeys li p,section.ProductDetailsSection .keyFeaturesArea ul li p{
    margin: 0px;
}
section.ProductDetailsSection .keyFeaturesArea ul li{
    padding: 0 0 8px 0;
}
.productAllInfoSection .InfoTabSection{
    background: #fff;
}

nav a.navCart,header .TopSection .OtherLinks ul li a.navCart{
    position: relative;
}
nav a.navCart span.counter,
header .TopSection .OtherLinks ul li a.navCart span.counter{
    min-width: 20px;
    height: 20px;
    display: inline-block;
    background: #e02a31;
    margin: 0px;
    position: absolute;
    top: 40%;
    right: -4px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    transform: translateY(-40%);
}

.protection_plan_section.shopByCat {
    padding: 20px 0%;
}

.wideScreenArea .container{
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
}
.protection_plan_section .planSection{
    text-align: center;
}
.protection_plan_section .planSection ul li{
    float: none;
    display: inline-block;
    vertical-align: top;    
}

.protection_plan_section.withSixitems .planSection ul li{
    width: 15%;
}
.protection_plan_section .categoryItemLeft{
    width: 33%;
    float: left;
}
.protection_plan_section .categoryItemRight{
    width: 67%;
    float: left;
}
.protection_plan_section .categoryItemLeft .planSection ul li{
    width: 49%;
    float: left;
    margin: 0 0.5%;
}
.protection_plan_section .categoryItemRight .planSection ul li{
    width: 24%;
    float: left;
    margin: 0 0.5%;
}

.bottomRequestSection.hasThreeItem .requestRepair_section, .bottomRequestSection.hasThreeItem .small_banner_section {
    width: 33.333%;
    float: left;
}
.bottomRequestSection.hasThreeItem .requestRepair_section {
    padding: 30px;
    margin: 0;
}
.bottomRequestSection.hasThreeItem h4 {
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 20px;
}


/*-------------***********-------------*/

.hideOnMobile{
    display: block;
}
.hideOnDesktop{
    display: none;
}
.sectionWrapper{
    width: 100%;
    float: left;
    padding: 20px;
    background: #f4f4f4;
}
.desktopView .protection_plan_section{
    padding: 0px;
    width: 80%;
    float: left;
    background: transparent;
}
.desktopView .sideBanner{
    padding: 0px 0 0 15px;
    width: 20%;
    float: left;
}

.desktopView .protection_plan_section .planSection ul li{
    float: left;
    width: 49%;
    margin: 0.5% 0.5%;
    max-width: none;
    border-radius: 4px;
}
.desktopView .protection_plan_section .planSection ul li a{
    display: block;
    width: 100%;
    float: left;
    border-radius: 4px;
}
.desktopView .protection_plan_section .planSection ul li a picture{
    width: 48%;
    border-radius: 0px;
    float: left;
}
.desktopView .protection_plan_section .planSection ul li a picture img{
    width: 100%;
    border-radius: 4px 0 0 4px;
}
.desktopView .protection_plan_section .planSection ul li a .textArea {
    width: 52%;
    height: auto;
    float: left;
    text-align: left;
    padding: 15px;
}
.desktopView .protection_plan_section .planSection ul li a .textArea p{
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(0%) translateY(0%);
    width: 100%;
    padding: 0 10px;
    text-align: left;
}
.desktopView .protection_plan_section .planSection ul li a .textArea h4{
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
    text-transform: none;
    font-size: 15px;
    color: #000000;
    line-height: normal;
}
.desktopView .protection_plan_section .planSection ul li a .textArea p{
    font-size: 13px;
    color: #4b4b4b;
    line-height: 20px;
    font-weight: 500;
    margin: 0px 0 10px 0;
    padding: 0;
    font-family: "Nunito", sans-serif;
}
.desktopView .protection_plan_section .planSection ul li a .textArea p.knowMore{
    padding: 0px;
    font-size: 11px;
    color: #2f4fa7;
    font-weight: 700;
    margin: 0px 0 0px 0;
    font-family: "Nunito", sans-serif;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
}

.desktopView .topOfferSection .headerSection .titleArea h4,
.desktopView .headerSection .titleArea h4,
.desktopView .titleArea h4,
.browse_by_price_area .brand_title h4, .brand_title h4{
    font-family: 'AdihausDIN',"Nunito", sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 18px;
    color: #373d93;
    line-height: 40px;
    border-bottom: 1px solid #dedede;
}
.desktopView.shopbyBrand_section{
    padding: 20px 20px 20px;
}
.desktopView.topOfferSection {
    padding: 20px 30px 30px;
    background: #ebedee;
}
.desktopView .titleArea h4.smallerTxt, 
.desktopView .headerSection .titleArea h4.smallerTxt, 
.desktopView .topOfferSection .headerSection .titleArea h4.smallerTxt {
    font-size: 18px;
}
.desktopView .offerSliderSection {
    padding: 20px;
}
.desktopView .productCardSection .warrantySection {
    padding: 4px 6px 4px 8px;
    margin: 10px 0 4px;
}
.desktopView .productCardSection .productImg {
    padding: 10px;
}
.desktopView .titleArea h4.smallerTxt, .desktopView .headerSection .titleArea h4.smallerTxt{
    border: none;
    line-height: normal;
}
.desktopView .topOfferSection .headerSection, .headerSection{
    padding: 0px;
}
.desktopView.topOfferSection .headerSection{
    padding: 5px 0 15px 0;
}

.desktopView.shopbyBrand_section .brandListSection{
    padding: 0px;
}
.desktopView.bottomRequestSection{
    padding: 20px 10px;
    background: #f4f4f4;
}
.desktopView.bottomRequestSection .small_banner_section{
    padding: 0 10px;
}
.desktopView.bottomRequestSection .small_banner_section a{
    display: block;
    box-shadow: 0 2px 4px rgba(0,0,0,0.075);
}
.desktopView.RepairWrapper{
    padding: 20px;
}

.desktopView.bottomRequestSection .small_banner_section {
    width: 51%;
    float: left;
}
.desktopView.bottomRequestSection .requestRepair_section {
    padding: 77px;
    margin: 0 1% 0 0;
    width: 48%;
}
.desktopView.RepairWrapper .small_banner_section {
    padding: 0;
}

.desktopView.bottomRequestSection.hasThreeItem .small_banner_section {
    width: 33.333%;
    float: left;
}
.testimonials_section{
    padding: 20px 20px;
    background: #f4f4f4;
}
.customer_slider {
    background: #f4f4f4;
}


/*-------*/

.topOfferSection section.CategorySection .ProductsDisplayArea ul li a .product_img {
    padding: 50px;
}

.comingsoonSection{
    width: 100%;
    float: left;
    padding: 50px 0;
    background: #f3f6fb;
}

.MyAccountCard.priceBreupArea ul li{
    width: 100%;
}

/*------*/

.categoryTreeSection{
    width: 100%;
    float: left;
    padding: 0px;
}
.faqsAccordionArea.categoryTreeSection li a{
    background: transparent;
    padding: 5px 5px 5px 20px;
    line-height: 24px;
}
.faqsAccordionArea.categoryTreeSection ul li a i{
    position: absolute;
    line-height: normal;
    top: 50%;
    right: initial;
    font-size: 1.75rem;
    transform: translateY(-50%);
    left: 0;
}
.faqsAccordionArea.categoryTreeSection ul li div a{
    font-size: 12px;
    font-weight: 600;
}
.faqsAccordionArea.categoryTreeSection ul li div a:hover,
.faqsAccordionArea.categoryTreeSection li a:hover{
    color:#2f4fa7;
}


/*------*/

.emiPaymentSection .checkoutFields .input-field {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.emiPaymentSection label,
.emiPaymentSection .input-field > label:not(.label-icon).active {
    width: 100%;
    float: left;
    position: relative;
    transition: none;
    transform: initial;
}
.emiPaymentSection .expiryArea .input-field > label {
    top: initial;
}
.emiPaymentSection h4{
    font-size: 18px;
}

/*----*/

.walletBalance [type="checkbox"] + span:not(.lever){
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
    color: #222222;
}
.paymentCard.totalPay{
    background: #fcfcfc;
    border: 1px solid #efefef;
    padding: 8px;    
}
.paymentCard.totalPay h4{
    text-align: center;
    font-size: 16px;
}
.paymentCard.totalPay h4 span{
    color: #000000;
    font-weight: 700 !important;
}

/*--------*/

.selectWarrantyPlan .container {
    width: 90%;
    max-width: 90%;
}
.protection_plan_section.selectWarrantyPlan .planSection ul li{
    width: 24%;
}

.protection_plan_section.OfferZone .planSection ul li{
    border: none;
    border-radius: 0px;
}
.protection_plan_section.OfferZone .planSection ul li a img{
    border-radius: 10px;
}
.topOfferSection .headerSection .titleArea h4 span, .headerSection .titleArea h4 span, .titleArea h4 span {
    text-decoration: none;
}

/*-------*/

.MyOrderCard ul li .detailProduct .Description a.Title{
    font-size: 20px;
    letter-spacing: 0px;
}
.MyOrderCard ul li .detailProduct .Description h4,
.MyOrderCard ul li .detailProduct .Description h4 i {
    color: #ed1c24;
    font-size: 36px;
    margin: 5px 0;
}
.MyOrderCard ul li .detailProduct .Description p,
.MyOrderCard ul li .detailProduct .Description a,
.MyOrderCard ul li .detailProduct .Description a.SellerName{
    font-size: 12px;
}

.MyOrderCard ul li .thankyouSection{
    width: 100%;
    float: left;
    border: 1px solid #5674b9;
    padding: 20px;
    text-align: center;
    margin: 0 0 20px 0;
}
.MyOrderCard ul li .thankyouSection h4,
.MyOrderCard ul li .thankyouSection p{
    font-family: 'Open Sans',sans-serif;
    text-decoration: none;
    color: #18346c;
    padding: 0;
    margin: 0 0 15px 0;
    display: block;
    line-height: normal;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 1px;
    text-transform: none;
    border: none;
}
.MyOrderCard ul li .thankyouSection p{
    font-size: 16px;
    margin: 0px;
    letter-spacing: 0px;
    font-weight: 600;
}

.trackSection{
    width: 100%;
    float: left;
    padding: 20px;
    text-align: center;
}
.MyAccountCard ul li .trackSection h4{
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #2e2e2e;
    padding: 0;
    margin: 0 0 10px 0;
    border: none;
    font-family: 'Open Sans',sans-serif;
    text-transform: none;
}
.progressBar{
    width: 100%;
    float: left;
    border-radius: 100px;
    border: 1px solid #5674b9;
    background: #fff;
    position: relative;
    height: 20px;
}
.progressBar span{
    width: auto;
    height: 20px;
    background: #5674b9;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 0;
}
.trackBtnArea{
    width: 100%;
    float: left;
    padding: 15px;
}
.trackBtnArea a.btnDefault{
    display: inline-block;
    color: #fff;
    padding: 10px 50px;
}
.trackBtnArea a.btnDefault:hover{
    background: #18346c;
}

.MyAccountCard.TrackOrder .ProductDesc .OrderDetailsArea ul li {
    float: left;
    width: 100%;
    box-shadow: none;
    border-radius: 6px;
    margin-top: 0;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
    padding: 10px;
    text-align: center;
}
.MyAccountCard.TrackOrder .ProductDesc .OrderDetailsArea ul li p.dark,
.MyAccountCard.TrackOrder .ProductDesc .OrderDetailsArea ul li p.Price{
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 28px;
}
.MyAccountCard.TrackOrder .ProductDesc .OrderDetailsArea ul li p {
    font-size: 12px;
    font-weight: 600;
    color: #545454;    
}
.MyAccountCard.TrackOrder .ProductDesc .OrderDetailsArea ul li p span.paymentOption{
    padding: 2px 10px;
    border-radius: 0px;
    margin-left: 5px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background: #5674b9;
    line-height: 24px;
}
.MyAccountCard.TrackOrder .ProductDesc .AddressArea h4 {
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    padding: 0px 0 5px 0;
    margin: 0 0 5px 0;
    line-height: 24px;
    text-transform: none;
    border-bottom: none;
}
.MyAccountCard.TrackOrder .ProductDesc .AddressArea.ManageSection .manageArea ul li a i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0;
}
.MyAccountCard.TrackOrder .ProductDesc .AddressArea.ManageSection .manageArea ul li a{
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}
.MyAccountCard.TrackOrder .ProductDesc .AddressArea.ManageSection .manageArea ul li a:hover{
    color: #18346c;
}
.MyAccountCard.TrackOrder .ProductDesc .AddressArea .arrderssDetails .TextArea p, .MyAccountCard.TrackOrder .ProductDesc .AddressArea p, .OrderProcessStepsCard .arrderssDetails .TextArea p{
    color: #000000;
    font-weight: 600;
    text-transform: none;
    font-size: 16px;
    line-height: 24px;
}
.MyAccountCard.TrackOrder .ProductDesc .OrderDetailsArea ul li:last-child{
    border: 1px solid #e4e4e4;
}

section.ProductDetailsSection .WarrantyBazaarArea.single_btn.CartButtonMobile .CartBuyBtn {
    margin-top: 0px;
}
.CartButtonMobile{
    display: none;
}
.CartButtonWebsite{
    display: block;
}
.easyEmiSection .headerTitleArea h4.TitleText{
    width: 100%;
    color: #312f34;
}
.headerTitleArea h4.TitleText{
    color: #312f34;
    font-weight: 700;
}


/*----------*/

.cardSection{
    width: 100%;
    float: left;
    /* border: 1px solid #f1f1f1; */
    /* box-shadow: 0px 4px 10px rgb(0 0 0 / 10%); */
    /* border-radius: 0px; */
    padding: 10px 0px;
    background: #fff;
    margin: 0 0 20px 0;   
}
.cardSection .titleArea{
    text-align: left;
}

.cardSection.addonOffer{
    margin-top: 10px;
}
.cardSection.addonOffer span{
    width: 100%;
    float: left;
}
.cardSection.addonOffer span h4{
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    position: relative;
    padding-left: 50px;
}
.cardSection.addonOffer span h4 span{
    width: 50px;
    position: absolute;
    left: 0;
    top: -8px;
}
.cardSection.addonOffer span h4 span img{
    width: 40px;
}
.cardSection.addonOffer span h4 .price{
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 16px;
    color: #222222;
    line-height: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.cardSection.addonOffer span h4 span{
    height: auto;
}
.cardSection.addonOffer span .descripttxt a.expandBtn{
    text-transform: capitalize;
}
.cardSection label {
    width: 100%;
    float: left;
}
.cardSection .addressDetails {
    width: 100%;
    float: left;
    padding-left: 50px;
}
section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea .cardSection .addressDetails p{
    color: #312f34;
}
section.ProductDetailsSection .productTitleArea .assuredSection .promiseDetailsArea .cardSection .addressDetails p.price{
    color: #e02a31;
}

    .WhatasUpBtn img {
        width: 100%;
    }


a.scrollTopButton {
    width: 35px;
    height: 35px;
    background: #ebedee;
    border-radius: 100px;
    padding: 6px;
    position: fixed;
    right: 55px;
    bottom: 20px;
    z-index: 950;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    text-align: center;
    border: 2px solid #c7c7c7;
}

a.scrollTopButton {
    right: 10px;
}

    a.pageCallButton img,
    a.scrollTopButton img {
        width: 100%;
    }

    a.scrollTopButton i {
        font-size: 24px;
        color: #2f4fa7;
        text-align: center;
        line-height: 14px;
    }


/*----- wallet -------*/
.buySellTab.new_buySellTab ul li {
    width: 33.33%;
    float: left;
}

.buySellTab::after {
    content: "";
    height: 100%;
    width: 0px;
    float: left;
    position: absolute;
    left: 50%;
    top: 0;
    background: rgba(255,255,255,0.5);
}

.buySellTab.new_buySellTab ul li:last-child a,
.buySellTab.new_buySellTab ul li:first-child a {
    border-radius: 0;
}

.buySellTab.new_buySellTab ul li a {
    padding: 10px 5px;
    background: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #b3b3b3;
    text-align: center;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid #b3b3b3;
}

    .buySellTab.new_buySellTab ul li a.active {
        border-color: #ff4a43;
        color: #ff4a43;
    }

.MyAccountCard.MyOrderCard.MyOrderListArea ul li .topHeader {
    border-bottom: 1px solid #d0d0d0;
    background: #ececec;
    padding: 10px 5px;
}

.MyAccountCard.MyOrderCard.MyOrderListArea.my_wallate ul li .topHeader p {
    width: 100%;
    float: left;
    color: #2e2e2e;
    font-weight: 600;
    text-align: right;
}

.MyAccountCard.MyOrderCard.MyOrderListArea ul li .topHeader p span {
    background: transparent;
}

    .MyAccountCard.MyOrderCard.MyOrderListArea ul li .topHeader p span img {
        margin: -10px 0;
        width: 30px;
    }

.MyAccountCard.MyOrderCard.MyOrderListArea.my_wallate ul li .topHeader p span.money_type {
    padding: 0px;
    border-radius: 0px;
    margin-left: 5px;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    color: #000000;
    background: transparent;
}

.MyAccountCard.MyOrderCard.MyOrderListArea.my_wallate ul li .topHeader p span.money_in {
    padding: 0px 6px 0px;
    border-radius: 0px;
    margin-left: 5px;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    background: #0C0;
    color: #fff;
}

.MyAccountCard.MyOrderCard.MyOrderListArea.my_wallate ul li .topHeader p span.money_out {
    padding: 0px 6px 0px;
    border-radius: 0px;
    margin-left: 5px;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    background: #f00;
    color: #fff;
}

.MyAccountCard.MyOrderCard.my_wallate ul li .ProductDesc {
    width: 100%;
    float: left;
    padding: 7px;
    background: #f1f1f1;
}

    .MyAccountCard.MyOrderCard.my_wallate ul li .ProductDesc .Description {
        width: 100%;
        float: left;
        padding: 0 0 0 10px;
    }

.MyAccountCard.my_wallate ul li {
    margin-bottom: 10px;
}

.buySellTab.new_buySellTab ul li a.active,
.buySellTab ul li a.active {
    border-color: #21409a;
    color: #21409a;
}

.buySellTab ul li a.active {
    background: #fff;
}

.buySellTab.new_buySellTab ul li a {
    font-size: 12px;
    font-weight: 700;
}

.buySellTab.MyOrder ul li a.active {
    background: #21409a;
    color: #fff;
}
/*** pri 12-07-2023 style ***/
.TicketPageSection .SupportHistorySection {
    width: 100%;
    padding: 20px
}

a.viewTicketBtn {
    display: inline-block;
    padding: 2px 8px;
    background: #2f4fa7;
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 13px;
    border-radius: 4px
}

.TicketPageSection {
    background: #f9f9fa;
    min-height: calc(100vh - 50px)
}

.TicketSupportSection {
    width: 100%;
    float: left;
    margin: 0
}

    .TicketSupportSection h4 {
        font-family: 'Poppins',sans-serif;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0;
        color: #333;
        font-size: 12px;
        border: 0;
        line-height: normal;
        margin: 10px 0 10px 0;
        width: 100%;
        float: left
    }
.ticketflow h4 span.status.red {
    background: #fd706a;
}

.ticketflow h4 span.createDate {
    float: right;
    color: #898989;
    font-size: 11px;
    margin: 0;
}
.ticketflow h4 span.status {
    display: inline-block;
    padding: 4px 8px;
    background: #545454;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 11px;
    right: 0;
    line-height: 14px;
    border-radius: 10px;
    text-transform: uppercase;
}
    .TicketSupportSection ul li {
        width: 100%;
        float: left;
        margin: 0 0 5px 0
    }

        .TicketSupportSection ul li .queryContainer {
            width: 100%;
            float: left
        }

            .TicketSupportSection ul li .queryContainer .header {
                width: 100%;
                float: left;
                padding: 10px;
                background: #fff
            }

                .TicketSupportSection ul li .queryContainer .header a {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    font-family: 'Open Sans',sans-serif;
                    font-weight: 500;
                    color: #000
                }

                    .TicketSupportSection ul li .queryContainer .header a i {
                        font-size: 18px;
                        color: #2f4fa7
                    }

            .TicketSupportSection ul li .queryContainer .queryBody {
                display: none
            }

            .TicketSupportSection ul li .queryContainer.open .queryBody {
                display: block;
                width: 100%;
                float: left;
                padding: 10px 10px;
                background: #fff;
                border-top: 1px solid #f4f4f4
            }

                .TicketSupportSection ul li .queryContainer.open .queryBody p {
                    font-family: 'Open Sans',sans-serif;
                    font-weight: 400;
                    color: #636363
                }

    .TicketSupportSection ul {
        width: 100%;
        float: left
    }

a.viewTicketBtn i {
    display: inline-block;
    vertical-align: middle
}

.TicketPageSection .input-field > label {
    position: relative;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.TicketPageSection .input-field .inputArea {
    margin-bottom: 5px
}

.TicketSupportSection ul li .queryContainer .ticketDetails {
    padding-right: 100px;
    position: relative
}

    .TicketSupportSection ul li .queryContainer .ticketDetails h6 {
        margin: 0 0 10px 0;
        font-size: 14px;
        font-weight: 600;
        color: #2f4fa7
    }

    .TicketSupportSection ul li .queryContainer .ticketDetails p {
        font-size: 14px;
        color: #333
    }

        .TicketSupportSection ul li .queryContainer .ticketDetails p span {
            color: #2f4fa7;
            font-weight: 600
        }

        .TicketSupportSection ul li .queryContainer .ticketDetails p.date {
            color: #898989;
            font-size: 12px;
            margin: 0;
            color: #898989;
            font-size: 12px;
            margin: 0
        }

    .TicketSupportSection ul li .queryContainer .ticketDetails span.status {
        display: inline-block;
        padding: 4px 8px;
        background: #545454;
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        color: #fff;
        font-size: 11px;
        position: absolute;
        right: 0;
        top: 10px;
        line-height: 14px;
        border-radius: 10px 0 0 10px;
        text-transform: uppercase
    }

        .TicketSupportSection ul li .queryContainer .ticketDetails span.status.green {
            background: #47ab56
        }

        .TicketSupportSection ul li .queryContainer .ticketDetails span.status.red {
            background: #fd706a
        }
.TicketSupportSection .btn_continue {
    background: #e02a31;
    height: 40px;
    border: 0;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    padding: 0 20px;
}
.chatBodySection {
    width: 100%;
    float: left;
    padding: 15px;
    border-radius: 15px;
    /*background-image: url(../img/chat_pattern.jpg);*/
    background-repeat: repeat;
    background-color: #c3d8f7;
    background-blend-mode: multiply;
    padding-bottom: 80px;
    position: relative
}

.chatBodySection ul li {
width: 100%;
float: left;
padding: 10px 0;
margin: 0;
display: flex
}

.chatBodySection ul li.left {
    justify-content: flex-start
}

.chatBodySection ul li.right {
    justify-content: flex-end
}

.chatBodySection ul li .chat {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px 10px 10px;
    border-radius: 0 15px 15px 15px;
    position: relative;
    max-width: 70%
}

    .chatBodySection ul li .chat i {
        font-size: 13px;
        position: absolute;
        right: 8px;
        top: 5px;
        color: #ff6147
    }

    .chatBodySection ul li .chat p {
        font-family: 'Open Sans',sans-serif;
        font-weight: 500;
        margin-bottom: 0;
        margin-top: 0;
        font-size: 13px;
        color: #333;
        line-height: 20px
    }

    .chatBodySection ul li .chat.user {
        background: #dafffd;
        border-radius: 15px 15px 0 15px
    }

.chatBodySection ul li .chat.user i {
    color: #00aaf0
}

.chatBodySection .ReplyArea {
width: 96%;
float: left;
padding: 10px 15px;
background: #fff;
border-radius: 15px;
left: 2%;
bottom: 2%;
position: absolute;
display: flex;
align-items: center
}

.chatBodySection .ReplyArea textarea {
    width: 60%;
    float: left;
    padding: 0;
    border: 0;
    outline: 0;
    height: 50px
}

.chatBodySection .ReplyArea .actionBtn {
    width: 40%;
    float: left
}

.chatBodySection .ReplyArea .actionBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px
}

    .chatBodySection .ReplyArea .actionBtn a {
        color: #2f4fa7
    }

        .chatBodySection .ReplyArea .actionBtn a.reply {
            background: #2f4fa7;
            color: #fff;
            width: 50px;
            height: 30px;
            line-height: 40px;
            text-align: center;
            border-radius: 100px
        }
.TicketSupportSection .chatBodySection ul {
height: calc(100vh - 300px);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.chatBodySection .ReplyArea .actionBtn a.goLiveBtn {
    color: #2f4fa7;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative
}
.chatBodySection .ReplyArea .actionBtn a.goLiveBtn span {
    font-size: 10px;
    line-height: 15px;
    width: 100%;
    color: #ed1c24;
    font-weight: 600;
    text-transform: uppercase
}

.chatBodySection .ReplyArea .actionBtn a.goLiveBtn::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #ed1c24;
    border-radius: 100px;
    position: absolute;
    left: 38%;
    top: 12px;
    transform: translateY(-38%);
    z-index: 10
}
.chatBodySection ul li .chat .media {
    width: 100%;
    display: block;
    position: relative
}
.chatBodySection ul li .chat .media img, .chatBodySection ul li .chat .media video, .chatBodySection ul li .chat .media audio {
    width: 100%;
    max-width: 100%
}
.chatBodySection .ReplyArea .actionBtn .input-field {
    margin-top: 0;
    margin-bottom: 0
}
.chatBodySection .ReplyArea .actionBtn .input-field .btn {
    background: transparent;
    box-shadow: none;
    color: #2f4fa7;
    height: auto;
    padding: 10px;
    line-height: normal
}
.chatBodySection .ReplyArea .actionBtn .input-field .btn span {
    line-height: normal;
    font-size: 24px
}
.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}
.ProductsDisplayArea .btn-pri-complain {
    color: #ffffff;
    text-align: center;
    padding: 7px 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    margin-top: 7px;
    background-color: #254696;
    border-radius: 4px;
}
.ProductsDisplayArea .list_img .close {
    float: left;
    padding: 1px 6px;
    background-color: #d9534f;
    opacity: 1;
    color: #fff;
    border-radius: 25px;
}
.btn-pri-close {
    padding: 1px 6px;
    background-color: #d9534f;
    opacity: 1;
    color: #fff;
    border-radius: 25px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    border: none;
}
.purchaseCard a.btn_sm_continue {
    background: #21409a;
    border-radius: 4px;
    padding: 6px 10px;
    text-align: center;
    display: inline-block;
    width: auto;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 20px;
}
.btn-red {
    background-color: #d9534f !important;
}


/****add New Code PD 02-02-2024 **/

.payment-option {
    margin-top: 315px;
    background: white;
    margin-right: 5px;
}

    .payment-option ul {
        list-style-type: none;
        padding-inline-start: 0;
        padding: 10px;
    }

        .payment-option ul li {
            font-weight: 600;
            color: #000;
            /*padding: 5px 7px;*/
            margin-bottom: 10px;
        }



            .payment-option ul li h4 {
                font-weight: 700;
                margin: 3px 0 5px 0;
            }

            .payment-option ul li p {
                margin: 0;
                color: #000;
            }

            .payment-option ul li.prepaid {
                background: #e0f7fa;
                border: 1px solid #bdd9dd;
                display: flex;
                flex-direction: column;
            }

            .payment-option ul li.partly-paid {
                background: #fff3e0;
                border: 1px solid #e5d7c0;
                display: flex;
                flex-direction: column;
            }

            .payment-option ul li.cash {
                background: #ffebee;
                border: 1px solid #e9cfd3;
                display: flex;
                flex-direction: column;
            }
            .payment-option ul li.creditterms {
                background: #a1c6ea;
                border: 1px solid #bdd9dd;
                display: flex;
                flex-direction: column;
            }



.prebooking-form {
    display: block;
    margin: 15px;
    background: #E6F3FE;
    padding: 5px 10px;
    border: 1px solid #CADFFA;
}

    .prebooking-form input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .prebooking-form label {
        position: relative;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: 600;
        color: #DC4951;
    }

        .prebooking-form label:before {
            content: '';
            -webkit-appearance: none;
            background: #263E97;
            padding: 12px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 8px;
            top: -2px;
        }

    .prebooking-form input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 9px;
        width: 6px;
        height: 14px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.tooltip-img {
    width: 34px;
    height: 34px;
    cursor: pointer;
}


.tooltip_content {
    position: absolute;
    width: 300px;
    text-align: center;
    padding: 21px;
    right: 0;
    margin: 40px auto 0;
    border-radius: 100%;
    background: #cadffa;
    z-index: -1;
    display: none;
    z-index: 999;
}

.view_all_offer {
    width: fit-content !important;
    color: #fff !important;
    background: #55bd4c;
    padding: 5px 15px !important;
    float: right;
    margin-top: 5px !important;
}

.tooltip_content p {
    margin: 0;
    font-size: 12px;
}


.tooltip_content:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 55px;
    transform-origin: top;
    top: 15px;
    transform: rotate(199deg);
    bottom: auto;
    border: 21px solid;
    border-color: #cadffa transparent transparent transparent;
}

.payment-link-box .pay-now {
    display: block !important;
    width: fit-content;
    font-size: 13px !important;
    line-height: 28px;
    box-shadow: none;
    background: #6fbe44;
    padding: 0 5px !important;
    color: #fff !important;
    margin-top: 7px !important;
}

.plb-list a.pay-now {
    margin: 7px auto 0 !important;
}

.paymentCheckPanel label {
    width: 100%;
    float: left;
    padding: 5px 50px 0px 8px;
    position: relative;
}

.paymentCheckPanel [type="checkbox"] + span:not(.lever) {
    width: 100%;
    padding: 0 0 0 2px;
}

.paymentCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):before,
.paymentCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):after,
.paymentCheckPanel [type="checkbox"].filled-in + span:not(.lever):before,
.paymentCheckPanel [type="checkbox"].filled-in + span:not(.lever):after {
    left: auto;
    right: -41px;
    top: 15px;
}

.paymentCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):before,
.paymentCheckPanel [type="checkbox"].filled-in + span:not(.lever):before {
    right: -30px;
    top: 15px;
}

.paymentCheckPanel [type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid #fc4823;
    background-color: #fc4823;
}

.paymentCheckPanel [type="checkbox"].filled-in + span:not(.lever):after,
.paymentCheckPanel [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    border-radius: 100px;
}

.paymentCheckPanel h4 {
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: capitalize;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}

.paymentCheckPanel p {
    margin: 0px;
    color: #000000;
    text-transform: none;
    font-weight: 600;
}

.ShareArea {
    padding-top: 6px;
}

.sharethis-inline-share-buttons {
    position: absolute;
    right: 0;
    z-index: 1 !important;
}

.hideOnMobile .sharethis-inline-share-buttons {
    position: absolute;
    right: 6px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.amz-dropdown {
    float: right;
    z-index: 99;
}

    .amz-dropdown .dropdown-menu .dropdown-item {
        border-bottom: 1px solid #0000001f;
        padding: 5px 8px;
    }

        .amz-dropdown .dropdown-menu .dropdown-item a {
            color: #000;
            display: block;
        }

.icon-24 {
    width: 24px;
    margin-right: 5px;
}

.btn-dropdown img {
    width: 18px;
}

.btn-dropdown {
    border: none;
    background-color: #ffffff;
    font-size: 15px;
    box-shadow: -3px 4px 9px 0px rgb(0 0 0 / 30%);
    border-radius: 50px;
    padding: 8px 8px;
    margin: 6px;
    line-height: 5px;
}

.amz-dropdown .dropdown-menu:before {
    content: "\f0d8";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: auto;
    left:0;
    top: -22px;
    font-size: 30px;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgb(0 0 0);
    opacity: 1;
}

.btn-dropdown:focus {
    background-color: #efefef;
}

/*add new */
.payment-option {
    padding: 12px 4px;
}

    .payment-option .headerSection {
        width: 100%;
        float: left;
        padding-left: 40px;
        padding-right: 100px;
        position: relative;
        margin: 10px 0px 10px 0px;
    }

        .payment-option .headerSection i {
            width: 25px;
            float: left;
            position: absolute;
            left: 10px;
            top: 0;
        }

.payment-sub-prepaid {
    padding: 5px 50px 0px 8px;
    background-color: #d1eef1;
}

.payment-sub-partly-paid {
    padding: 5px 50px 0px 8px;
    background-color: #f5e5cb;
}

.payment-sub-cash {
    padding: 5px 50px 0px 8px;
    background-color: #edcfd4;
}
.payment-sub-creditterms {
    padding: 5px 50px 0px 8px;
    background-color: #9db9d5;
}

.cart-review-flex{
    display:flex;
}

.product-status{
    text-align:left;
    margin-top:50px!important;
}

h1, h2, h3, h4, h5, h6, p {
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Chrome/Konqueror */
    -moz-user-select: none; /* Firefox */
    -o-user-select: none; /* Opera */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

form-control:hover, .form-control:focus, .form-control:active {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    border: 1px solid #000 !important;
}

.round-green{
    background:#306B34!important;
}


.videos{
    overflow-y:visible;
    padding-bottom:50px;
}


.vid-next-prev {
    position: absolute;
    width:80px;
    left:0;
    right:0;
    margin:0 auto;
    bottom:20px;
    display:flex;
    justify-content:space-between;
}

    .vid-next-prev .sesm {
        position: unset;
        background: #254696;
    }

    .vid-next-prev .sesm::after{
        color:#fff;
    }

    .storageSlides .swiper-slide {
        width:fit-content!important;
    }

.colorSlideList .swiper-slide a.active .colorBox {
    padding: 0;
    margin: 0;
}

.colorSlideList .swiper-slide a p {
    width:50px;
}

.productDetailSection .colorSection {
    padding: 5px 0 5px 15px!important;
}