.modal-widget-btn {
	 position: fixed;
	 right: -171px;
	 z-index: 6;
	 transition:0.3s;
	 top: 50%;
	 background: var(--main-color);
	 transform: translate(0%, -50%);
	 border-radius: 5px 0px 0px 5px;
	 overflow: hidden;
}
.modal-widget-btn:hover{
    right: 0px;
}

 @media (max-width: 750px) {
	 .modal-widget-btn {
		 transform: translate(0%, 0%);
		 top: auto;
		 right: 0;
		 bottom: 0;
		 width: 100%;
		 border-radius: 0px 0px 0px 0px;
	}
}
 .modal-widget-btn .btn-widget {
	 height: 50px;
	 display: flex;
	 border-bottom: 1px solid #1e2d3b;
	 cursor: pointer;
	 transition: 0.3s;
}
 @media (max-width: 750px) {
	 .modal-widget-btn .btn-widget {
		 width: 50%;
		 float: left;
		 border-bottom: none;
	}
}
 .modal-widget-btn .btn-widget:hover {
	 background: var(--two-color);
}
 .modal-widget-btn .btn-widget:last-child {
	 border-bottom: none;
}
 .modal-widget-btn .btn-widget span {
	 margin: auto;
	 margin-left: 0;
	 padding-left: 35px;
	 font-size: 15px;
	 font-family: "Acrom";
	 color: #fff;
	 padding-right: 10px;
	 background-repeat: no-repeat;
	 background-size: 17px;
	 background-position: center left 10px;
}
 @media (max-width: 750px) {
	 .modal-widget-btn .btn-widget span {
		 margin-left: auto;
		 line-height: 12px;
		 padding-top: 5px;
		 font-size: 11px;
		 padding-bottom: 5px;
	}
}
 @media (max-width: 440px) {
	 .modal-widget-btn .btn-widget span {
		 padding-left: 20px;
		 padding-right: 20px;
		 background-size: 0;
		 text-align: center;
	}
}
 .modal-widget-btn .quiz-btn span {
	 background-image: url("/site/img/ico/quiz.svg");
}
 .modal-widget-btn .call-btn span {
	 background-image: url("/site/img/ico/communications.svg");
}
 .modal-widget-btn .home-ready-btn {
	 text-decoration: none;
	 color: inherit;
}
 .modal-widget-btn .home-ready-btn span {
	 background-image: url("/site/img/ico/building.svg");
}
 .widget-shadow {
	 background: rgba(0, 0, 0, 0.4);
	 position: fixed;
	 left: 0;
	 top: 0;
	 display: none;
	 width: 100%;
	 height: 100%;
	 z-index: 9;
}
 .title-modal {
	 text-align: center;
	 font-family: "Acrom";
	 font-size: 18px;
}
 .title-modal b{
	 text-align: center;
	 font-family: "Acrom";
	 font-size: 25px;
}
 @media (max-width: 400px) {
	 .title-modal {
		 font-size: 18px;
	}
}
 .router-sec {
	 margin-top: 30px;
}
 .router-sec .prev {
	 padding: 20px 0px;
	 width: 30%;
	 font-size: 10px;
	 border-radius: 50px;
	 text-transform: uppercase;
	 font-family: "Acrom";
	 display: inline-block;
	 vertical-align: top;
	 cursor: pointer;
}
 @media (max-width: 500px) {
	 .router-sec .prev {
		 width: auto;
		 padding: 15px 0px;
	}
}
 .router-sec .next {
	 padding: 20px 30px;
	 font-size: 10px;
	 border-radius: 50px;
	 color: #fff;
	 text-transform: uppercase;
	 font-family: "Acrom";
	 cursor: pointer;
	 border: none;
	 transition: 0.3s;
	 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	 display: inline-block;
	 vertical-align: top;
	 background: var(--main-color);
}
 @media (max-width: 500px) {
	 .router-sec .next {
		 box-shadow: none;
		 padding: 15px 20px;
	}
}
 .router-sec .next:disabled {
	 opacity: 0;
	 cursor: default;
}
 .router-sec .next:hover {
	 background: #1e2d3b;
	 color: #fff;
}
 .router-sec .vision {
	 padding: 20px 0px 20px 30px;
	 font-size: 14px;
	 width: 30%;
	 text-align: right;
	 border-radius: 50px;
	 text-transform: uppercase;
	 display: inline-block;
	 vertical-align: top;
}
 .router-sec .vision span {
	 font-size: inherit;
	 font-family: inherit;
}
 @media (max-width: 500px) {
	 .router-sec .vision {
		 width: 100%;
		 text-align: center;
		 padding: 15px 0px;
	}
}
 .router-sec .quiz-warning {
	 padding: 20px 30px;
	 font-size: 10px;
	 text-transform: uppercase;
	 font-family: "Acrom";
	 text-align: center;
	 width: 100%;
	 display: inline-block;
	 vertical-align: top;
}
 .widget-window {
	 transform: translate(-50%, -50%);
	 position: fixed;
	 z-index: 10;
	 background: #fff;
	 display: none;
	 border-radius: 5px;
	 width: 650px;
	 padding: 30px;
	 transition: 0s;
	 top: 50%;
	 left: 50%;
}
 @media (max-width: 650px) {
	 .widget-window {
		 width: 100%;
		 height: 100vh;
		 transform: translate(0%, 0%);
		 overflow: auto;
		 top: 0;
		 left: 0;
		 border-radius: 0;
	}
}
 @media (max-width: 400px) {
	 .widget-window {
		 padding: 20px;
	}
}
 .widget-window .close-widget {
	 height: 20px;
	 width: 20px;
	 cursor: pointer;
	 position: absolute;
	 right: 30px;
	 top: 30px;
	 transition: 0.3s;
	 opacity: 0.5;
}
 .widget-window .close-widget:hover {
	 opacity: 1;
}
 .widget-window .close-widget img {
	 height: 20px;
	 width: 20px;
}
 @media (max-width: 500px) {
	 .widget-window .close-widget {
		 top: 10px;
		 right: 10px;
	}
}
 .widget-window .ask-slide {
	 margin-top: 20px;
	 width: 100%;
}
 .widget-window .ask-slide input {
	 height: 50px;
	 width: 48%;
	 display: inline-block;
	 vertical-align: top;
	 background: #f5f5f5;
	 border: none;
	 border-radius: 5px;
	 padding-left: 20px;
	 padding-right: 20px;
}
 @media (max-width: 450px) {
	 .widget-window .ask-slide input {
		 width: 100%;
		 margin-bottom: 10px;
	}
	 .widget-window .ask-slide input:last-child {
		 margin-bottom: 0;
	}
}
 .widget-window .ask-slide .red-input {
	 background: #f1baba;
}
 .widget-window .ask-slide .green-input {
	 background: #c3f1ba;
}
 .widget-window .title {
	 text-align: center;
	 font-family: "Acrom";
	 font-size: 18px;
	 margin-bottom: 20px;
}
 @media (max-width: 400px) {
	 .widget-window .title {
		 font-size: 16px;
	}
}
 .widget-window .card-thrid {
	 border-radius: 5px;
	 background: #f5f5f5;
	 display: inline-block;
	 vertical-align: top;
	 cursor: pointer;
	 transition: 0.3s;
	 overflow: hidden;
	 width: 31%;
}
 @media (max-width: 450px) {
	 .widget-window .card-thrid {
		 width: 48%;
		 margin-bottom: 15px;
	}
	 .widget-window .card-thrid:last-child {
		 margin-bottom: 0;
	}
}
 .widget-window .card-four-tablet {
	 width: 48%;
	 background: #f5f5f5;
	 display: inline-block;
	 border-radius: 5px;
	 cursor: pointer;
	 transition: 0.3s;
	 vertical-align: top;
	 margin-bottom: 20px;
}
 .widget-window .active-card {
	 background: var(--main-color);
	 color: #fff;
}
 .widget-window .name {
	 text-align: left;
	 padding: 15px;
	 font-size: 15px;
	 font-family: "Acrom";
}
 @media (max-width: 650px) {
	 .widget-window .name {
		 padding: 10px;
		 text-align: center;
		 font-size: 13px;
	}
}
 .widget-window .img-home {
	 height: 180px;
	 background-size: cover;
	 background-position: center;
}
 @media (max-width: 650px) {
	 .widget-window .img-home {
		 height: 100px;
	}
}



.quiz-piz{
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 15px 30px rgb(156 167 178 / 15%);
    padding: 40px 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}



.quiz-piz img{
    max-height:250px;
}

 @media (max-width: 950px) {
    .quiz-piz{
        grid-template-columns: repeat(1, 1fr);
        text-align:center;
    } 
    .quiz-piz img{
    margin:0 auto;
    max-width:100%;
}
 }

.quiz-piz .title{
    display: block;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: "Acrom";
    position: relative;
}

.btns {
    display: inline-block;
    font-weight: 400;
    color: #3c4b5a;
    text-align: center;
    background: var(--main-color);
    vertical-align: middle;
    cursor: pointer;
    padding: 20px 25px;
    margin-top: 50px;
    font-size: 12px;
    font-weight: 700;
    width:250px;
    user-select: none;
    color:#fff;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 50px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}