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

:root {
  --main-clr: #bf4738;
  --sec-clr: #1fa79d;
  --sub-head: 22px;
  --main-head: 45px;
  --mid-head: 30px;
  --big-head: 30px;
  --item-head: 16px;
  --slide-head: 20px;
  --extra-head: 24px;

  --para-head: 15px;
  --padding: 7vw;
  --link-head: 16px;
  --normal-font: 18px;
  --vert-pad: 3rem;
}
*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}

a {
  color: inherit;
  text-decoration: none !important;
}

body {
  font-family: 'Montserrat', sans-serif;
  /* display: flex; */
  /* flex-direction: column; */
}

button:focus {
  outline: none;
}
input,
textarea,
button {
  font-family: inherit;
}
a,
button {
  color: inherit;
  text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
  line-height: auto;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* header */
.head {
  /* max-width: 1440px; */
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 90px;
  position: fixed;
  z-index: 20;
  background-color: white;
  transition: all 300ms;
}

.head-contain {
  display: flex;
  width: 100%;
  align-items: end;
  justify-content: space-between;
  /* padding: 0 var(--padding); */
  /* padding-bottom: 10px; */
  height: 90px;
  align-items: center;
  transition: all 300ms;
}
.head-list {
  display: flex;
  /* padding-bottom: 10px; */
  margin-left: auto;
  gap: 2rem;
}
.logo {
  /* padding-bottom: 10px; */
  min-width: 350px;
  transition: all 300ms;
}
.logo img {
  max-width: 300px;
  /* max-height: 102px; */
  width: 100%;
  height: 100%;
}

.head-list li a:hover {
  color: var(--main-clr);
  transition: all 100ms;
}
.head-list li a {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 100ms;
}
.head-list .drpd-menu > a {
  display: flex;
  align-items: center;
}
.head-list .drpd-menu > a::after {
  content: url('https://api.iconify.design/mingcute/down-line.svg');
  padding-top: 4px;
}
.drpd-menu {
  position: relative;
}
.head-list li:hover .sub-menu {
  visibility: visible;
}

.m-list .sub-menu a,
.foot-links .sub-menu a,
.head-list .sub-menu a {
  width: 100%;
  display: inline-block;
}
.foot-links .sub-menu {
  display: none;
}
.m-list .sub-menu {
  background-color: white;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-bottom: 0;
}
.head-list .sub-menu {
  position: absolute;
  visibility: hidden;
  background-color: white;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 5px;
  box-shadow: 1px 3px 10px 0px rgb(91 91 91 / 39%);
}
.hambtn {
  display: none;
}

.dropdown {
  /* padding-bottom: 10px; */
}
.dropdown a {
  font-size: var(--normal-font);
  font-weight: 500;
}
/* header end */

/* Mobile */
.mobile.m-show {
  top: 90px;
  visibility: visible;
}
.mobile {
  visibility: hidden;
  position: fixed;
  z-index: 10;
  top: -100%;
  right: 0;
  width: 100%;
  text-align: left;
  padding: 2rem;
  /* height: 100vh; */
  background-color: white;
  transition: all 300ms;
}
.m-list li a:hover {
  color: var(--main-clr);
  transition: all 100ms;
}
.m-list a {
  font-size: var(--normal-font);
  font-weight: 500;
}
.m-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#nav-icon1 {
  display: none;
  width: 30px;
  height: 24px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  /* bottom: 10px; */
  margin-left: 30px;
}
#nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #e8a645;
  background: black;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/* Mobile end */

/* footer */
footer {
  background-color: #51626c;
  width: 100%;
  display: flex;
  justify-content: center;
}
.foot {
  padding: var(--vert-pad) 0;
  display: flex;
  color: white;
  gap: 1rem;
  align-items: flex-start;
}
.foot-logo img {
  max-width: 300px;
  width: 100%;
  height: 100%;
  padding-right: 30px;
}
.f-item {
  width: 25%;
}
.foot .f-item:nth-child(3) {
  width: 40%;
  padding-right: 3rem;
}
.foot .f-item:nth-child(2) {
  width: 25%;
}

.foot-links li {
  width: calc(50% - 0.5rem);
  height: fit-content;
}
/* .foot-links li:nth-child(1) {
  width: 100%;
} */
.foot-links-container h3 {
  font-size: var(--link-head);
  margin-bottom: 0.5rem;
  text-wrap: nowrap;
}
.foot-links li a {
  font-size: 14px;
}

.foot-links-container {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /* padding-right: 2rem; */
  /* max-width: 200px; */
}
.foot-links {
  row-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 1rem;
}

.foot-location h3 {
  font-size: var(--link-head);
  margin-bottom: 0.5rem;
}
.foot-location {
}
.foot-contacts {
}
.foot-contacts > h3 {
  font-size: var(--link-head);
  margin-bottom: 0.5rem;
}

.fl-right p {
  font-size: 14px;
}
.fl-left .iconify {
  font-size: var(--para-head);
}
.fl-item {
  display: flex;
  gap: 0.5rem;
  /* margin-bottom: 2rem; */
}
.fc-item h4,
.fc-item a {
  font-size: 14px;
}
.fc-item {
  display: flex;
  gap: 0.5rem;
}
.fc-right {
  display: flex;
  flex-direction: column;
}
.f-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.fc-icon .iconify {
  color: #51626c;
  transition: all 300ms;
}
.fc-icon:hover {
  background-color: rgb(95, 95, 95);
}
.fc-icon:hover .iconify {
  color: white;
}
.fc-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
  transition: all 300ms;
}
.line {
  align-items: center;
}
.copy-right {
  display: none;
}
.copy-right h6 {
  color: white;
  font-weight: 300;
  font-size: 13px;
  text-align: right;
  padding-right: 2rem;
  padding-bottom: 1rem;
}
/* footer end */

/* home main */
/* home main */
.home-main {
  position: relative;
  /* height: 100vh; */
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  color: #231f20;
  align-items: center;
  padding-top: 100px;
}
.home-main img {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
  top: 0;
  left: 0;
  z-index: -1;
}
.home-det {
  height: 100%;
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  top: 0;
  /* left: 0; */
  padding-top: 100px;
}
.home-det h4 {
  font-size: var(--extra-head);
}
.home-det h1 {
  font-size: var(--main-head);
  font-weight: 500;
  max-width: 70%;
}
.home-det h3 {
  font-size: var(--extra-head);
  max-width: 800px;
  /* font-weight: 500; */
}
.home-det button:hover {
  background: var(--sec-clr);
  box-shadow: 3px 3px 20px 2px rgba(0, 0, 0, 0.267);
}
.home-det button {
  background: var(--main-clr);
  width: fit-content;
  color: white;
  padding: 10px 40px;
  border-radius: 30px;
  font-size: var(--item-head);
  margin-top: 2rem;
  transition: all 200ms;
  border: none;
  outline: transparent;
}
.home-about {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: var(--vert-pad) 0;
}
.home-about-contain {
  display: flex;
  padding: 1rem 0;
  align-items: center;
  gap: 1rem;
}

.ha-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 50%;
}
.ha-left h4 {
  font-size: var(--big-head);
  font-weight: 400;
  color: var(--main-clr);
}
.ha-left h3 {
  font-size: var(--mid-head);
  font-weight: 500;
}
.ha-left p {
  color: #50626c;
  font-size: var(--normal-font);
  max-width: 800px;
  font-weight: 500;
}
.ha-left a:hover {
  background-color: var(--main-clr);
  box-shadow: 3px 3px 20px 2px rgba(0, 0, 0, 0.267);
}
.ha-left a {
  background-color: #1fa79d;
  color: white;
  width: fit-content;
  padding: 10px 30px;
  border-radius: 30px;
  font-size: var(--item-head);
  font-weight: 400;
  transition: all 200ms;
}
.ha-right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ha-right img {
  max-height: 500px;

  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home-product {
  width: 100%;
  padding: var(--vert-pad) 0;
  background: #f0f1f1;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home-product > a:hover {
  background-color: var(--main-clr);
  box-shadow: 3px 3px 20px 2px rgba(0, 0, 0, 0.267);
}
.home-product > a {
  background-color: #1fa79d;
  color: white;
  width: fit-content;
  padding: 10px 30px;
  border-radius: 30px;
  font-size: var(--item-head);
  font-weight: 400;
  margin-top: 2rem;
  text-align: center;
  transition: all 200ms;
}
.home-product > h3 {
  font-size: var(--big-head);
  font-weight: 400;
  color: var(--main-clr);
  margin-bottom: 1rem;
}
.hpr-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3rem;
  row-gap: 3rem;
  margin: 40px 0;
  flex-wrap: wrap;
  padding-left: 40px !important;
}
.hpr-item {
  display: flex;
  background: #fff;
  max-height: 140px;
  align-items: center;
  /* max-width: 400px; */
  /* margin-left: 20px; */
  border-radius: 30px;
  padding: 1rem 0;
  padding-right: 1rem;
}
.hpr-left {
  background: var(--main-clr);
  width: 150px;
  min-width: 150px;
  height: 150px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: -25px;
}
.hpr-item:hover .hpr-left img {
  transform: rotate(360deg);
}
.hpr-left img {
  width: 100%;
  height: 100%;
  max-height: 120px;
  transition: all ease-in-out 300ms;
}

.hpr-right {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.hpr-right h3 {
  font-size: var(--slide-head);
  font-weight: 600;
  color: #50626c;
  margin-bottom: 5px;
}
.hpr-right p {
  color: #50626c;
  font-size: var(--normal-font);
  font-weight: 500;
}
.home-principals {
  padding: var(--vert-pad) 0;
  display: flex;
  justify-content: center;
}
.home-principals h3 {
  font-size: var(--big-head);
  font-weight: 400;
  color: var(--main-clr);
  text-align: center;
  margin-bottom: 1rem;
}
.h-c-contain {
  position: relative;
}
.hp-group {
  padding: 0 2rem;
}
.custom-snav2,
.custom-snav3,
.custom-snav {
  position: absolute;
  width: 100%;
  height: 100%;
}
.custom-snav2,
.custom-snav,
.custom-snav3 {
  display: flex;
  justify-content: space-between;
}
.custom-snav3 button svg,
.custom-snav2 button svg {
  font-size: var(--sub-head);
}
.custom-snav button svg {
  font-size: var(--sub-head);
}
.custom-snav3 button,
.custom-snav2 button,
.custom-snav button {
  background-color: transparent;
  border: none;
  z-index: 2;
}
.hp-item .hpi-logo {
  width: 180px;
  height: 100px; 
}
.hp-item.clients-n .hpi-logo{
  width: unset;
}
.hp-item img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.hp-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  gap: 0.5rem;
}

.home-clients {
  padding: var(--vert-pad) 0;
  background: #f0f1f1;
  width: 100%;
  display: flex;
  justify-content: center;
}
.home-clients h3 {
  font-size: var(--big-head);
  font-weight: 400;
  text-align: center;
  color: #50626c;
  margin-bottom: 1rem;
}
.home-news {
  padding: var(--vert-pad) 0;
  display: flex;
  justify-content: center;
}
.home-news-contain {
  max-width: 1440px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.home-news-contain > h3 {
  font-size: var(--big-head);
  font-weight: 400;
  color: var(--main-clr);
  text-align: center;
  margin-bottom: 2rem;
}

.hn-group {
}
.hnews-item {
  display: flex;
  background: #d5ecf1;
  padding: 20px;
  border-radius: 15px;
  align-items: center;
  gap: 2rem;
}
.hnews-left {
  width: 50%;
}
.hnews-left img {
  width: 100%;
  height: 100%;
  min-height: 250px;
  max-height: 250px;
  object-fit: cover;
  border-radius: 20px;
}
.hnews-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.hnews-right h3 {
  font-size: var(--extra-head);
  font-weight: 600;
  color: var(--main-clr);
}
.hnews-right p {
  color: #50626c;
  font-size: var(--normal-font);
  font-weight: 500;
}
.hnews-right a:hover {
  color: var(--main-clr);
}
.hnews-right a {
  color: #50626c;
  font-size: var(--normal-font);
  margin-left: auto;
  /* margin-top: 3rem; */
}
.hnews-group {
  padding: 0 40px;
}
/* home main */
/* home main */

/* product catalogue*/
/* product catalogue*/
/* product catalogue*/
.small-home {
  /* height: 55vh; */
  /* min-height: 450px; */
  position: relative;
  /* padding: 3rem 0; */
  /* padding-top: 150px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
}
.small-home img {
  /* position: absolute; */
  /* left: 0; */
  /* top: 90px; */
  padding-top: 90px;
  max-height: 600px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top right;
  z-index: -1;
}
.small-home h3 {
  font-size: var(--main-head);
  font-weight: 500;
}
.small-home p {
  font-size: var(--extra-head);
  max-width: 70%;
}
.pro-cat {
  padding: var(--vert-pad) 0;
  display: flex;
  justify-content: center;
}
.accordion-button::after {
  background: url('https://api.iconify.design/ph/caret-down-fill.svg?color=white')
    no-repeat center center / contain;
}
.accordion-button:not(.collapsed)::after {
  background: url('https://api.iconify.design/ph/caret-down-fill.svg?color=white')
    no-repeat center center / contain;
}
.accordion-flush .accordion-item {
  border: none;
}
.accordion-flush .accordion-item .accordion-button.collapsed {
  background: #1fa79d;
  border-radius: 10px;
}
.accordion {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.accordion-flush .accordion-item .accordion-button {
  background: #1fa79d;
  border-radius: 10px 10px 0px 0px;
  outline: none;
  border: none;
}
.accordion-flush .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.accordion-body {
  border: 1px solid #1fa79d;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.accordion-button::after {
  position: absolute;
  right: 20px;
}
.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  display: flex;
  justify-content: center;
  color: white;
  font-size: 20px;
  font-weight: 400;
}

.product-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* background-color: #1fa79d; */
  grid-gap: 1px;
}
.product-item {
  position: relative;
  min-height: 350px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 1rem;
}
.p-item-contain {
  padding: 20px;
  background: white;
}
.product-item img {
  padding-bottom: 1rem;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: contain;
  top: 0;
  left: 0;
}
.product-item a:hover {
  background-color: var(--sec-clr);
  box-shadow: 3px 3px 20px 2px rgba(0, 0, 0, 0.267);
}
.product-item a {
  background: var(--main-clr);
  width: fit-content;
  color: white;
  padding: 10px 40px;
  border-radius: 30px;
  font-size: var(--item-head);
  min-width: 200px;
  text-align: center;
  transition: all 200ms;
}
/* product catalogue*/
/* product catalogue*/
/* product catalogue*/

/* contact */

.contact-main > h3 {
  color: var(--main-clr);
  font-size: var(--mid-head);
  font-weight: 400;
  text-align: center;
  margin-bottom: 2rem;
}
.contact-main {
  padding: var(--vert-pad) 0;
  display: flex;
  justify-content: center;
}
.cm-group {
  display: flex;
  gap: 3rem;
}
.cmg-left {
  width: 60%;
  background: #f7f7f7;
  border-radius: 10px;
  padding: 2rem;
}
.cmg-right {
  width: 40%;
}
.cmg-left h3 {
  color: var(--main-clr);
  font-size: var(--mid-head);
  font-weight: 400;
  margin-bottom: 1rem;
  /* text-align: center; */
  margin-bottom: 2rem;
}
.cmg-left .c-input {
}
.cmg-left .c-input {
  display: flex;
  gap: 5px;
}

.cmg-left form {
  display: flex;
  column-gap: 1rem;
  row-gap: 1rem;
  place-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
/* .cmg-left form  input {
  width: 100%;
} */
.cmg-left form span {
  width: 100%;
}
.cmg-left form .c-input input {
  width: 100%;
  border: none;
  outline: transparent;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
}
.cmg-left form textarea {
  width: 100%;
  border: 1px solid #ebebeb;
  height: 180px;
  resize: none;
}
.cmg-left form .c-input {
  width: 100%;
}
.cmg-left form textarea {
  border: none;
  outline: transparent;
  padding: 10px;
  border-radius: 10px;
}
.cmg-left form .c-btn input:hover {
  background-color: var(--sec-clr);
  box-shadow: 3px 3px 20px 2px rgba(0, 0, 0, 0.267);
}
.cmg-left form .c-btn input {
  border: none;
  background-color: var(--main-clr);
  color: white;
  padding: 8px 18px;
  font-size: var(--normal-font);
  border-radius: 10px;
  margin-left: 0;
  transition: all 200ms;
}
.c-check .wpcf7-list-item {
  margin: 0;
}
.cmg-left form .c-check label {
  font-size: 14px;
  color: #6a7881;
  font-weight: 500;
  display: flex;
  gap: 0.5rem;
}
.cmg-left form .c-btn {
  display: flex;
  align-items: center;
  width: 100%;
  /* justify-content: center; */
}
.cmg-left form .c-input {
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  /* flex-direction: column; */
}
.cmg-left form .c-input label {
  font-size: 14px;
  width: 25%;
}
.c-check input[type='checkbox'] {
  width: 20px; /*Desired width*/
  height: 20px; /*Desired height*/
}
.cmg-right {
  color: #6a7881;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.cmgr-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cmgr-item h4 {
  font-size: var(--slide-head);
  font-weight: 600;
  color: #51626c;
}
.cmgr-item a {
  margin-bottom: 5px;
  font-size: var(--normal-font);
  font-weight: 500;
}
.cmgr-item p {
  font-size: var(--normal-font);
  font-weight: 500;
}
.cmgr-item iframe {
  height: 180px;
  border-radius: 10px;
  margin-top: 10px;
}
/* contact end */

/* service start */
/* service start */
.service-group {
  display: flex;
  padding: var(--vert-pad) 0;
  flex-direction: column;
  gap: 3rem;
  align-items: center;
}
.service-group .service-item:nth-child(even) {
  flex-direction: row-reverse;
}
.service-item {
  display: flex;
}
.service-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 50%;
}
.service-left h3 {
  font-size: var(--mid-head);
  font-weight: 400;
  color: var(--main-clr);
}
.service-left p {
  color: #50626c;
  font-size: var(--item-head);
  font-weight: 500;
}
.service-left ul {
  /* padding-left: 10px; */
}
.service-left ul li {
  color: #50626c;
  font-size: var(--item-head);
  font-weight: 500;
}
.service-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.service-right img {
  width: 100%;
  height: 100%;
  max-height: 400px;
  object-fit: contain;
}
.service-right a:hover {
  background-color: var(--main-clr);
  box-shadow: 3px 3px 20px 2px rgba(0, 0, 0, 0.267);
}
.service-right a {
  background: #1fa79d;
  color: white;
  padding: 10px 30px;
  border-radius: 30px;
  transition: all 200ms;
}
/* service start */
/* service start */

/* about */
/* about */
/* about */
.about-h-det {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: absolute;
  padding-top: 90px;
}
.about-main {
  padding: var(--vert-pad) 0;
  display: flex;
  justify-content: center;
  background: #f0eeef;
}
.am-group {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.am-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 50%;
}
.aq-right h4,
.am-left h4 {
  font-size: var(--big-head);
  font-weight: 400;
  color: var(--main-clr);
}
.aq-right h3,
.am-left h3 {
  font-size: var(--mid-head);
  font-weight: 500;
}
.aq-right p,
.am-left p {
  color: #50626c;
  font-size: var(--normal-font);
  max-width: 800px;
  font-weight: 500;
}
.aq-right button {
  border: none;
}
.aq-right button:hover,
.am-left a:hover {
  background-color: var(--main-clr);
  box-shadow: 3px 3px 20px 2px rgba(0, 0, 0, 0.267);
}
.aq-right button,
.am-left a {
  background-color: #1fa79d;
  color: white;
  width: fit-content;
  padding: 10px 30px;
  border-radius: 30px;
  font-size: var(--item-head);
  font-weight: 400;
  transition: all 200ms;
}
.am-left a {
  margin-top: 20px;
  display: inline-block;
}
.am-right {
  width: 50%;
}
.am-right img {
  width: 100%;
  height: 100%;
  max-height: 361px;
  object-fit: cover;
  border-radius: 10px;
}
.about-qoute {
  display: flex;
  justify-content: center;
}
.about-qoute-contain {
  padding: 2rem 0;
  display: flex;
  gap: 2rem;
  align-items: center;
}
.aq-left {
  width: 50%;
}
.aq-left img {
  width: 100%;
  height: 100%;
  max-height: 511px;
  object-fit: contain;
}
.aq-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
/* about */
/* about */

/* get a quote */
/* get a quote */
.get-quote {
  padding: var(--vert-pad) 0;
  display: flex;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}
.c-input select {
  width: 100%;
  border: none;
  outline: transparent;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  /* background: transparent; */
}
.get-quote .cmg-left {
  width: 100%;
  padding: 2rem;
}
.modal-quote {
  background: #f7f7f7;
}
.modal-quote .cmg-left {
  width: 100%;
}
.modal-quote .btn-close {
  position: absolute;
  right: 20px;
}
.modal {
  --bs-modal-width: 800px;
}

/* get a quote */
/* get a quote */

.max-widset {
  max-width: 1440px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  /* margin: 0 auto; */
}

/* news */
/* news */
.news-group {
  display: flex;
  justify-content: center;
}
.news-item-contain {
  padding-top: var(--vert-pad);
  padding-bottom: var(--vert-pad);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.news-item-contain > h3 {
  font-size: var(--big-head);
  font-weight: 400;
  color: var(--main-clr);
  margin-bottom: 1rem;
  text-align: center;
}
.news-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.news-item .hnews-item .hnews-left {
  width: 40%;
}

.news-item .hnews-item .hnews-right {
  width: 60%;
}
/* news */
/* news */

/* principal */
/* principal */
.head-list .current_page_parent > a {
  color: var(--main-clr);
}
.head-list .current-menu-item > a {
  color: var(--main-clr);
}

.h-c-contain.principals-single .hp-group {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  justify-content: start;
  row-gap: 1rem;
}
.h-c-contain.principals-single .hp-group.clients-n {
  flex-wrap: nowrap;
}
.h-c-contain.principals-single .hp-group .hp-item.clients-n {
  width: calc(100% / 7);
}
.h-c-contain.principals-single .hp-group .hp-item {
  width: 15%;
}
.h-c-contain.principals-single .hp-group .hp-item h4 {
  font-size: var(--normal-font);
  font-weight: 600;
  color: #bc4e41;
}

.news-single-content .news-item {
  display: flex;
}
.news-single-content {
  display: flex;
  justify-content: center;
}
.wpcf7-list-item.first.last {
  display: flex;
  gap: 0.5rem;
}
/* .h-c-contain.principals-single .hp-group .hp-item .hpi-logo {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  max-height: 100px;
  #51626c
} */
.h-c-contain.principals-single .hp-group {
  padding: 0;
}
.h-c-contain.principals-single h3 {
  text-align: left;
  color: #51626c;
}
/* principal */
/* principal */

.ha-left p a {
  display: inline-block;
  margin-top: 20px;
}