/* Responsive Styles for Contact Page */

@media (max-width: 1536px) {

    .contact-hero {
        padding: 170px 0;
    }

    .heading-h1 {
        font-size: 50px;
        line-height: 68px;
    }

    .services-section {
        padding: 30px 0 30px;
    }

    .services-content h2,
    .cmn-title h3 {
        font-size: 45px;
        line-height: 60px;
    }

    .services-content p {
        font-size: 18px;
        line-height: 32px;
    }

    .services-content {
        padding-bottom: 15px;
    }

    .service-content h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .service-content p {
        font-size: 14px;
        line-height: 22px;
    }

    .cmn-more-btn {
        font-size: 14px;
        padding: 9px 15px;
        border-radius: 8px;
    }

    .Services-details-section {
        padding: 30px 0;
        margin-bottom: 30px;
    }

    .d-details-card h5 {
        font-size: 22px;
        line-height: 33px;
    }

    .d-details-card p {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 24px;
    }

    .ds-section {
        padding: 20px 0 30px;
    }

    .ds-intro {
        font-size: 18px;
        line-height: 26px;
    }

    .ds-deliver {
        padding-top: 20px;
    }

    .ds-heading {
        font-size: 28px;
    }

    .ds-card {
        padding: 20px;
    }

    .ds-card-title {
        font-size: 20px;
    }

    .ds-card-text {
        font-size: 16px;
    }

    .hero-section {
        height: 900px;
    }

    .hero-paragraph {
        font-size: 18px;
        line-height: 32px;
    }

    .zx-card {
        padding: 20px;
    }

    .zx-icon {
        margin-bottom: 8px;
    }

    .zx-title {
        margin-bottom: 6px;
        font-size: 18px;
    }

    .zx-text {
        font-size: 14px;
        max-width: 100%;
    }

    .tb-space {
        padding: 50px 0;
    }

    .wwr-right-content {
        padding: 80px 0 0 15px;
    }

    .sub-heading {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .heading-h2 {
        font-size: 40px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .wwr-para p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .sub-heading-white {
        font-size: 18px;
    }

    .heading-h2-white {
        font-size: 40px;
        line-height: 48px;
    }

    .hori-line {
        height: 130px;
    }

    .wwd-heading-text {
        padding-bottom: 40px;
    }

    .data-card {
        padding: 22px;
    }

    .data-img-icon span {
        width: 100px;
        height: 100px;
    }

    .data-heading h5 {
        font-size: 22px;
        line-height: 35px;
    }

    .data-heading p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .data-btn .data-read-more {
        font-size: 16px;
    }

    .wwd-section {
        padding: 40px 0 140px;
    }

    .icon-div-main {
        padding: 30px;
    }

    .icon-div-inner p {
        font-size: 18px;
    }

    .icon-section {
        margin-bottom: 60px;
    }

    .Clients-logo {
        padding-bottom: 60px;
    }

    .bottom-logo-box img {
        max-height: 150px;
    }

    .bottom-logo-box {
        padding: 20px;
        min-height: 250px;
        max-height: 250px;
    }

    .bottom-logo-main {
        gap: 16px;
    }

    .clients-section {
        padding-bottom: 100px;
    }

    .qoute-img {
        padding-bottom: 25px;
    }

    .qoute-img img {
        max-width: 120px;
    }

    .ts-text {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .ts-name {
        font-size: 16px;
    }

    .blog-section {
        padding: 60px 0;
    }

    .blogs-heading {
        padding-bottom: 20px;
    }

    .Clients-heading .wwd-right-heading p,
    .blogs-heading p {
        line-height: 26px;
        font-size: 15px;
    }

    .blogs-card-content h5 {
	font-size: 22px;
	margin-bottom: 8px;
}
.blogs-card-content p {
	font-size: 18px;
	line-height: 28px;
}
.user-blogs-date h5 {
	font-size: 20px;
}
.user-blogs-date span {
	font-size: 16px;
}

.contact-hero {
    height: 560px;
}

.hero-content h3 {
    font-size: 26px;
}


}

@media (max-width: 1440px) {
    .contact-hero {
        padding: 120px 0;
    }

    .heading-h1 {
        font-size: 42px;
        line-height: 58px;
    }

    .icon-div-main {
	padding: 22px;
}
.icon-div-inner {
	gap: 14px;
}
.icon-div-inner p {
	font-size: 16px;
}
.icon-side-line {
	height: 115px;
	margin: 0 10px;
}

.contact-hero {
    height: 500px;
}
}

/* Responsive Styles for Contact Page */
@media (max-width: 1399px) {

    /* ======css added by gita============= */
    .wwr-right-content {
        padding: 0px 0 0 40px;
    }
}


@media (max-width: 1199px) {
    .map-tooltip {
        min-width: 350px;
    }

    .hero-section {
	height: 700px;
}
.heading-h1 {
	font-size: 40px;
	line-height: 48px;
}
.hero-paragraph {
	font-size: 16px;
	line-height: 28px;
}
.wwr-right-content {
	padding: 0;
}
.sub-heading {
	font-size: 16px;
}
.heading-h2 {
	font-size: 32px;
	line-height: 36px;
}
.sub-heading-white {
	font-size: 16px;
}
.heading-h2-white {
	font-size: 32px;
	line-height: 38px;
}
.clients-section {
	padding-bottom: 60px;
}
.ts-text {
	font-size: 18px;
	line-height: 24px;
}
.t-name {
	font-size: 14px;
}
.ts-arrows button {
	width: 40px;
	height: 40px;
	border-radius: 8px;
}
.ts-arrows button span svg {
	width: 10px;
	height: 14px;
}

.contact-hero {
    height: 400px;
}



}

@media (max-width: 991px) {

    /* Common Css */
    * {
        line-height: 1.3 !important;
    }

    .row-reverse {
        flex-direction: column-reverse;
    }

    /* Contact Page */
    .heading-h1 {
        font-size: 36px;
    }

    .contact-hero {
        height: auto;
        padding: 100px 0 30px;
    }

    .map-section {
        padding: 30px 0;
    }

    .map-wrapper {
        height: auto;
        max-width: 100%;
        width: 100%;
    }

    .world-map-bg {
        height: 400px;
        background-size: contain;
    }

    .map-tooltip {
        min-width: 400px;
        padding: 15px;
    }

    .branch-icon {
        min-width: 39px;
        width: 39px;
        height: 39px;
        background: #f0f4f8;
        border-radius: 11.6px;
    }

    .branch-icon svg {
        width: 16px;
        height: 16px;
    }

    .contact-form-wrapper {
        padding: 0;
        max-width: 100%;
    }

    .section-title h2 {
        font-size: 28px;
    }

    .contact-image-box {
        clip-path: none;
        min-height: auto;
        margin-bottom: 20px;
    }


    /* vipul 1/4 */
    .services-section .row,
    .Services-details-section .row {
        row-gap: 20px;
    }

    .d-details-card {
        padding: 15px;
    }

    .d-details-card h5 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .d-details-card p {
        font-size: 14px;
    }

    .d-details-card a {
        font-size: 16px;
    }

    .services-content h2,
    .cmn-title h3 {
        font-size: 28px;
    }

    .services-content p {
        font-size: 16px;
    }

    .ds-outcomes {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .ds-intro {
        font-size: 16px;
    }

    .ds-heading {
        font-size: 24px;
    }

    .ds-card-title {
        font-size: 18px;
    }

    .ds-action {
        margin-top: 20px;
    }

    .ds-modal-dialog {
        max-width: 400px;
    }

    .ds-modal-body {
        padding: 10px;
    }

    .ds-title {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .ds-text {
        font-size: 13px;
        margin-bottom: 3px;
    }

    .ds-subtitle {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .ds-list-item {
        padding: 8px;
        border-radius: 8px;
        font-size: 12px;
        gap: 8px;
    }

    .mission-blog .row {
        gap: 20px;
    }

    .slider-section .row {
        flex-direction: column-reverse;
    }


    /* ======css added by gita============= */
    .wwr-right-content {
        padding: 40px 0 0;
    }

    .heading-h2 {
        font-size: 34px;
        margin-bottom: 12px;
    }

    .heading-h2-white {
        font-size: 38px;
    }

    .data-card {
        padding: 24px 20px;
    }

    .tb-space {
        padding: 60px 0;
    }

    .wwd-heading-text {
        padding-bottom: 10px;
        flex-wrap: wrap;
    }

    .hori-line,
    .icon-side-line {
        display: none;
    }

    .icon-div-main {
        gap: 30px 0;
        padding: 20px 20px;
    }

    .icon-div-inner {
        width: 50%;
        gap: 12px;

    }

    .icon-div-inner p {
        font-size: 14px;
    }

    .icon-div-inner svg {
        width: 50px;
    }

    .hero-section {
	height: 520px;
}
.card-row {
	row-gap: 20px;
}
.wwd-section .row {
	row-gap: 20px;
}
.wwd-section {
	padding: 30px 0 110px;
}
.icon-section {
	margin-bottom: 40px;
}
.clients-section {
	padding-bottom: 40px;
}
.clients-section-head {
	padding-bottom: 10px;
}
.Clients-logo {
	padding-bottom: 30px;
}
.bottom-logo-main {
	flex-direction: column;
}
.clients-section .wwd-heading-text {
	padding-bottom: 25px;
}
.bottom-logo-box {
	min-height: 150px;
	max-height: 150px;
}
.bottom-logo-box img {
	max-height: 100px;
}
.blog-section {
	padding: 30px 0;
}

.blog-section .row {
	row-gap: 15px;
}
.all-blogs-section .row {
	row-gap: 20px;
}
.pg-wrapper {
	padding-top: 40px;
}

.footr-menu .mt-4 {
    margin: 0 !important;
}

}

@media (max-width: 767px) {
    /*.contact-hero {
        height: 250px;
    }*/

    .map-section {
	overflow: unset;
}
.contact-form-section {
	padding: 200px 0 30px;
	background-color: #fff;
}
.world-map-bg {
	height: 100%;
}

    .map-section {
        padding: 30px 0;
    }

    .map-wrapper {
        height: 250px;
    }

    .map-tooltip {
        min-width: 280px;
    }

    .tooltip-header h4 {
        font-size: 15px;
    }

    .info-row p,
    .get-direction {
        font-size: 14px;
    }

    .tel-lbl {
        font-size: 13px;
    }

    .contact-form-wrapper {
        padding: 20px 15px;
    }

    .section-title h2 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .section-title p {
        font-size: 14px;
    }

    .contact-form .form-control {
        padding: 10px 15px 10px 40px;
        font-size: 14px;
    }

    .btn-submit-cm {
        padding: 10px 20px;
        font-size: 14px;
    }

    .branch-icon {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }

    .branch-icon svg {
        width: 16px;
        height: 16px;
    }

    .hero-section {
	height: 430px;
}
.card-row {
	margin-top: -50px;
}
.tb-space {
	padding: 30px 0;
}
.heading-h2, .heading-h2-white {
	font-size: 30px;
	margin-bottom: 10px;
}
.ts-text {
	font-size: 16px;
}

.green-line {
	width: 22px;
}
.ts-name {
	font-size: 14px;
}

.pg-numbers {
	gap: 6px;
}
.pg-item, .pg-btn {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	font-size: 16px;
}


}

@media (max-width: 575px) {
    /*.contact-hero {
        height: 200px;
    }*/

    .hero-content h3 {
        font-size: 18px;
    }

    .map-wrapper {
        height: 200px;
    }

    .map-marker {
        width: 35px;
        height: 35px;
    }

    .map-marker::before {
        width: 28px;
        height: 28px;
    }

    .map-marker.active::before {
        width: 27px;
        height: 27px;
    }

    .map-tooltip {
        min-width: 240px;
        padding: 12px;
    }

    .flex-row-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .section-title h2 {
        font-size: 22px;
    }
    .heading-h1 {
	font-size: 34px;
}
.heading-h2, .heading-h2-white {
	font-size: 28px;
}
.icon-div-inner {
	width: 100%;
	gap: 10px;
}
.icon-div-main {
	gap: unset;
	padding: 20px;
	max-width: 300px;
	margin: auto;
}
.Clients-logo {
	flex-direction: column;
}
.qoute-img img {
	max-width: 60px;
}
.blogs-card-content {
	padding-top: 10px;
	padding-bottom: 12px;
}
.blogs-card-content h5 {
	font-size: 20px;
	margin-bottom: 5px;
}
.blogs-card-content p {
	font-size: 16px;
}
.user-blogs-img img {
	width: 40px;
	height: 40px;
}
.user-blogs-date h5 {
	font-size: 16px;
}
.user-blogs-date span {
	font-size: 14px;
}

.pg-numbers {
	flex-wrap: wrap;
}

}