/*!
Theme Name: JizzaxPMM
Theme URI: https://them.es/starter
Author: Dilshod Tursimatov
Author URI: https://dasturchiuz.zn.uz
Description: Jizzax PMM uchun maxsus
Version: 3.6.1
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: jizpmm
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */
:root{
	--primary-color: #1E3A8A;
	--color-header: #BFDBFE;
	--color-link: #E5E7EB;
	--color-link-hover: #60A5FA;
	--app-bg: #f4f4f4;
    --app-contrast-bg: #11519C;
    --element-bg: #FFFFFF;
    --element-bg-2: #E7E9ED;
    --element-bg-3: rgba(255, 255, 255, 0.10);
    --element-bg-4: rgba(255, 255, 255, 0.20);
    --element-bg-5: rgba(255, 255, 255, 0.30);
    --element-bg-6: trasparent;
    --element-bg-contast: #11519C;
    --element-bg-gradient: linear-gradient(215deg, #0E468B 0%, #1370B9 100%, #1370B9 100%);
    --element-bg-2-gradient: linear-gradient(184deg, #11519C 0%, #288AD8 100%);
    --element-bg-transparent: transparent;
	--text-color: #38424F;
    --text-color-invert: #38424F;
    --text-2-color: #80889D;
    --text-2-color-invert: #80889D;
    --text-link-color: #1370B9;
    --text-blind-color: #C7C9CF;
    --text-contrast-color: #FFFFFF;
    --text-contrast-color-invert: #FFFFFF;
    --text-2-contrast-color: rgba(255, 255, 255, 0.70);
}
html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('fonts/San Francisco Pro Text/SFProText-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('fonts/San Francisco Pro Text/SFProText-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('fonts/San Francisco Pro Text/SFProText-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('fonts/San Francisco Pro Text/SFProText-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
/* ===========================================================
   FONT: TT Travels Text — Optimized for Web
   Author: Dilshod Tursimatov
   Description: Full family with weight 100–900, normal/italic
   =========================================================== */

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Thin.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Thin_Italic.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Thin-Italic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_ExtraLight.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_ExtraLight_Italic.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-ExtraLight-Italic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Light.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Light_Italic.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Light-Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Regular.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Italic.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Medium.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Medium_Italic.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Medium-Italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_DemiBold.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-DemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_DemiBold_Italic.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-DemiBold-Italic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Bold.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Bold_Italic.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Bold-Italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_ExtraBold.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_ExtraBold_Italic.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-ExtraBold-Italic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Black.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TTTravelsText';
  src: url('fonts/TTTravelsText/TT_Travels_Text_Black_Italic.woff2') format('woff2'),
       url('fonts/TTTravelsText/TT-Travels-Text-Black-Italic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}



body {
	font-family: 'TTTravelsText', sans-serif !important;
	background-color: #f5f7fa !important;
}


.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ======== START ======== */


#header{
	height: 100px;
	background-color: transparent;
	background-image: none !important;
	z-index: 999;
	/* background-color: rgb(21 43 101 / 70%); */
}

#header .navbar-nav{
	gap: 20px;
}

#header .nav-link{
	color: #ffffff;
	font-family: 'TTTravelsText', sans-serif;
	font-weight: 500;
	line-height: 140%;
}

#header .dropdown-item{
	font-family: 'TTTravelsText', sans-serif;
	color: rgba(8, 30, 58, 1);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    padding: 6px 12px;
}

#header .dropdown-item::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    border-bottom: 1px solid rgba(226, 232, 242, 1);
}

#header .navbar-brand{
	color: #ffffff;
}


.header-block {
    width: 100%;
    z-index: 99999;
    background: rgba(var(--code-white-1), 0.1);
    backdrop-filter: blur(10px);
    position: relative;
}

.header-main::after{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, var(--primary-color) 0%, rgba(13, 23, 47, 0) 100%);
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all 0.2s ease-in-out;
}
.header-main {
	position: relative;
	overflow: hidden;
	height: 100vh;
	min-height: 500px;
	width: 100%;
    z-index: 1;
}

.header-main video{
	position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}


.header-top{
	height: 46px;
	display: flex;
	align-items: center;
	z-index: 1000;
    position: relative;
	/* background: #152b65; */
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-icon{
	display: inline-flex;
    align-items: center;
	gap: 6px;
	color: #ffffff;
	font-size: 14px;
	line-height: 138%;
    letter-spacing: -0.16px;
	white-space: nowrap;
}
.top-icon svg{
	width: 16px;
	height: 16px;
	fill: #ffffff;
}

.home-brand {
	font-size: var(--bs-navbar-brand-font-size);
    margin-right: var(--bs-navbar-brand-margin-end);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    padding-top: var(--bs-navbar-brand-padding-y);
    white-space: nowrap;
}
.home-brand .gerb-icon{
	min-width: 60px;
    width: 60px;
    flex: 0 0 60px;
}


.home-brand .flag-icon{
	min-width: 4px;
    width: 4px;
    flex: 0 0 4px;
    margin: 0 8px;
}

.btn-language{
	background: transparent;
	background-image: none !important;
	color: #ffffff !important;
	box-shadow: none !important;
	border: none !important;
	padding: 6px 12px; 
	font-size: 14px;
	line-height: 138%;
	letter-spacing: -0.16px;
	border-radius: 6px;
}

/* Navbar dropdown hoverda ochilishi uchun */
.dropdown:hover .dropdown-menu {
  	display: block;
  	margin-top: 0; /* dropdown sakrab chiqmasin */
    border: 0px;
    background: #fff;
    padding: 10px;
	min-width: 260px;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	background-image: none !important;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: transparent !important;
	color: var(--primary-color) !important;
}

.top-icon{
	color: #ffffff;
}
.top-icon img{
	width: 20px;
	height: 20px;
	object-fit: cover;
	border-radius: 50%;
}

.top-social-icon{
	display: flex;
    align-items: center;
	gap: 6px;
	color: #ffffff;
}
.top-social-icon img{
	width: 20px;
	height: 20px;
}

.separator-right{
	border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0px 15px;
}
.overlay-statis{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(0, 0, 0, 0.4); */
	z-index: 1;
}
.footer-statis{
	position: absolute;
    bottom: 30px;
    width: 100%;
}
.gridWrapper{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
        "card-1 long long"
        "card-2 card-3 card-4";
    gap: clamp(12px, 1.5vw, 34px);
}





.gridItem p{
	color: #ffffff;
	opacity: 0.5;
	font-family: 'TTTravelsText', sans-serif;
}

.gridItem:hover p {
	opacity: 1;
}
.gridItem{
	position: relative;
    background: hsla(0, 0%, 100%, .05);
    padding: 15px clamp(16px, 1vw, 28px);
    font-family: 'TTTravelsText', sans-serif;
    overflow: hidden;
    min-height: 104px;
    max-height: 300px;
    cursor: default;
    transition: all .4s ease-out;
}
.gridItem h3{
	font-size: 40px;
    color: #fff;
    font-weight: 600;
}
.gridItem .background-card{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: hsla(0, 0%, 100%, .05);
	/* backdrop-filter: blur(40px); */
	z-index: -1;
	transition: width .4s ease-out;
}

.gridItem.wide {
  grid-column: span 2; /* Ikki ustunni egallaydi */
}

.gridItem:hover .background-card {
    width: 100%;
}

/* NEWS */
.news-section {
  margin-top: clamp(40px, 5vw, 80px);
  margin-bottom: clamp(40px, 5vw, 80px);
}

.section__title{
	font-family: 'TTTravelsText', sans-serif;
	font-weight: 600;
	line-height: 120%;
	color: #27303e;
	font-size: -webkit-calc((100vw - 320px) / (1920 - 320) * (36 - 26) + 26px);
    font-size: calc((100vw - 320px) / (1920 - 320) * (36 - 26) + 26px);
    margin-bottom: calc((100vw - 320px) / (1920 - 320) * (60 - 40) + 40px);
}

.main-news {
	transition:all 0.2s linear;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0px 40px 0px;
	position: relative;

	border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}
.main-news-image {
    height: 220px;
    display: block;
    margin: 0 0 15px 0;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.2s linear;
}

.main-news-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.2s linear;
}

.main-news-image:hover img {
			transform: scale(1.1);
		}
		
	.main-news-info {
		color: #7f8183;
		font-size: 12px;
		margin: 0 0 5px 0;
	}
	
		.main-news-info svg {
			display: inline-block;
			vertical-align: top;
			margin: 0 5px 0 20px;
			width: 15px;
			height: 15px;
		}
		
	.main-news-title {
		font-size: 16px;
		line-height: 26px;
		font-weight: 600;
		color: #3c444d;
		margin: 0 0 7px 0;
    	min-height: 80px;
		 display: -webkit-box;
		-webkit-line-clamp: 3;   /* nechta qatorgacha ko‘rinsin */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
		.main-news-title a {
			color: #3e4144;
			display: block;
			transition:all 0.2s linear;
		}
		
			.main-news-title a:hover {
				color: #026daa;
			}





.news__more{
	margin-top: 70px;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	position: relative;
	white-space: nowrap;
	align-items: center;
}
.news__more svg{
	width: 16px;
	height: 16px;
	margin-left: 10px;
	fill: #333;
}

.news__more .line{
	width: 100%;
	height: 1px;
	background: #91a3b0;
	flex-grow: 1;
	margin-right: 20px;
}
/* .news__more:after {
    content: "";
    position: absolute;
    width: 87%;
    height: 1px;
    background: #91a3b0;
    left: 0;
    top: 50%;
    transform: translateY(50%);
} */


.news__more .btn-more{
	
	font-family: 'TTTravelsText', sans-serif;

	font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
}

.news__more .btn-more:hover span{
	color: #152b65;
}
.news__more .btn-more:hover svg{
	fill: #152b65;
}
/* QUATE */

.quate-section{
	padding-top: clamp(40px, 5vw, 80px);
  	padding-bottom: clamp(40px, 5vw, 80px);
	background: #f5f7fa;
}

/* FOOTER */

#footer{
	padding-top: 2vw !important;
	background: var(--primary-color) !important;
}

.border-top-main{
	border-top: 1px solid rgba(255,255,255,0.1);
}

#footer .logo .text p{
	color: #ffffff;
	font-family: 'TTTravelsText', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	margin: 0px !important;
	padding: 0px !important;
	line-height: 1.5;
}

#footer .socials-footer {

}
#footer .socials-footer img{
	width: 32px;
	height: 32px;
	margin-right: 10px;
	object-fit: cover;
}

#footer p {
	color: var(--color-link) !important;
	line-height: 1.8;
}

#footer .middle {
    background: var(--primary-color) !important;  
    padding: 24px 0;
}

.footer_menus li a{
	color: var(--color-link) !important;
	font-family: 'TTTravelsText', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	transition: all 0.2s ease-in-out;
}

.footer_menus li a:hover{
	text-decoration: none;
	color: var(--color-link-hover) !important;
}

.footer_menus li{
	margin-bottom: 15px;
}

#footer .logo .text h5{
	color: #ffffff !important;
	font-family: 'TTTravelsText', sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin: 0px !important;
	padding: 0px !important;
}

#footer .logo img{
	width: 70px;
}

.footer_menus h5{
	color:var(--color-header) !important;
    font-family: 'TTTravelsText', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer-time li {
  font-size: 14px;
  color: #e2e8f0; /* yoki sizning footer matn rangiz */
  line-height: 1.6;
  margin-bottom: 0px !important;
}

.footer-time span {
  color: #ffffff;
  font-weight: 500;
}

.footer-time .text-danger {
  color: #f87171 !important; /* qizil — “Dam olish kuni” uchun */
}

footer h6 {
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.5px;
}

/* IS CHAIR */

/* .header-chair-archive::after{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #0D172F 0%, rgba(13, 23, 47, 0) 100%);
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all 0.2s ease-in-out;
} */
.header-chair-archive {
	position: relative;
	background: var(--primary-color);
	/* height: 100vh;
	min-height: 500px; */
	width: 100%;
    z-index: 1;
}

.card-chair{
	display: flex;
	flex-direction: column;
	padding: 2.4rem !important;
	background: #ffffff;
	border-radius: 4px;
	margin-bottom: 1.2rem !important;
	transition: background-color .35s ease;
}

.card-chair:hover .chair-link span{
	color: #1370B9 !important;
}
.card-chair:hover .chair-link svg path	{
	fill: #1370B9 !important;
}
.card-chair:hover .chair-content p{
	color: #1370B9 !important;
}
.card-chair:hover .chair-content h3{
	color: #1370B9 !important;
}

.card-chair:hover{
	background-color: #E9EDF2;
}

.card-chair .chair-content p{
	font-family: 'TTTravelsText', sans-serif;
	color: #1b1c1e;
	font-size: 18px;
	font-weight: 400;
	line-height: 160%;
}

.card-chair .chair-content{
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.card-chair .chair-content h3::first-letter{
	text-transform: uppercase;
}

.card-chair .chair-content h3{
	text-transform: lowercase;
	font-family: 'TTTravelsText', sans-serif;
	color: #1b1c1e;
    font-size: 32px;
    font-weight: 700;
}


.card-chair .chair-leader{
	display: flex;
    flex-direction: row;
	gap: 24px;
}
.card-chair .chair-leader .chair-leader-pic .pic{
	border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%;
}

.card-chair .chair-leader-info{
	gap: 20px;
    padding: 0;
}
.card-chair .chair-leader-info .links .icon-link a:hover{
	-webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
}
.card-chair .chair-leader-info .links .icon-link a{
	-webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: 2px;
    transition: -webkit-text-decoration .3s 
cubic-bezier(.61, 1, .88, 1);
    transition: text-decoration .3s 
cubic-bezier(.61, 1, .88, 1);
    transition: text-decoration .3s 
cubic-bezier(.61, 1, .88, 1), -webkit-text-decoration .3s 
cubic-bezier(.61, 1, .88, 1);
	font-family: 'TTTravelsText', sans-serif;
	color: #1b1c1e;
	font-size: 18px;
	font-weight: 700;
	line-height: 140%;
}
.chair-link{
	color: #1b1c1e;
    font-weight: 700;
}

.section-title{
	font-family: 'TTTravelsText', sans-serif;
	color: #1b1c1e;
	font-size: 32px;
	font-weight: 700;
	line-height: 140%;
}

.card-chair .chair-leader-info  .links .icon-link svg{
	color: #0d3d8f;
	width: 20px;
    height: 20px;
}
.card-chair .chair-leader-info .links .icon-link{
	display: flex;
	gap: 16px;

}
.card-chair .chair-leader-info .links{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: auto;
}
.card-chair .chair-leader-info .content-head h4:hover{
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
}
.card-chair .chair-leader-info .content-head h4{
	-webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: 4px;
	font-family: 'TTTravelsText', sans-serif;
	color: #1b1c1e;
	font-size: 24px;
	font-weight: 600;
	line-height: 140%;
}

.card-chair .chair-leader-info .content-head p{
	color: rgba(27,28,30,.5);
}

.card-chair .chair-leader .chair-leader-pic img{
	border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%;
}

.card-chair .chair-leader .chair-leader-pic{
	width: 122px;
	height: 122px;
}
/* .card-chair .chair-leader .chair-leader-pic{} */


/* SINGLE  */

.header-single {
	position: relative;
	background: var(--primary-color);
	/* height: 100vh;
	min-height: 500px; */
	width: 100%;
    z-index: 1;
}

/* PAGE  */

.header-page {
	position: relative;
	background: var(--primary-color);
	/* height: 100vh;
	min-height: 500px; */
	width: 100%;
    z-index: 1;
}

/* map-section */


.map-section{
	padding-top: clamp(40px, 5vw, 80px);
  	padding-bottom: clamp(40px, 5vw, 80px);
	background: #f5f7fa;
}

.map-section .section__title{
	font-family: 'TTTravelsText', sans-serif;
	font-weight: 600;
	line-height: 120%;
	color: #27303e;
	font-size: -webkit-calc((100vw - 320px) / (1920 - 320) * (36 - 26) + 26px);
    font-size: calc((100vw - 320px) / (1920 - 320) * (36 - 26) + 26px);
    margin-bottom: calc((100vw - 320px) / (1920 - 320) * (60 - 40) + 40px);
}

.map-section .map-wrapper{
	 border-radius: 4px;
    overflow: hidden;
}
.map-section .address-info{
	display: flex;
    flex-direction: column;
    overflow: hidden;
    row-gap: 32px;
	background-color: #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
    padding: 32px;
}

.map-section .address-info .contact-card-no-image__contacts .icon-text, .link {
    align-items: flex-start;
    color: #38424F;
    display: inline-flex;
    gap: 1.2rem;
    transition: color .35s ease, opacity .35s ease;
}
.map-section .address-info .contact-card-no-image__contacts .link__items {
    display: grid;
}
.map-section .address-info .contact-card-no-image__contacts .link__item {
    align-items: center;
    -moz-column-gap: .8rem;
    column-gap: .8rem;
    display: flex;
    transition: color .35s ease, opacity .35s ease;
	color: #38424F;
}
.map-section .address-info .contact-card-no-image__contacts .icon-text svg path{
	fill: #1370B9;
}
.map-section .address-info .contact-card-no-image__contacts .icon-text svg, .link svg path{
	fill: #1370B9;
	transition: fill .35s ease;
}
.map-section .address-info .contact-card-no-image__contacts .icon-text svg, .link svg {
    color: #1370B9;
    flex-shrink: 0;
    height: 24px;
    transition: color .35s ease;
    width: 24px;
	
}
.map-section .address-info .contact-card-no-image__contacts {
    grid-row-gap: 2rem;
    display: grid;
}

.map-section .address-info .address-info h3{
	color: #38424F;
	font-family: 'TTTravelsText', sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 140%;
	border-bottom: 1px solid #D2DAE3;
}

/* USEFUL LINKS */

.partner-card {
    align-items: center;
    background-color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    min-height: 236px;
    justify-content: center;
    position: relative;
    transition: background-color .35s ease;
    width: 100%;
}

.partner-card:hover img{
    filter: grayscale(0);
    opacity: 1;
}

.partner-card  img {
    -o-object-fit: contain;
    object-fit: contain;
	height: 150px;
    width: 150px;
    filter: grayscale(.9);
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .6;
    transition: all .35s ease;
}

/* chair */

.info-card {
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    gap: 24px;
    padding: 24px;
    position: relative;
	min-height: 100%;

}


.info-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 40px;
	min-height: 100%;
    justify-content: space-between
}

@media (max-width: 1023px) {
    .info-card__content {
        gap:14.6rem
    }
}

.info-card__content-head {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

@media (max-width: 767px) {
    .info-card__content-head {
        gap:.8rem
    }
}

.info-card__title {
    color: #362f26;
    font-optical-sizing: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    /* line-height: 40px; */
}


.info-card__subtitle {
    color: #958f88;
    font-optical-sizing: auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-weight: 500;
    line-height: 22px;
}


.info-card__picture {
    border-radius: 50%;
    height: 200px;
    overflow: hidden;
    width: 200px;
}


.info-card__picture img,.info-card__picture picture {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .35s ease;
    width: 100%;
    will-change: transform
}

/* single-chair-menu */

.single-chair-menu{
	background: var(--primary-color);
	padding: 12px;
	border-radius: 4px;
	position: sticky;
	top: 12px;
	z-index: 100;
}

.single-chair-menu ul{
	list-style-type: none;
	padding-left: 0px;
}
.single-chair-menu ul li{
	display: inline-flex;
	width: 100%;
}

.single-chair-menu .menu-link.active{
	background: #F59E0B;   /* oltin rang */
  	color: #fff;
  	font-weight: 600;
}

.single-chair-menu ul li a:hover{
	color: var(--color-link-hover);
}

.single-chair-menu ul li a{
	font-family: 'TTTravelsText', sans-serif;
	color: var(--color-link);
	padding: 12px;
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	width: 100%;
	-webkit-text-decoration: underline transparent;
	text-decoration: underline transparent;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	text-underline-offset: 2px;
	transition: -webkit-text-decoration .3s cubic-bezier(.61, 1, .88, 1);
	transition: text-decoration .3s cubic-bezier(.61, 1, .88, 1);
	transition: text-decoration .3s cubic-bezier(.61, 1, .88, 1), -webkit-text-decoration .3s cubic-bezier(.61, 1, .88, 1);
}
.single-chair-menu ul li a:hover{
	-webkit-text-decoration-color: currentColor;
	text-decoration-color: currentColor;	

}

.single-chair-section{
	border-radius: 4px;
    background: #f0f1f6;
    padding: 20px;
	margin-bottom: 20px;
}
.single-chair-title{
	border-bottom: 1px solid #d2dae3;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
/* SINGLE TEACHER */
.chair-teacher-single{
	display: flex;
    flex-direction: row;
	gap: 24px;
}
.chair-teacher-single .chair-leader-pic .pic{
	border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%;
}

.chair-teacher-single .chair-leader-info{
	gap: 20px;
    padding: 0;
}
.chair-teacher-single .chair-leader-info .links .icon-link a:hover{
	-webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
}
.chair-teacher-single .chair-leader-info .links .icon-link svg path{
	fill: var(--primary-color);
}
.chair-teacher-single .chair-leader-info .links .icon-link a{
	-webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: 2px;
    transition: -webkit-text-decoration .3s cubic-bezier(.61, 1, .88, 1);
    transition: text-decoration .3s cubic-bezier(.61, 1, .88, 1);
    transition: text-decoration .3s cubic-bezier(.61, 1, .88, 1), -webkit-text-decoration .3s cubic-bezier(.61, 1, .88, 1);
	font-family: 'TTTravelsText', sans-serif;
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
}

.chair-teacher-single  .chair-leader-pic {
    width: 122px;
    height: 122px;
}

.chair-teacher-single .chair-leader-info .content-head h4:hover{
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
}
.chair-teacher-single .chair-leader-info .content-head h4{
	-webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: 4px;
	font-family: 'TTTravelsText', sans-serif;
	color: #1b1c1e;
	font-size: 24px;
	font-weight: 600;
	line-height: 140%;
}

.chair-teacher-single .chair-leader-info .content-head p{
	color: rgba(27,28,30,.5);
}

.chair-teacher-single  .chair-leader-pic img{
	border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%;
}

.galliery-swiper .gallery-card img{
	object-fit: cover;
    width: 100%;
    height: 100%;
}
.galliery-swiper .gallery-card picture{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.galliery-swiper .gallery-card{
	border-radius: 4px;
	background: #ffffff;
	overflow: hidden;
	height: 200px;
	width: 100%;
	overflow: hidden;
	display: block;
}

.swiper-button-navigation-chair .swiper-button-disabled{
	opacity: 0.35 ! important;
	cursor: auto;
	pointer-events: none;
}


.header-department-archive {
	position: relative;
	background: var(--primary-color);
	/* height: 100vh;
	min-height: 500px; */
	width: 100%;
    z-index: 1;
}

.breadcrumb .breadcrumb-item a {
	font-family: 'TTTravelsText', sans-serif;
    color: rgba(8, 30, 58, 1);
}
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    padding: .75rem 1rem !important;
    margin-bottom: 1rem !important;
    list-style: none !important;
    background-color: #e9ecef !important;
    border-radius: .25rem !important;
}

.wpcf7-form{
	background-color: #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
    padding: 16px;
}

.btn-primary{
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	border: 0px !important;
    border-radius: 4px !important;
	box-shadow: none !important;
}

/* RAHBARIYAT */


.contact-card-no-image {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    row-gap: 3.2rem
}

@media (max-width: 1023px) {
    .contact-card-no-image {
        gap:2.4rem
    }
}

.contact-card-no-image__header {
    grid-row-gap: 1.2rem;
    border-bottom: 1px solid var(--divider-color);
    display: grid;
    padding-bottom: 3.2rem
}

@media (max-width: 1023px) {
    .contact-card-no-image__header {
        padding-bottom:2.4rem
    }
}

.contact-card-no-image__header h3 {
    color: var(--text-color)
}

.contact-card-no-image__header p {
    color: var(--text-2-color);
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -.14px;
    line-height: 2rem
}

@media (max-width: 767px) {
    .contact-card-no-image__header p {
        font-size:1.2rem;
        letter-spacing: -.12px;
        line-height: 1.8rem
    }
}

.contact-card-no-image__contacts {
    grid-row-gap: 2rem;
    display: grid
}

.contact-card-no-image__footer {
    margin-top: auto
}
.recotorate{
	font-size: 16px;
}

.contact-card-main {
    grid-gap: 40px;
    background: var(--element-bg);
    border-radius: 4px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    overflow: hidden;
    padding: 16px 32px 16px 16px;
	margin-bottom: 20px;
}

@media (max-width: 1023px) {
    .contact-card-main {
        grid-gap:32px;
        grid-template-columns: 1fr;
        padding: 12px 12px 24px
    }
}

.contact-card-main__avatar {
    border-radius: 4px;
    height: 480px;
    isolation: isolate;
    overflow: hidden
}

.contact-card-main__avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 1023px) {
    .contact-card-main__avatar {
        height:480px
    }
}

@media (max-width: 767px) {
    .contact-card-main__avatar {
        height:320px;
    }
}

.contact-card-main__content {
    display: flex;
    flex-direction: column;
    padding: 0rem 0;
    row-gap: 32px;
}

@media (max-width: 1023px) {
    .contact-card-main__content {
        padding:0 12px;
        row-gap: 24px;
    }
}

.contact-card-main__titles {
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

@media (max-width: 1023px) {
    .contact-card-main__titles {
        row-gap:12px;
    }
}

.contact-card-main__post {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.6px;
    line-height: 26px;
	margin-bottom: 0px;
}

@media (max-width: 767px) {
    .contact-card-main__post {
        font-size:16px;
        letter-spacing: -.55px;
        line-height: 22px;
    }
}

.contact-card-main__regalia {
    color: var(--text-2-color);
	font-size: 16px;
	margin-bottom: 0px;
}

.contact-card-main__about {
    color: var(--text-color);
	font-size: 16px;
	margin-bottom: 0px;

}

.contact-card-main__about .text-content {
    line-clamp: 4;
    box-orient: vertical;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -moz-box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.contact-card-main__about button {
    display: none;
    margin: 16px 0 0
}

.contact-card-main__about button._active {
    display: inline-flex
}

#popup-review .contact-card-main__about-text-wrapper {
    --p: 3.2rem;
    height: calc(100% + var(--p)*2);
    margin: calc(var(--p)*-1) 0 0;
    overflow: hidden;
    position: relative
}

@media (max-width: 1023px) {
    #popup-review .contact-card-main__about-text-wrapper {
        --p:2rem
    }
}

#popup-review .contact-card-main__about-text-wrapper:before {
    background: linear-gradient(to top,transparent 0,var(--element-bg) 100%);
    content: "";
    display: block;
    height: calc(var(--p)*1.5);
    position: absolute;
    top: 0;
    width: 100%
}

#popup-review .contact-card-main__about-text-wrapper:after {
    background: linear-gradient(to bottom,transparent 0,var(--element-bg) 100%);
    bottom: 0;
    content: "";
    display: block;
    height: calc(var(--p)*1.5);
    position: absolute;
    width: 100%
}

#popup-review .contact-card-main__about-text-wrapper .text-content {
    height: 100%;
    overflow: auto;
    padding: var(--p) 0 var(--p)
}

#popup-review .contact-card-main__about-text-wrapper .text-content::-webkit-scrollbar {
    width: .4rem
}

#popup-review .contact-card-main__about-text-wrapper .text-content::-webkit-scrollbar-track {
    background-color: var(--divider-color);
    border-radius: 10rem
}

#popup-review .contact-card-main__about-text-wrapper .text-content::-webkit-scrollbar-thumb {
    border: .4rem solid var(--text-2-color);
    border-radius: 10rem
}

.contact-card-main__activities {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem
}

@media (max-width: 1023px) {
    .contact-card-main__activities {
        row-gap:1.2rem
    }
}

.contact-card-main__activity>span {
    color: var(--text-2-color);
    margin-right: .8rem
}

.contact-card-main__activity .text-content {
    display: inline
}

@media (max-width: 1023px) {
    .contact-card-main__activity {
        display:flex;
        flex-direction: column;
        row-gap: .8rem
    }

    .contact-card-main__activity>span {
        margin: 0
    }
}

.contact-card-main__contacts {
    border-bottom: 1px solid var(--divider-color);
    display: flex;
    gap: 3.2rem 4rem;
    margin-top: auto;
    padding-bottom: 3.2rem
}

@media (max-width: 1023px) {
    .contact-card-main__contacts {
        flex-direction:column;
        padding-bottom: 2.4rem;
        row-gap: 2.4rem
    }
}

.contact-card-main__links {
    flex-grow: 1;
    margin-bottom: -1.6rem
}

@media (max-width: 1023px) {
    .contact-card-main__links {
        margin-bottom:0
    }
}

.contact-card-main__links>* {
    margin-bottom: 1.6rem;
    width: 50%
}

.contact-card-main__links>:nth-child(odd) {
    float: left
}

.contact-card-main__links>:nth-child(2n) {
    float: right
}

@media (max-width: 1023px) {
    .contact-card-main__links>* {
        float:unset;
        margin-bottom: 1.2rem;
        width: 100%
    }

    .contact-card-main__links>:last-child {
        margin-bottom: 0
    }
}

.contact-card-main__socials {
    align-self: flex-start;
    -moz-column-gap: .4rem;
    column-gap: .4rem;
    display: flex
}

.contact-card-main__data-items {
    grid-gap: 2rem;
    border-bottom: 1px solid var(--divider-color);
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding-bottom: 3.2rem
}

@media (max-width: 1023px) {
    .contact-card-main__data-items {
        grid-gap:1.6rem;
        grid-template-columns: 1fr;
        padding-bottom: 2.4rem
    }
}

.contact-card-main__data-item>span {
    color: var(--text-2-color);
    margin-right: .6rem
}

.contact-card-main__data-item .text-content {
    display: inline
}

.contact-card-main__footer {
    align-items: center;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    display: flex
}

@media (max-width: 1023px) {
    .contact-card-main__footer {
        align-items:flex-start;
        flex-direction: column;
        row-gap: 2.4rem
    }
}

.contact-card-vertical {
    background: var(--element-bg);
    border-radius: 3.2rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 1.6rem 1.6rem 3.2rem;
    row-gap: 3.2rem
}

@media (max-width: 1023px) {
    .contact-card-vertical {
        padding:1.2rem 1.2rem 2.4rem;
        row-gap: 2.4rem
    }
}

.contact-card-vertical__avatar {
    aspect-ratio: 1;
    border-radius: 1.8rem;
    isolation: isolate;
    overflow: hidden
}

.contact-card-vertical__avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.contact-card-vertical__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0 1.6rem;
    row-gap: 3.2rem
}

@media (max-width: 1023px) {
    .contact-card-vertical__content {
        padding:0 1.2rem;
        row-gap: 2.4rem
    }
}

.contact-card-vertical__titles {
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem
}

@media (max-width: 1023px) {
    .contact-card-vertical__titles {
        row-gap:1.2rem
    }
}

.contact-card-vertical__post {
    color: var(--text-2-color);
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -.24px;
    line-height: 2.4rem
}

@media (max-width: 767px) {
    .contact-card-vertical__post {
        font-size:1.4rem;
        letter-spacing: -.21px;
        line-height: 2rem
    }
}

.contact-card-vertical__contacts {
    display: flex;
    flex-direction: column;
    gap: 3.2rem 4rem
}

@media (max-width: 1023px) {
    .contact-card-vertical__contacts {
        border-bottom:1px solid var(--divider-color);
        flex-direction: column;
        padding-bottom: 2.4rem;
        row-gap: 2.4rem
    }
}

.contact-card-vertical__links {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    row-gap: 1.6rem
}

.contact-card-vertical__socials {
    align-self: flex-start;
    -moz-column-gap: .4rem;
    column-gap: .4rem;
    display: flex
}

.contact-card-vertical__footer {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    row-gap: 3.2rem
}

@media (max-width: 1023px) {
    .contact-card-vertical__footer {
        row-gap:2.4rem
    }
}

.contact-card {
    background: var(--element-bg);
    border-radius: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    display: flex;
    overflow: hidden;
    padding: 1.6rem 3.2rem 1.6rem 1.6rem
}

.contact-card._no-image {
    padding: 1.6rem 3.2rem
}

@media (max-width: 1023px) {
    .contact-card {
        flex-direction:column;
        padding: 1.2rem 1.2rem 2.4rem;
        row-gap: 2.4rem
    }
}

.contact-card__avatar {
    border-radius: 1.8rem;
    flex-shrink: 0;
    isolation: isolate;
    min-height: 32rem;
    overflow: hidden;
    width: 32rem
}

.contact-card__avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 1023px) {
    .contact-card__avatar {
        height:60rem;
        width: 100%
    }
}

@media (max-width: 767px) {
    .contact-card__avatar {
        height:32rem
    }
}

.contact-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.6rem 0;
    row-gap: 3.2rem
}

@media (max-width: 1023px) {
    .contact-card__content {
        padding:0 1.2rem;
        row-gap: 2.4rem
    }
}

.contact-card__titles {
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem
}

@media (max-width: 1023px) {
    .contact-card__titles {
        row-gap:1.2rem
    }
}

.contact-card__post {
    color: var(--text-2-color);
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -.24px;
    line-height: 2.4rem
}

@media (max-width: 767px) {
    .contact-card__post {
        font-size:1.4rem;
        letter-spacing: -.21px;
        line-height: 2rem
    }
}

.contact-card__contacts {
    border-bottom: 1px solid var(--divider-color);
    display: flex;
    gap: 3.2rem 4rem;
    margin-top: auto;
    padding-bottom: 3.2rem
}

@media (max-width: 1023px) {
    .contact-card__contacts {
        flex-direction:column;
        padding-bottom: 2.4rem;
        row-gap: 2.4rem
    }
}

.contact-card__links {
    flex-grow: 1;
    margin-bottom: -1.6rem
}

@media (max-width: 1023px) {
    .contact-card__links {
        margin-bottom:0
    }
}

.contact-card__links>* {
    margin-bottom: 1.6rem;
    width: 50%
}

.contact-card__links>:nth-child(odd) {
    float: left
}

.contact-card__links>:nth-child(2n) {
    float: right
}

@media (max-width: 1023px) {
    .contact-card__links>* {
        float:unset;
        margin-bottom: 1.2rem;
        width: 100%
    }

    .contact-card__links>:last-child {
        margin-bottom: 0
    }
}

.contact-card__socials {
    align-self: flex-start;
    -moz-column-gap: .4rem;
    column-gap: .4rem;
    display: flex
}

.contact-card__footer {
    align-items: center;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    display: flex
}

@media (max-width: 1023px) {
    .contact-card__footer {
        align-items:flex-start;
        flex-direction: column;
        row-gap: 2.4rem
    }
}

.contact-card-small {
    background: var(--element-bg);
    border-radius: 3.2rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
    display: flex;
    overflow: hidden;
    padding: 1.6rem 2.4rem 1.6rem 1.6rem
}

@media (max-width: 1023px) {
    .contact-card-small {
        -moz-column-gap:2rem;
        column-gap: 2rem;
        padding: 1.2rem
    }
}

.contact-card-small__avatar {
    border-radius: 1.8rem;
    flex-shrink: 0;
    height: 15.6rem;
    isolation: isolate;
    overflow: hidden;
    width: 12rem
}

.contact-card-small__avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 1023px) {
    .contact-card-small__avatar {
        height:9.6rem;
        width: 7.2rem
    }
}

.contact-card-small__content {
    display: flex;
    flex-direction: column;
    padding: .8rem 0;
    row-gap: 2.4rem
}

@media (max-width: 1023px) {
    .contact-card-small__content {
        padding:0;
        row-gap: 2.4rem
    }
}

.contact-card-small__titles {
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem
}

@media (max-width: 1023px) {
    .contact-card-small__titles {
        row-gap:1.2rem
    }
}

.contact-card-small__post {
    color: var(--text-2-color);
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -.14px;
    line-height: 2rem
}

@media (max-width: 767px) {
    .contact-card-small__post {
        font-size:1.2rem;
        letter-spacing: -.12px;
        line-height: 1.8rem
    }
}

.contact-card-small__contacts {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-top: auto
}

@media (max-width: 1023px) {
    .contact-card-small__contacts {
        border-bottom:1px solid var(--divider-color);
        padding-bottom: 2.4rem
    }
}

.contact-card-small__links {
    display: flex;
    flex-direction: column;
    row-gap: 1.2rem
}

.contact-card-small__socials {
    align-self: flex-start;
    -moz-column-gap: .4rem;
    column-gap: .4rem;
    display: flex
}

.contact-card-small__footer {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    row-gap: 24px;
}

@media (max-width: 1023px) {
    .contact-card-small__footer {
        row-gap:16px
    }
}

.educational-program-card {
    display: flex;
    flex-direction: column
}

.educational-program-card._no-body {
    gap: 32px;
}

.educational-program-card__head {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.contact-card-main__full-name{
	color: var(--bs-heading-color);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 5px;
    margin-top: 0;

	font-size: 36px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 44px;
}

.cantact-card-links .icon-text svg path{
	fill: var(--primary-color);
	transition: color .35s ease;
}

.cantact-card-links .icon-text svg{
	flex-shrink: 0;
	height: 16px;
	transition: color .35s ease;
	width: 16px;
}

.cantact-card-links .icon-text{
	display: inline-flex;
	gap: 12px;
	font-size: 16px;
	color: var(--text-color);
	align-items: start;
	margin-bottom: 16px;
}

.contact-card-main__description p{
	color: var(--text-color);
    font-size: 16px;
    margin-bottom: 0px;
}



.page-content{
    background: #FFFFFF;
}

.page-header .meta{
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.page-header h1{
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color: var(--primary-color);
}

.page-header .meta-date svg path{
    fill: #767676;
}
.page-header .meta-date svg{
    width: 20px;
    margin-right: 5px;
}
.page-header .meta-date{
    display: flex;
    align-items: center;
    color: #767676;
    font-weight: 500;
}

.page-header{
    background: #f5f7fa !important;
    padding: 30px 0 30px;   
}


@media (max-width: 576px) {
    .page-header .meta{
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .page-header h1{
        font-size: 16px;
    }
    .page-header{
        background: #f5f7fa !important;
        padding: 0px 0 10px;   
    }
}


.entry-content {
  overflow-x: auto;   /* table chiqsa scroll beradi */
  max-width: 100%;
}

.entry-content, 
.entry-content * {
  box-sizing: border-box;
  max-width: 100%;
}


@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 26px !important;
    }
}

.wp-singular.page .entry-content {
    border-radius: 4px;
    background: #fff;
    padding: 24px;
}

.wp-singular.page .entry-title {
    font-weight: 700 !important;
    margin-bottom: 24px;
} 

.tg-bg h5{
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.tg-bg button {
    background: #fff;
    border: none;
    border-radius: 4px;
    color: #4fa4de;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 11px;
    padding: 4px 10px;
    transition: all .3s;
}
.tg-bg {
    background-image: url('assets/tgbg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    margin-top: 28px;
    padding: 20px 24px;
}

.rector {
    background: #f0f0f5;
    border-radius: 4px;
    height: 287px;
    margin-top: 28px;
    overflow: hidden;
    padding: 20px 24px;
    position: relative;
    width: 100%;
}
.rector h6 {
    color: #44494f;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 5px;
}
.rector a {
    background: #024da5;
    border: 1px solid #024da5;
    border-radius: 4px;
    color: #fff !important;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 20px;
    margin-top: 12px;
    padding: 4px 10px;
    transition: all .3s;
}

/* digital projects */

.card-digital{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 32px;
    background: #fff;
    border-radius: 20px;
    transition: all .5s ease-in-out;
    width: 100%;
    overflow: hidden;
}

.card-digital:hover{
    background: #fddb2b;
}

.card-digital .card-digital__img img{
    width: 40px;
    height: 40px;
}
.card-digital .card-digital__img{
    width: 40px;
    height: 40px;
}
.card-digital .card-digital__content{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.card-digital .card-digital__content .card-digital__title{
    
    color: #2f3137;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
}
.card-digital .card-digital__content .card-digital__desc{
    color: #0e1117;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}


/* TUZILMA */
.tuzilma-card{
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    display: flex;
    justify-content: center;
    padding: 15px;
    transition: all .35s ease;
    width: 100%;
}

.tuzilma-card .tuzilma-card__info{
    margin-bottom: 20px;
}
.tuzilma-card .tuzilma-card__info .tuzilma-card__position{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.6px;
    line-height: 26px;
    margin-bottom: 0px;
}
.tuzilma-card .tuzilma-card__info .tuzilma-card__education{
    color: var(--text-2-color);
    font-size: 16px;
    margin-bottom: 0px;
}
.tuzilma-card .tuzilma-card__info .tuzilma-card__name{
    color: var(--bs-heading-color);
    line-height: 1.2;
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 44px;
} 
.tuzilma-card .tuzilma-card__avatar img{ 
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.tuzilma-card .tuzilma-card__links{

}
.tuzilma-card .tuzilma-card__links .icon-text{
    display: inline-flex;
    gap: 12px;
    font-size: 16px;
    color: var(--text-color);
    align-items: start;
}

.tuzilma-card .tuzilma-card__links .icon-text svg{
    flex-shrink: 0;
    height: 16px;
    transition: color .35s ease;
    width: 16px;
}




.tuzilma-card .tuzilma-card__items{
}

.tuzilma-card .section-title-tuzilma{
    border-bottom: 1px solid var(--text-2-color-invert);
}

.tuzilma-card .tuzilma-card__items .tuzilma-card__item{
    border: 1px solid var(--primary-color);
    border-radius: 0px;
    padding: 12px 16px;
    margin-top: 12px;
    min-height: 130px;
    display: block;
}


.tuzilma-card .tuzilma-card__items .tuzilma-card__item .tuzilma-card__item-title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    color: var(--primary-color);
}


.tuzilma-card .tuzilma-card__items .tuzilma-card__item .tuzilma-card__item-head{
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-top: 10px;
}

.tuzilma-card .tuzilma-card__items .tuzilma-card__item .tuzilma-card__item-head .tuzilma-card__item-head-avatar{
    flex: 1;
}

.tuzilma-card .tuzilma-card__items .tuzilma-card__item .tuzilma-card__item-head .tuzilma-card__item-head-info{
    flex: 3;
}
.tuzilma-card .tuzilma-card__items .tuzilma-card__item .tuzilma-card__item-head .tuzilma-card__item-head-info .tuzilma-card__item-head-position{
    font-weight: 400;
    font-size: 14px;
    color: var(--text-2-color);
    margin-bottom: 4px;
}
.tuzilma-card .tuzilma-card__items .tuzilma-card__item .tuzilma-card__item-head .tuzilma-card__item-head-info .tuzilma-card__item-head-name{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #000;
}


.gallery-item a{
    min-width: 100%;
    padding: 10px;
}
.gallery-item a img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}