.contact {
     position: relative;
     width: 100%;
     justify-self: center;
 }

 .img-extend {
     background-image: url(../image/tours/contact-bg6.jpg);
     justify-content: center;
 }

 .contact-bg {
     position: relative;
     width: 100%;
 }

 .contact-bg img {
     width: 100%;
 }

 .hero-text {
     padding: 100px 0;
 }


 .day-text {
     justify-content: center;
 }

 .contact-text {
     position: absolute;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);
     color: #fff;
     text-align: left;
     width: 90%;
 }

 .contact-text h2 {
     margin-bottom: 10px;
     color: #fff;

 }

 .contact-text h4 {
     color: #F8A720
 }

 .contact-text p {
     color: #fff;
 }

 .contact-form {
     background-color: #E6E6E6;
     margin: 0 auto;
     border-radius: 12px;
     max-width: 90%;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     padding: 40px;
 }

 .title-color {
     color: #fff;
 }

 .form-left {
     float: left;
     width: 45%;
     padding: 20px;
 }



 .social-circles {
     display: flex;
     margin-top: 130px;
     gap: 5px;
 }

 .circle {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background-color: #F8A720;

 }


 .circle2 {
     min-width: 20px;
     min-height: 20px;
     border-radius: 50%;
     background-color: #ccc;

     background-color: #ED6325;

 }

 .form-field-agree {
     display: flex;
     align-items: center;
     gap: 10px;
     padding-bottom: 20px;
 }

 .form-right .form-field-agree p {
     font-size: 12px;
     padding: 0;
 }

 .email {
     color: #333;
     margin-top: 15px;
 }

 .form-right {
     width: 45%;
 }

 .form-field {
     margin-bottom: 10px;
 }

 .form-field label {
     display: block;
     color: #333;
     font-weight: bold;
     margin-bottom: 8px;
     font-size: 1.1em;
 }

 .input-box {
     width: 100%;
     padding: 12px;
     border: 2px solid #ccc;
     border-radius: 5px;
     font-size: 1em;
     background-color: #FFB695;
     box-sizing: border-box;
 }

 .textarea-box {
     width: 100%;
     padding: 12px;
     border: 2px solid #ccc;
     border-radius: 5px;
     background-color: #FFB695;
     min-height: 120px;
     box-sizing: border-box;
 }


 .form-below .circle2 {
     position: absolute;
     border-radius: 50%;
     background-color: #ED6325;
     left: 23%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .form-below div:last-child {
     position: relative;
     color: #333;
     font-weight: bold;
 }

 .bg-box .extend h3 {
     text-align: center;
 }

 .bg-box {
     background: #FDE2CF;
 }

 .bg-box-text div {
     text-align: left;
     margin-bottom: 10px;
     display: flex;
     text-align: center;
 }

 .bg-box-text h4,
 .bg-box-text p {
     margin: 0;
 }

 .bg-box-text h4 {
     padding-right: 10px;
     ;
 }


 .bg-box-imgdiv {
     display: flex;
     width: 80%;
     justify-content: center;
     align-items: center;
     padding-bottom: 20px;
     gap: 40px;
     margin: 0 auto;
 }

 .bg-box-imgdiv img {
     width: 15%;
     height: auto;
     border-radius: 10px;
     object-fit: cover;
 }

 .bg-box-image {
     width: 100%;
     display: flex;
     justify-content: space-between;
 }

 .bg-box-image img {
     width: 100%;
     height: auto;
     border-radius: 10px;
     object-fit: cover;
 }

 .email2 {
     display: inline;
     margin: 0;
 }

 @media screen and (max-width: 1185px) {
     .bg-box-imgdiv {
         display: flex;
         width: 90%;
         justify-content: center;
         align-items: center;
         gap: 30px;
         margin: 0 auto;
     }
 }

 @media screen and (max-width: 800px) {
     .bg-box-imgdiv {
         display: flex;
         width: 100%;
         justify-content: center;
         align-items: center;
         gap: 30px;
         margin: 0 auto;
     }
 }

 @media screen and (max-width: 600px) {
     .contact-text {
         margin-top: 50px;
     }

     .bg-box-image {
         width: 50%;
     }

     .form-field p {
         font-style: bold;
     }

     .form-right {
         width: 100%;
     }

     .form-left {
         width: 100%;
         padding: 0px;
         padding-bottom: 30px;
     }

     .social-circles {
         display: none;

     }

     .email {
         display: none;

     }

     .input-box {
         font-size: 14px;
     }

     .circle2 {
         min-width: 15px;
         min-height: 15px;
     }

     .bg-box-imgdiv {
         width: 100%;
         gap: 20px;
         padding: 0px;
         padding-bottom: 20px;
     }

     .email2 {
         display: inline;
     }
 }