/*
Theme Name: qiada site
Theme URI: http://example.com
Author: Impact Digital Lab
Author URI: https://impact-dl.ru/
Description:  WordPress theme qiada
Version: 1.0
Tags: custom-background, custom-menu, featured-images, theme-options, translation-ready
*/





/*Обнуление*/
* {
   padding: 0;
   margin: 0;
   border: 0;
}

*,
*:before,
*:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 14px;
	overflow-x: hidden;
	 scroll-behavior: smooth !important;
/*    -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%; */
/*    -webkit-text-size-adjust: 100%; */
}






input,
button,
textarea {
   font-family: inherit;
}

input::-ms-clear {
   display: none;
}

button {
   cursor: pointer;
	background-color: transparent;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

/* ul li {
   list-style: none;
}
 */

p{
	    line-height: 20px;
}

.menu  li,
.menu-mob li{
	list-style: none;
} 



img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: inherit;
   font-weight: 400;
}

/*--------------------*/
/* .wrapper {

   display: flex;
   flex-direction: column;
   min-height: 100%;
}

.main {
   flex: 1 1 auto;
} */


.ibm-plex-sans-<uniquifier> {
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}



body {
   overflow-x: hidden;
    background-color:#F8F8F8;
	color: #2C2F34;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	position:relative;
}

a{
	color: #2C2F34;
}

.container {
   max-width: 1728px;
   margin: 0 auto;
   padding: 0 15px;
}


/* header */

.main-fon{
 position: relative;
	
}
.main-fon::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200%;
  height: 200%;
  background: radial-gradient(
    ellipse at center bottom,
    rgba(102,148,206,0.5) 0%,
    rgba(102,148,206,0.15) 40%,
    rgba(255,255,255,1) 70%
  );
  border-radius: 50%;
	z-index:-1;

}












.burgr{
	display:none;
}

.line{
		background: rgba(106, 116, 129, 1);
		height: 1.5px;
	display:block;
	
	}
	
	.line-1{
		width: 32px;
		
	}
	
	.line-2{
		width: 25.5px;
		
	}
	
	.line-3{
		width: 17.5px;
		
	}


.header-blocks{
	display: flex;
    align-items: center;
	justify-content: space-between;
	    padding-top: 48px;
}

.heder-block-logo img{
	width: 153.25px;
height: 130px;
}




.header-block-kn{
	
width: 161px;
height: 48px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 12px;
padding: 18px 12px 18px 12px;
border-radius: 42px;

box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 1);
	 transition: all 0.3s ease-in-out;
}



.header-block-kn p{
	font-weight:600;
line-height: 100%;
letter-spacing: 8%;
text-align: left;
text-transform: uppercase;
}



.header-block-kn:hover{
	    background: #0C58BD;
    color: #fff;
    box-shadow: none;
		 transition: all 0.3s ease-in-out;
}




.header-block-kn:active{
	    background: #113C74;
    color: #fff;
    box-shadow: none;
		 transition: all 0.3s ease-in-out;
}




.header-menu-ul{
	display: flex;
    gap: 30px;
    align-items: center;
    list-style: none;
}

.header-menu-item{

	font-size: 20px;
font-weight: 500;
line-height: 100%;
}

.header-menu-item a{

	color:#8A98AB!important;
 transition: all 0.3s ease-in-out;
}


.header-menu-item:hover a{
	color:#0C58BD!important;
	 transition: all 0.3s ease-in-out;
}


.header-menu-item:active a{
	color:#113C74!important;
}

.header-wrapper{
	margin-bottom:36px;
}






.titl-38{
	font-size:38px;
	margin-bottom:24px;
}
/* main-screen */


.main-screen-wrapper{
	padding-bottom:280px;
}


.main-screen{
	border-radius: 44px;
/* 	padding:7px; */
	position:relative;
	  background: url('/wp-content/themes/qiada/assets/img/main-fon.png') center/cover no-repeat;
	height: 500px;
	 overflow: hidden;
}

/* .main-screen::before {
    content: "";
    position: absolute;
   border-radius: 40px;
backdrop-filter: blur(10px);
background: linear-gradient(23.60deg, rgba(255, 255, 255, 0.95),rgba(255, 255, 255, 0.2) 100%);
	
	width:100%;
	height:100%;
} */




.main-screen-overlay{
	inset: 0;
	border-radius: 44px;
/* 	border:2px solid #a6aeaf; */
	width:100%;
	height:100%;
	 box-sizing: border-box;
	position:absolute;
	    padding: 14px;
}

.main-screen-overlay-blcok{

	border-radius: 44px;
/* backdrop-filter: blur(10px); */
/* background: linear-gradient(23.60deg, rgba(255, 255, 255, 0.95),rgba(255, 255, 255, 0.2) 100%); */
/* 	    background: linear-gradient(to right, rgba(255, 255, 255, 3.8), rgb(255 255 255 / 17%)); */
	width:100%;
	height:100%;
}


.main-screen:before{
	content:"";
		border-radius: 44px;
/* 	border:2px solid #a6aeaf; */
	position:absolute;

}

.main-screen-content{
	position:relative;
	z-index:1;
	padding:130px 50px 45px 50px;
}
.main-screen h1 {
	margin-bottom:25px;
          background: linear-gradient(90deg, #00C065, #0C58BD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 60px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
     display: inline-block;
	text-align: left;
}



.main-screen p{
	margin-bottom:30px;
font-size: 30px;
font-weight: 400;
line-height: 100%;

}


.main-screen-buttons{
	display:flex;
	gap:12px;
}
.main-screen-buttons button{
	padding: 10px 20px 10px 20px;
	color:#2C2F34;
	border: 1.5px solid rgba(196, 205, 218, 1);
border-radius: 200px;
	font-size: 20px;
font-weight: 500;
	background-color:transparent;
}






/* news */

.news-wrapper{
	margin-top:-244px;
	margin-bottom:36px;
}

.news{
	border-radius: 48px;
box-shadow: 0px 4px 10px -7px rgba(0, 0, 0, 0.2);
background: #FFFFFF;
	padding:30px;
}


.block{
	
/* box-shadow: 0px 4px 10px -7px rgba(0, 0, 0, 0.2); */
background: #FFFFFF;
	padding:30px;
}

.schadow-block{
	box-shadow: 0px 4px 10px -7px rgba(0, 0, 0, 0.2);
	border-bottom-left-radius:48px;
	  border-bottom-right-radius: 48px;
	margin-bottom:36px;
}

.titl-30{
	font-size: 30px;
}


.news-content{
	margin-bottom:60px;
	    display: flex;
    align-items: center;
    justify-content: space-between;
}






.news-btn{
	padding: 20px 20px 20px 20px;
	border: 1.5px solid rgba(196, 205, 218, 1);
border-radius: 200px;
	color:#7C838E;
	font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.news-cards{
	display:flex;
	gap:25px;
    flex-wrap: wrap;
	row-gap:50px;
}

.news-card{
	border: 1px solid rgba(196, 205, 218, 1);
border-radius: 30px;
	padding: 20px;
	width:calc(33% - 25px);
/* 	height: calc(100% - 50px); */
/* 	height:100%; */
		 transition: all 0.3s ease-in-out;
}



.news-card:hover .news-title{
	color:#0C58BD;
		 transition: all 0.3s ease-in-out;
}




.news-img{
	margin-top:-50px;
	margin-bottom:12px;
	padding:6px;
	border: 1.5px solid rgba(124, 131, 142, 0.25);
	border-radius: 30px;
	    background-color: #fff;
}

.news-img img{
	width:100%;
	border-radius: 30px;
	height: 250px;
   object-position: top;
    object-fit: cover;
}

.news-title{
	margin-bottom:12px;
	   display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-title{
	 
	font-size: 24px;
/* 	color: rgba(44, 47, 52, 1); */
}


.news-desc{
	line-height: 20px;
}


/* portfolio  */

.portfolio-btns{
	    display: flex;
    gap: 12px;
	flex-wrap: wrap;
}

.portfolio-btn{
	    display: flex;
    align-items: center;
    gap: 10px;
	border: 1.5px solid rgba(196, 205, 218, 1);
border-radius: 42px;
background: #fff;
	padding: 18px;
}

.portfolio-btn{
	color: rgba(44, 47, 52, 1);
	font-size: 24px;
font-weight: 500;
	 transition: all 0.3s ease-in-out;
}



.portfolio-btn:hover{
	border: 1.5px solid transparent;
	background: #d0d8e2;
	color:#0C58BD;
	 transition: all 0.3s ease-in-out;
}


.portfolio-blocks{
	margin-bottom:4px;
	border-top-left-radius: 48px;
    border-top-right-radius: 48px;
}


.block-obvodka{
	border: 1px solid rgba(196, 205, 218, 1);
    border-radius: 30px;
    padding: 20px;
    width: calc(33% - 25px);
    height: calc(100% - 50px);
}

.expertise-wrapper{
	margin-bottom:4px;
}

.expertise h2{
	margin-bottom:60px;
}

.expertise-tit{
	display:block;
	margin-bottom: 12px;
}

.technologie-block{
	width:30%;
	height:auto;
}

.technologie-title{
	margin-bottom:0;
}

.technologie-blocks{
	display: flex;
   

    row-gap: 84px;
    flex-direction: column;
}



.block-hover {
  position: relative;
/*   overflow: hidden; */
  transition: color 0.5s ease-in-out;
  cursor: pointer;
	border-radius:20px;
}

.block-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0C58BD;
  transform: scaleX(0);
  transform-origin: left center; /* заливка слева направо */
  transition: transform  0.5s ease-in-out;
  z-index: 0;
	border-radius:20px;
}

.block-hover:hover::before {
  transform: scaleX(1);
	border-radius:20px;
}

.block-hover > * {
  position: relative;
  z-index: 1; /* чтобы текст/иконки оставались сверху */
  color: inherit;
}

.block-hover:hover {
  color: #fff; /* текст/иконки становятся белыми */
}

.company-btn.block-hover{
	 overflow: hidden;
}

/* company */

.company-btns{
/* 	display: flex;
	gap:24px;
    flex-wrap: wrap; */
	
	    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    width: 40%;
    flex-direction: column;
}

.company-btn{
/* 	width:calc(33% - 24px); */

width:100%;
	    display: flex;
    align-items: center;
    justify-content: space-between;
	border: 1px solid rgba(196, 205, 218, 1);
border-radius: 30px;
padding:20px;
}


.company-btn-wrapper {
	display: flex;
    align-items: center;
    gap: 6px;
}


.partners-titl{
	margin-bottom:28px;
	    display: flex;
    justify-content: space-between;
    align-items: center;
}


.pagination{
	display: flex;
    align-items: center;
    gap: 12px;
}

.partners-blocks{
	display:flex;
	gap:12px;
	flex-wrap:wrap;
}

.partner-block{
/* 	width:calc(25% - 12px); */
	width:calc(20% - 12px);
/* 	padding: 62px 0; */
	height:200px;
	padding:0 20px;
	border: 1px solid rgba(196, 205, 218, 1);
border-radius: 30px;
background: rgba(255, 255, 255, 1);
	text-align:center;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.partner-block img{
	width:100%;
}
.company-wrapper{
	margin-bottom:36px;
}




/* work */

.work-content{
	padding:80px 44px;
}

.work{
		  background: url('/wp-content/themes/qiada/assets/img/work.png') center/cover no-repeat;
	border-radius:40px;
	position:relative;
}

.work-content{
	position:relative;
	z-index:1;
	display: flex;
    align-items: center;
	justify-content: space-between;
	flex-wrap:wrap;
}


.work-block{
	    position: relative;
	width:52%;

}


.work-block-btn{
	border: 1.5px solid rgba(12, 88, 189, 1);
border-radius: 42px;
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(16px);
background: rgba(196, 205, 218, 0.08);
	padding: 18px 12px 18px 12px;
}


.work-block-btn{
	display: flex;
    align-items: center;
    gap: 12px;
    width: 18%;
    text-align: center;
    justify-content: center;
	color: rgba(12, 88, 189, 1);
font-size: 15px;
font-weight: 600;
	text-transform:uppercase;
		 transition: all 0.3s ease-in-out;
}



.work-block-btn:hover{
	box-shadow: none;
	color:#fff;
	background:#0C58BD;
		 transition: all 0.3s ease-in-out;
}

.work-block-btn:active{
	box-shadow: none;
	color:#fff;
	background:#113C74;
	 transition: all 0.3s ease-in-out;
}

/* footer */

footer{
	padding:48px;
}

.footer-wrapper{
	display: flex;
    align-items: center;
justify-content: space-around;
	flex-wrap:wrap;
}

/* .footer-block{
	width:25%;
	
} */

/* .footer-block-logo{
	width:15%;
} */
.footer-block a{
	color: rgba(106, 116, 129, 1);
font-size: 20px;
font-weight: 400;
}


.footer-btn{
	padding: 10px 20px 10px 20px;
	border: 1.5px solid rgba(196, 205, 218, 1);
border-radius: 50px;
	font-size: 15px!important;
font-weight: 400;
line-height: 100%;
text-transform: uppercase;
	letter-spacing: 8%;
	  transition: 0.3s ease-in-out;
}


.footer-btn:hover{
	    color: #0C58BD;
    border-width: 1.5px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    background: rgb(208, 216, 226);
    transition: 0.3s ease-in-out;
}

.footer-link1:hover a,
.footer-link2:hover a{
    color: #0C58BD !important;
    transition: all 0.3s ease-in-out;
}



.footer-link1:active a,
.footer-link2:active a{
    color: #113C74 !important;
    transition: all 0.3s ease-in-out;
}


.footer-btns{
	display: flex;
    gap: 24px;
    align-items: center;
	flex-wrap:wrap;
}

.footer-soc{
	display:flex;
	gap:24px;
	
}

.footer-soc-block {
	color:#c4cddade;
	    transition: all 0.3s ease-in-out;
}

.footer-soc-block:hover {
	color:#0C58BD;
	    transition: all 0.3s ease-in-out;
}
.footer-soc-block:active {
	color:#113C74;
	    transition: all 0.3s ease-in-out;
}





/*  */



.main-screen-ch{
	    width: 100%;
    position: absolute;
    height: 100%;
    padding: 7px;
}

.chr{
	border: 1px solid #d6d9d9;
    width: 100%;
    height: 100%;
    border-radius: 40px;
}



.mob-menu{
	    height: 80%;
    position: absolute;
background: #d1d1d1;
    z-index: 9;
    width: 100%;
	display:none;
	  opacity: 0;
			border-radius: 0px 0px 40px 40px;
}


.close{
	    position: absolute;
    top: 55px;
}
.mob-menu .container{
	position:relative;
}


.mob-menu.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}




.expertise-block{
    width: calc(25% - 25px);
	height:auto;
}



.cut-text {
	margin-top:20px;
  white-space: nowrap;       
  overflow: hidden;         
	max-height:0px;
  text-overflow: ellipsis;  
  max-width: 400px;        
  display: block;
	  transition: transform 0.5s ease;
       
}

.company-btn svg.arrow {
  transition: transform 0.3s ease;
}

.company-btn.active svg.arrow {
  transform: rotate(90deg); 
	  transition: transform 0.5s ease;
}



.cut-text h2{
	    font-size: 18px;
    margin-bottom: 10px;
}

.tech-text h2{
font-size:32px;	
}


.cut-text ul,
.tech-text ul{
	padding-left: 20px;
    margin-bottom: 20px;
}
.cut-text ul li{
	margin-bottom: 5px;
}

.li-mb-20{
	margin-bottom:20px;
}

.tech-text{
	width:50%;
}

.comp-blocks{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	align-items: center;
	row-gap:20px;
}
.compan-block{
	    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 54px;
}


.comp-block-titl{
	display: flex;
    gap: 24px;
}




.cut-text.expanded {
	  transition: transform 0.3s ease;
  white-space: normal;        /* разрешаем перенос строк */
  overflow: visible;          /* показываем весь текст */
	max-height:100%;
  text-overflow: clip;        /* убираем троеточие */
}


.tech-block{
	display: flex;
	gap:54px;
	align-items: center;
	    flex-wrap: wrap;
}




.special-class img{
	object-position: center;
    object-fit: contain;
}



/*  */

.contact-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.6);
    display: none;
    justify-content: center; align-items: center;
    z-index: 999;
  }

  .contact-overlay.active { display: flex; }

  /* Окно */
  .contact-modal {
    background: #fff;
    border-radius: 48px;
    padding: 40px;
    width: 60vh;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
  }

  /* Заголовок */
  .contact-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  .contact-title {
  
    font-weight: bold;
  }
  .contact-close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
  }

  /* Контент */
  .contact-info {
    display: flex;
    flex-direction: column;
    gap: 24px;

  }

/* media */




@media(max-width:992px){
	.news-card,
	.block-obvodka,
	.company-btn,
	.work-block,
	.footer-block,
	.partner-block,
	.expertise-block,
	.compan-block,
	.company-btns,
	.tech-text
{
   
    width: 100%;
	}
	.news-cards{
		    gap: 45px;
	}
	.company-btn-wrapper {
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
}
	
	.company-btn-ttils p{
		margin-bottom:12px;
	}
	
	.work-content {
   
    gap: 20px;
	}
	
	.work-block-btn {

    width: 100%;
	}
	
	footer {
    padding: 36px;
}
	
	.footer-block-logo {
        order: 1;
    }

    .footer-soc {
        order: 2;
    }
	
	.footer-btns{
		  order: 3;
	}
	
	.footer-link1{
		 order: 4;
	}
	
	.footer-link2{
		 order: 5;
	}
	
	.footer-wrapper {
    gap: 20px;
		text-align: center;
	}
	
	.footer-soc {
 
    justify-content: center;
	}
	
	.footer-btns {
   
    gap: 20px;
   
    justify-content: center;
	}
	
	
	
	.main-screen h1 {
    font-size: 40px;
	}
	.main-screen p {

    font-size: 20px;
	}
	.main-screen {
		height: 670px;
	}
	.main-screen-buttons {

		flex-wrap: wrap;
	}
	.main-screen-content {
      display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 130px 25px 45px 25px;
}
	.header-block-menu{
		display:none;
	}
	.header-block-kn{
	display:none;
	}
	
	.burgr{
	display:flex;
		flex-direction: column;
		gap:12px;
		position: absolute;
}
	.mob-menu .heder-block-logo{
		    width: 100%;
		    text-align: center;
		padding:0;

		margin-top:48px;
	}
	
	
	 .heder-block-logo{
		    width: 100%;
		    text-align: center;
		
	}
	
	.header-menu-item a {

    color: rgba(138, 152, 171, 1) !important;
}
	
	html {
        margin-top: 0 !important;
    }
	
	.header-menu-ul {
    margin: 25px 0;
    display: flex;
   
  
   
    flex-direction: column;
}
	
	.mob-menu .header-block-kn{
		display:flex;
		        margin: 0 auto;
	}
	
	
.cut-text {
  
    max-width: 150px;
	}
	
}