@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

*{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6{margin: 0;}
p{margin: 0;}
ul{margin: 0;padding: 0;}
li{list-style: none;}
a{color: #000;text-decoration: none;}
a:hover{transition: 0.5s;}

/* common css */
.section-spacing{margin-bottom: 80px;}
.heading{color: #FD5900;font-size: 30px;font-weight: 600;margin-bottom: 20px;}
.heading-span{color: #162043;}
.description{color: #000;text-align: justify;font-size: 16px;font-weight: 400;line-height: 30px;margin-bottom: 20px;}
.sub-heading{color: #162043;font-size: 18px;font-weight: 600;}

/* header css */
.header-top{background-color: #F0F0F0;}
.main-menu .common-btn{background-color: #162043;padding: 15px 30px;display: inline-block;}
header{margin-bottom: 5px;}
header nav .header-logo{margin-top: -55px;}
.logoo{display: contents;}
header nav{display: flex;align-items: center;justify-content: space-between;}
.menu{display: flex;align-items: center;column-gap: 40px;padding: 20px 0;}
.menu li a{color: #f58733;font-size: 16px;font-weight: 500;}
.main-menu{display: flex;align-items: center;justify-content: end;column-gap: 40px;}
.main-menu li a{color: #f58733;font-size: 16px;font-weight: 500;}
.toggle {width: 38px;height: 38px;cursor: pointer;right: 0;position: relative;margin-left: 0;z-index: 1;display: none !important;}
.toggle-icon::before,
.toggle-icon::after {content: "";position: absolute;top: 0;right: 0;height: 10%;width: 110%;background: #162043;transition: 0.3s linear;}
.toggle-icon::before {transform: translateX(0);}
.toggle-icon::after {top: 13px;width: 90%;}
.closeMenu .toggle-icon::after {width: 110%;}
/* category section css */
.category-list{display: flex;align-items: center;justify-content: space-between;}
.category-list li{font-size: 20px;font-weight: 600;}
.category-list li a{color: #FFF;}
.category-section{background-color: #162043;padding: 20px 0;}
/* product slider section css */
.slider-product-box{text-align: center;border: 1px solid;padding-bottom: 30px;border-radius: 10px;background: aliceblue;overflow: hidden;}
.slider-product-box img{margin-bottom: 20px;}
.slider-product-box .sub-heading{max-width: 380px;margin: 0 auto 20px;}
.slider-product-box .common-btn{background-color: #162043;padding: 7px 20px;font-size: 16px;color: #FFF;display: inline-block;}
/* enjoy sound secton css */
.enjoy-sound-section{background-image: url(../images/enjoy-soung-bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;padding: 100px 0;}
.enjoy-sound-section .heading{color: #FFF;font-size: 50px;}
.enjoy-sound-content{max-width: 500px;}
.enjoy-sound-content .description{color: #FFF;text-align: inherit;}
/* diffirence section css */
.diffirence-section{background-color: aliceblue;padding: 100px 0;}
.diffirence-box{text-align: center;}
.diffirence-box img{margin-bottom: 20px;}
.diffirence-box .description{text-align: center;}
.image-2{margin-bottom: 20px;}
/* choosing hinges section */
.choosing-hinges-section{background-image: url(../images/choosing-img.png);background-position: center;background-repeat: no-repeat;background-size: cover;padding: 70px 0;}
.choosing-hinges-content .heading,
.choosing-hinges-content .description{color: #FFF;}
.choosing-hinges-content .description{max-width: 700px;}
/* faq section section */
.faq{font-size: 50px;}
.accordion-button:focus {z-index: 3;border-color: transparent;outline: 0;box-shadow: none;}
.accordion-button:not(.collapsed){color: #FFF;background-color: #162043;}
.accordion-button:not(.collapsed)::after {background-image: url(../images/arrow-up.svg);transform: rotate(0);}
.accordion-item{margin-bottom: 0;border: 1px solid #162043;border-radius: 0;margin-bottom: 20px;}
.accordion-item:not(:first-of-type){border-top: 1px solid #162043;}
.accordion-button{font-size: 20px;font-weight: 500;color: #162043;transition: 1s;}
/* call to action css */
.call-to-action{background-image: url(../images/call-action.png);background-position: center;background-repeat: no-repeat;background-size: cover;padding: 150px 0;}
.call-action-content{max-width: 500px;margin-left: auto;}
.call-action-content .heading{color: #FFF;}
.call-action-content .description{color: #FFF;    }
.call-to-action .common-btn{border: 1px solid #FFF;padding: 10px 20px;color: #FFF;display: inline-block;}
/* client testimonial slider section css */
.client-box{background-color: #FFF;border: 1px solid #FD5900;padding: 20px 30px;border-radius: 5px;min-height: 210px;position: relative;}
.client-box .description{text-align: inherit;}
.client-name{font-size: 18px;font-weight: 600;color: #FD5900;position: absolute;bottom: 20px;}
.testimonial-slider .owl-dots{text-align: center;}
.testimonial-slider .owl-dot{background: transparent;height: 10px;width: 10px;margin: 0 5px;border-radius: 10px;border: 1px solid #FD5900 !important;transition: 0.5s;}
.testimonial-slider .owl-dot.active{background-color: #FD5900 !important;padding: 5px !important;}
.testimonial-section{background-color: aliceblue;padding: 70px 0;}
/* footer css */
footer{background-color: aliceblue;padding: 70px 0 50px;}
.footer-link{color: #FD5900;font-weight: 600;margin-bottom: 20px;}
.footer-menu li{margin-bottom: 15px;font-size: 16px;}
.connect{display: block;margin-bottom: 15px;font-size: 16px;}
.mini-footer{background-color: #162043;padding: 20px 0;}
.mini-footer-content .description{text-align: center;margin-bottom: 0;color: #FD5900;font-weight: 600;}
.location:before{content: url(../images/location.svg);}
.phone::before{content: url(../images/phone-call.svg);}
.mail::before{content: url(../images/mail.svg);}
.connect{display: flex;column-gap: 15px;}

/* slide show 9image banner css */
.slide-content{
    position: relative;
    transition: 0.5s;
}
.mySlides {
    display: none;
    transition: 0.5s;
  }
  
  /* Add a pointer when hovering over the thumbnail images */
  .cursor {
    cursor: pointer;
  }
  
  /* Next & previous buttons */
  .prev,
  .next {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 40px;
    width: auto;
    padding: 16px;
    /* margin-top: -50px; */
    color: white;
    font-weight: bold;
    font-size: 20px;
    /* border-radius: 0 3px 3px 0; */
    user-select: none;
    -webkit-user-select: none;
    background-color: #162043;
  }
  
  /* Position the "next button" to the right */
  .next {
    right: 0;
    /* border-radius: 3px 0 0 3px; */
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover,
  .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
    color: #162043;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 12px;
    /* position: absolute;
    top: 0; */
  }
  .content {
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 17%;
    transform: translateY(-50%);
    background: #ffffff90;
    padding: 20px;
}
  
  /* Container for image text */
  .caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
  }
  
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Six columns side by side */
  .column {
    float: left;
    width: 16.66%;
  }
  
  /* Add a transparency effect for thumnbail images */
  .demo {
    opacity: 0.6;
  }
  
  .active,
  .demo:hover {
    opacity: 1;
  }

  /*  */
  .inner-banner{
    background-image: url(../images/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0;
  }
  .inner-banner .title{
    color: #FFF;
    font-weight: 700;
    font-size: 45px;
  }
  .title-span{
    color: #FD5900;
  }
  .inner-banner-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .breadcrumb{
    margin-bottom: 0;
  }
.breadcrumb-item a{
  color: #F0F0F0;
  font-size: 16px;
}
.breadcrumb-item.active{
  color: #FD5900;
  font-size: 16px;
}

.breadcrumb-item+.breadcrumb-item::before{
  color: #FD5900;
}

/*  */
.about-section .sub-heading,
.quality-policy-ssection .sub-heading{
  margin-bottom: 20px;
}
/*  */
.form-group{
  margin-bottom: 30px;
}

label{
  color: #162043;
  font-weight: 500;
  margin-bottom: 8px;
}

.form-control {
  height: 50px;
  padding: 15px;
  border: 1px solid #162043;
}
.textarea{
  height: 100px;
}

.contavt-form form .common-btn{
  background-color: #162043;
  padding: 7px 20px;
  color: #FFF;
  font-weight: 500;
}
/*  */
.product-box{
  background-color: aliceblue;
  padding: 0 0 20px 0;
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid #162043;
}
.product-box img{
  margin-bottom: 20px;
}
.product-box .sub-heading{
  margin-bottom: 15px;
  text-align: center;
}
.product-box .common-btn{
  background-color: #162043;
  padding: 10px 20px;
  color: #FFF;
  font-weight: 500;
}
/*  */
.product-detail-img{
  border: 1px solid #162043;
  padding: 20px;
}

.related-products-link{
  background-color: #162043;
  padding: 20px;
}
.related-products-link li a{
  color: #FFF;
  font-weight: 500;
  font-size: 16px;
}
.related-products-link li{
  margin-bottom: 15px;
}
.related-products-link li:last-child{
  margin-bottom: 0;
}

.related-products .sub-heading{
  background-color: #162043;
  padding: 20px;
  text-align: center;
  font-size: 20px;
  color: #FFF;
  border-bottom: 1px solid #FD5900;
}

/*  */
table{
  width: 100%;
  /* border: 1px solid #162043; */
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  border-color: #162043;
  padding: 10px;
  text-align: center;
}
th{
  color: #FFF;
  background-color: #162043;
  border-color: #FFF;
}
th:first-child{
  border-left: 1px solid #162043;
}

/*  */
.custmise-section .sub-heading{
  margin-bottom: 20px;
}

/*  */
.product-list{
  margin-left: 30px;
}
.product-list li{
  list-style: disc;
  margin-bottom: 15px;
}

.only-content .sub-heading{
  margin-bottom: 20px;
}


/* responsive css tablet screen */
@media (min-width:768px) and (max-width:1199px) {
    .toggle {display: block !important;z-index: 6;top: 10px;}
    .closeMenu .toggle-icon::before {visibility: visible;opacity: 1;top: 0;transition: 0.3s linear;transform: rotate(135deg);background-color: #162043;}
    .closeMenu .toggle-icon::after {top: 0;transition: 0.3s linear;transform: rotate(42deg);background-color: #162043;}
    header nav .main-menu {flex-direction: column;position: absolute;top: 0;left: -100%;height: 100vh;width: 100%;justify-content: center;align-items: center;row-gap: 25px;transition: 0.3s;overflow: hidden;background-color: #d9f3f7;}
     .main-menu li a {color: #162043;font-size: 22px;}
    .main-menu li {padding-left: 0;}
    .main-menu.show-menu {left: 0;z-index: 4;}
    .menu{display: none;}
    header nav .header-logo {margin-top: 0;}
    .main-menu .common-btn{color: #FFF;}
}

/* responsive css mobile screen */
@media (min-width:320px) and (max-width:767px) {
    .description{font-size: 14px;}
    .toggle {display: block !important;z-index: 6;top: 10px;}
    .closeMenu .toggle-icon::before {visibility: visible;opacity: 1;top: 0;transition: 0.3s linear;transform: rotate(135deg);background-color: #162043;}
    .closeMenu .toggle-icon::after {top: 0;transition: 0.3s linear;transform: rotate(42deg);background-color: #162043;}
    .main-menu {flex-direction: column;position: absolute;top: 0;left: -100%;height: 100vh;width: 100%;justify-content: center;align-items: center;row-gap: 25px;transition: 0.3s;overflow: hidden;background-color: #d9f3f7;}
    .main-menu li a {color: #162043;font-size: 22px;}
    .main-menu li {padding-left: 0;}
    .main-menu.show-menu {left: 0;z-index: 4;}
    .menu{display: none;}
    .section-spacing {margin-bottom: 50px;}
    header nav .header-logo {margin-top: 0;max-width: 130px;}
    .main-menu .common-btn{color: #FFF;}
    .category-list li{font-size: 12px;}
    .heading {font-size: 24px;}
    .enjoy-sound-section .heading{font-size: 35px;}
    .enjoy-sound-section{background-position: left;padding: 50px 0;}
    .diffirence-section{padding: 50px 0;}
    .image-1{margin-bottom: 20px;}
    .choosing-hinges-section{padding: 40px 0;}
    .call-to-action{background-position: right;padding: 50px 0;}
    footer{padding: 50px 0 30px;}
    .accordion-button{font-size: 16px;}
    .accordion-body{font-size: 14px;}
    .testimonial-section{padding: 40px 0;}
    .client-name{position: inherit;bottom: 0;}
    .client-box{min-height: auto;}
    .content{
      position: inherit;
      margin-top: 200px;
      margin-bottom: -120px;
    }
    .inner-banner-heading{
      flex-direction: column;
      row-gap: 20px;
    }
    .inner-banner{
      padding: 50px 0;
    }
	.tabel-section{
		overflow-X:scroll;
	}
	.inner-banner .title{
    font-size: 30px;
  }
}
.thank-you-content{
  background-color: #c6efce;
  padding: 40px 40px;
  border-radius: 10px;
}
.thank-you-content .heading{
  text-align: center;
}
.thank-you-content .description{
  text-align: center;
}