.contact-us-sec .page-details .page-title {
   font-size: 35px;
}


.contact-us-sec .top-box h4 {
   text-align: center;
   font-size: 25px;
   margin-bottom: 30px;
}

.contact-us-sec .top-box .box .circle-sec {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   padding: 5px;
   margin-inline: auto;
   margin-bottom: 10px;
}

.contact-us-sec .top-box .box .circle-sec .circle {
   height: 100%;
   width: 100%;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 35px;
}

.contact-us-sec .top-box .box:first-of-type .circle-sec {
   border: 3px solid var(--contact_color_one);
}


.contact-us-sec .top-box .box:first-of-type .circle-sec .circle {
   background-color: var(--contact_color_one);
}

.contact-us-sec .top-box .box:nth-of-type(2) .circle-sec {
   border: 3px solid var(--contact_color_two);
}


.contact-us-sec .top-box .box:nth-of-type(2) .circle-sec .circle {
   background-color: var(--contact_color_two);
}

.contact-us-sec .top-box .box:last-of-type .circle-sec {
   border: 3px solid var(--contact_color_three);
}


.contact-us-sec .top-box .box:last-of-type .circle-sec .circle {
   background-color: var(--contact_color_three);
}

.contact-us-sec .top-box .box h3 {
   font-size: 22px;
}

.contact-us-sec .top-box .box ul {
   padding: 0;
   list-style: none;
   margin-bottom: 0;
}

.contact-us-sec .top-box .box ul li {
   line-height: 2;
   font-size: 13px;
}

.contact-us-sec .bottom-box h4 {
   text-align: center;
   font-size: 25px;
   margin-bottom: 30px;
}

.contact-us-sec .bottom-box form .form-control {
   border-color: var(--site_fourth_color);
   background-color: var(--site_fourth_color);
   color: var(--site_text_color);
}

.contact-us-sec .bottom-box form .form-control:-webkit-autofill,
.contact-us-sec .bottom-box form .form-control:-webkit-autofill:hover,
.contact-us-sec .bottom-box form .form-control:-webkit-autofill:focus,
.contact-us-sec .bottom-box form .form-control:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px var(--site_fourth_color) inset !important;
   -webkit-text-fill-color: var(--site_text_color) !important;
   border: none;
   border-radius: 6px;
}

.contact-us-sec .bottom-box form .form-control::placeholder {
   color: var(--site_text_color);
}

.contact-us-sec .bottom-box form .bottom-box-btn {
   border-color: var(--site_fourth_color);
   background-color: var(--site_fourth_color);
   color: var(--site_text_color);
   margin-top: 30px;
   padding: 10px 50px;
}

.form-control.is-invalid {
   border-color: #dc3545 !important;
}

@media (max-width: 575.98px) {
   .contact-us-sec .top-box .box {
      margin-bottom: 30px;
   }
}