/*--------------------------------------------------------------
# Contact One
--------------------------------------------------------------*/
.contact-one {position: relative;display: block;background-color: var(--tanspot-base);padding: 100px 0 100px;overflow: hidden;z-index: 1;}
.contact-one__shape-bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-repeat: no-repeat;background-position: center;background-size: cover;opacity: .10;z-index: -1;}
.contact-one__bg-img {position: absolute;top: 0;left: 0;bottom: 0px;width: calc((100% - -755px) / 2);background-repeat: no-repeat;background-size: cover;background-position: center;clip-path: polygon(0 0, 68% 0, 100% 100%, 0% 100%);z-index: -1;}
.contact-one__bg-img:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(var(--tanspot-black-rgb), .30);}
.contact-one__left {position: relative;display: block;min-height: 640px;z-index: 2;}
.contact-one__video-link {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.contact-one__video-icon {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100px;height: 100px;line-height: 100px;text-align: center;font-size: 25px;color: var(--tanspot-white);background-color: var(--tanspot-base);border-radius: 50%;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.contact-one__video-icon:hover {background-color: var(--tanspot-white);color: var(--tanspot-base);}
.contact-one__video-link .ripple,
.contact-one__video-icon .ripple:before,
.contact-one__video-icon .ripple:after {position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;border-radius: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-ms-box-shadow: 0 0 0 0 rgba(var(--tanspot-white-rgb), 0.6);-o-box-shadow: 0 0 0 0 rgba(var(--tanspot-white-rgb), 0.6);-webkit-box-shadow: 0 0 0 0 rgba(var(--tanspot-white-rgb), 0.6);box-shadow: 0 0 0 0 rgba(var(--tanspot-white-rgb), 0.6);-webkit-animation: ripple 3s infinite;animation: ripple 3s infinite;}
.contact-one__video-icon .ripple:before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;content: "";position: absolute;}
.contact-one__video-icon .ripple:after {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;}
.contact-one__right {position: relative;display: block;margin-left: 80px;z-index: 1;}
.contact-one__content {position: relative;display: block;padding: 47px 60px 50px;background: var(--tanspot-black);box-shadow: 0px 0px 60px 0px rgba(4, 23, 26, 0.06);border-radius: 20px;}
.contact-one__tagline {font-size: 18px;color: var(--tanspot-base);font-weight: 500;line-height: 1em;font-family: var(--tanspot-font-two);text-transform: uppercase;}
.contact-one__title {font-size: 35px;color: var(--tanspot-white);font-weight: 600;line-height: 40px;margin-top: 10px;margin-bottom: 33px;}
.contact-one__form {position: relative;display: block;}
.contact-one__content-box {position: relative;display: block;}
.contact-one__input-box {position: relative;display: block;margin-bottom: 20px;}
.contact-one__input-box input[type="text"],
.contact-one__input-box input[type="email"] {position: relative;display: block;height: 55px;width: 100%;background-color: rgba(var(--tanspot-white-rgb), .01);border: 1px solid rgba(var(--tanspot-white-rgb), .03);padding-left: 20px;padding-right: 20px;outline: none;font-size: 14px;font-weight: 400;color: rgba(var(--tanspot-white-rgb), .60);border-radius: 10px;font-family: var(--tanspot-font);}
.contact-one__progress {position: relative;display: block;width: 100%;margin-bottom: 40px;padding-top: 6px;}
.contact-one__progress-single {position: relative;display: block;}
.contact-one__progress-title {font-size: 16px;line-height: 26px;color: var(--tanspot-white);margin-bottom: 6px;font-weight: 600;}
.contact-one__progress .bar {position: relative;width: 100%;height: 10px;background-color: rgba(var(--tanspot-white-rgb), .15);border-radius: 5px;border: 0;}
.contact-one__progress .bar-inner {position: relative;display: block;width: 0px;height: 10px;top: 0;left: 0;background-color: var(--tanspot-base);border-radius: 5px;-webkit-transition: all 1500ms ease;-ms-transition: all 1500ms ease;-o-transition: all 1500ms ease;-moz-transition: all 1500ms ease;transition: all 1500ms ease;}
.contact-one__progress .count-text {position: absolute;right: -3px;bottom: -4px;opacity: 0;border-radius: 50%;background-color: var(--tanspot-base);border: 3px solid var(--tanspot-white);width: 18px;height: 18px;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;-moz-transition: all 500ms ease;transition: all 500ms ease;}
.contact-one__progress .bar-inner.counted .count-text {opacity: 1;}
.contact-one__content-bottom {position: relative;display: flex;align-items: center;justify-content: space-between;}
.contact-one__content-bottom .thm-btn {border: none;}
.contact-one__content-bottom .thm-btn::before,
.contact-one__content-bottom .thm-btn::after {background-color: var(--tanspot-white);}
.contact-one__content-bottom .thm-btn:hover {color: var(--tanspot-base);}
.contact-one__content-bottom .thm-btn:hover>span {background-color: var(--tanspot-base);color: var(--tanspot-white);}
.contact-one__content-bottom-text-box {position: relative;display: block;}
.contact-one__count-box {position: relative;display: flex;align-items: center;}
.contact-one__count {position: relative;display: flex;align-items: center;}
.contact-one__count h3 {font-size: 14px;color: var(--tanspot-white);font-weight: 600;line-height: 24px;}
.contact-one__count span {font-size: 14px;color: var(--tanspot-white);font-weight: 600;line-height: 24px;}
.contact-one__count-box p {font-size: 14px;font-weight: 500;line-height: 24px;color: var(--tanspot-white);margin-left: 4px;}
.contact-one__ratting {position: relative;display: flex;align-items: center;margin-top: 2px;}
.contact-one__ratting span {position: relative;display: inline-block;font-size: 15px;color: var(--tanspot-base);}
.contact-one__ratting span+span {margin-left: 3px;}

/*--------------------------------------------------------------
# Contact Info
--------------------------------------------------------------*/
.contact-info {position: relative;display: block;/* padding: 80px 0 72px; */z-index: 1;}
.contact-info__single {position: relative;display: flex;border-radius: var(--tanspot-bdr-radius);background-color: var(--tanspot-primary);text-align: center;padding: 20px 20px 20px;margin-bottom: 30px;}
.contact-info__icon {position: relative; display: flex; align-items: center; justify-content: center; width: 70px; min-width: 70px; height: 70px; background-color: var(--tanspot-white); border-radius: 50%; margin-right: 12px; z-index: 1;}
.contants{text-align: left;}
.contact-info__icon:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";border-radius: 50%;background-color: var(--tanspot-black);transform: scale(0);transform-origin: center;transform-style: preserve-3d;transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);z-index: -1;}
.contact-info__single:hover .contact-info__icon:before {transform: scaleX(1);}
.contact-info__icon span {position: relative;display: inline-block;font-size: 32px;color: var(--tanspot-black);transition: all 500ms linear;transition-delay: 0.1s;transform: scale(1);}
.contact-info__single:hover .contact-info__icon span {transform: scale(0.9);color: var(--tanspot-white);}
.contact-info__single p {margin-top: 0px;margin-bottom: 5px;font-weight: 700;font-size: 21px;color: #c8a143;}
.contact-info__single h5 {font-size: 18px;font-weight: 600;line-height: 28px;color: var(--tanspot-black);font-family: var(--tanspot-font);}
.contact-info__single h5 a {color: var(--tanspot-black);font-size: 16px;}
.contact-info__single h5 a:hover {color: var(--tanspot-base)}


/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page {position: relative;display: block;padding: 0 0 65px;z-index: 1;}
.contact-page__inner {position: relative;display: block;background-color: var(--tanspot-black);border-radius: 20px;padding: 60px 0 60px;}
.contact-page__left {position: relative;display: block;margin-left: 60px;margin-right: 10px;}
.google-map__one {position: relative;display: block;border: none;height: 523px;width: 100%;border-radius: 20px;}
.contact-page__right {position: relative;display: block;margin-left: 20px;margin-right: 40px;}
.contact-page__form-title {font-size: 45px;font-weight: 500;line-height: 1.2em;color: var(--tanspot-white);margin-bottom: 26px;}
.contact-page__form {position: relative;display: block;}
.contact-page__input-box {position: relative;display: block;margin-bottom: 30px;}
.contact-page__input-box input[type="text"],
.contact-page__input-box input[type="email"],
.contact-page__input-box input[type="number"] {height: 60px;width: 100%;background-color: rgba(var(--tanspot-white-rgb), 0.03);border: none;padding-left: 20px;padding-right: 20px;outline: none;font-size: 14px;font-weight: 400;color: rgba(var(--tanspot-white-rgb), .70);display: block;border-radius: var(--tanspot-bdr-radius);}
.contact-page__input-box textarea {font-size: 14px;font-weight: 400;color: rgba(var(--tanspot-white-rgb), .70);height: 175px;width: 100%;background-color: rgba(var(--tanspot-white-rgb), 0.03);border: none;padding: 15px 20px 30px;border-radius: var(--tanspot-bdr-radius);outline: none;position: relative;display: block;}
.contact-page__input-box.text-message-box {height: 175px;}
.contact-page__btn-box {position: relative;display: block;}
.contact-page__btn-box .thm-btn {border: none;}
.contact-page__btn-box .thm-btn:hover {color: var(--tanspot-base);}
.contact-page__btn-box .thm-btn::before,
.contact-page__btn-box .thm-btn::after {background-color: var(--tanspot-white);}
.contact-page__btn-box .thm-btn:hover>span {background-color: var(--tanspot-base);color: var(--tanspot-white);}

/* ==============================
   CONTACT SECTION
============================== */

.contact-section {padding: 60px 0;background: #ffffff;}

/* ==============================
   LEFT INFO CARDS
============================== */

.contact-info {display: flex;flex-direction: column;gap: 18px;}
.info-card {background: #f5f7fa;border-radius: 8px;padding: 25px 28px;display: flex;align-items: flex-start;gap: 25px;min-height: 145px;transition: 0.3s ease;}
.info-card:hover {transform: translateY(-3px);box-shadow: 0 10px 30px rgba(0, 35, 70, 0.08);}

/* Icon */

.info-icon {width: 58px;height: 58px;min-width: 58px;border-radius: 50%;background: #ffffff;display: flex;align-items: center;justify-content: center;color: #0c3d69;font-size: 23px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);}

/* Content */

.info-content h4 {margin: 0 0 9px;color: #c99a28;font-size: 17px;font-weight: 700;}
.info-content p {margin: 0 0 5px;color: #123250;font-size: 14px;font-weight: 600;line-height: 1.6;}
.info-content span {display: block;margin-top: 7px;color: #728096;font-size: 13px;}
.info-content a {display: inline-flex;align-items: center;gap: 8px;margin-top: 10px;color: #d09f26;font-size: 14px;font-weight: 600;text-decoration: none;}
.info-content a i {font-size: 12px;}

/* ==============================
   QUOTE BOX
============================== */

.quote-box {background: #092945;border-radius: 14px;padding: 38px 40px;position: relative;overflow: hidden;}

/* Subtle world map effect */

.quote-box::after {content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-image: url("../../images/services/bg-contact-us.jpg");background-repeat: no-repeat;background-position: right center;background-size: contain;opacity: 0.07;pointer-events: none;}

/* Heading */
.quote-heading {position: relative;z-index: 2;}
.quote-heading > span {display: flex;align-items: center;gap: 10px;color: #ffffff;font-size: 11px;letter-spacing: 1px;font-weight: 600;margin-bottom: 10px;}
.quote-heading > span b {width: 28px;height: 2px;background: #d4a52c;display: inline-block;}
.quote-heading h2 {color: #ffffff;font-size: 32px;line-height: 1.2;margin: 0 0 10px;font-weight: 700;}
.quote-heading p {color: #d9e2eb;font-size: 14px;line-height: 1.7;max-width: 650px;margin: 0 0 25px;}

/* ==============================
   FORM
============================== */

form {position: relative;z-index: 2;}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-bottom: 14px;}
.input-box {position: relative;}
.input-box > i {position: absolute;left: 17px;top: 50%;transform: translateY(-50%);color: #ffffff;font-size: 14px;z-index: 2;}
.input-box input,
.input-box select {width: 100%;height: 43px;border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 6px;background: #123957;color: #ffffff;padding: 0 15px 0 46px;outline: none;font-size: 13px;box-sizing: border-box;}
.input-box input::placeholder {color: #d6e0e8;}
.input-box input:focus,
.input-box select:focus,
.message-box textarea:focus {border-color: #d3a52b;}


/* Select */

.select-box select {appearance: none;-webkit-appearance: none;cursor: pointer;}
.select-box select option {color: #222;}
.select-box .arrow {left: auto;right: 16px;font-size: 10px;}


/* ==============================
   MESSAGE
============================== */

.message-box {position: relative;margin-top: 2px;}
.message-box > i {position: absolute;top: 24px;left: 17px;color: #ffffff;font-size: 14px;}
.message-box textarea {width: 100%;height: 105px;resize: vertical;box-sizing: border-box;padding: 16px 15px 15px 46px;border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 6px;background: #123957;color: #ffffff;outline: none;font-family: inherit;font-size: 13px;}
.message-box textarea::placeholder {color: #d6e0e8;}

/* ==============================
   BUTTON + PRIVACY
============================== */

.form-bottom {display: flex;align-items: center;gap: 35px;margin-top: 18px;}
.form-bottom button {border: 0;outline: none;background: #d7a62c;color: #102b43;height: 46px;padding: 0 15px 0 27px;border-radius: 30px;font-size: 13px;font-weight: 700;cursor: pointer;display: inline-flex;align-items: center;gap: 22px;transition: 0.3s ease;}
.form-bottom button i {width: 29px;height: 29px;background: #123957;color: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 11px;}
.form-bottom button:hover {background: #e4b83f;transform: translateY(-2px);}

/* Privacy */

.privacy-text {display: flex;align-items: center;gap: 12px;}
.privacy-text > i {width: 32px;height: 32px;border-radius: 50%;background: #123957;color: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 13px;}
.privacy-text span {color: #d6e0e8;font-size: 11px;line-height: 1.5;}

/* ==============================
   RESPONSIVE
============================== */

@media (max-width: 991px) {
   .contact-info {padding-right: 0;}
   .quote-box {padding: 35px 30px;}
}


@media (max-width: 767px) {
   .contact-section {padding: 50px 0;}
   .info-card {padding: 22px; }
   .quote-box { padding: 28px 20px; }
   .quote-heading h2 { font-size: 27px; }
   .form-row { grid-template-columns: 1fr; }
   .form-bottom {align-items: flex-start;flex-direction: column;gap: 20px; }
   .privacy-text { align-items: flex-start;}
}