* {
  margin: 0;
  padding: 0;
}
.header_box{
  border-bottom: 1px #DCDCDC solid;
}
.header_box_act {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
  background: linear-gradient(to bottom, #00000070, #00000000);
  border: none;
  transition: .5s;
}
.header_box .header_nav_item{
    position: relative;
}

.header_box .header_nav_item .a1 {
  color: #2B2B2B;
  font-family: Century Gothic;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
}

.header_box .header_nav_item_act .a1 {
  color: #98B8AC;
}

.header {
  max-width: 1480px;
  width: 85%;
  height: calc(20px + 4rem);
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_logo {
  width: 11.2838%;
}

.header_logo img {
  width: 100%;
}

.header_right {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(9px + 3rem);
}

.header_nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(10px + 3rem);
}

.header_box_act .header_nav_item .a1 {
  font-family: Century Gothic;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #FFFFFF;
  line-height: 1;
}

.search {
  width: calc(9px + 1rem);
}

.search img {
  width: 100%;
}

.header_box_ .header_logo img:nth-of-type(2) {
  display: block;
}

.header_box .header_logo img:nth-of-type(1) {
  display: none;
}

.header_box_act .header_logo img:nth-of-type(1) {
  display: block;
}

.header_box_act .header_logo img:nth-of-type(2) {
  display: none;
}



.header_box_ .search img:nth-of-type(2) {
  display: block;
}

.header_box .search img:nth-of-type(1) {
  display: none;
}

.header_box_act .search img:nth-of-type(1) {
  display: block;
}

.header_box_act .search img:nth-of-type(2) {
  display: none;
}

.header_box_act .header_nav_item_act .a1 {
  color: #98B8AC !important;
}

.second_nav{
    width: max-content;
    max-height: 0;
    background: #ffffff;
    border-radius: calc(5px + 0.25rem);
    position: absolute;
    top:140%;
    left: -40%;
    overflow: hidden;
    transition: .5s;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 100;
    box-shadow: 0px 0px calc(4px + 0.5rem) #00000030;
    
}
.header_box_act .header_nav_item  .second_nav .p2{
    padding: calc(1px + 0.25rem) calc(5px + 0.5rem);
}
.header_box .header_nav_item  .second_nav .p2{
    padding: calc(1px + 0.25rem) calc(5px + 0.5rem);
}
.header_box_act .header_nav_item  .second_nav .p2 a{
    font-family: Century Gothic;
  font-weight: 400;
    font-size: calc(4px + 0.5rem);
    color: #333333 !important;
}
.header_box .header_nav_item  .second_nav .p2 a{
    font-family: Century Gothic;
  font-weight: 400;
    font-size: calc(4px + 0.5rem);
    color: #333333 !important;
}
.header_box_act .header_nav_item  .second_nav .p2:hover a{
    color: #98B8AC !important;
}
.header_box .header_nav_item  .second_nav .p2:hover a{
    color: #98B8AC !important;
}
.header_box .header_nav_item:hover .second_nav{
    max-height: calc(200px + 10rem);
    padding: calc(5px + 0.5rem) 0;
   
}