@charset "UTF-8";

/*-----------------------------------------------------

    Title :  Turkic Investment Fund
    Usage :  contact us
    Edited:  2025-03-22

-------------------------------------------------------

    1. contact us
    2. responsive (1024px)

-------------------------------------------------------*/




/*  1. contact us
-------------------------------------------------------*/

#contact dl {
	margin-block: 62px 52px;
	padding-bottom: 49px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	}

#contact dl > div + div {
	margin-top: 36px;
	}

#contact dl > div:has(> dd > [href^="tel:"]) {
	display: flex;
	flex-wrap: wrap;
	}

#contact dt {
	display: flex;
	align-items: center;
	margin-bottom: 13px;
	width: 100%;
	font-size: 1.8rem;
	}

#contact dt img {
	margin-top: -3px;
	margin-right: 10px;
	}

#contact dt::after {
	content: ":";
	}

#contact :has(> dd > [href^="tel:"]) > dd:not(:only-child)::after {
	content: ",\00a0";
	}

#contact :has(> dd > [href^="tel:"]) > :nth-last-child(2) + dd::after {
	content: none;
	}

#contact div:has(> dd > [href^="mailto:"]) dd + dd {
	margin-top: 10px;
	}

#contact div:has(> dd > [href^="mailto:"]) a {
	font-weight: 600;
	}

#contact div:has(> dt > [src$="ico-contact-clock"]) dd {
	margin-top: -4px;
	line-height: 1.875;
	}

#contact h2 {
	margin-bottom: 9px;
	font-size: 1.8rem;
	}

#contact section:has(> form) > h2::after {
	content: ":";
	}

#contact section p {
	font-size: 2rem;
	}

#contact form {
	display: flex;
	flex-wrap: wrap;
	gap: 35px 20px;
	margin-top: 35px;
	max-width: 886px;
	}

#contact form > div {
	width: calc((100% - 20px) / 2);
	}

#contact form > :has(+ div > textarea) + div {
	width: 100%;
	}

#contact .one-liner-fields {
	column-gap: 8px;
	}

#contact-phone-code {
	width: 76px;
	}

#contact .one-liner-fields .single-line + .single-line {
	flex-grow: 1;
	}

#contact form .btn {
	margin-top: -2px;
	}

#contact section + section {
	margin-top: 62px;
	}

#contact section .w {
	margin-top: 20px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 20px;
	}

#contact section .w iframe {
	display: block;
	width: 100%;
	height: 403px;
	}



/*  2. responsive (1024px)
-------------------------------------------------------*/

@media (max-width: 1024px) {

/*  1. contact us  */

#contact h1 + p {
	padding-right: 0;
	}

#contact dl {
	margin-block: 50px 51px;;
	padding-bottom: 48px;
	}

#contact dl > div + div {
	margin-top: 30px;
	}

#contact dt {
	font-size: 1.6rem;
	}

#contact dt img {
	margin-top: -1px;
	margin-right: 6px;
	width: 20px;
	height: 20px;
	}

#contact div:has(> dd > [href^="mailto:"]) dd + dd {
	margin-top: 4px;
	}

#contact div:has(> dt > [src$="ico-contact-clock"]) dd {
	margin-top: revert;
	line-height: inherit;
	}

#contact h2 {
	margin-bottom: 13px;
	font-size: 1.6rem;
	}

#contact section p {
	font-size: inherit;
	}

#contact form > div {
	width: 100%;
	}

#contact form .btn {
	width: 100%;
	}

#contact section + section {
	margin-top: 82px;
	}

#contact section .w {
	margin-top: 21px;
	}

}