/*
Template Name: Art Web
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************product****************/
.product_1r .form-select{
height:50px;
 }
.product_2imi1 ul li a{
width:50px;
height:50px;
font-size:22px;
line-height:48px;
border:2px solid #a81c51;
 }
.product_2imi1 ul li a:hover{
background:#fff;
color:#a81c51!important;
 }
.product_2imi1 {
padding-top:110px;
display:none;
 }
.product_2im1i1{
bottom:-29px;
display:none; 
 }
.prod_main:hover .product_2im1i1{
display:block; 
 }
.prod_main:hover .product_2imi1{
display:block; 
 }
.product_2{
margin-top:30px; 
 }
 
.detail_1r .form-control{
background:#252525!important;
color:#ddd; 
 }
.detail_1r ul li a{
background:#252525;
 }
.detail_1l .carousel-indicators {
bottom: -50px;
}
.detail_1l .carousel-indicators [data-bs-target] {
background-color: #a81c51;
}

.detail_2{
margin-top:60px; 
 }

.detail_2 .nav-tabs  {
border-color:#323131;
}
.detail_2 .nav-tabs  .nav-link.active {
border:none;
border-bottom:1px solid #a81c51;
color:#a81c51;
background:none;
}
.detail_2 .nav-tabs .nav-link {
border-radius:0;
border:none;
padding:0;
padding-bottom:15px;
color:#ddd;
border-bottom:1px solid transparent;
font-size:18px;
}
.detail_2 .nav-tabs .nav-link:hover {
border-bottom:1px solid #a81c51;
color:#a81c51;
}
.home_i ul li i{
font-size:8px; 
 }
.profilei1l{
border:1px solid #323131;
padding:1px; 
 }
.profilei1r{
border:1px solid #323131;
 }
.profilei2 .form-control{
background:#252525!important;
color:#ddd;
height:50px; 
 }
.profilei2 .form_text{
height:120px; 
 }

/*********************product_end****************/


@media screen and (max-width : 767px){
.product_1r{
margin-top:15px; 
 }
.prod_main {
margin-bottom:25px; 
 }

.detail_1r{
margin-top:50px; 
 }
.detail_1r .form-control{
width:65px!important; 
 }
.home_i h4{
text-align:center; 
 }
.home_i h5{
text-align:center; 
 }
.profilei  h5{
text-align:center;  
 }
.profilei  .col_yell{
text-align:center;
display:block;  
 }
.profilei2 .form-control{
margin-bottom:15px; 
 }
.profilei2 h6{
text-align:center; 
 }
.profilei2 h5{
text-align:center; 
 }
.detail_4 {
text-align:center;  
 }
 }


@media (min-width:576px) and (max-width:767px) {

 }
@media (min-width:768px) and (max-width:991px) {
.product_2imi img{
min-height:265px; 
 }
.detail_1l img{
min-height:455px;  
 }

 }

@media (min-width:992px) and (max-width:1200px) {
.product_2imi img{
min-height:265px; 
 }
.detail_1l img{
min-height:455px;  
 }

 }
@media (min-width:1201px) and (max-width:1255px) {

 }

 :root {
    --lightbox: rgb(0 0 0 / 0.75);
    --carousel-text: #fff;
  }
  
  body {
    margin: 1.5rem 0 3.5rem;
  }
  
  @keyframes zoomin {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  }
  
  .gallery-item {
    display: block;
  }
  
  .gallery-item img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s;
  }
  
  .gallery-item:hover img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
  }
  
  .lightbox-modal .modal-content {
    background-color: var(--lightbox);
  }
  
  .lightbox-modal .btn-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    font-size: 1.25rem;
    z-index: 10;
    filter: invert(1) grayscale(100);
  }
  
  .lightbox-modal .modal-body {
    display: flex;
    align-items: center;
    padding: 0;
  }
  
  .lightbox-modal .lightbox-content {
    width: 100%;
  }
  
  .lightbox-modal .carousel-indicators {
    margin-bottom: 0;
  }
  
  .lightbox-modal .carousel-indicators [data-bs-target] {
    background-color: var(--carousel-text) !important;
  }
  
  .lightbox-modal .carousel-inner {
    width: 75%;
  }
  
  .lightbox-modal .carousel-inner img {
    animation: zoomin 10s linear infinite;
  }
  
  .lightbox-modal .carousel-item .carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 2rem;
    background-color: var(--lightbox);
    color: var(--carousel-text) !important;
  }
  
  .lightbox-modal .carousel-control-prev,
  .lightbox-modal .carousel-control-next {
    width: auto;
  }
  
  .lightbox-modal .carousel-control-prev {
    left: 1.25rem;
  }
  
  .lightbox-modal .carousel-control-next {
    right: 1.25rem;
  }
  
  @media (min-width: 1400px) {
    .lightbox-modal .carousel-inner {
      max-width: 60%;
    }
  }
  
  [data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon,
  [data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon {
      filter: none;
  }
  
  .btn-fullscreen-enlarge,
  .btn-fullscreen-exit {
    position: absolute;
    top: 1.25rem;
    right: 3.5rem;
    z-index: 10;
    border: 0;
    background: transparent;
    opacity: .6;
    font-size: 1.25rem;
  }
  
  .bi {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.035em;
    fill: currentcolor;
  }