*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Noto Sans', sans-serif;
}
.small-section{
  height: 7vh;
  background-color: #C96;
  /*
   background-image: url(images/pattern2-removebg-preview.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  */
}
.small-section img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}
.service-section{
  height: fit-content;
  padding-top: 2rem;/*
   background-image: url(images/pattern1-removebg-preview.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
*/

}
.service-section h3{
  font-size: 2rem;
  text-align: center;
  font-weight: 600;
}
.service-container{
  margin-top: 4rem;
  display: flex;
  flex-direction: row;
  gap: 15rem;
  padding-left: 15rem;
  padding-right: 15rem;
}
.container1{
  display: flex;
  flex-direction: column;

  width: 100%;
  gap: 13rem;
}
.container1-a p{
  font-size: 1.5rem;
  color: #1E1E1E;
  margin-bottom: 1.5rem;
}

.learn{
overflow: hidden;
width: 100%;
max-width: 550px;
height: 300px;

}
.learn img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.container1-b p{
font-size: 1.5rem;
color: #1E1E1E;
margin-bottom: 1.5rem;
}

.identity{
overflow: hidden;
width: 100%;
max-width: 550px;
height: 300px;
}

.identity img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.container2{
  display: flex;
  flex-direction: column;
  gap: 10rem;
  width: 100%;
 
  padding-top: 16rem;
}

.container2-a p{
  font-size: 1.5rem;
  color: #1E1E1E;
 margin-bottom: 1.5rem;
}

.history{
  overflow: hidden;
  width: 100%;
max-width: 600px;
height: 370px;
}

.history img{
   object-fit: cover;
  width: 100%;
  height: 100%;
}

.container2-b p{
 font-size: 1.5rem;
 color: #1E1E1E;
 margin-bottom: 1.5rem;
}
.stream{
  overflow: hidden;
width: 100%;
max-width: 600px;
height: 370px;
}

.stream img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}


.container1-c p{
font-size: 1.5rem;
color: #1E1E1E;
margin-bottom: 1.5rem;
}

.merchandise{
overflow: hidden;
width: 100%;
max-width: 550px;
height: 300px;
}

.merchandise img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}



.container1-d p{
font-size: 1.5rem;
color: #1E1E1E;
margin-bottom: 1.5rem;
}

.experts{
overflow: hidden;
width: 100%;
max-width: 550px;
height: 300px;
}

.experts img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}


.container2-c p{
 font-size: 1.5rem;
 color: #1E1E1E;
 margin-bottom: 1.5rem;
}
.content{
  overflow: hidden;
width: 100%;
max-width: 600px;
height: 370px;
}

.content img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}


.container2-d p{
 font-size: 1.5rem;
 color: #1E1E1E;
 margin-bottom: 1.5rem;
}
.Dimentional{
overflow: hidden;
width: 100%;
max-width: 600px;
height: 370px;
}

.Dimentional img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.show-more1{
  display: flex;
  justify-content: center;
  padding: 32px 0;
}
.more1{
  color: black;
  font-size: 1rem;
  font-weight: 600;
  background-color: transparent;
  padding: 6px 15px;
  border-radius: 10px;
  border: 2px solid #C56A32;
  border-color: #C56A32;
}

.container1-c, .container1-d, .container2-c, .container2-d{
  display: none;
  transition: 0.3s ease;
}






@media screen and (max-width:1440px) {
  
}