*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.banner-section img {
  width: 100%;
}
.banner-section .phone{
  display: none;
}
@media(max-width:500px){
  .banner-section .phone{
    display: block;
  }
  .banner-section .desktop{
    display: none;
  }
}
.introduction-headlines {
  padding: 30px 10px;
}
.introduction-heading h1 {
  text-align: center;
  font-weight: 800;
  font-size: 50px;
  
  color: black;
}
.introduction-heading h1 span{
 color: #ff0000;
}
.introduction-heading p {
  text-align: center;
}

@media(max-width:998px){
  .introduction-heading p {
    text-align: justify;
}
}

@media(max-width:500px){
  .introduction-heading h1 {
    font-size: 35px;
  }
  .introduction-heading p{
    text-align: justify;
  }
  .end-with-section {
    padding: 40px 10px !important;
}
}


.paint-explore-slider img {

  width: 100%;
  
  }
  
  .range-img {
  
  padding: 0px 20px;
  
  }
  .arrow11 {
  
  background: linear-gradient(208deg, #f4001a, #5d0000);
  
  padding: 37px 18px;
  
  color: black;
  
  border-radius: 4px;
  
  top: 220px;
  
  right: 2px;
  
  }
  
  .arrow11:after {
  
  font-size: 27px !important;
  
  font-weight: bold;
  
  color:white;
  
  }
  
  .arrow12 {
  
  background: linear-gradient(236deg, #f4001a, #5d0000);
  
  padding: 37px 18px;
  
  color: black;
  
  border-radius: 4px;
  
  top: 220px;
  
  left: 2px;
  
  }
  
  .arrow12:after {
  
  font-size: 27px !important;
  
  font-weight: bold;
  
  color:white;
  
  }
  
  
  
  .transparent tr{
  
    background:transparent !important;
  
  }
  
  .transparent td{
  
    color:white;
  
  }
  
  @media(max-width:1800px){
  
  .arrow11 {
  
  top: 187px !important;
  
  }
  
  .arrow12 {
  
  top: 187px !important;
  
  }
  
  }
  
  @media(max-width:1600px){
  
  .arrow11 {
  
  top: 168px !important;
  
  }
  
  .arrow12 {
  
  top: 168px !important;
  
  }
  
  }
  
  @media(max-width:1400px){
  
  .arrow11 {
  
  top: 143px !important;
  
  }
  
  .arrow12 {
  
  top: 143px !important;
  
  }
  
  }
  
  @media(max-width:1200px){
  
  .arrow11 {
  
  top: 130px !important;
  
  }
  
  .arrow12 {
  
  top: 130px !important;
  
  }
  
  }
  
  @media(max-width:1100px){
  
  .arrow11 {
  
  top: 100px !important;
  
  }
  
  .arrow12 {
  
  top: 100px !important;
  
  }
  
  }
  
  @media(max-width:768px) {
  
  .arrow11 {
  
  top: 80px !important;
  
  }
  
  .arrow12 {
  
  top: 80px !important;
  
  }
  
  .arrow11:after {
  
  font-size: 16px;
  
  }
  
  .arrow12:after {
  
  font-size: 16px;
  
  }
  
  }
  
  @media(max-width:600px) {
  
  .arrow11 {
  
  top: 60px !important;
  
  padding: 26px 13px;
  
  }
  
  .arrow12 {
  
  top: 60px !important;
  
  padding: 26px 13px;
  
  }
  
  }
  
  @media(max-width:500px) {
  
  .arrow11 {
  
  top: 45px !important;
  
  padding: 26px 13px;
  
  }
  
  .arrow12 {
  
  top: 45px !important;
  
  padding: 26px 13px;
  
  }
  
  .arrow11:after {
  
  font-size: 12px !important;
  
  }
  
  .arrow12:after {
  
  font-size: 12px !important;
  
  }
  
  }
  
  @media(max-width:400px) {
  
  .arrow11 {
  
  top: 43px !important;
  
  padding: 20px 13px;
  
  }
  
  .arrow12 {
  
  top: 43px !important;
  
  padding: 20px 13px;
  
  }
  
  .arrow11:after {
  
  font-size: 12px;
  
  }
  
  .arrow12:after {
  
  font-size: 12px;
  
  }
  
  }
  /* benefits-section */
  
  .benefits-section{
  
  background-image: url(../../images/our-services/custom-cut/benefits.jpg);
  
  background-repeat: no-repeat;
  
  background-size: cover;
  
  background-position: center center;
  
  padding: 60px 10px;
  margin: 40px 0px;
  
  background-position: center;
  
  }
  
  .benefits-heding h2{
  
  font-size: 35px;
  
  text-align: center;
  
  color: white;
  
  font-weight: 800;
  
  
  
  }
  
  .benefits-heding h2 span{
  
  color: red;
  
  }
  
  .benefits-heding P{
  
  color: white;
  
  text-align: center;
  
  }
  
  .benefits-colum {
  
  text-align: center;
  
  margin-top: 1rem !important;
  
  padding: 20px;
  
  }
  
  .benefits-colum:hover img{
  
  transform: rotateY(180deg);
  
  transition: .4s ease-in-out;
  
  filter: brightness(1) invert(0);
  
  box-shadow: 0 0 0 12px #fffffffc;
  
  }
  
  .benefits-colum img{
  
  width: 20%;
  
  border-radius: 100px;
  
  transition: .4s ease-in-out;
  
  box-shadow: 0 0 0 12px #ffffff1e;
  
  }
  
  .benefits-colum h6{
  
  color: white;
  
  font-weight: 500;
  
  margin: 20px 0px 10px 0px;
  
  transition: 0.4s;
  
  font-size: 19px;
  
  }
  .benefits-colum .benefits-i {
    border: 3px solid #ffffff4a;
    padding: 24px;
    border-radius: 15px;
    transition: 0.4s;
    height: 200px;
    align-content: center;
}
  .benefits-colum .benefits-i:hover{
    transition: 0.4s;
    border: 3px solid #ffffff;
    margin-top: -10px;
    transform: scale(1.1);
  }
  .benefits-colum h4{
    color: white;
    font-weight: 500;
    font-size: 30px;
    transition: 0.4s;
  
  }
  .benefits-colum .benefits-i:hover h4{
    color: rgb(255, 0, 0);
    transition: 0.4s;
  }
  .benefits-colum:hover h3{
  
  color: white;
  
  }
  
  .benefits-colum p{
  
  color: rgba(255, 255, 255, 0.675);
  
  font-size: 14px;
  
  transition: 0.4s;
  
  }
  
  .benefits-colum:hover p{
  
  color: white;
  
  }

  .bg1{
    background: url(../../images/our-services/custom-cut/1.jpg) , rgba(0, 0, 0, 0.521);
    background-blend-mode: multiply;
  }
  .bg2{
    background: url(../../images/our-services/custom-cut/2.jpg) , rgba(0, 0, 0, 0.521);
    background-blend-mode: multiply;
  }
  .bg3{
    background: url(../../images/our-services/custom-cut/3.jpg) , rgba(0, 0, 0, 0.521);
    background-blend-mode: multiply;
  }
  .bg4{
    background: url(../../images/our-services/custom-cut/4.jpg) , rgba(0, 0, 0, 0.521);
    background-blend-mode: multiply;
  }
  .bg5{
    background: url(../../images/our-services/custom-cut/5.jpg) , rgba(0, 0, 0, 0.521);
    background-blend-mode: multiply;
  }
  .bg6{
    background: url(../../images/our-services/custom-cut/6.jpg) , rgba(0, 0, 0, 0.521);
    background-blend-mode: multiply;
  }
  .bg7{
    background: url(../../images/our-services/custom-cut/7.jpg) , rgba(0, 0, 0, 0.521);
    background-blend-mode: multiply;
  }
  .bg8{
    background: url(../../images/our-services/custom-cut/8.jpg) , rgba(0, 0, 0, 0.521);
    background-blend-mode: multiply;
  }
  
  @media(max-width:1400px){
    .benefits-colum h6{
      
      font-size: 16px;
      
      }
  }
  
  @media(max-width:998px){
  
  .row-1 .benefits-colum{
  
      width: 50%;
  
  }
  
  }
  
  
  
  @media(max-width:768px){
  
  .benefits-heding h2 {
  
      font-size: 25px;
  
  }
  
  .benefits-colum img {
  
      width: 40%;
  
  }
  
  .benefits-colum{
  
      padding: 10px;
  
  }
  
  .benefits-colum h6 {
  
      font-size: 20px;
  
  }
  
  }
  @media (max-width: 768px) {
    .benefits-colum h6 {
        font-size: 17px;
    }

  
}




  

/* end-with section */

.end-with-section{

  padding: 70px 10px ;

}

.end-with-row .end-with-colum1 img{

  width: 100%;

  border: 5px solid red;

  border-radius: 5px;

}

.end-with-row .end-with-colum2{

  align-content: center;

}

.end-with-row .end-with-colum2 h2{

  font-size: 35px;

  text-align: start;

color: black;

font-weight: 800;



}

.end-with-row .end-with-colum2 h2 span{

  color:red

}

.end-with-row .end-with-colum2 p{

  font-size: 15px;

  margin: 20px 0px;

  text-align: justify;



}

.end-with-row .end-with-colum2 button{

  background: red;

padding: 10px 25px;

border-radius: 40px;

transition: 0.4s;

border: 0px solid black;

}

.end-with-row .end-with-colum2 button:hover{

  background: rgb(202, 0, 0);

  transition: 0.4s;

}

.end-with-row .end-with-colum2 button a{

  color: white;

  text-decoration: none;

}



@media(max-width:998px){

  .end-with-row .end-with-colum1{

     width: 100%;

     margin-top: 2rem;

  }

  .end-with-row .end-with-colum2{

     width: 100%;

     

  }

  .end-with-row{

     flex-direction: column-reverse;

  }

  

}

@media(max-width:500px){
  
.end-with-row .end-with-colum2 h2{

  font-size: 30px;


}
}

.main{
  padding-top: 0px;
   margin-bottom: 0rem;
}
.main-button{
  padding: 7px 20px !important;
}


/* end-with section close */



  /* faq section */
/* Default styling */
/* Detail styling */
.details {
  --padding: 10px;
  border: 1px solid #ffffff3b;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  margin: 8px 0px;
}

.details+.details {
  margin-top: 15px;
}

.details__title {
  --width: 15px;
  --height: 2px;
  --radius: 1px;
  --color: currentColor;
  margin: 0;
  padding: var(--padding) calc(var(--width) * 2) var(--padding) var(--padding);
  cursor: pointer;
  transition: all .2s ease-in-out;
  position: relative;
  color: white;
}

.details__title:before,
.details__title:after {
  content: '';
  display: block;
  width: var(--width);
  height: var(--height);
  background-color: var(--color);
  position: absolute;
  border-radius: var(--radius);
  top: calc(50% - (var(--height) / 2));
  right: calc(var(--width) / 2);
  transition: all .2s ease-in-out;
}

.details__title:after {
  rotate: 90deg;
}

.details__container[open] .details__title:before {
  rotate: 45deg;
  /* rotate: 135deg; */
}

.details__container[open] .details__title:after {
  rotate: 135deg;
  /* rotate: 225deg; */
}

.details__container[open] .details__title {
  background-color: #f3f3f3;
}

.details__summary::marker {
  content: '';
}

.details__desc {
  display: grid;
  grid-template-rows: 0fr;
  transition: all .2s ease-in-out;
  overflow: hidden;
  padding-inline: var(--padding);
  pointer-events: none;
}

.details__container[open]+.details__desc {
  grid-template-rows: 1fr;
  padding-block: var(--padding);
}

.details__desc-inner {
  min-height: 0;
}

.section-faq {
  padding: 0px 0px 70px 0px;
}

.details__title {
  font-size: 18px;
  padding: 20px 15px;
}

.heading-faq h3 {
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  color: white;
}

.heading-faq h3 span {
  color: #f4001a;
}

.heading-faq {
  margin-bottom: 1rem;
}

.container-faq {
  background: url(../../images/our-services/custom-cut/benefits.jpg) , rgba(0, 0, 0, 0);
  padding: 70px !important;
  border-radius: 10px;
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
}

.details__desc-inner {
  color: #d3d3d3;
}

.details__container[open] .details__title {
  background-color: #f3f3f300;
}

@media(max-width:997px) {
  .heading-faq h2 {
    font-size: 29px;
  }

  .details__title {
    font-size: 15px;
    padding: 20px 15px;
  }
}

@media(max-width:500px) {
  .heading-faq h2 {
    font-size: 24px;
  }

  .container-faq {
    padding: 60px 20px !important;
  }

  .details__title {
    font-size: 16px;
  }
}

/* faq section CLOSE */