/*your custom css goes here*/ 

#dashboard-brand-help-section .demo{
	min-height: 400px;
	overflow: hidden;
}

#dashboard-brand-help-section .demo .bg{
	height: 95%;
    background: url(https://espacephone.fr/public/assets/img/home-dashboard.png) no-repeat #FFF;
    width: 95%;
    background-size: calc(100% - 40px) calc(100% - 40px);
    position: absolute;
    top: 20px;
    left: 20px;
    filter: blur(10px);
    z-index: 3;
    opacity: .8;
}

#dashboard-brand-help-section .card{
	border-radius: 10px;
}

#dashboard-brand-help-section .card-body{
	padding: 0px;
}

#dashboard-brand-help-section .demo .actions{
	z-index: 4;
	position: relative;
	gap: 10px;
}

#dashboard-brand-help-section .dashboard-wrapper{
	padding: 20px;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#dashboard-brand-help-section .dashboard-wrapper .total-orders{
	border-bottom: 1px solid #f1f1f1;
	padding: 20px 0;
}

#dashboard-brand-help-section .dashboard-wrapper .total-title,
#dashboard-brand-help-section .dashboard-wrapper .history-title{
	font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}

#dashboard-brand-help-section .dashboard-wrapper .total-orders,
#dashboard-brand-help-section .dashboard-wrapper .total-amount{
	font-size: 16px;
	font-weight: 600;
}

#dashboard-brand-help-section .dashboard-wrapper .orders-history{
	padding: 20px 0;
}

#dashboard-brand-help-section .dashboard-wrapper .order-carousel-item{
	padding: 10px 2px;
    border: 1px solid #cdd2dd;
    border-radius: 10px;
    display: flex;
}

#dashboard-brand-help-section .dashboard-wrapper .order-number-date,
#dashboard-brand-help-section .dashboard-wrapper .order-count-amount,
#dashboard-brand-help-section .dashboard-wrapper .order-status{
	width: 33.33%;
    border-right: 1px solid #cdd2dd;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 13px;
}

#dashboard-brand-help-section .dashboard-wrapper .order-status{
	border: none;
}

#dashboard-brand-help-section .shop-brands{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #FFF;
    justify-content: center;
    border-radius: 10px;
    min-height: 400px;
}

#dashboard-brand-help-section .shop-brands .item{
	width: 50%;
    min-width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}

#dashboard-brand-help-section .shop-brands .item:nth-child(2n){
	border-right: none;
}

#dashboard-brand-help-section .shop-brands .item:last-child, 
#dashboard-brand-help-section .shop-brands .item:nth-child(5){
	border-bottom: none;
}

#dashboard-brand-help-section .shop-brands img{
	width: 45%;
	height: 45%;
}

#dashboard-brand-help-section .need-help{
	background: url(https://espacephone.fr/public/uploads/all/fvD9BjB3MIpsJMPDP4oeDzKWOLDWWWmasJDcQVeK.jpg) no-repeat #FFF;
    background-size: cover;
    height: 400px;
    width: 100%;
    position: relative;
    border-radius: 10px;
    display: flex;
    background-position: center;
}

#dashboard-brand-help-section .need-help .help-contact{
	position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}

#dashboard-brand-help-section .need-help a{
	width: 90%;
    height: 70px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px;
    text-align: left;
    color: #1e354e;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 8px 11px 18px rgba(0, 0, 0, .02);
    position: relative;
}

#dashboard-brand-help-section .need-help img{
	position: relative;
    z-index: 2;
    width: 50px;
    border-radius: 50px;
    outline: 1px solid #fff !important;
    outline-offset: -3px;
}

#dashboard-brand-help-section .need-help img:nth-child(2){
	z-index: 1;
    left: -30px;
}

#dashboard-brand-help-section .need-help p{
	width: calc(60% + 30px);
    margin-left: -30px;
    font-size: 17px;
    font-weight: 500;
    padding: 0 10px;
    margin-bottom: 0;
}

#dashboard-brand-help-section .need-help svg{
	width: 26px;
    height: 26px;
    border: 2px solid #000;
    border-radius: 200px;
    transition: .3s;
}

#dashboard-brand-help-section .need-help svg path{
	transition: .3s;
}

#dashboard-brand-help-section .need-help a:hover svg, 
#dashboard-brand-help-section .need-help a:hover svg path{
	stroke: #3e90c6;
	border-color: #3e90c6;
}

#dashboard-brand-help-section .slick-prev,
#dashboard-brand-help-section .slick-next {
    background: transparent;
    color: #333;
    z-index: 1000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #333;
    border-radius: 200px;
    padding: 2px;
    line-height: 0;
}

#dashboard-brand-help-section .item-wrapper{
	padding: 0 25px;
}

#dashboard-brand-help-section .slick-prev{
	left: -5px;
}

#dashboard-brand-help-section .slick-next{
	right: -5px;
}

#dashboard-brand-help-section .slick-prev i,
#dashboard-brand-help-section .slick-next i{
	font-size: 15px;
}

#dashboard-brand-help-section .slick-slider{
	padding-bottom: 1px;
}

.front-imei-search{
	padding: 0;
	overflow: hidden;
}

.front-imei-search input{
	border-radius: 200px;
}

.front-imei-search #imeiCharCount{
	position: absolute;
	right: -25px;
	transition: .5s;
}

#reassurance-icons-section .reassurance-contents{
	display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
}

#reassurance-icons-section .reassurance-content{
    text-align: center;
    width: 110px;
    height: 100px;
}

#reassurance-icons-section .reassurance-content img{
	height: 66px;
}

#reassurance-icons-section .reassurance-content .reassurance-title{
	font-size: 13px;
    color: #404040;
    line-height: 14px;
    margin-top: 8px;
}

.topbar-link a{
	display: flex;
	align-items: center;
}

.mega-menu {
    display: flex;
    list-style: none;
    gap: 20px;
}

.brand-item {
    position: static;
}

.mega-submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 1400px;
    z-index: -1;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s;
}

.brand-item:hover .mega-submenu {
/*    display: block;*/
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.submenu-parent-cat h4{
	display: inline-block;
	font-size: 21px;
    color: #fff;
    font-weight: 400;
    background: #3e90c6;
    padding: 8px 75px 8px 12px;
    clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
}

.submenu-parent-cat a::after{
	content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #3e90c6;
}

.category-block ul{
	padding: 20px;
}

.category-block ul{
	list-style-type: none;
}

.purchase-chart-container{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	padding: 20px;
	border-radius: 10px;
}

.purchase-chart-container ul{
	padding: 0 12px;
}

a.submenu-parent-cat::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: var(--primary);
}

.mega-submenu .container{
	background: #3E90C61A;
	padding: 0;
}

.mega-submenu ul.nav{
	padding: 0;
}

.mega-submenu li.nav-item{
	width: 100%;
    border-bottom: 2px solid #FFF;
    padding: 0;
}

.mega-submenu button.nav-link{
	border: none;
    background: transparent;
    border-radius: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 15px;
    height: 45px;
}

.mega-submenu .tab-content{
	background: #FFF;
	padding: 15px 25px;
	height: 70vh;
	overflow-y: scroll;
}

.mega-submenu .nav-item button.active{
	background: transparent;
	color: #3E90C6;
}

.mega-submenu .nav-item button.active::after{
	position: absolute;
    content: '';
    top: calc((100% - 29px) / 2);
    right: -15px;
    width: 29px;
    height: 29px !important;
    background: #FFF;
    transform: rotate(45deg);
}

.mega-submenu .categories-grid ul{
	padding: 0;
}

.mega-submenu .categories-grid li{
	list-style-type: none;
}

.mega-submenu .tab-content h5{
	display: inline-block;
    font-size: 21px !important;
    color: #FFF !important;
    font-weight: 400;
    text-transform: initial !important;
    background: #3E90C6;
    padding: 8px 75px 8px 12px;
    clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);	
}

.mega-submenu .tab-content .ar-divider{
	width: 100%;
	height: 1px;
	background: #3E90C6;
}

.mega-submenu .nav-link img{
	width: 100px;
    height: 100%;
    filter: none;
    margin-right: 10px;
}

.mega-submenu .nav-link span{
	vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
}

.aiz-p-hov-icon{
	display: none;
}

.col-xl-7.col-lg-6.sticky-top.ar-product-details{
    top: 150px !important;
    align-self: flex-start;
    z-index: 1000;
}

.footer-logo{
	display: flex;
	align-items: center;
}

.footer-links{
	display: flex;
	align-items: center;
	max-width: 800px;
}

.footer-links img{
	height: 50px;
	display: block;
}

.footer-links span{
	display: none;
	text-align: center;
	color: #FFF;
}

.footer-links a:hover img{
	display: none;
}

.footer-links a:hover span{
	display: block;
}

.footer-links a{
	display: flex;
    width: 160px;
    height: 50px;
    font-size: 16px;
    align-items: center;
    justify-content: center;
}

.logo-right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.logo-right img{
	width: 180px;
}

.ar-product-details{
	z-index: 1000 !important;
	top: 140px;
	align-self: flex-start;
}

.aiz-carousel-ar img{
	height: 200px;
	width: 100%;
	object-fit: cover;
}

.ar-thumb-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ar-thumb-title img {
    width: 50%;
}

.ar-thumb-title a {
    width: 50%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    padding: 3px;
    font-size: 13px;
}

.ar-fq-two{
	display: flex;
	gap: 6px;
	background: #E5F1F1;
	padding: 6px;
	flex-wrap: wrap;
}

.ar-fq-two-wrapper {
    width: calc(50% - 3px);
    background: #fff;
    padding: 6px;
    border-radius: 6px;
    overflow: hidden;
}

.ar-price-cart {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ar-price {
    width: 50%;
    text-align: center;
}

.ar-cart-btn {
    width: 50%;
}

.ar-cart-btn button{
    width: 100%;
}

.ar-fq-rest{
	background: #f1f1f1;
    margin-top: 10px;
    padding: 3px;
}

.ar-fq-rest td, .ar-fq-rest tr, .ar-fq-rest table {
    vertical-align: middle;
}

.ar-fq-rest .ar-fq-rest-item {
    background: #fff;
    border: 4px solid #F1f1f1;
    border-radius: 10px;
}

.ar-fq-rest-img{
	width: 40px;
}

.ar-fq-rest-img img{
	width: 60%;
}

.ar-fq-rest-name a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.ar-fq-rest-price{
    font-size: 15px;
}

.ar-fq-rest-cart {
    width: 30px;
}

.ar-fq-rest-cart i{
    font-size: 24px;
    cursor: pointer;
}

#productAttributes .la-plus{
	rotate: 45deg;
    position: absolute;
    right: 30px;
    font-size: 25px;
    color: #000;
}

#productAttributes .collapsed .la-plus {
    rotate: 0deg !important;
}

#productAttributes .table td, #productAttributes .table th {
    padding: 0.5rem;
}

#productAttributes .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, .05);
}

#productAttributes .table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

#productAttributes .card-header button{
    padding-left: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

#productAttributes .card-body ul{
	padding: 0;
	list-style-type: none;
}

#productAttributes .card-body ul li{
	margin-bottom: 5px;
	font-size: 15px;
}

.how-to-phone, .how-to-macbook{
	background: #f1f1f1;
	padding: 15px 0;
	margin: 20px 0;
}

.how-to-phone .imei-title-container,
.how-to-macbook .imei-title-container{
	width: 20%;
	float: left;
}

.how-to-phone .imei-title-container p,
.how-to-macbook .imei-title-container p{
	position: relative;
	width: calc(100% - 15px);
	font-size: 18px;
	color: #FFF;
	text-align: center;
	margin: 16px 0 0 -22px;
	padding: 10px 0;
	background: #3e90c6;
}

.how-to-phone .imei-title-container p::after,
.how-to-macbook .imei-title-container p::after{
	content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 23px;
    height: 16px;
    background: #626568;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.how-to-phone .imei-image-container,
.how-to-macbook .imei-image-container{
	float: left;
    width: 200px;
    height: 150px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 16px;
    align-self: center;
}

.how-to-phone .imei-text-container,
.how-to-macbook .imei-text-container{
	float: left;
    width: calc(80% - 200px);
    font-size: 16px;
    padding: 0 30px;
    line-height: 1;
    align-self: center;
}

.how-to-phone .imei-image-container{
	background: url(https://www.brico-phone.com/modules/identify_model/views/img/phone.png);
}

.how-to-macbook .imei-image-container{
	background: url(https://www.brico-phone.com/modules/identify_model/views/img/macbook.jpg);
}

.imei-seo h1{
	position: relative;
    margin: 6px auto 25px auto;
    font-size: 24px;
    text-align: left;
}

.imei-seo p{
	font-size: 15px;
	line-height: 1.2;
}

/* About Us page design start */
.about-us-page-wrapper {
    font-family: 'Poppins', sans-serif;
}

/* Hero Section */
.about-us-page-wrapper .about-hero-section {
    background: linear-gradient(rgba(62, 144, 198, 0.9), rgba(62, 144, 198, 0.9)), url(https://espacephone.fr/public/uploads/all/tkBDWfzhW8bwE6f7UJ8oeS9vsPDtKjkcYASpaHGe.jpg) no-repeat center center/cover;
    min-height: 400px;
    display: flex;
    align-items: center;
    animation: fadeIn 1s ease-in;
}
.about-us-page-wrapper .btn-theme {
    background-color: #3e90c6;
    color: #fff;
    border: none;
    transition: background-color 0.3s ease;
}
.about-us-page-wrapper .btn-theme:hover {
    background-color: #2a6d9e;
}

/* Story Section */
.about-us-page-wrapper .image-container {
    position: relative;
    overflow: hidden;
}
.about-us-page-wrapper .image-container img {
    transition: transform 0.5s ease;
}
.about-us-page-wrapper .image-container:hover img {
    transform: scale(1.1);
}

/* Timeline Section */
.about-us-page-wrapper .timeline {
    position: relative;
    padding: 20px 0;
}
.about-us-page-wrapper .timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #3e90c6;
    left: 50%;
    margin-left: -2px;
}
.about-us-page-wrapper .timeline-item {
    padding: 10px 40px;
    position: relative;
    width: 50%;
    animation: slideIn 0.5s ease-in;
}
.about-us-page-wrapper .timeline-item.left {
    left: 0;
    text-align: right;
}
.about-us-page-wrapper .timeline-item.right {
    left: 50%;
}
.about-us-page-wrapper .timeline-content {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    position: relative;
}
.about-us-page-wrapper .timeline-content:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #3e90c6;
    border-radius: 50%;
    position: absolute;
    top: 20px;
}
.about-us-page-wrapper .timeline-item.left .timeline-content:before {
    right: -10px;
}
.about-us-page-wrapper .timeline-item.right .timeline-content:before {
    left: -10px;
}

/* Values Section */
.about-us-page-wrapper .value-card {
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.about-us-page-wrapper .value-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.about-us-page-wrapper .value-card i {
    color: #3e90c6;
}

/* CTA Section */
.about-us-page-wrapper .bg-theme {
    background-color: #3e90c6;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideIn {
    from { transform: translateX(-50px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
/* About Us page design End */

/* FAQ page start */
.faq-page-wrapper {
    font-family: 'Arial', sans-serif;
}
.faq-page-wrapper .faq-hero-section {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}
.faq-page-wrapper .card-header {
    background-color: #fff;
    border: none;
    padding: 0;
}
.faq-page-wrapper .btn-link {
    color: #3e90c6;
    font-size: 1.1rem;
}
.faq-page-wrapper .btn-link:hover, .faq-page-wrapper .btn-link:focus {
    color: #2a6d9e;
    text-decoration: none;
}
.faq-page-wrapper .card-body {
    background-color: #f8f9fa;
    border-left: 4px solid #3e90c6;
    padding: 15px;
}
.faq-page-wrapper .fa-chevron-down {
    transition: transform 0.3s ease;
}
.faq-page-wrapper .collapse.show .fa-chevron-down {
    transform: rotate(180deg);
}
/* FAQ End */
.home-slider{
	max-width: 1400px !important;
	margin: 0 auto;
}
.home-slider img{
	border-radius: 10px;
	max-height: 380px;
}
.home-slider .aiz-carousel{
	max-height: 380px;
}
.bottom-icons-contents {
    gap: 20px;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
}
.d-flex.bottom-icons-item {
    font-size: 16px;
    width: calc(33% - 15px);
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    color: #1e354e;
    height: 155px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.bottom-icons-item img {
    max-height: 45%;
    max-width: 55%;
}
.ar-copyright a{
	color: #000 !important;
}
.ar-copyright p{
	margin: 0;
}
/* Diagnostic Page */
.diagnostic-sidebar-wrapper{
	box-shadow: none;
    margin-bottom: 25px;
    font-size: 15px;
    background: #f1f1f1;
    padding-bottom: 20px;
}
.diagnostic-sidebar-main-title{
    font-weight: 600;
    font-size: 19px;
    padding: 10px;
    color: #404040;
}
.diagnostic-sidebar-advantage-wrapper{
	padding: 10px;
    font-size: 13px;
    line-height: 13px;
}
.diagnostic-sidebar-title{
	font-size: 13px;
	line-height: 17px;
}
.diagnostic-sidebar-title span{
	vertical-align: middle;
}
.diagnostic-sidebar-img{
	width: 40px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle;
    float: left;
}
.diagnostic-sidebar-text{
	font-weight: 400;
    font-size: 11px;
    line-height: 11px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.diag_brand_wrapper{
	gap: 10px;
	justify-content: center;
}
.diag_title{
	font-size: 1.3rem;
    color: #626568;
    padding: 10px;
    border: 1px solid #3E90C6;
    margin-bottom: 20px;
}
.diag_brand_item{
	text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #414141;
}
.diag_brand_logo {
    width: 80%;
    filter: grayscale(100%);
    opacity: .7;
    height: 130px;
    object-fit: contain;
}
.diag_brand_name {
    text-align: center;
    font-size: 1.4rem;
}
.diag_brand_wrapper .col-md-2{
	max-width: calc(16.666667% - 11px);
	min-height: 150px;
}
.diag_model_series{
	font-size: 18px;
    color: #3E90C6;
    border-bottom: 1px dashed #B5B5B5;
    padding: 0 0 4px 20px;
    margin: 10px 0;
}
.diag_model_link{
	display: block;
    text-align: center;
    padding: 15px 0;
    border: 1px solid #B5B5B5;
    margin: 4px;
    color: #414141;
}
/* Diag page start */
.diag-accordion-section .card-header {
    background-color: #fff;
    border: none;
    padding: 0;
}
.diag-accordion-section .card-header h2{
	width: 100%;
}
.diag-accordion-section .btn-link {
    color: #3e90c6;
    font-size: 1.1rem;
}
.diag-accordion-section .btn-link:hover, .diag-accordion-section .btn-link:focus {
    color: #2a6d9e;
    text-decoration: none;
}
.diag-accordion-section .card-body {
    background-color: #f8f9fa;
    border-left: 4px solid #3e90c6;
    padding: 15px;
}
.diag-accordion-section .fa-chevron-down {
    transition: transform 0.3s ease;
}
.diag-accordion-section .collapse.show .fa-chevron-down {
    transform: rotate(180deg);
}
.diag_product_item{
	min-height: 140px;
    border: 1px solid #B5B5B5;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 95%;
    margin-left: auto;
    background: #FFF;
    border-radius: 10px;
}
#diagAccordion .row a{
	color: #414141;
}
.diag_product_name{
	padding: 15px 0;
    font-size: 18px;
    line-height: 1.2;
}
.diag_product_desc{
	font-size: 13px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.diag_product_image{
	text-align: center;
}
.diag_product_image img{
	width: 138px;
    height: 138px;
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #F1F1F1;
}
.diag_product_price{
	padding: 10px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.diag_product_price .row{
	justify-content: center;
	align-items: center;
}
.diag_product_price_amount{
	float: right;
    font-size: 26px;
    font-weight: 600;
    color: #3e90c6;
}
.diag_product_cart{
	float: right;
    width: 80px;
    text-align: right;
}
.diag_product_cart .la-cart-plus{
    font-size: 40px;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
}
.diag_product_stock{
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
}
/* Diag End */
.order-confirmed-bg{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 500px;
	background: url('https://espacephone.fr/public/uploads/all/GriIFFgsCbExShKFjdXdYa8vZgf1uk0d0uy0LyUx.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.order-confirmed-bg .thanks-msg{
	background: rgba(255, 255, 255, .9);
	width: 70%;
}
/* Identify Model */
.identify_model_logo{
	margin-bottom: 50px;
}
.identify_model_logo img {
    width: 92px;
    height: 70px;
    object-fit: contain;
    margin: 5px;
}
.identify_model_table{
	display: none;
	width: 100%;
    table-layout: fixed;
    margin-bottom: 30px;
}
.identify_model_table td {
    width: 50%;
    padding: 6px;
    text-align: left;
}
.identify_model_table tr:nth-child(odd) td {
    background: #F1F1F1;
}
.identify_model_title {
    height: 54px;
    background: #F1F1F1 !important;
    line-height: 52px;
    color: #626568;
    font-size: 22px;
    margin: 20px 0;
    scroll-margin-top: 140px;
}
.identify_model_title img {
    height: 50px;
    width: 50px;
    object-fit: contain;
    margin-right: 10px;
}
.identify_model_series {
    height: 60px !important;
    background: #FFF !important;
    padding: 0 0 10px 24px !important;
    font-size: 23px;
    vertical-align: bottom;
    border-bottom: 2px solid #CCC;
}
.identify_model_table td a {
    text-decoration: underline;
}

/* Default home slider styles for desktop */
.home-slider {
  max-width: 1400px;
  max-height: 380px;
  margin: 0 auto;
}

.aiz-carousel .carousel-box img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensure images fill container on desktop */
}
/* Cart Slider */
.cart-slider-mask{
    display: none;
    height: 100vh;
    width: 100vw;
    background: rgba(192, 192, 192, .42);
    position: fixed;
    left: 0;
    z-index: 1030;
    top: 0;
}
.cart-slider-wrapper{
    display: none;
    width: 450px;
    height: fit-content;
    background: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1031;
    border-radius: 17px 17px 10px 10px;
    border: 2px solid var(--primary);
}
.cart-slider-title{
    height: 50px;
    width: 100%;
    background: var(--primary);
    border-radius: 15px 15px 0 0;
    padding: 0 160px 0 10px;
    font-size: 16px;
    color: #FFF;
    display: flex;
    align-items: center;
}
.cart-slider-title .la-check-square{
    font-size: 30px;
    margin-right: 5px;
}
.cart-added-product-wrapper{
    display: flex;
    align-items: center;
}
.cart-added-product-img{
    width: 100px;
    height: 100px;
    border-right: 1px dashed #404040;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart-added-product-img img{
    width: 80px;
    height: 80px;
}
.cart-added-product-details{
    width: calc(100% - 100px);
}
.cart-added-product-title{
    width: 100%;
    height: 70px;
    white-space: initial;
    padding: 10px;
    text-align: left;
    color: #404040;
    border-bottom: 1px dashed #404040;
}
.cart-added-product-qty{
    float: left;
    height: 30px;
    padding: 6px;
    color: #626568;
    border-right: 1px dashed #f1f1f1;
}
.cart-added-product-price{
    float: left;
    height: 30px;
    padding: 6px;
    color: var(--primary);
    border-right: 1px dashed #f1f1f1;
}
.cart-slider-view-cart a{
    display: flex;
    width: 100%;
    height: 42px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    background: var(--primary);
    color: #fff !important;
    font-size: 16px;
    padding: 8px;
    border-top: 2px solid var(--secondary-base);
    border-bottom: 2px solid var(--secondary-base);
}
.cart-slider-view-cart a i{
    font-size: 24px;
}
.cart-slider-essential{
    padding: 10px 4px 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}
.cart-slider-essential h2{
    font-size: 14px;
    color: #404040;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.cart-slider-essential-item{
    position: relative;
    flex-basis: calc(50% - 5px);
    border: 1px solid var(--primary);
    border-radius: 6px;
    padding: 10px;
}
.cart-slider-essential-item h3{
    min-height: 45px;
    font-size: 13px;
    color: #404040;
    text-align: center;
}
.cart-slider-essential-item img{
    display: block;
    width: 50%;
    margin: -10px auto 10px;
    max-height: 80px;
    object-fit: contain;
}
.cart-slider-essential-price{
    float: left;
    width: calc(100% - 60px);
    font-size: 16px;
    color: var(--primary);
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.cart-slider-essential-price span{
    width: 100%;
}
.cart-slider-essential-cart{
    float: right;
    background: var(--primary);
    border: none;
    padding: 0px 7px;
    border-radius: 10px;
    font-size: 25px;
    color: #FFF;
}
.cart-slider-title a{
    display: none;
    position: absolute;
    right: 15px;
}
.cart-slider-title .badge{
    background-color: #FFF;
}
.cart-slider-view-cart .continue-shopping{
    width: 100%;
    height: 42px;
    background: #404040;
    color: #FFF;
    font-size: 16px;
    padding: 8px;
    border-top: 2px solid var(--secondary-base);
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    display: none;
}
/* Cart Screen Protector Search */
.sps_wrapper{
    margin: 20px 0;
    height: 130px;
}
.sps_search_wrapper{
    background: linear-gradient(0deg, var(--primary) 0, #8dccf5 100%);
    width: calc(100% - 10px);
    padding: 0 10px;
    display: flex;
    gap: 10px;
    justify-content: space-between;    
    align-items: center;
    height: 130px;
}
.sps_left{
    float: left;
    width: 50%;
    height: 100%;
    background-image: url(https://www.brico-phone.com/img/cms/CHECKOUT/glass_screen.svg?frz-v=485);
    background-repeat: no-repeat;
    background-size: 160px;
    background-position: 64px 0;
}
.sps_offer_text{
    position: relative;
    width: 82%;
    top: 34px;
    left: 10%;
    font-size: 14px;
    font-weight: 400;
    color: var(--primary);
    text-align: center;
    line-height: 16px;
    background: #fff;
    padding: 6px 10px;
    border: 1px solid var(--primary);
    border-radius: 10px;
    transform: rotate(355deg);
}
.sps_offer_text::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -18px;
    left: -20px;
    width: 46px;
    height: 54px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNzguMzggOTAuOTkiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNmNjMmJiO30uY2xzLTJ7ZmlsbDojYzFlM2UyO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo0LjhweDt9LmNscy0ze2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0zIiB4PSItMzYwLjEzIiB5PSItOS41NSIgd2lkdGg9IjQ0OS4wOSIgaGVpZ2h0PSIyMTMuMjUiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik05LjY4LDEyLjA1YzIuNC0xLjIsNi4wMSwwLDEwLjgxLTEuMiw0LjgtMS4yLDEzLjIxLTIuNCwxNS42MS00LjhzNC44LTIuNCw3LjIxLDBjMi40LDIuNCwxMC44MSwzLjYsMTUuNjEsNC44LDQuOCwxLjIsOC40MSwwLDEwLjgxLDEuMnMzLjYsMi40LDMuNiw3LjIxYzAsNC44LDAsMjcuNjItMy42LDM2LjAzLTMuNiw4LjQxLTguNDEsMTYuODItMTMuMjEsMjEuNjItNC44LDQuOC0xNS42MSw5LjYxLTE1LjYxLDkuNjFoLTIuNHMtMTAuODEtNC44LTE1LjYxLTkuNjFjLTQuOC00LjgtOS42MS0xMy4yMS0xMy4yMS0yMS42Mi0zLjYtOC40MS0zLjYtMzEuMjMtMy42LTM2LjAzLDAtNC44LDEuMi02LjAxLDMuNi03LjIxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM5LjU5LDczLjE4cy0xLjQ2LDIuNDctNS41NywxLjdjLTQuMS0uNzctNC4zMy0zLjU2LTQuMzMtMy41Nmw4LjE3LTQwLjgtMy42Mi0uNjhzLjg5LTYuMDgtNC42Ni03LjEyYy0zLjM5LS42NC01LjIyLDEuMzUtNi4xNCwyLjk5LS4yNCwuNDQtLjkyLC4yNi0uODktLjI0LC4xMi0xLjk5LC44NC00Ljg4LDMuNzUtNi42MSw0Ljc4LTIuODUsNy4xNS0yLjE1LDcuMTUtMi4xNWw2Ljc2LDEuMjcsLjM2LTEuOTNzLjI3LTEuNDUsMS43Mi0xLjE4bDUuMDcsLjk1czEuNiwuOCwuOSwzLjE3bDMuMTQsLjU5czEuODksLjYsMS4zNCwzLjVsMy4zOCwuNjNzLS4yMS0xLjU0LC40MS0yLjE3LDEuODMtLjQxLDIuMzEtLjMybDQuMzQsLjgyczEuMTYsLjQ3LC44LDIuNC0xLjUsNy45Ni0xLjUsNy45NmMwLDAtLjAyLDIuMTItMS45NSwxLjc2bC00LjU5LS44NnMtMS4zNi0uNzUtMS4wNC0yLjQ0bC4yMy0xLjIxLTMuNDItLjM5cy4yNiwxLjMtLjc0LDIuNjEtMi4xNiwuODQtMi4xNiwuODRsLTIuNjUtLjUtNi41Nyw0MC45N1oiLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
}
.sps_offer_text b{
    font-size: 18px;
    font-weight: 600;
}
.sps_right{
    width: 50%;    
}
.sps_price_title{
    position: relative;
    top: 2px;
    text-align: center;
    padding: 6px 0;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    margin-bottom: 3px;
}
.sps_input{
    position: relative;
    width: 100%;
    height: 34px;
    background: #fff;
    margin-top: 2px;
    border-radius: 6px;
}
#sps_search{
    width: 100%;
    height: 100%;
    background: 0 0;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    color: #222;
    border: 1px solid var(--primary);
}
.sps_bottom_text{
    font-size: 8px;
    color: #fff;
    text-align: center;
    margin-top: 5px;
}
#sps_search_result{
    display: block;
    position: relative;
    z-index: 3;
    top: -6px;
    left: 0;
    width: 100%;
    max-height: 192px;
    padding-top: 12px;
    background: #fff;
    border-left: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
    border-right: 1px solid var(--primary);
    border-radius: 0 0 6px 6px;
    list-style: none !important;
    font-size: 15px;
    overflow-y: auto;
}
#sps_search_result li{
    width: 100%;
    background: 0 0;
    border: none;
    text-align: right;
    font-size: 16px;
    color: #404040;
    padding: 0 10px;
    margin: 3px 0;
    cursor: pointer;
}
.sps_product_wrapper{
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    border: 1px solid var(--primary);
    gap: 5px;
}
.sps_hydrogel, .sps_glass{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-grow: 1;
}
.sps_hydrogel{
    border-right: 1px solid #f1f1f1;
}
.sps_hydrogel img, .sps_glass img{
    width: 66px;
    height: 66px;
}
.sps_hydrogel p, .sps_glass p{
    width: 90%;
    margin: 0;
    font-size: 11px;
    text-align: center;
    line-height: 12px;
}
.sps_hydrogel .ar-cart-btn button, .sps_glass .ar-cart-btn button{
    border: none;
    background: var(--primary);
    text-transform: uppercase;
    padding: 2px 12px;
    margin-top: 4px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 6px -1px, rgba(0, 0, 0, .06) 0 2px 4px -1px;
}
.sps_change_model{
    width: 20%;
    position: relative;
    display: inline-flex;
    text-decoration: underline;
    border: none;
    font-size: 12px;
    color: var(--primary);
    text-transform: uppercase;
    background: #efefef;
    justify-content: center;
    align-items: center;
}
.sps_product_wrapper .ar-cart-btn{
    display: inline-block;
    width: fit-content;
}
/* Cart Page Icons */
.ar_cart_icons{
    width: calc(100% - 10px);
    display: flex;
    float: left;
    height: 130px;
    margin-bottom: 20px;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    border: 1px solid #f1f1f1;
}
.ar_cart_icon{
    width: 80px;
    height: 114px;
}
.ar_cart_icon p{
    margin: 4px 0 0;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
}


/* Mobile Responsive Start */
@media only screen and (max-width: 767px) {
	#reassurance-icons-section .reassurance-contents{
		flex-wrap: wrap;
	}

	#reassurance-icons-section .reassurance-contents .reassurance-content:nth-child(2){
		display: none;
	}

	#reassurance-icons-section .reassurance-content{
		width: 25%;
		flex-grow: 1;
	}

	.front-imei-search{
		display: none;
	}

	/* About us Start */
	.about-us-page-wrapper .timeline:before {
	    left: 20px;
	}
	.about-us-page-wrapper .timeline-item {
	    width: 100%;
	    padding-left: 60px;
	    padding-right: 20px;
	    text-align: left;
	}
	.about-us-page-wrapper .timeline-item.right {
	    left: 0;
	}
	.about-us-page-wrapper .timeline-content:before {
	    left: -30px !important;
	}
	.about-us-page-wrapper .about-hero-section {
	    min-height: 300px;
	}
	/* About us End */

	.faq-page-wrapper .btn-link {
        font-size: 1rem;
    }
    .home-slider{
    	padding: 0 10px;
    }
    .bottom-icons-contents{
    	gap: 10px;
    }
    .d-flex.bottom-icons-item {
    	width: 29%;
    	flex-grow: 1;
    	padding: 10px;
    	height: 100px;
    	text-align: center;
    }
    .bottom-icons-item img {
        max-height: 25px;
        max-width: 100%;
    }
    .bottom-icons-item span{
    	font-size: 15px;
    	font-weight: 600;
    }
    .bottom-icons-item span b {
        font-size: 10px;
        text-transform: uppercase;
        display: block;
        color: rgba(30, 54, 78, .5);
        font-weight: 600;
        margin-bottom: 5px;
    }
    .faq-page-wrapper .display-4, .about-us-page-wrapper .display-3{
    	font-size: 36px;
    }
    .tab_comp_container{
    	width: 100% !important;
    	overflow-x: auto;
    }
    .ar-add-to-cart{
    	text-align: center;
	    position: fixed;
	    bottom: 64px;
	    padding: 10px;
	    background: #FFF;
	    width: 100%;
	    left: 0;
	    z-index: 1040;
    }
    .ar-add-to-cart button{
    	width: 100%;
    }
    .ar-product-details .col-sm-2{
    	width: 20%;
    }
    .ar-product-details .col-sm-10{
    	width: 80%;
    }
    .home-slider img{
    	object-fit: contain;
    	max-height: 200px;
    }
    .footer-widget .footer-logo,
    .footer-widget .footer-links,
    .footer-widget .logo-right{
    	margin: 0 !important;
    }
    .order-confirmed-bg .thanks-msg{
    	width: 100%;
    	padding: 10px !important;
    }
    .diag_brand_wrapper .col-md-2{
    	max-width: calc(33.33333% - 11px);
    	min-height: 100px;
    }
    .diag_brand_logo {
    	height: 60px;
    }
    .diag_brand_name{
    	font-size: 1rem;
    }
    .diag_model_wrapper .diag_brand_model{
    	width: 33.33333%;
    }
    .diag_product_price .row{
    	flex-direction: column;
    }
    .diag-accordion-section .container{
    	padding: 0;
    }
    .diag_title{
    	margin-bottom: -20px;
    }
	/* Mobile Menu */
	.m_menu {
		display: block;
	}

	.m_menu .accordion .card {
		border: none;
		margin-bottom: 0;
	}

	.m_menu .accordion .card-header {
		background-color: #f8f9fa; /* Light background for headers */
		padding: 0;
	}

	.m_menu .accordion .btn-link {
	    font-weight: bold;
	    color: #333;
	    text-decoration: none;
	    width: 100%;
	    padding: 10px 15px;
	}

	.m_menu .accordion .btn-link img{
		height: 25px;
		width: 25px;
		object-fit: contain;
	}

	.m_menu .accordion .icon-toggle {
		font-size: 1rem;
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
	}

	.m_menu .accordion .btn-link:hover,
	.m_menu .accordion .btn-link:focus {
		text-decoration: none;
		color: #3e90c6; /* Bootstrap primary color */
	}

	.m_menu .accordion .card-body {
		padding: 15px;
	}

	.m_menu .accordion .list-unstyled li {
		margin-bottom: 10px;
	}

	.m_menu .accordion .list-unstyled a {
		color: #555;
		text-decoration: none;
	}

	.m_menu .accordion .list-unstyled a:hover {
		color: #3e90c6;
	}
	.order-confirmed-bg{
		min-height: 400px;
	}
	.home-slider .aiz-carousel{
		max-height: 200px;
	}

	/* Home slider styles */
	.home-slider {
	    max-width: 100%; /* Full width on mobile */
	    max-height: none; /* Remove max-height to allow flexibility */
	    aspect-ratio: 1400 / 380; /* Match image aspect ratio to prevent gaps */
	    overflow: hidden; /* Prevent overflow */
	  }

	  .aiz-carousel .carousel-box {
	    height: auto; /* Allow slide to adjust to image height */
	  }

	  .aiz-carousel .carousel-box .d-block {
	    height: auto !important; /* Override h-180px, h-md-320px, etc. */
	    aspect-ratio: 1400 / 380; /* Ensure container matches image ratio */
	  }

	  .aiz-carousel .carousel-box img {
	    object-fit: contain; /* Show full image without cropping */
	    width: 100%;
	    height: auto; /* Adjust height to maintain aspect ratio */
	    max-height: none; /* Remove height restrictions */
	  }

	  /* Center content and remove gaps */
	  .aiz-carousel .slick-slide {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: auto; /* Allow dynamic height */
	    margin: 0;
	    padding: 0;
	  }
	  .aiz-carousel .slick-arrow{
	  	height: 30px;
	  	width: 30px;
	  	line-height: 30px;
	  }
	  .ar-product-details{
	  	z-index: 1 !important;
	  	top: 0;
	  	align-self: unset;
	  	padding: 10px 0;
	  }
    /* Cart Slider */
    .cart-slider-wrapper{
        width: 95%;
        right: 50%;
        top: 5px;
        transform: translateX(50%);
    }
    .cart-slider-title{
        padding: 0 55px 0 10px;
    }
    .cart-slider-title a{
        display: block;
    }
    .cart-slider-view-cart .continue-shopping{
        display: block;
    }
    /* Screen Protector Search */
    .sps_wrapper{
        height: 260px;
    }
    .sps_search_wrapper{
        flex-wrap: wrap;
        height: 260px;
    }
    .sps_left{
        height: 35%;
        width: 100%;
    }
    .sps_right{
        width: 100%;
    }
    .sps_offer_text{
        top: 45px;
    }
    .ar_cart_icons{
        width: 100%;
        height: auto;
        align-items: flex-start;
    }
    .ar_cart_icon{
        width: 25%;
        height: auto;
        padding: 10px 5px;
        text-align: center;
    }
    .ar_cart_icon img{
        width: 70%;
    }
    .ar_carrier_item{
        flex-direction: column;
        align-items: flex-start !important;
    }

}
/* Mobile Responsive End */


