/* Reset style */
*,
*::before,
*::after {
   margin: 0;
   padding: 0;
   border: 0;
   box-sizing: border-box;
}
li {
   list-style: none;
}
a,
a:visited,
a.active,
a:hover {
   color: black;
   text-decoration: none;
}

body {
   line-height: 1;
   font-family: "Inika";
   overflow-x: hidden;
}
.wrapper {
   min-height: 100%;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items:center
}
html {
   scroll-behavior: smooth;
}

/* Styele header */
.header {
   background-color:#EDF2EC;
   width: 100vw;
   display: flex;
   justify-content: center;
}
.header__wrapper {
   width: 1222px;
   padding: 57px 0px;
   display: flex;
   justify-content: space-between;
}
.header__logo {
   display: flex;
}
.logo__img {
   margin-top: -6px;
}
.logo__name {
   line-height: 21px;
}
.menu__icon {
   display: none;
}
.menu__list {
   display: flex;
   justify-content: space-between;
   gap: 47px;
   padding-top: 2px;
}
.menu__items:first-child {
   padding-right: -2px;
}
.menu__link > span {
   color:rgba(224, 103, 51, 1);
   font-weight: 700;
}
/* Style section welcome*/
.main {
   width: 100vw;
}
.main__wrapper {
   display: flex;
   flex-direction: column;
}
#welcome {
   display: flex;
   justify-content: center;
   width: 100vw;
   background-color: #EDF2EC;
}
.welcome__wrapper {
   width: 1222px;
   display: flex;
   padding: 61px 0 62px 0;
   justify-content: space-between;
}
.welcome__title {
   font-family: 'Inter';
   font-style: normal;
   font-weight: 700;
   font-size: 45px;
   line-height: 50px;
   color: #717171;
}
.welcome__title > span {
   color:rgba(73, 154, 24, 1);
}
.welcome__text {
   max-width: 549px;
   margin-top: 37px;
}
.welcome__img {
   width: 448.8px;
   height: 407.36px;
}
.welcome__info {
   margin-top: 44px;
   font-family: 'Inter';
   font-weight: 400;
   font-size: 20px;
   line-height: 35px;
   color: #636060;
}
.welcome__btn {
   margin-top: 47px;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   text-align: center;
   color: #000000;
}
.button {
   width: 158px;
   height: 44px;
   border: 2px solid #E06733;
   border-radius: 10px;
}
/* Style section about */
#about {
   display: flex;
   justify-content: center;
}
.about__wrapper {
   display: flex;
   padding: 93px 0;
   justify-content: space-between;
   width: 1222px;
}
.about__info {
   margin-top: 68px;
   max-width: 605px;
   font-family: 'Inter';
   font-weight: 400;
   font-size: 20px;
   line-height: 30px;
   color: #636060;
}
.about__title {
   font-family: 'Inika';
   font-weight: 400;
   font-size: 40px;
   line-height: 52px;
   color: #499A18;
   max-width: 463px;
   max-height: 102px;
}
.about__title > span {
color:rgba(224, 103, 51, 1);
}
.about__text {
   margin-top: 42px;
}
/* Style service */
#service {
   display: flex;
   width: 100vw;
   background-color: #EDF2EC;
}
.service__wrapper {
   margin: 0 auto;
   width: 1222px;
   padding: 40px 0 121px 0;
   
}
.service__blok {
   display: flex;
   align-items:center;
}
.service__title {
   width: 306px;
   height: 94px;
   font-family: 'Inika';
   font-weight: 400;
   font-size: 40px;
   line-height: 52px;
   color: #499A18;
}
.service__buttons {
   margin-top: 14px;
   padding-left: 143px;
}
.service__button {
   width: 161px;
   height: 50px;
   border: 1px solid #E06733;
   border-radius: 5px;
}
.service__button {
   font-family: 'Inika';
   font-weight: 400;
   font-size: 20px;
   color: #E06733;
   text-align: center;
   transition: all 0.7s;
}


.service__button:first-child {
   padding-right: 9px;
}
.service__button:not(:first-child) {
   margin-left: 34px;
}
.service__content {
   padding-top: 90px;
   display: grid;
   grid-template-columns: repeat(3,1fr);
   grid-template-rows: repeat(2,1fr);
   gap: 55px 110px;
}
.content__items {
   display: flex;
   flex-direction: column;
   align-items:center;
   width: 330px;
   height: 450px;
   transition: all 0.7s ease-out;
}
.content__blok {
   text-align: center;
   width: 330px;
   height: 100px;
   border: 1px solid #E3E1D5;
   border-radius: 0px 0px 20px 20px;
}
.content__items:not(:first-child){
   margin-left:4px;
}
.content__items:nth-child(4) {
   margin-left: -1px;
}
.img__shadow {
   filter: contrast(0.88);
}
.content__img {
   width: 330px;
   height: 350px;
   border-radius: 20px 20px 0px 0px;
   object-fit: cover;
}
.content__title {
   margin-top: 10px;
   font-family: 'Inter';
   font-weight: 700;
   font-size: 20px;
   line-height: 20px;
   text-align: center;
   color: #E06733;
}
.content__info {
   margin-top: 12px;
   font-family: 'Inter';
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: #717171;
}
#prices {
   display: flex;
   justify-content: center;
}
.prices__wrapper {
   padding-top: 38px;
   width: 1222px;
   display: flex;
   justify-content: space-between;
   padding-bottom: 107px;
}
.prices__col1,
.prices__col2 {
   display: flex;
   flex-direction: column;
}
.prices__title {
   font-family: 'Inter';
   font-weight: 700;
   font-size: 40px;
   line-height: 48px;
   color: #000000;
   text-transform: capitalize;
}
.prices__accourdion {
   margin-top: 60px;
   width: 332px;
   min-height: 282px;
   border: 1px solid #E3E1D5;
   border-radius: 20px;
   padding: 34px 41px;
}
.accourdion__items {
   width: 250px;
   background: #EDF2EC;
   border-radius: 20px;
   display: flex;
   flex-direction: column;
   cursor: pointer;
}
.accourdion__items:not(:first-child) {
   margin-top: 32px;
}
.accourdion__title {
   font-family: 'Inter';
   font-weight: 700;
   font-size: 20px;
   line-height: 20px;
   color: #000000;
   padding: 16px 40px;
   display: flex;
   justify-content: space-between;
}
.accourdion__array {
   width: 16px;
   height: 16px;
   background: #D9D9D9;
   border-radius: 50%;
   position: relative;
}
.accourdion__array::before {
   position: absolute;
   display: block;
   top: 50%;
   left: 45%;
   content:'';
   width: 2px;
   height: 0.5px;
   background-color: #717171;
   transform: rotate(-45deg);
   border-radius:5px;
}
.accourdion__array::after {
   position: absolute;
   display: block;
   top: 50%;
   right: 50%;
   content:'';
   width: 2px;
   height: 0.5px;
   background-color: #717171;
   transform: rotate(45deg);
   border-radius:5px;
}
.prices__col2 {
   align-items:flex-end;
   max-width: 452px;
}
.prices__text {
   font-family: 'Inter';
   font-weight: 700;
   font-size: 40px;
   line-height: 50px;
   text-align: right;
   color: #000000;
}
.prices__text>span {
   color: #499A18;
}
.prices__button {
   font-family: 'Inika';
   font-weight: 700;
   font-size: 20px;
   line-height: 26px;
   text-align: center;
   color: #E06733;
   margin-top: 40px;
   width: 162px;
   height: 50px;
   background-color: #fff;
   border: 1px solid #E06733;
   border-radius: 5px;
}
.prices__img {
   margin-top: 34px;
   margin-right: -10px;
}
#contacts {
   display: flex;
   width: 100vw;
   background-color: #EDF2EC;
}
.contacts__wrapper {
   margin: 0 auto;
   width: 1222px;
   display: flex;
   justify-content: space-between;
   align-items:flex-start;
}
.contacts__img {
   padding-top: 53px;
}
.contacts__title {
   margin-left: 46px;
   padding-top: 59px;
   font-family: 'Inika';
   font-weight: 700;
   font-size: 40px;
   line-height: 52px;
   color: #499A18;
}
.contacts__blok {
   display: flex;
   justify-content:space-between;
}
.contacts__items {
   position: relative;
   width: 450px;
   height: 50px;
   background: #D6E7D2;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   display: flex;
   justify-content: space-between;
   align-items:center;
   padding: 0 35px 0 20px;
   /* transition: all 1s; */
}

.contacts__button {
   position: relative;
   width: 16px;
   height: 16px;
   background: #D9D9D9;
   border-radius: 50%;
   z-index: 5;
}
.contacts__button::before {
   position: absolute;
   display: block;
   top: 50%;
   left: 45%;
   content:'';
   width: 2px;
   height: 0.5px;
   background-color: #fff;
   transform: rotate(-45deg);
   border-radius:5px;
}
.contacts__button::after {
   position: absolute;
   display: block;
   top: 50%;
   right: 50%;
   content:'';
   width: 2px;
   height: 0.5px;
   background-color: #fff;
   transform: rotate(45deg);
   border-radius:5px;
}
.contacts__items {
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 40px;
   letter-spacing: 0.05em;
   color: #717171;
}



.footer__wrapper {
   margin: 0 auto;
   width: 1222px;
   display: flex;
   justify-content: space-between;
   align-items:flex-start;
   padding: 40px 0;
}
.footer__data {
   display: flex;
   gap: 20px;
   font-family: 'Inter';
   font-weight: 400;
   font-size: 20px;
   line-height: 50px;
   color: #000000;
}
.footer__social {
   margin-top: 8px;
   display: flex;
   gap: 28px;
   align-items:center;
}
.footer__school {
   padding-left: 15px;
   font-family: 'Inter';
   font-weight: 400;
   font-size: 20px;
   line-height: 50px;
   color: #000000;
}

/* interactive */
.menu__link:hover {
   color: #E06733;
}

.button {
   transition: all 0.7s;
}
.welcome__btn:hover,
.prices__button:hover {
   background: #E06733;
   color:#fff;
}

@keyframes social__list {
   25% {
   transform: rotate(-15deg);
   }
   50% {
   transform: rotate(0deg);
   }
   75% {
   transform: rotate(15deg);
   }
   100% {
   transform: translateX(0);
   }
}
.social__list:hover {
   animation: social__list 0.6s ease;
   animation-iteration-count: 1;
}


/* Contact us */
.contacts__items:hover{
   background: #C1E698;
}
.contacts__items:hover >span{
   transform: rotate(180deg);
}
.contacts__items._active{
   background: #C1E698;
}
.contacts__items._active >span{
   transform: rotate(180deg);
}
.contacts__list {
   /* position:relative; */
      margin-top: 146px;
   cursor: pointer;
}
.contacts__select {
   display: none;
   position:relative;
   top:0;
   left: 0;
   width: 450px;
   height: 234px;
   background: #DCE9D9;
   padding-left:26px;
   padding-top: 27px;
   font-family: 'Inter';
   font-weight: 400;
   font-size: 16px;
   line-height: 40px;
   letter-spacing: 0.05em;
   color: #499A18;
   transition: all 0.7s;
}
.contacts__select._active {
   display: block;
      background: #C1E698;
}
.select__items {
   width:380px ;
   position: relative;
   z-index: 1;
   border-bottom: 1px solid #D9D9D9;
}
.select__items:hover {
   color: #717171;
   border-bottom: 1px solid #717171;
}

.select__items:not(:first-child) {
   margin-top: 7px;
}
.contacts__info {
   width: 448px;
   height: 214px;
   margin-top: 47px;
   background: #EDF2EC;
   border: 1px solid #000000;
   border-radius: 20px;
   padding-top: 17px;
   grid-template-columns:1.2fr 2fr;
   column-gap: -8px;
   display: none;
}
.title__city {
   padding-left: 2px;
}
.info__title {
   font-family: 'Inter';
   font-style: normal;
   font-size: 16px;
   line-height: 40px;
   letter-spacing: 0.05em;
   color: #000000;
   padding-left: 33px;
}
.info__text {
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 40px;
   letter-spacing: 0.05em;
   color: #717171;
   text-align: left;
   align-self:baseline;
}
.info__button{
   grid-column-start: 1;
   grid-column-end: 3;
   margin: 0 auto;
   margin-top: -10px;
   width: 122px;
   height: 26px;
   border: 1px solid #E06733;
   border-radius: 5px; 
   text-align: center;
   padding: 7px 0;
   font-family: 'Inika';
   font-style: normal;
   font-weight: 700;
   font-size: 10px;
   line-height: 13px;
   text-align: center;
}
.canandaigua._active,
.yonkers._active,
.sherrill._active,
.new-york._active {
   display: grid;
}
/* .canandaigua {
   display:grid
} */

/*Accourdion prices  */
.accourdion__content{
   margin: -6px 40px 0 40px;
   background-color: #D6E7D2;
   border-top:0.5px solid #AEA1A1;
   transition: all 0.7s ease;
   border-radius:0 0 20px 20px;
   transition: all 50s ease;
}
.accourdion__items>.accourdion__content{
      display: none;
   transition: all 7s ease;
}
.accourdion__text {
   margin-top:6px ;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 300;
   font-size: 10px;
   line-height: 10px;
   color: #717171;
}
.accourdion__price {
   margin-top: 6px;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   line-height: 20px;
}
.accourdion__price>span {
font-weight: 700;
font-size: 16px;
color: #E06733;
}
.accourdion__btn {
   display: block;
   margin-top: 12px;
   text-align: center;
   padding:3px 0 ;
   width: 86px;
   height: 25px;
   background: #FFFFFF;
   border-radius: 10px; 
   margin-bottom: 12px;
   cursor: pointer;
}
.accourdion__items._active{
   background-color: #D6E7D2;


}
.accourdion__items._active >.accourdion__content{
   background-color: #D6E7D2;
   display: block;
         transition: all 7s ease;
}
.accourdion__items._active >.accourdion__title>.accourdion__array{
   transform: rotate(180deg);
}
.accourdion__items._active >.accourdion__title>.accourdion__array::after,
.accourdion__items._active >.accourdion__title>.accourdion__array::before{
   background-color: #fff;
}
.service__button._active,
.service__button._active,
.service__button._active {
   background:#E06733;
   color:white;
}

.content__items._active {
   filter: blur(2px);
}