/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  width: 25%;
  font-size:20px;
  color: #957e55;
}

/* Change background color of buttons on hover */
.tab button:hover {
  --background-color: #ddd;
  --background-color: #957e55;
  color: #fff;
  background-color: #034c77;
  
}

/* Create an active/current tablink class */
.tab button.active {
  --background-color: #ccc;
  background-color: #957e55;
  color: #fff;
  /*background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;*/
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  padding-top: 40px;
  padding-bottom: 30px;
}

.tabcontent span {
  color: #034c77;
  font-size: 16px;
}

.tabcontent h3{
  color: #034c77;
}
.tabcontent h4{
  color: #957e55;
  text-align: left;
  padding-top: 10px;
}
.tabcontent h5{
  color: #957e55;
}

.tabinnercontent{
  color: #957e55;
  padding-top: 40px;
  padding-bottom: 0px;
}
.tabinner{
  color: #034c77;
  padding-top: 40px;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.btn_inquiry_1 {
  display: inline-block;
  padding: 19.5px 42px;
  --background-color: #ff1481;
  --background-color: #957e55;
  background-color: #034c77;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  margin-top: 44px;
  border-radius: 50px;
  font-weight: 500;
  --box-shadow: 0px 10px 30px 0px rgba(190, 0, 88, 0.35);
  box-shadow: 0px 12px 20px 0px rgba(255, 126, 95, 0.15);
}

/* line 38, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_button.scss */
.btn_inquiry_1:hover {
  color: #fff !important;
  box-shadow: 0px 10px 30px rgba(190, 0, 88, 0.5);
}

@media (max-width: 576px) {
  /* line 24, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_button.scss */
  .btn_inquiry_1 {
    padding: 14px 30px;
    margin-top: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 24, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_button.scss */
  .btn_inquiry_1 {
    padding: 14px 30px;
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 24, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_button.scss */
  .btn_inquiry_1 {
    padding: 14px 30px;
    margin-top: 30px;
  }
}

/* line 60, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_button.scss */
.btn_inquiry_2 {
  display: inline-block;
  padding: 19.5px 42px;
  box-shadow: 0px 12px 20px 0px rgba(255, 126, 95, 0.15);
  font-size: 14px;
  color: #FFF;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50px;
  margin-top: 50px;
  background-size: 300% 100%;
  background-color: #957e55;
}

/* line 72, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_button.scss */
.btn_inquiry_2:hover {
  color: #fff !important;
  background-size: 100% 100%;
  background-color: #034c77
}

@media (max-width: 576px) {
  /* line 60, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_button.scss */
  .btn_inquiry_2 {
    padding: 14px 30px;
    margin-top: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 60, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_button.scss */
  .btn_inquiry_2 {
    padding: 14px 30px;
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 60, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_button.scss */
  .btn_inquiry_2 {
    padding: 14px 30px;
    margin-top: 30px;
  }
}

.aboutcompany{
margin-top: 50px;	
}
.tabcompany {
  overflow: hidden;
  --border: 1px solid #ccc;
  background-color: #fff;
  position: relative;
  padding-top: 25px;
}

/* Style the buttons that are used to open the tab content */
.tabcompany button {
  background-color: inherit;
  --float: left;
  float: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  width: 100%;
  font-size:18px;
  color: #957e55;
  text-align: left;
  text-transform: uppercase;
}

/* Change background color of buttons on hover */
.tabcompany button:hover {
  --background-color: #ddd;
  --background-color: #957e55;
  color: #fff;
  background-color: #034c77;
  
}
.tabcompanycontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  padding-top: 40px;
  padding-bottom: 30px;
}

.tabcompanycontent p{
  padding-top: 5px;
  padding-bottom: 5px;
}
.tabcompanycontent span{
  font-size: 16px;
}

.tabwax {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tabwax button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  width: 50%;
  font-size:20px;
  color: #957e55;
}

.tabwax button:hover {
  --background-color: #ddd;
  --background-color: #957e55;
  color: #fff;
  background-color: #034c77;
  
}

/* Create an active/current tablink class */
.tabwax button.active {
  --background-color: #ccc;
  background-color: #957e55;
  color: #fff;
  /*background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;*/
}