#sec_daimondpro {
    padding: 8rem;
}

.txt_heaadbandai p {
    font-size: 35px;
    color: white;
    text-align: center;
    font-weight: 500;
}

#sec_daimondsec {
    padding: 2rem;
}

.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    height: 400px;
}

.txt_headtxt p {
    font-size: 35px;
    color: #850F05;
    font-weight: 600;
    text-align: center;
}

.txt_txt {
    font-size: 16px;
    text-align: center;
}

#sec_service {
    padding: 2rem;
}

.box_bornum p {
    /* background-color: #850F05; */
    border-radius: 25px;
    font-size: 18px;
    color: #850F05;
    padding: 5px 0px 5px 0px;
    font-weight: 600;
}

.head_t {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    text-align: center;
}

.detail_t {
    font-size: 18px;
}

.but_pamer .button {
  background-color: #850F05;
  border: none;
  color: white;
  border: 2px solid #850F05;
  padding: 10px 65px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


.but_pamer .button:hover {
  background-color: white;
  border: none;
  color: #850F05;
  padding: 10px 65px;
  border: 2px solid #850F05;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

#sec_detailpeat {
    padding-top: 4rem;
    padding-bottom: 6rem;
}

.h_textpert {
    font-size: 35px;
    color: white;
    text-align: center;
    font-weight: 500;
}

#sec_detailpeat .txt_txt {
    font-size: 16px;
    text-align: center;
    color: white;
}

#sec_detailpeat .card-text {
    font-size: 18px;
    text-align: center;
}

.head_pertbuy {
    font-size: 35px;
    color: white;
    text-align: center;
    font-weight: 500;
}

#sec_serbuy {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#sec_serbuy .txt_txtbox {
    height: 17rem;
    padding: 25px 25px 25px 25px;
}

#sec_serbuy .txt_buytxt {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

#sec_serbuy .txt_buytxt2 {
    font-size: 14px;
    text-align: center;
}

#sec_serbuy .txt_buytxt3 {
    font-size: 14px;
    text-align: center;
}

#sec_serbuy .txt_buytxt4 {
    font-size: 14px;
    text-align: center;
}

#sec_serbuy .txt_buytxt5 {
    font-size: 14px;
    text-align: center;
    margin-top: 2rem;
    color: white;
}

#sec_serbuy .txt_txtboximg img {
    width: 109%;
    height: 100%;
}

#sec_serbuy .txt_txtboximg2 img {
    width: 105%;
    height: 47.4rem;
    margin-left: -0.8rem;
}

#sec_serbuy .txt_txtboximg4 img {
    width: 102.4%;
    height: 29.5rem;
    margin-left: -0.8rem;
}


/*--- start hover img 1---*/

.card::before, .card::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale3d(0, 0, 1);
  transition: transform 0.3s ease-out 0s;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  pointer-events: none;
}
.card::before {
  transform-origin: left top;
}
.card::after {
  transform-origin: right bottom;
}
.card:hover::before, .card:hover::after, .card:focus::before, .card__three:focus::after {
  transform: scale3d(1, 1, 1);
}

/*--- end hover img 1---*/



/*--- start hover img 2---*/
.frame {
	text-align: center;	
	position: relative;
	cursor: pointer;	
	perspective: 500px; 
}
.frame img {
	width: 300px;
	height: 300px;
}
.frame .details {
	width: 90%;
	height: 90%;	
	padding: 5% 8%;
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotateY(90deg);
	transform-origin: 50%;
    border: 2px solid white;
	opacity: 0;
	transition: all 0.4s ease-in;
	
}
.frame:hover .details {
	transform: translate(-50%, -50%) rotateY(0deg);
	opacity: 1;
}
/*--- end hover img 2---*/














/*-----------------------------------------
    RESPONSIVE
-------------------------------------------*/

@media screen and (min-width:320px) and (max-width:460px) {

#sec_serbuy .txt_txtbox {
    height: 19rem;
    padding: 48px 15px 1px 15px !important;
}


#sec_daimondpro {
    padding: 2rem;
}

.txt_heaadbandai p {
    font-size: 20px;
    color: white;
    text-align: center;
    font-weight: 500;
}

#sec_daimondsec {
    padding: 1rem;
}

.txt_headtxt p {
    font-size: 20px;
    color: #850F05;
    font-weight: 600;
    text-align: center;
}

.txt_txt {
    font-size: 13px;
    text-align: center;
}

#sec_service {
    padding: 1rem;
}

.box_bornum p {
    /* background-color: #850F05; */
    border-radius: 25px;
    font-size: 14px;
    color: #850F05;
    padding: 5px 0px 5px 0px;
    font-weight: 600;
}

.head_t {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    text-align: center;
}

.detail_t {
    font-size: 12px;
}


#sec_service .logo_imgser img {
    vertical-align: middle;
    width: 50% !important;
}

.but_pamer .button {
    background-color: #850F05;
    border: none;
    color: white;
    border: 2px solid #850F05;
    padding: 10px 44px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}

.but_pamer .button:hover {
    background-color: white;
    border: none;
    color: #850F05;
    border: 2px solid #850F05;
    padding: 10px 44px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}

#sec_detailpeat {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 4rem;
}

.h_textpert {
    font-size: 20px;
    color: white;
    text-align: center;
    font-weight: 500;
}

#sec_detailpeat .txt_txt {
    font-size: 13px;
    text-align: center;
    color: white;
}

#sec_detailpeat .card-text {
    font-size: 14px;
    text-align: center;
}

#sec_serbuy {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 4rem;
}

.head_pertbuy {
    font-size: 20px;
    color: white;
    text-align: center;
    font-weight: 500;
}

#sec_serbuy .txt_buytxt {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 4rem;
}

#sec_serbuy .txt_buytxt2 {
    font-size: 12px;
    text-align: center;
}

#sec_serbuy .txt_txtboximg img {
    width: 113.5%;
    height: 100%;
    margin-left: -0.8rem;
}

#sec_serbuy .txt_buytxt4 {
    font-size: 12px;
    text-align: center;
    margin-top: -2rem;
}

#sec_serbuy .txt_txtboximg2 img {
    width: 106.1%;
    height: 26.5rem;
    margin-left: -0.8rem;
}

#sec_serbuy .txt_buytxt3 {
    font-size: 13px;
    text-align: center;
    margin-top: 5rem;
}

#sec_serbuy .txt_buytxt5 {
    font-size: 12px;
    text-align: center;
    color: white;
    margin-top: -1rem !important;
}

#sec_serbuy .txt_txtboximg4 img {
    width: 112%;
    height: 29.5rem;
    margin-left: -0.7rem;   
}




}


@media screen and (min-width:461px) and (max-width:1024px) {

#sec_daimondpro {
    padding: 4rem;
}

.txt_heaadbandai p {
    font-size: 24px;
    color: white;
    text-align: center;
    font-weight: 500;
}

.txt_headtxt p {
    font-size: 24px;
    color: #850F05;
    font-weight: 600;
    text-align: center;
}

.txt_txt {
    font-size: 14px;
    text-align: center;
}

.box_bornum p {
    /* background-color: #850F05; */
    border-radius: 25px;
    font-size: 14px;
    color: #850F05;
    padding: 5px 0px 5px 0px;
    font-weight: 600;
}

.head_t {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-align: center;
}

.detail_t {
    font-size: 14px;
}

.but_pamer .button {
    background-color: #850F05;
    border: none;
    color: white;
    border: 2px solid #850F05;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 2px;
    cursor: pointer;
}

.but_pamer .button:hover {
    background-color: white;
    border: none;
    color: #850F05;
    border: 2px solid #850F05;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 2px;
    cursor: pointer;
}

#sec_detailpeat {
    padding-top: 2rem;
    padding-bottom: 6rem;
}

.h_textpert {
    font-size: 20px;
    color: white;
    text-align: center;
    font-weight: 500;
}

#sec_detailpeat .txt_txt {
    font-size: 13px;
    text-align: center;
    color: white;
}

#sec_detailpeat .card-text {
    font-size: 13px;
    text-align: center;
}

#sec_serbuy {
    padding-top: 2rem;
    padding-bottom: 4rem;
}

.head_pertbuy {
    font-size: 20px;
    color: white;
    text-align: center;
    font-weight: 500;
}

#sec_serbuy .txt_txtbox {
    height: 19rem;
    padding: 48px 15px 1px 15px !important;
}

#sec_serbuy .txt_buytxt {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 2rem;
}

#sec_serbuy .txt_buytxt2 {
    font-size: 11px;
    text-align: center;
}

#sec_serbuy .txt_txtboximg img {
    width: 117.1%;
    height: 100%;
    margin-left: -0.8rem;
}

#sec_serbuy .txt_buytxt3 {
    font-size: 11px;
    text-align: center;
    margin-top: 4rem;
}

#sec_serbuy .txt_buytxt4 {
    font-size: 11px;
    text-align: center;
    margin-top: 1rem;

}

#sec_serbuy .txt_txtboximg2 img {
    width: 105%;
    height: 29.45rem;
    margin-left: -0.8rem;
}

#sec_serbuy .txt_buytxt5 {
    font-size: 11px;
    text-align: center;
    margin-top: 9rem;
    color: white;
}






}