.lib-3d {
	position: relative;
	padding: 62px 28px;
}
@media (max-width:1400px) {
	.lib-3d {
		padding: 3.44rem 1.55rem;
	}
}
@media (max-width:600px) {
	.lib-3d {
		padding: 2.90vw 7.25vw;
	}
}
.lib-3d:before {
	content:'';
	width: 100%;
    height: 445px;
    background: url(/local/templates/dikart-new/images/bg-lib-3d.jpg) no-repeat;
    background-size: 100%;
    display: block;
	position: absolute;
	z-index: -1;
    left: 0;
    top: 0;
}
@media (max-width:1400px) {
	.lib-3d:before {
		height: 24.72rem;
	}
}
@media (max-width:600px) {
	.lib-3d:before {
		height: 100%;
		width: 100%;
		background: url(/local/templates/dikart-new/images/bg-lib-3d-mob.jpg) no-repeat;
		background-size: cover;
	}
}
h1 span {
    font-size: 1.585rem;	
}
@media (max-width:600px) {
	h1 span {
		font-size: 3.38vw;		
	}
	.lib-3d__heading h1 {
		font-size: 3.86vw;
		line-height: normal;
		text-align: center;
		padding: 0 9.66vw;
	}
}
.lessons-3d__list {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: none;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
	padding-bottom: 30px;
}
@media (max-width:1400px) {
	.lessons-3d__list {
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 1.38rem;
		grid-row-gap: 1.38rem;
		padding-bottom: 1.66rem;
	}
}
@media (max-width:600px) {
	.lessons-3d__list {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0;
		grid-row-gap: 4.83vw;
		padding-bottom: 4.83vw;
	}
}
.lessons-3d__list li {
	background: #0A2734;
	height: 192px;
	padding: 25px 30px;
	font-size: 20px;
    line-height: normal;
}
@media (max-width:1400px) {
	.lessons-3d__list li {
		height: 10.66rem;
		padding: 1.38rem 1.66rem;
		font-size: 1.11rem;
	}
}
@media (max-width:600px) {
	.lessons-3d__list li {
		height: auto;
		padding: 4.11vw 8.45vw;
		font-size: 3.86vw;
	}
}
.lessons-3d__list li a {
	color: #fff;
	text-decoration: underline;	
}
.lessons-3d__list li > div {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.lessons-3d__list li > div .lesson-item__download a {
	padding: 8px 25px;
    line-height: normal;
    font-size: 20px;
    background: #6FC727;
	text-decoration: unset;
}
@media (max-width:1400px) {
	.lessons-3d__list li > div .lesson-item__download a {
		padding: 0.44rem 1.38rem;
        font-size: 1.11rem;
	}
}
@media (max-width:600px) {
	.lessons-3d__list li > div .lesson-item__download a {
		padding: 0.97vw 4.11vw;
		font-size: 3.38vw;
		margin-top: 4.83vw;
		display: block;
		width: fit-content;
	}
}
.desc {
	font-size: 20px;
	line-height: normal;
	padding-bottom: 2vw;
}
@media (max-width:1400px) {
	.desc {
		font-size: 1.11rem;
	}
}
@media (max-width:600px) {
	.desc {
		font-size: 3.86vw;
		padding-bottom: 11.35vw;
	}
}
.desc a {
	color: #6FC727;
}
.lib-3d {
	height: 445px;
    margin-bottom: 82px;
}
@media (max-width:1400px) {
	.lib-3d {
		height: 24.72rem;
		margin-bottom: 4.55rem;
	}
}
@media (max-width:600px) {
	.lib-3d {
		height: 45.17vw;
		margin-bottom: 11.35vw;
	}
}
.form {
	display: flex;
	padding: 30px 0 0;
}
@media (max-width:1400px) {
	.form {
		padding: 1.66rem 0 0;
	}
}
@media (max-width:600px) {
	.form {
		display: none;
	}
}
.lib-3d__heading .form input {
	background: #ECECEC;
    width: 220px;
    height: 50px;
    font-size: 14px;
    color: #442C22;
    padding: 0 20px;
    margin-right: 35px;
}
@media (max-width:1400px) {
	.lib-3d__heading .form input {
		width: 12.22rem;
		height: 2.77rem;
		font-size: 0.77rem;
		padding: 0 1.11rem;
		margin-right: 1.94rem;
	}
}
.lib-3d__heading .form .button {
	width: 242px;
    height: 50px;
    display: flex;
    align-items: center;
    background: #6FC727;
    color: #fff;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
}
@media (max-width:1400px) {
	.lib-3d__heading .form .button {
		width: 13.44rem;
		height: 2.77rem;
		font-size: 0.88rem;
	}
}
.form-mob {
	display: none;
}
@media (max-width:600px) {
	.form-mob {
		background: #6FC727;
		color: #fff;
		width: 40.58vw;
		height: 4.59vw;
		display: flex;
		font-weight: 500;
		font-size: 2.17vw;
		margin: 1.69vw auto 0;
		align-items: center;
		justify-content: center;
	}
}
.lib-3d p {
	max-width: 691px;
    font-size: 24px;
    line-height: normal;
}
@media (max-width:1400px) {
	.lib-3d p {
		max-width: 38.38rem;
		font-size: 1.33rem;
	}
}
@media (max-width:600px) {
	.lib-3d p {
		max-width: unset;
		font-size: 2.90vw;
		text-align: center;
		padding-top: 1.69vw;
	}
}
