/* GENERAL */
*
{
    padding:0;
    margin:0;
    font-family:Cambria,sans-serif;
}
.divider
{
    width:100px;
    height:1px;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 35px;
  width: 35px;
  background-color: #444;
  border-radius:50%;
}

.carousel-control-prev {
  left: 0;
  margin-left:15px;
}

.carousel-control-next {
  right: 0;
  margin-right:15px;
}
.my-video {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 0 6px #737373;
  }

a
{
    text-decoration:none;
}
h1,h2,h3,h4,h5,h6
{
    font-weight: bold;
}
.more
  {
    margin-top:20px;
    color:aliceblue;
    text-align: end;
    transition:all 0.3s ease-in 0s;
  }
.more:hover
{
    color:cornsilk;
}

/* NAV */

nav
{
    background-color: #d9d9d9;
    border-bottom: 2px solid #fff;
}
nav a img
{
    width:70px;
}
nav #branding-container
{
    margin:0 auto;
}
.navbar-nav a
{
    margin-right:30px;
    display: block;
    width:120px;
    text-align: center;
}
.nav-link
{
    color:#000 !important;
}

/* MAIN IMAGE */

#main-image
{
    background-color:#fff;
    background-size: cover;
    text-align: center;
    padding: 50px 0 0;
    margin-bottom: 30px;
}
#main-image img
{
    width:60%;

}

/* CATEGORIES */

#categories
{
    text-align: center;
    margin-bottom:30px;
}
#categories h1
{
    margin-top:70px;
    text-transform: uppercase;

}
#categories .divider
{
    background-color: #444;
    margin:20px auto;
}
#categories a h5
{
    color:#444;
}
#categories a h5:hover
{
    color:#000;
}
#categories .card
{
    margin:20px 0;
}
#categories .card-title
{
    text-align: start;
    padding-top:70px;
}
#categories .card
{
    transition: transform 0.5s ease;
}
#categories .card:hover
{
    transform: scale(1.02);    
}

/* BESTSELLERS */

#bestsellers
{
    text-align: center;
    margin-bottom:30px;
}
#bestsellers h1
{
    margin-top:70px;
    text-transform: uppercase;

}
#bestsellers .divider
{
    background-color: #444;
    margin:40px auto 80px;
}
#bestsellers .card
{
    margin-bottom:30px;
}
#bestsellers .card
{
    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#bestsellers .card:hover
{
    transform: scale(1.01);   
}

#bestsellers a
{
    color:#000;
}

/* TABLETS & SMARTPHONES */

#tablets-smartphones
{
    text-align: center;
    padding-bottom:30px;
    background: linear-gradient(#fff, #737373);
}
#tablets-smartphones .divider
{
    background-color: #444;
    margin:40px auto 30px;
}
#tablets-smartphones-left
{
    padding-top:70px;

}
#tablets-smartphones-left img
{
    width:80%;
    height:auto;
    margin:0 auto;
}
#tablets-smartphones-left a
{
    color:#000;
}
#tablets-smartphones-left a p:nth-child(3)
{
    margin-bottom: 70px;
}
#tablets-smartphones-carousel
{
    position:relative;
}
#tablets-smartphones-carousel img
{
    border:1px solid #d9d9d9;
    border-radius:10px;
    box-shadow: 0px 0px 1px #d9d9d9;
}

#tablets-smartphones-carousel .carousel-indicators input
{
    width:35px;
    height:10px;
}

#s23-text h1
{
    padding:10px 0 0 15px;
    text-align: start;
    float:left;
}
#s23-text p
{
    float:right;
    padding:12px 15px 0 0;
}
#s23-text h6
{
    text-align: center;
    /* margin-top:50px;
    padding:50px; */
    position:absolute;
    bottom:50px;
    /* left:70px; */
    padding-left:70px;
}
#pixel-6a-text h1
{
    float:right;
    padding-right: 30px;
    color:#fff;
    padding-top:30px;
}
#pixel-6a-text p
{
    padding-top:30px;
    color:antiquewhite;
}


#pixel-6a-text h6
{
    position: absolute;
    bottom:50px;
    right:20px;
    text-align: end;
    color:#fff;
}
#iphone14 h2
{
    float:left;
    position:absolute;
    bottom:20%;
    margin-left:10px;
}
#iphone14 h6
{
    float:left;
    padding-top:10%;
    padding-left:10%;
}
#iphone14 p
{
    float:left;
    clear: both;
    padding-top:1%;
    padding-left:10%;
}
#samnsung-tab
{
    color:#fff;
}
#samnsung-tab a
{
    color:#fff;
    display:block;
    border:1px solid #d9d9d9;
    width:130px;
    height:30px;
    margin: 0 auto;
    transition: all 0.5s ease-in;
}
#samnsung-tab a:hover
{
    background-color: #fff;
    color:#000;
}
#samnsung-tab a h6
{
    line-height: 30px;
}
#samnsung-tab h1
{
    margin-top:30px;
    margin-bottom:10px;
}
#samnsung-tab p
{
    position:absolute;
    bottom:20%;
    width: 100%;
}
#ipad
{
    color:#fff;   
}
#ipad a
{
    color:#fff;
    display:block;
    border:1px solid #d9d9d9;
    width:130px;
    height:30px;
    margin: 0 auto;
    transition: all 0.5s ease-in;
}
#ipad a:hover
{
    background-color: #fff;
    color:#000;
}
#ipad a h6
{
    line-height: 30px;
}
#ipad h1
{
    margin-top:30px;
    margin-bottom:10px;
}
#ipad p
{
    position:absolute;
    bottom:15%;
    width: 100%;
}

/* JEUX VIDEO */

#games
{
    text-align: center;
    background: linear-gradient(#000,#737373);
    padding-bottom:30px;
}
#games h1
{
    text-transform: uppercase;
    color:#fff;
    padding-top:50px;
}
#games .divider
{
    background-color: #d9d9d9;
    margin:40px auto 30px;
}
#games .card
{
    margin-bottom: 20px;
}
#games .card a
{
    color:#fff;
}
.zoom-effect {
    transition: transform 0.3s; /* Specifies the transition duration */
}

.zoom-effect:hover {
    transform: scale(1.02); /* Applies the zoom effect */
}
  
/* .video-container {
    width: 100%;
    width: 67%;
    max-width: 800px;
    max-width: 67%;
    margin: 0 auto;
  } */
  
  
/* HOME APPLIANCE */

#home-appliance
{
    text-align: center;
    background: linear-gradient(#444, #343b59);
    padding-bottom: 30px;
}
#home-appliance h1
{
    text-transform:uppercase;
    padding:30px 0 20px;
    color:#fff;
}
#home-appliance .divider
{
    background-color:#fff;
    margin: 0 auto 50px;
}
#home-appliance-right
{
    margin-top:4%;
    padding-left:4%;
}
#home-appliance-carousel a
{
    color:#fff;
}
#kitchen-text
{
    text-align: start;
    position: absolute;
    left:20%;
    top:40%;
}
#refrigerator-text
{
    text-align: start;
    position: absolute;
    left:20%;
    top:40%;   
}
#washer-text
{
    text-align: end;
    position: absolute;
    right:20%;
    top:40%;   
}
#microwave-text h5
{
    position: relative;
    top:8%;
}
#microwave-text p
{
    position: absolute;
    bottom:15%;
    left:46%;
}
#home-appliance-right-1
{
    padding-bottom:15px;
}
#home-appliance-right-2
{
    padding-bottom:15px;
}

/* TV & VIDEO */

#tv-video
{
    text-align: center;
    background: linear-gradient(#000, #444);
    padding-bottom: 50px;
}
#tv-video h1
{
    padding-top:30px;
    color:#fff;
}
#tv-video .divider
{
    background-color: #fff;
    margin: 30px auto;
}
#tv-video .card
{
    margin-bottom: 20px;
}
#tv-video .card a
{
    color:burlywood;
}
#tv-video .card a:hover
{
    color:darkslategrey;
}

/* AUDI0 & HI-FI */

#audio-hifi
{
    background-color: darkgray;
    padding-bottom: 50px;
}
#audio-hifi h1
{
    text-align: center;
    padding-top: 30px;
}
#audio-hifi .divider
{
    background-color: #444;
    margin: 30px auto;
}
#audio-hifi .card
{
    margin-bottom: 20px; 
}
#audio-hifi .card a
{
    color:burlywood;
}
#audio-hifi .card a:hover
{
    color:darkslategrey;
}

/* COMPUTER */

#computer
{
    background-color: #eee;
    padding-bottom: 50px;
}
#computer h1
{
    text-align: center;
    padding-top: 30px;
    color:#444;
}
#computer-card1
{
    margin-bottom: 30px;
}
#computer-carousel1 .carousel-indicators
{
    position:absolute;
    bottom:20%;
}
#computer-carousel2 .carousel-indicators
{
    position:absolute;
    bottom:20%;
}

#computer .divider
{
    background-color: #444;
    margin: 30px auto;
}
#computer .col-6
{
    padding: 0 30px;
}
#computer .card-img-overlay p
{
    text-align: center;
    position:absolute;
    bottom:30%;
    left:50%;
    transform: translate(-50%, -50%);
} 
#computer .card a
{
    color:burlywood;
    transition: all 0.2s ease-in 0s;
}
#computer .card a:hover
{
    color:darkslategrey;
}
#computer .more
{
    color:#444;
    display: block;
}
#computer .more:hover
{
    color:darkslateblue;
}

/* PHOTO & CAMERA */

#photo
{
    background-color: #4a3f3f;
    position: relative;
    padding-bottom: 50px;
    /* height:700px; */
}
#photo h1
{
    text-align: center;
    text-transform:uppercase;
    padding-top:30px;
    color:#fff;
}
#photo .divider
{
    background-color: #fff;
    margin: 30px auto; 
}
.my-video2 {
    width: 100%;
    height: auto;
    border: 1px solid #4a3f3f;
    border-radius: 5px;
  }
#photo .video-container
{
    margin: 0 auto;
}
#photo p
{
    text-align: center;
}
#photo .img-photo-container1
{
    width:20%;
    height:auto;
    position: absolute;
    bottom:10px;
    left:20px;
    transition: 0.2s ease-in;
}
#photo .img-photo-container1:hover
{
    transform:scale(1.005);
}
#photo .img-photo-container2
{
    width:25%;
    height:auto;
    position: absolute;
    right:10px;
    top:80px;
    overflow: hidden;
    transition: 0.2s ease-in;
}
#photo .img-photo-container2:hover
{
    transform:scale(1.003);
}
#photo .img-photo-container3
{
    width:25%;
    height:auto;
    position: absolute;
    top:30px;
    overflow: hidden;
    transition: 0.2s ease-in;
}
#photo .img-photo-container3:hover
{
    transform:scale(1.003);
}
#photo .img-photo-container4
{
    width:20%;
    height:auto;
    position: absolute;
    bottom:20px;
    right:30px;
    overflow: hidden;
    transition: 0.2s ease-out;
}
#photo .img-photo-container4:hover
{
    transform:scale(1.003);
}


/* FOOTER */

footer
{
    background-color: #000;
    color:#fff;
    padding-top:30px;
}
footer input
{
    height:50px;
    width:100%;
    margin:10px auto;
    /* margin-right: 70px; */
}
footer #social-media a
{
    color:#ccc;
    font-size:30px;
    transition: all 0.5s ease-out 0s;
    margin-right:10px;
}
footer #social-media a:hover
{
    color:#fff;
}
#social-media
{
    padding:30px 0;
    border-bottom: 1px solid #737373;
}
#links
{
    padding: 20px 0;
    border-bottom: 1px solid #737373;
}
#links .col-md-4
{
    margin:0 auto;
}
#links a
{
    color:#ccc;
    transition: all 0.5s ease-out 0s;
    display: block;
    width:50%;
}
#links a:hover
{
    color:#fff;
}
#last-img-container
{
    width:30%;
    margin: 0 auto;
    text-align: center;
}
#last p
{
    padding-top:50px;
    text-align: center;
}
#button-home .bi-arrow-up-circle-fill
{
    font-size: 30px;
    position: fixed;
    bottom:30px;
    right:30px;
    color:cadetblue;
    transition: all 0.2s ease-out 0s;
}
#button-home .bi-arrow-up-circle-fill:hover
{
    color: rgba(95,158,160,0.8);
}