

.home-product-slider .slick-slide {
  margin: 30px 10px;
}



/* .faq-accodian .accordion-button:after{
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M12 4V20' stroke='%23ff6821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 20px;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M6 12L18 12' stroke='%23ff6821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

}

.faq-accodian .accordion-button.collapsed :after{
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M12 4V20' stroke='%23ff6821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 20px;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M6 12L18 12' stroke='%23ff6821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

} */

.faq-accodian .accordion-button::before {
  background: #fff !important;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 15px;
  border-radius: 34px;
  z-index: 1;
  content: "";
}
.accordion-button::after {
  z-index: 99;
}
.faq-accodian .accordion-button:not(.collapsed){
  box-shadow: none;
}
.angle-shape { position: relative;
padding-right: 110px !important;}
.angle-shape:after {
  position: absolute;
  right: 0px;
  content: "";
  top: 0px;
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 54px solid #054854;
}

/*------------------about page css start here*/
.title-comn-stip-bg {
position: relative;

}
.title-comn-stip-bg:after{
position: absolute;right: 0;
top: 0;
content: "";
background: url("../images/title-stip-bg.png");
height: 100%; width: 31px;

}
.title-comn-stip-bg:before{
position: absolute;left: 0;
top: 0;
content: "";
background: url("../images/title-stip-bg.png");
height: 100%; width: 31px;

}
.about-us-banner {
 background: url("../images/banner/about-banner-bg.jpg");
 background-size: cover;
 background-position: center center;
 
}

.about-looking-sec {
background: url(../images/show-movie.jpg) no-repeat;
background-size: 40%;
background-position: left center;
background-color: #fff;
}

.about-whychoose-list h3 {
  min-height: 80px;
  display: flex;
  align-items: center;
}

/*------------------about page css end here*/

/*bulk form css start here*/

#bulk-modal .btn-close {
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

#bulk-modal #textBox2::placeholder {color: #fff;}

#bulk-modal .modal-content {
  background: url("../images/bulk-form-bg.jpg");
  background-size:cover;
  background-position:right center;
  
}

#bulk-modal .modal-body { padding-right: 40%; padding-left: 10%;}
#bulk-modal .modal-body .form-control { 
  background:#07060547 !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}


.refresh_captcha { height: 38px;}

#Capa_1 { margin-top: -4px;}
.offcanvas-header .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M10.0303%208.96965C9.73741%208.67676%209.26253%208.67676%208.96964%208.96965C8.67675%209.26255%208.67675%209.73742%208.96964%2010.0303L10.9393%2012L8.96966%2013.9697C8.67677%2014.2625%208.67677%2014.7374%208.96966%2015.0303C9.26255%2015.3232%209.73743%2015.3232%2010.0303%2015.0303L12%2013.0607L13.9696%2015.0303C14.2625%2015.3232%2014.7374%2015.3232%2015.0303%2015.0303C15.3232%2014.7374%2015.3232%2014.2625%2015.0303%2013.9696L13.0606%2012L15.0303%2010.0303C15.3232%209.73744%2015.3232%209.26257%2015.0303%208.96968C14.7374%208.67678%2014.2625%208.67678%2013.9696%208.96968L12%2010.9393L10.0303%208.96965Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2017.9371%206.06294%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25ZM2.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C6.89137%2021.25%202.75%2017.1086%202.75%2012Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  font-size: 30px;
}

/*bulk form css start here*/



/*product detail*/

.settop-bx-slider-content {
  background: #fff;
  /* min-height: 450px; */
  align-items: center;
  display: flex;
  border: 1px solid #ccc;
  overflow: hidden;

}

.settop-bx-slider-thumb .slick-slide {
  min-height: 130px;
  align-items: center;
  display: flex;
}
.settop-bx-slider-thumb .slick-slide {
  background: #ffffff;
  border-radius: 15px;
  padding: 0;
  margin-right: 10px;
  border: 1px solid #ccc;
  overflow: hidden;}
.settop-bx-slider-thumb .slick-slide:last-child { margin-right: 0px;}
.settop-bx-slider-content .slick-next, .settop-bx-slider-content .slick-prev { top: 50%;}
.settop-bx-slider-content .slick-next { right: 20px !important;}
.settop-bx-slider-content .slick-prev { left: 20px !important;}
.rating-stars {
  background: #e6e6e6;
  height: 100%;
}
.star {
  width: 20px;  
  aspect-ratio: 1;
  background: #ffae00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) 
   ); 
  /* or more simple
  clip-path: polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%); 
   */
}

.startest {
  width: 24px; 
  height: 24px; 
  aspect-ratio: 1;
  background: #ffae00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) 
   ); 
  /* or more simple
  clip-path: polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%); 
   */

}
.ready-notification {
  background: #cbf6ff;
  border: 1px solid #1890c6;
  border-radius: 4px;
  max-width: 150px;
  text-align: center;
}

.qty-in {
  border-color: #ccc !important;
}
.add-to-cart-btn {
  background: #5a5a5a;
}
.add-to-cart-btn:focus, .add-to-cart-btn:hover {
  background: #8d8b8b;
}

.bulk-btn { background: #00a80c;}
.contact-info-box-detail { background: #f6f6f6 ;}


.box-detail-nav .nav-link.active, .box-detail-nav .nav-pills .show>.nav-link {
  background: #ff6821;
}

.box-detail-nav .nav-link {
  background: #211d98;
}
.setup-nav-sec {
  position: relative;
  background: #ffeded;
}
.setup-nav-sec:after {
  background: #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 40px;
  content: "";
  right: 0px;
  z-index: -1;
}
.box-detail-nav {max-width: 50%;margin: 0 auto;}

/*product detail*/


/*chhanel pages csss*/

.light-bg-cmn {
background: #feeded;
}


.i-channel-icon-sec {
  display: grid
;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 15px;
  max-height: 467px;
  overflow-y: scroll;
  overflow-x: hidden;
}



/*chhanel pages csss*/


/*commn css */
.indian-bg-red { background:  #ba0000;}
.indian-bg-red:hover, .indian-bg-red:focus { color: #fff;background:  #ba0000;}

/*commn css */


/* Custom Scrollbar Styles */
.scroll-sec::-webkit-scrollbar {
  width: 8px; /* Width of the scrollbar */
}

.scroll-sec::-webkit-scrollbar-track {
  background: #2d3446; /* Background of the scrollbar track */
  border-radius: 10px;
}

.scroll-sec::-webkit-scrollbar-thumb:hover {
  background: #e9edf9; /* Color when hovering over the thumb */
}

/* For Firefox */
.scroll-sec {
  scrollbar-width: thin; /* Thin scrollbar */
  scrollbar-color: #e9edf9 #2d3446; /* Thumb and track colors */
}

/* terms pages*/
.cmn-list-content { padding-left: 17px;}
.cmn-list-content li { list-style: disc;font-size: 16px;
  margin-bottom: 0.8rem;
 
}


/*compare*/
.best-pricing-plan-body .accordion-item { margin-top: 20px;}
.right-table-sec table tr th, .right-table-sec table tr td { min-width: 100px; /* Set a minimum width for each column */
  max-width: 165px; /* Optional: Set maximum width if needed */
  width: 20%; /* Percentage width to keep columns proportional */
  text-align: center;
  word-wrap: break-word; /* Ensure text wraps in each cell */
  overflow: hidden;      /* Hide overflow content */
  text-overflow: ellipsis; /* Show ellipsis if content overflows */
background: #dedede;padding: 5px 10px;}

.right-table-sec table tr td:first-child, .right-table-sec table tr th:first-child, .right-table-sec table tr td:nth-child(3n), .right-table-sec table tr th:nth-child(3n), .right-table-sec table tr td:nth-child(5n), .right-table-sec table tr th:nth-child(5n)  {
  background: #e6e6e6 !important;
}

  .left-table-sec table tr th, .left-table-sec table tr td { min-width: 100px; /* Set a minimum width for each column */
    max-width: 200px; /* Optional: Set maximum width if needed */
    width: 100%; /* Percentage width to keep columns proportional */
    text-align: center;
    word-wrap: break-word; /* Ensure text wraps in each cell */
    overflow: hidden;      /* Hide overflow content */
    text-overflow: ellipsis; /* Show ellipsis if content overflows */
    background: #dedede;
  padding: 5px 10px;}


.fixed-scroll {
position: sticky;
top: 0px;
z-index: 9;
}
.fixed-scroll-left {
  position: sticky;
  left:0px;

  }

  .left-table-sec { width: 25%;}

  .right-table-sec { width: 75%;}
  .best-pricing-plan-body .accordion-header .accordion-button {
    background:#cbcbcb !important;
    color: #000;
    border-radius: 0px !important;
   
}

.best-pricing-plan-body .accordion-header .accordion-button:focus { box-shadow: 0 0;}
.best-pricing-plan-header .left-table-sec table{ height: 100%;}
.table-h table tr th { font-size: 16px;}
.table-h table tr td { font-size: 14px;}

/* terms pages*/








.w-text-placeholder input::placeholder {
  color: #fff !important; 
}

.w-text-placeholder input::-webkit-input-placeholder {
  color: #fff !important; 
}

.w-text-placeholder input::-moz-placeholder {
  color: #fff !important;
}

.w-text-placeholder input:-ms-input-placeholder {
  color: #fff !important; 
}

.w-text-placeholder input:-moz-placeholder {
  color: #fff !important; 
}


.b-text-placeholder input::placeholder {
  color: #000 !important;
}

.b-text-placeholder input::-webkit-input-placeholder {
  color: #000 !important; 
}

.b-text-placeholder input::-moz-placeholder {
  color: #000 !important; 
}

.b-text-placeholder input:-ms-input-placeholder {
  color: #000 !important; 
}

.b-text-placeholder input:-moz-placeholder {
  color: #000 !important; 
}

.custom-bg-payemnt { background: rgb(4,106,56);
  background: -moz-linear-gradient(360deg, rgba(4,106,56,1) 0%, rgba(8,4,141,1) 100%);
  background: -webkit-linear-gradient(360deg, rgba(4,106,56,1) 0%, rgba(8,4,141,1) 100%);
  background: linear-gradient(360deg, rgba(4,106,56,1) 0%, rgba(8,4,141,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#046a38",endColorstr="#08048d",GradientType=1);} 

  .signup-bnr input, .signup-bnr textarea {
    border: 1px solid #cbc7c7;
    background: #ffffff24;
    color: #fff;
}

.s-bg-style {
  border: 1px solid #cbc7c7;
  background: #ffffff24;
  color: #fff;
}


.signup-bnr input:focus {
  border-color: orange;
    outline: 0;
    box-shadow: 0 0;
    color: #fff !important;
    background: #ffffff24;
}


  
/*payment*/



/*responsive css*/
@media screen and (max-width: 991px) {
  .about-looking-sec {
    background:#fff !important;

    }
  
  }
@media screen and (min-width: 991px) {
  
  .commn-secchnl .container {
    max-width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {

  .box-detail-nav .nav-link {
padding: 5px 5px !important;
    font-size: 12px;
}
  

.settop-bx-slider-content, .settop-bx-slider-thumb .slick-slide {
  min-height: auto !important;
}
.box-detail-nav {
  max-width: 100% !important;
}


}

/*responsive css*/

