*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Urbanist', sans-serif !important;}


.owl-stage-outer::-webkit-scrollbar{background:#fff; width:13px; height:13px; border:1px solid #D0D9EC; border-radius:4px;}
.owl-stage-outer::-webkit-scrollbar-thumb{background:#D0D9EC; border-radius:4px; border-top:1px solid #D0D9EC; border-bottom:1px solid #D0D9EC; box-shadow:inset 0 0 0 4px #fff;}

.bg-opacity-10{--bs-bg-opacity:0.1;}
.bg-opacity-20{--bs-bg-opacity:0.2;}
.bg-opacity-30{--bs-bg-opacity:0.3;}
.bg-opacity-40{--bs-bg-opacity:0.4;}
.bg-opacity-50{--bs-bg-opacity:0.5;}
.bg-opacity-60{--bs-bg-opacity:0.6;}
.bg-opacity-70{--bs-bg-opacity:0.7;}
.bg-opacity-80{--bs-bg-opacity:0.8;}
.bg-opacity-90{--bs-bg-opacity:0.9;}

.text-opacity-10{--bs-text-opacity-:0.1;}
.text-opacity-20{--bs-text-opacity:0.2;}
.text-opacity-30{--bs-text-opacity:0.3;}
.text-opacity-40{--bs-text-opacity:0.4;}
.text-opacity-50{--bs-text-opacity:0.5;}
.text-opacity-60{--bs-text-opacity:0.6;}
.text-opacity-70{--bs-text-opacity:0.7;}
.text-opacity-80{--bs-text-opacity:0.8;}
.text-opacity-90{--bs-text-opacity:0.9;}

.py-94, .pt-94{padding-top:94px;}
.py-94, .pb-94{padding-bottom:94px;}



a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}
input, select, textarea, .btn, .badge{box-shadow:none !important; border-radius:unset !important;}

.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-18{font-size:18px;}
.top-unset{top:unset;}
.min-width-auto{min-width:auto;}

.card{border-radius:0;}

.btn{padding:5px 30px;}
.shadow-sm{box-shadow: 0 0 7px #dadada !important;}

.list-style-dash{padding-left:23px; }
.list-style-dash li:before{content:"-"; margin-right:1rem; margin-left:-23px; color:#B9C6E2;}

#header{position:sticky; top:0; z-index:555;}
#header .nav-link{color:#fff; font-weight:700; font-size:14px}

#bannerArea{background:url(../images/banner-bg.png) no-repeat center top; background-size:cover}
#bannerArea .carousel-indicators{position:unset; margin:0 auto;}
#bannerArea .carousel-indicators [data-bs-target]{border:none !important; background:rgba(var(--bs-primary-rgb)) !important; width:16px; height:4px; margin:0 8px 0 0; transition:300ms}
#bannerArea .carousel-indicators [data-bs-target]:last-child{margin:0;}
#bannerArea .carousel-indicators .active{width:36px;}
#bannerArea .carousel-control-prev,
#bannerArea .carousel-control-next{opacity:1 !important;}
#bannerArea .carousel-control-prev i,
#bannerArea .carousel-control-next i{background:#fff; color:#A4A5A8; width:40px; line-height:40px; box-shadow:0px 0px 0px 1px #EDF1FA; border-radius:50%; font-size:20px; transition: 300ms}

#bannerArea .carousel-control-prev i:hover,
#bannerArea .carousel-control-next i:hover{background:rgba(var(--bs-primary-rgb)); color: #fff}


#featureTabNav{border-bottom:1px solid #B9C6E2; gap:40px;}
#featureTabNav a{color:#494C51; font-size:20px; margin-bottom:-1px; padding-top:0}
#featureTabNav a.active{color:rgba(var(--bs-primary-rgb))}

#searchByFeature .owl-stage{margin-left:-1px}

#shopByPriceArea .irs-min,
#shopByPriceArea .irs-max{font-size:16px; font-weight:500; padding:0; background-color:unset !important; color:#77797c;}
#shopByPriceArea .irs-bar{background-color:rgba(var(--bs-primary-rgb)) !important;}
#shopByPriceArea .irs-from, 
#shopByPriceArea .irs-to,
#shopByPriceArea .irs-single{font-size:16px; font-weight:600; padding:0; color:rgba(var(--bs-primary-rgb)) !important; background-color:unset;}
#shopByPriceArea .irs-from::before, 
#shopByPriceArea .irs-to::before,
#shopByPriceArea .irs-single::before{content:unset;}
#shopByPriceArea .irs-handle{border-color:rgba(var(--bs-primary-rgb)) !important;}

#footer ::placeholder,
input.text-bg-primary::placeholder{color:#fff !important; opacity:0.3}
#footer #social a{display:block; width:36px; line-height:36px; border-radius:50%; background:rgba(255,255,255,0.1); color:#fff; transition:300ms;}
#footer #social a:hover{background:rgba(var(--bs-primary-rgb)) !important;}
#footer #social span{display:block; height:1px; width:65px; background:#A9A9A9;}


.v2 .owl-prev{left:-50px}
.v2 .owl-next{right:-50px}

#filter a[aria-expanded]{display:flex;}
#filter a[aria-expanded]:after{margin-left:auto; content:"\F64D"; font-family:bootstrap-icons !important;}
#filter a[aria-expanded="true"]:after{content:"\F63B"}

.min-height-scroll{max-height:162px; overflow:auto;}

#filter,
#sort{background:#e7ecf5}
#filter .irs-min,
#filter .irs-max{font-size:12px; padding:0; background-color:unset !important; color:#77797c;}
#filter .irs--round .irs-bar{background-color:rgba(var(--bs-primary-rgb)) !important; top:6px; z-index:1;}
#filter .irs--round .irs-handle{width:16px; height:16px; top:0; border-width:3px; z-index:2;}
#filter .irs-from, 
#filter .irs-to,
#filter .irs-single{font-size:12px; padding:0; color:rgba(var(--bs-primary-rgb)) !important; background-color:unset; top:4px}
#filter .irs-from::before, 
#filter .irs-to::before,
#filter .irs-single::before{content:unset;}
#filter .irs-handle{border-color:rgba(var(--bs-primary-rgb)) !important;}

#filter .irs--round{height:24px;}
#filter .irs-line {top:-18px; height:4px;  background-color:#dee4ec; border-radius:4px;}


#productList .card{transition:300ms;}
#productList .card:hover{box-shadow:2px 4px 14px 2px rgba(46, 43, 43, 0.22);}
#productList.list-view .d-none{display:block !important;}
#productList.list-view > .col-6{width:100%;}
#productList.list-view .card{display:table; padding:1rem 0}
#productList.list-view .card .rating{display:none;}
#productList.list-view .card .image{width:200px; height:224px; float:left; display:flex; flex-direction:column; align-items:stretch;
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
#productList.list-view .card .image a{border:none !important; padding:0 !important;}
#productList.list-view .maintext{width:calc(100% - 200px); float:left; padding-bottom:0 !important}
#productList.list-view .maintext .text-center{display:flex; text-align:left !important;}
#productList.list-view .maintext .text-center h3{margin-bottom:0 !important; margin-right:15px; flex-grow:1 !important; font-size:20px !important}
#productList.list-view .maintext .text-center h4{flex-shrink:0 !important; font-size:22px !important}
#productList.list-view .maintext .star-rating{direction:rtl; display:inline-block !important; cursor:default;}
#productList.list-view .maintext .star-rating input[type=radio]{display:none;}
#productList.list-view .maintext .star-rating label{color:#dee4ec; font-size:16px; cursor:pointer; transition:300ms;}
#productList.list-view .maintext .star-rating label:hover,
#productList.list-view .maintext .star-rating label:hover ~ label,
#productList.list-view .maintext .star-rating input[type=radio]:checked ~ label{color:rgba(var(--bs-warning-rgb)) !important;}
#productList.list-view .maintext button{display:none;}
#productList.list-view .shortDetail{width:calc(100% - 200px); float:left;}	

#productList .maintext .btn-primary,
#productList .shortDetail .btn-primary{background:#EDF1FA; color:rgba(var(--bs-primary-rgb)); border:none; font-weight:500;}
#productList .maintext .btn-primary:hover,
#productList .shortDetail .btn-primary:hover{background:rgba(var(--bs-primary-rgb)); color:#fff;}

.pagination a{box-shadow:none !important; color:#77797C; border-radius:0 !important;}
.pagination a:hover{box-shadow:none; color:#fff; background:rgba(var(--bs-primary-rgb)); border-color:rgba(var(--bs-primary-rgb));}


#newsThumbArea .card{position:relative;}
#newsThumbArea .card:after{position:absolute; top:0; right:0; bottom:0; left:0; content:""; background: linear-gradient(0deg, rgba(3, 4, 11, 0.94) -1.05%, rgba(13, 24, 65, 0.08) 97.05%); z-index:1; transition:300ms}
#newsThumbArea .card:hover:after{opacity:0.5;}
#newsThumbArea .card .card-img-overlay{z-index:2;}

#detailArea .star-rating2{direction:rtl; display:inline-block !important; cursor:default;}
#detailArea .star-rating2 input[type=radio]{display:none;}
#detailArea .star-rating2 label{color:#dee4ec; font-size:16px; cursor:pointer; transition:300ms;}
#detailArea .star-rating2 label:hover,
#detailArea .star-rating2 label:hover ~ label,
#detailArea .star-rating2 input[type=radio]:checked ~ label{color:rgba(var(--bs-warning-rgb)) !important;}
#detailArea .btn-primary.bg-opacity-10{background:#EDF1FA; color:rgba(var(--bs-primary-rgb)); border:none; font-weight:500;}

#productView .carousel-indicators{position:unset;}
#productView .carousel-indicators>a{width:80px; height:auto; margin:10px 5px 0 0; border:none !important; }
#productView .carousel-indicators a img{display:block;}


#reviewArea .star-rating3{direction:rtl; display:inline-block !important; cursor:default;}
#reviewArea .star-rating3 input[type=radio]{display:none;}
#reviewArea .star-rating3 label{color:#dee4ec; font-size:20px; cursor:pointer; transition:300ms;}
#reviewArea .star-rating3 label:hover,
#reviewArea .star-rating3 label:hover ~ label,
#reviewArea .star-rating3 input[type=radio]:checked ~ label{color:rgba(var(--bs-warning-rgb)) !important;}
#reviewArea .btn-primary.bg-opacity-10{background:#EDF1FA; color:rgba(var(--bs-primary-rgb)); border:none; font-weight:500;}


#comparisonsCarouselArea .owl-prev{left:-50px}
#comparisonsCarouselArea .owl-next{right:-50px}

/*#latestMobileArea .owl-prev{left:-50px}
#latestMobileArea .owl-next{right:-50px}*/

#tabNavBar a{transition:300ms}
#tabNavBar a:hover,
#tabNavBar a.active{color:rgba(var(--bs-primary-rgb)) !important; background:#D0D9EC !important;}


#phonesArea .compare-nav a{background:#fff; color:#77797C !important; padding:10px; display:block; transition:300ms}
#phonesArea .compare-nav li:last-child{border:unset !important;}
#phonesArea .compare-nav a.active,
#phonesArea .compare-nav a:hover{background:rgba(var(--bs-primary-rgb)); color:#fff !important}

#phonesArea .mx-n5{margin-left:-30px !important; margin-right:-30px !important; position:relative; z-index:55; padding:15px 26px; }
#phonesArea .mx-n5:after{content:""; position:absolute; left:0; bottom:-10px; width:6px; height:10px; background:#000; clip-path:polygon(100% 0, 0 0, 100% 100%);}
#phonesArea .mx-n5:before{content:""; position:absolute; right:0; bottom:-10px; width:6px; height:10px; background:#000; clip-path:polygon(100% 0, 0 0, 0 100%);}

#phonesArea .dropdown-toggle:after{content:unset;}




@media (max-width:1199px){
#shopByPriceArea .border-end{border:unset !important;}
#navbarNav .offcanvas-body .dropdown-menu{border:unset;}

.list-group.list-group-flush a.row h5{font-size:1rem !important; color:rgba(var(--bs-primary-rgb));}
}
@media (max-width:767px){
#header.scrolled .me-auto{display:none !important;}
#header.scrolled .row{flex-wrap: nowrap;}
#header.scrolled #scrollSearch{width:calc(100% - 46px) !important}
#bannerArea{background-position:30% top;}



#productList.list-view .card{padding-bottom:0; }
#productList.list-view .image{width:40% !important; height:180px !important; display:unset !important; text-align:center;}
#productList.list-view .card .image a{margin:0 !important;}
#productList.list-view .maintext{width:calc(100% - 40%); float:left;}
#productList.list-view .maintext .text-center{display:block; margin-bottom:0.5rem !important}
#productList.list-view .maintext .text-center h3{margin-bottom:0.5rem !important; margin-right:0; font-size:16px !important;}
#productList.list-view .maintext .text-center h4{font-size:16px !important;}
#productList.list-view .shortDetail{width:100%; clear:both;}

#featureTabNav{gap:25px;}
#featureTabNav a{font-size:14px;}



#phonesArea .mx-n5{margin-left:-22px !important; margin-right:-22px !important; position:relative; z-index:55; padding:15px 26px; }

#phonesArea label{font-size:14px}
#phonesArea .btn.bg-primary{font-size:12px; padding:8px !important;}
#phonesArea h5.fw-bold.mb-0{font-size:14px;}
#phonesArea .fs-18{font-size:14px !important;}
#phonesArea p.mb-0.text-primary.fw-bold{font-size:14px !important;}
#phonesArea .dropdown-menu{min-width:auto}

#compareArea .border-md-fix{border-left:unset !important}

}
@media (min-width:1200px){
#header.scrolled .justify-content-xl-between{justify-content:end !important;}
#header.scrolled #scrollHide li:first-child{display:none !important;}
#header.scrolled #scrollMenu{display:block !important;}
#header.scrolled #scrollHide,
#header.scrolled #scrollSearch{width:auto !important}

#filter{position:static; visibility:visible; transform:unset; background:unset; border:unset; }
#filter .offcanvas-header{display:none;}
#filter .offcanvas-body{padding:0; overflow:unset}
}
@media (max-width:991px){
#popularMobilePriceListsArea .gap-4 li:last-child{margin-bottom:1.5rem;}
#popularMobilePriceListsArea .col-lg-4:last-child .gap-4 li:last-child{margin-bottom:0;}
#popularMobilePriceListsArea .border-end.border-start{border:unset !important;}

#popularComparisonsArea .gap-4 li:last-child{margin-bottom:1.5rem;}
#popularComparisonsArea .col-lg-6:last-child .gap-4 li:last-child{margin-bottom:0;}
#popularComparisonsArea .border-start{border:unset !important;}

#mobileDetailBg{background:#EDF1FA; padding:15px 0; }
}
@media (min-width:576px){
#shopByPriceArea .flex-column:first-child li:last-child{border:unset !important;}
}

@media (min-width:1200px) and (max-width:1399px){
#header.scrolled .me-auto{width:20% !important; padding-right:0;}
#header.scrolled #scrollSearch{padding:0 !important;}

#productList.list-view .card .image{height:282px;}
}
@media (min-width:992px) and (max-width:1199px){
#productList.list-view .card .image{height:282px;}
}

@media (min-width:768px) and (max-width:991px){
#productList.list-view  .card .image{height:282px;}


#tabArea .nav.border a{border-bottom:1px solid var(--bs-border-color) !important;}

}
@media (min-width:576px) and (max-width:767px){}
@media (min-width:0px) and (max-width:575px){
.py-94, .pt-94{padding-top:60px;}
.py-94, .pb-94{padding-bottom:60px;}

.owl-stage-outer{overflow-x: auto !important; padding-bottom: 15px;}


#latestMobileArea{}
#latestMobileArea .owlCarouselAll{padding:1.5rem 0 !important; width:calc(100% + 24px); margin:0 -12px }
#latestMobileArea .owl-item{padding-left: 16px;}

#searchByFeatureArea{}
#searchByFeatureArea #featureTabNav{margin-left: 16px}
#searchByFeatureArea .p-4{padding:1.5rem 0 !important; width:calc(100% + 12px); margin:0 -12px 0 0 }
#searchByFeatureArea .owl-item{padding-left: 16px;}

#searchByBrandArea{}
#searchByBrandArea .owl-carousel{padding:1.5rem 0 !important; width:calc(100% + 12px); margin:0 -12px 0 0 }
#searchByBrandArea .owl-item{padding-left: 16px;}

#popularMobileArea{}
#popularMobileArea .owl-carousel{padding:0 !important; width:calc(100% + 24px); margin:0 -12px}
#popularMobileArea .owl-item{padding-left: 16px;}

#upcomingMobileArea{}
#upcomingMobileArea .owl-caroutsel{padding:0 !important; width:calc(100% + 24px); margin:0 -12px}
#upcomingMobileArea .owl-item{padding-left: 16px;}


#latestNewsArea{}
#latestNewsArea .owl-carousel{padding:0 !important; width:calc(100% + 24px); margin:0 -12px}
#latestNewsArea .owl-item{padding-left: 16px;}

#latestVideoReviewArea{}
#latestVideoReviewArea .owl-carousel{padding:0 !important; width:calc(100% + 12px); margin:0 -12px}
#latestVideoReviewArea .owl-item{padding-left: 16px;}

#comparisonsCarouselArea .container{padding:0;}
#comparisonsCarouselArea .owl-carousel{padding:0 !important; width:calc(100% + 48px); margin:0 -24px }
#comparisonsCarouselArea .owl-item{padding-left: 16px;}


.product img{width:75px }
.product h3{font-size: 12px !important;}
.product p{font-size: 12px !important;}


#shopByPriceArea .irs-min, #shopByPriceArea .irs-max, #shopByPriceArea .irs-from, #shopByPriceArea .irs-to, #shopByPriceArea .irs-single {font-size: 12px;}


#bannerArea .carousel-control-prev i,
#bannerArea .carousel-control-next i{width:28px; line-height:28px; font-size:14px;}

#latestMobileArea .h1,
#searchByFeatureArea .h1,
#shopByPriceArea .h1,
#searchByBrandArea .h1,
#bestPhoneByPriceArea .h1,
#popularMobileArea .h1,
#upcomingMobileArea .h1,
#latestNewsArea .h1,
#latestVideoReviewArea .h1,
#popularMobilePriceListsArea .h1,
#popularComparisonsArea .h1,
#priceInPakistanArea .h1,
#comparisonsCarouselArea .h1{font-size:20px}

#latestMobileArea .h1 .fs-18,
#searchByFeatureArea .h1 .fs-18,
#shopByPriceArea .h1 .fs-18,
#searchByBrandArea .h1 .fs-18,
#bestPhoneByPriceArea .h1 .fs-18,
#popularMobileArea .h1 .fs-18,
#upcomingMobileArea .h1 .fs-18,
#latestNewsArea .h1 .fs-18,
#latestVideoReviewArea .h1 .fs-18,
#popularMobilePriceListsArea .h1 .fs-18,
#popularComparisonsArea .h1 .fs-18,
#comparisonsCarouselArea .h1 fs-18{font-size:14px}




#shopByPriceArea{}
#shopByPriceArea .flex-column.w-50{width:100% !important;}

#bestPhoneByPriceArea .row .row h3.fs-6{font-size: 12px !important}

#detailArea .nav.border-bottom{border:none !important;}
#detailArea .nav.border-bottom a{border-bottom:1px solid var(--bs-border-color) !important;}

#reviewArea .flex-shrink-0 img{height:60px;}


#tabArea .nav.border a{border-bottom:1px solid var(--bs-border-color) !important;}
}