/*style tag start in header */
.web-background {
   background-color: #fefff9;
   background-image: url(https://sample6.serviceninjas.in/wp-content/uploads/2022/04/WEBSITE_FULL-PAGE_background2-e1651643855211.jpg);
   background-position: left top;
   background-size: auto;
   background-repeat: repeat;
   background-attachment: scroll;
}

.trust-body{
   display: flex;
   justify-content: space-between;
   border-radius: 4px;
   background-color: #ffffff;
}
.trust-body img{
   width: 100px;
   height:100px;
}
.review-card{
   justify-content: space-between;
   border-radius: 4px;
   background-color: #ffffff;
   padding: 30px;
}
.review-btn{
   font-family: "Raleway", Sans-serif;
   font-size: 11px;
   font-weight: 500;
   letter-spacing: 1.5px;
   color: #070707;
   background-color: #E4B85A;
   padding: 10px 10px 10px 15px;
   border-radius: 2px;
}
.text-warning{
   color: #E4B85A!important;
}
.text-white{
   color: #F4F2F2!important;
}
h2{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 24px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 1.5px;
}
.view-all-btn{
   font-family: "Raleway", Sans-serif;
   font-size: 14px;
   font-weight: 500;
   letter-spacing: 1.5px;
   color: #070707;
   background-color: #E4B85A;
   padding: 6px 10px 6px 15px;
   border-radius: 4px;
   border:none;
}

.carousel-indicators {
   position: absolute;
   right: 0;
   bottom: -20px;
   left: 0;
   z-index: 2;
   display: flex;
   justify-content: center;
   padding: 0;
   margin-right: 15%;
   margin-bottom: 1rem;
   margin-left: 15%;
   list-style: none;
}

.carousel-indicators [data-bs-target]{
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 3px;
   height: 3px;
   padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #000000;
   background-clip: padding-box;
   border: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: .8;
   transition: opacity .6s ease;
}

.cus-detail{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 12px!important;
   font-weight: 400!important;
   letter-spacing: 1.4px!important;
}
.media-detail{
   color: #000000;
   font-family: "Raleway", Sans-serif!important;
   font-size: 12px!important;
   font-weight: 400!important;
   letter-spacing: 1.4px;
}

.policy{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 14px!important;
   font-weight: 400 !important;
   letter-spacing: 1px !important;
}
.Trending{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 14px !important;
   font-weight: 400 !important;
   line-height: 17px!important;
   letter-spacing: 1.4px!important;
}
.Trending-detail{
   font-family: "Raleway", Sans-serif;
   font-size: 13px!important;
   font-weight: 400!important;
   white-space: pre-line;
   height: 80px;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
}
.review-h{
   color: #1F1F20;
   font-family: "Raleway", Sans-serif;
   font-size: 18px!important;
   font-weight: 500!important;
   letter-spacing: 0.8px!important;
   white-space: pre-line;
   height: 25px;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
}

.review-b{
   justify-content: space-between;
   white-space: pre-line;
   height: 80px;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
}
.review-g{
   color: #1F1F20;
   font-family: "Spinnaker", Sans-serif;
   font-size: 13px!important;
   font-weight: 500!important;
   letter-spacing: 0.8px!important;
}

#sticky-social-icons-container {
   top: 210px;
   left: 0;
   position: fixed;
   z-index: 999;
   text-align: center;
   width: 70px!important;
 }
 #sticky-social-icons-container ul{
   list-style: none;
 }
 .fab-fa-facebook{
   /* background: #000000; */
   /* background: #ffffff; */
 }
 .left-facebook{
   filter: invert(69%) sepia(72%) saturate(389%) hue-rotate(0deg) brightness(91%) contrast(95%);
 }
 .side-icon .fab-fa-facebook:hover{
   width: 68px!important;
 }



 .carousel-control-prev, .carousel-control-next {
   width: 4%;
 }

 .carousel-control-prev-icon, .carousel-control-next-icon {
   background-color: #000000;
 }


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
      
   img.h-full-banner{
      height:475px!important;
   }

   img.h-D-half-banner{
      height: 475px!important;
   }

   img.h-D-half-banner2nd{
      height: 475px!important;
   }
   #OUR-LOOK-BOOK .col-md-3{
      width: 20%;
      padding-top: 20px;
   }
   #OUR-LOOK-BOOK .col-md-3 img{
      height: 337px;
   }

   #FASHION_FROM_ORNARE_IN_MEDIA .col-md-3{
      width: 20%;
      padding-top: 20px;
   }
   #FASHION_FROM_ORNARE_IN_MEDIA .col-md-3 img{
      height: 157px;
   }

   #icons_trust .col-md-3{
      width: 20%;
      /* padding-top: 20px; */
   }
   #icons_trust .col-md-3 trust-body{
      background-color: #fefff9;
   }
}
/* ============ mobile view ============ */
@media(max-width: 991px){
   img.h-full-banner{
      /* height: 160px!important; */
   }

   img.h-D-half-banner{
      /* height: 160px!important;  */
   }

   #icons_trust .col-md-3{
      padding:10px;
   }
   #icons_trust .col-md-3 trust-body{
      background-color: #fefff9;
   }
}




/* medium and up screens */
@media (min-width: 768px) {
   #multiple_item .carousel-item-end.active,
   #multiple_item .carousel-item-next {
     transform: translateX(33.3333%);
   }
   
   #multiple_item .carousel-item-start.active, 
   #multiple_item .carousel-item-prev {
     transform: translateX(-33.3333%);
   }
}
#multiple_item .carousel-item-end,
#multiple_item .carousel-item-start { 
 transform: translateX(0);
}

@media (max-width:550px) {
   #multiple_item .carousel-item-end.active,
   #multiple_item .carousel-item-next {
     transform: translateX(50%);
   }
   
   #multiple_item .carousel-item-start.active, 
   #multiple_item .carousel-item-prev {
     transform: translateX(-50%);
   }
}

#multiple_item .carousel-item-end,
#multiple_item .carousel-item-start { 
 transform: translateX(0);
}
#multiple_item .carousel-item.active,
#multiple_item .carousel-item-next,
#multiple_item .carousel-item-prev {
   display: flex;
}