// === Mixins ====
.font-lato() {
  font-family: 'Lato', sans-serif;
}
.font-montserrat() {
  font-family: 'Montserrat', sans-serif;
}
.title-name() {
  .font-lato();
  font-weight: 700;
  color: @color-green;
  width: fit-content;
  // border-bottom: 3px solid;
  // border-image: linear-gradient(to right,@color-green, @color-yellow);
  // border-image-slice: 1;
  margin: 0 auto;
  margin-bottom: 40px;
  @media (max-width: @screen-xs-max) {
    padding:17px 50px 17px 50p;
    font-size: 30px;
  }
  @media (min-width: @screen-md-max) {
    padding: 17px 100px 17px 100px;

    font-size: 36px;
  // padding: 0;
  }
  @media (min-width: @screen-lg ) {
  font-size: 48px;
  padding: 15px 100px 15px 100px;
  }
}

html {
  scroll-behavior: smooth;
}
// @color-green: rgb(60, 218, 11);
// @color-green: rgb(112, 236, 55);
@color-green: rgb(67, 212, 0);
@color-yellow:rgb(247, 246, 114);
@color-text: rgba(51,51,51, 1);

body{
  .font-lato();

  color: @color-text;
  padding: 0;
  margin: 0;
  i{
  color: @color-green;
  }
}
//helper classes
button.close{
  display: none;
}
.disable-block{
  display: none;
}
.visible-block{
  display: block;
}
li.none-dots{
   list-style: none;
}
#genericForm_forms_flash .alert{
  padding-left: 10px;
  color: white;
  font-family: 'Montserrat', sans-serif;
}
@media (max-width: @screen-md-max) {
  a#select-city{
   box-shadow: inset 0px 0px 0px 1px rgba(255,255,255, 0.5);
 }
}
.overflow-hidden{
  overflow: hidden;
}
.marg-bot-0{
  margin-bottom: 0!important;
}
// animation
@keyframes anim-left-title {
  0% { transform: translateX(-100%); }   
    100% { transform: translateX(0); }
   }
   .anim-left-title{
      animation: anim-left-title 1.3s ease-out;
   }
   @keyframes anim-left {
    0% { transform: translateX(-100%); }   
    100% { transform: translateX(0); }
   }
   .anim-left{
      animation: anim-left 1.5s ease-in-out;
   }
   @keyframes anim-right {
    0% { transform: translateX(100%); }   
    100% { transform: translateX(0); }
  }
   .anim-right{
     animation: anim-right 1.5s ease-in-out;
    }
    @keyframes anim-top {
      0% { transform: translateY(-40%); }   
      25% { transform: translateY(0); }
      50% { transform: translateY(-25%); }
      75% { transform: translateY(0); }
      90% { transform: translateY(-15%); }
      100% { transform: translateY(0); }
    }
    .anim-top{
      animation: anim-top 1s ease-in-out;
    }
    @keyframes anim-top-footer {
      0% { transform: translateY(100%); }   
      100% { transform: translateY(0); }
    }
    .anim-top-footer{
      animation: anim-top-footer 1.25s ease-in-out;
    }
// animation end

@screen-sm: 576px;
@screen-md: 768px;
@screen-lg: 992px;
@screen-xl: 1200px;

@screen-xs-max: 575px;
@screen-sm-max: 767px;
@screen-md-max: 991px;
@screen-lg-max: 1199px;
.slick-track{
  display: flex!important;
}
.fa{
  margin-top: 2px;
} 
.section-header{
  background-image: linear-gradient(rgba(235, 236, 237, .95), rgba(235, 236, 237, .95)), url(../images/header_bg1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: 5;
  .section-inner{
    max-width: 1350px;
    margin: 0 auto;
    z-index: 10;
    @media (max-width: @screen-md-max) {
    .menu-phone-btn{
			display: block;
			width: 50px;
			height: 50px;
			position: absolute;
			margin: 10px 0;
			right: 0;
			z-index: 999;
			top: 0;
			span{
				position: absolute;
				top: 50%;
				width: 26px;
				height: 2px;
				background: #333;
				margin-top: -1px;
				left: 50%;
				margin-left: -13px;

				&::before{
					content: '';
					position: absolute;
					top: 50%;
					width: 26px;
					height: 2px;
					background: #333;
					margin-top: -1px;
					left: 50%;
					margin-left: -13px;
					transform: translateY(7px);
					display: block;
					transition: 0.5s;
				}
				&::after{
					content: '';
					position: absolute;
					top: 50%;
					width: 26px;
					height: 2px;
					background: #333;
					margin-top: -1px;
					left: 50%;
					margin-left: -13px;
					transform: translateY(-7px);
					display: block;
					transition: 0.2s;
				}

			}
    }
    .menu-btn_active{
			span{
				height: 0;
				&:before{
					transform: rotate(45deg);
				}
				&:after{
					transform: rotate(-45deg);
				}
			}
		}
      .wrapper-mobile-head {
      flex-direction: column-reverse;
      display: flex;
     }
    }     
    .section-header-info{
      @media (min-width: @screen-lg) {
          display: flex;
          justify-content: space-between;
          padding: 20px 60px 20px 60px;
        } 
      @media (max-width: @screen-md-max) {
          flex-direction: column;
          align-items: center;
          padding: 0 60px;
          display: flex;
        } 
      @media (max-width: @screen-xs-max) {
          padding: 0;
      }
      a:hover{
        color: @color-green;
    }
      a{
        text-decoration: none;
        color: @color-text;
        cursor: pointer;
      }
        .column{
          flex-direction: column;
          div{
            display: flex;
            &:last-child{
              padding: 5px 0 0 0;
            }
          }
        }
        &_item{
          color: @color-text;
          display: flex;
          justify-content: end;
          @media (max-width: @screen-md-max) {
            padding-bottom: 20px;
            .font-montserrat();
            &:nth-child(3){
              order: 1;
            }
            &:nth-child(2){
              order: -1;
            }
            &:nth-child(1){
              order: 2;
            }
        } 
          p{
            .font-montserrat();
            padding-left: 10px;
            margin: 0;
          }
        }
      }
    .section-header-content{
      z-index: 10;
      display: flex;
      flex-direction: column;
      .section-header-wrapper-first{
        @media (max-width: @screen-md-max) {
          flex-direction: column;
          align-items: center;
          padding: 20px 60px 0px 60px;
        }
        @media (min-width: @screen-lg) {
          padding: 20px 60px 20px 60px;
        } 
        display: flex;
        justify-content: space-between;
        & .d-flex{
          display: flex;
        }
        &_item{
          @media (max-width: @screen-md-max) {
              padding-bottom: 20px;
              &:last-child{
                span{
                  font-size: 16px;
                }
                .fa-3x {
                    font-size: 2.5em;
                }
              }
          }
          & img{
            max-width: 175px;
          }
          &_naw{
            margin: 0;
            padding: 0;
            .font-lato();
            color: @color-text;
            font-size: 20px;
            padding: 10px 15px;
            background: none;
            border: solid 1px #fff;
            border-radius: 10px;
            list-style-type: none;
            cursor: pointer;
            &:hover{
              box-shadow: 0px 2px 10px 0px rgba(67, 212, 0, 0.9);
              background: @color-green;
              i{
                color: @color-text;
              }
            }
            &_menu{
              @media (max-width:1050px) {
              font-size: 15px;
              }
              .font-lato();
              color: @color-text;
              font-size: 20px;
              padding: 10px 15px;
              background: none;
              border: solid 1px #fff;
              border-radius: 10px;
              list-style-type: none;
              cursor: pointer;
              & .item{
                padding-right: 10px;
              }
              &:hover{
                box-shadow: 0px 2px 10px 0px rgba(67, 212, 0, 0.9);
                background: @color-green;
                i{
                  color: @color-text;
                }
              }
            }
          }
          & .schedule{
            .font-montserrat();
            font-size: 20px;
            padding-left: 10px;
          }
          & .schedule:last-child{
            letter-spacing: 1.5px;
            padding-left: 10px;
          }
        }
      }
      .section-header-wrapper-second{
        z-index: 100;
        padding:  0 0 10px 0;
        @media (max-width: @screen-md-max) {
          background: #fff;
          position: absolute;
          top: 0;
          right: 0;
          display: none;
          width: 250px;
          z-index: 999;
        } 
        &_naw{
          @media (max-width: @screen-md-max) {
            flex-direction: column;
            display: flex;
            padding: 0 40px 0 40px;
            margin: 0;
          } 
          @media (min-width: @screen-lg) {
            display: flex;
            justify-content: space-between;
            padding: 0 60px;
          } 
          a{
            text-decoration: none;
            color: @color-text;
          }
          &_menu{
            @media (max-width:1050px) {
              font-size: 15px;

              }
            .font-lato();

           
            list-style-type: none;
            position: relative;
            cursor: pointer;
            transition-property: all;
            transition-duration: 400ms;
            transition-timing-function: ease;
            transition-timing-function: cubic-bezier(0, 0, 1, 1);
            line-height: 32px;

            &-toplink{
              @media (max-width: @screen-md-max) {
              } 
              @media (min-width: @screen-lg) {
                box-shadow: inset 0px 0px 0px 1px rgba(255,255,255, 0.5);
              } 
              display: block;
              font-size: 18px;
              padding: 10px 15px;
              border-radius: 10px;
              &:hover{
                box-shadow: 0px 0px 10px 0px rgba(67, 212, 0, 0.5);
                background: @color-green;
              }
            }
            &-toplink2{
              display: block;
              font-size: 18px;
              padding: 10px 15px;
              border-radius: 10px;
              padding-right: 40px!important;
              box-shadow: inset 0px 0px 0px 1px rgba(255,255,255, 0.5);
              &:hover{
                box-shadow: 0px 0px 10px 0px rgba(67, 212, 0, 0.5);
                background: @color-green;
              }
            }
            &-toplink1{
              @media (min-width: @screen-lg) {
              } 
              width: fit-content;
              display: block;
              font-size: 18px;
              padding: 10px 15px;
              border-radius: 10px;
              padding-right: 40px!important;
              box-shadow: inset 0px 0px 0px 1px rgba(255,255,255, 0.5);
               &:hover{
                 box-shadow: 0px 0px 10px 0px rgba(67, 212, 0, 0.5);
                 background: @color-green;
               }
            }

            &:nth-child(3){
              // width: 130px;
              // & + a{
              //   // display: block;
              // }
              &::before,
              &::after {
                content: "";
                position: absolute;
                top: 27px;
                right: 16px;
                opacity: 0.4;
                display: block;
                width: 10px;
                height: 2px;
                transition: all 0.3s ease-out;
                background-color: #333333;
                transform: translate(-3px, -50%) rotate(45deg);
              }
              &::after {
                transform: translate(3px, -50%) rotate(-45deg);
              }
                &:hover > div {
                  @media (max-width: @screen-md-max) {
                    
                  } 
                visibility: visible;

                transition:  1s;
                }
              &:hover {
                border-color: @color-text;
                &::before,
                &::after {
                  background-color: @color-text;
                }
              }
              i{
                color: black!important;
                font-size: 13px;
                @media (max-width: @screen-md-max) {
                  margin-left: 24px;
                }
                margin-left: 10px;
                margin-top: 0!important;
              }
            }
            &_services{
              @media (max-width: @screen-md-max) {
                left: -10%;
                position: relative; 
                display: none;
              }
              @media (min-width: @screen-lg) {
                margin-top: 15px;
                position: absolute; 
                visibility: hidden;
              }
              transition-property: all;
              transition-duration: 1s;
              .font-lato();
              background: #fff;
              font-size: 15px;
              border-radius:10px;
              left: 0;
              z-index: 150;
              padding: 10px 10px;
              ul{
                padding-left: 25px;
              }
              li{
                list-style-type: disc;
                
                &:hover{
                  box-shadow: 0px 2px 10px 0px rgba(67, 212, 0, 0.9);
                  background: @color-green;
                  border-radius: 10px;
                  list-style-type: none;
                }
                a{
                  display: block;
                  min-width:190px;
                  padding: 5px;
                  line-height: 27px;
                  text-decoration: none;
                  color: @color-text;
                }
              }
            }
            &_services2{
              @media (max-width: @screen-md-max) {
                // left: -10%;
                position: relative; 
                display: none;
              }
              @media (min-width: @screen-lg) {
                margin-top: 15px;
                position: absolute; 
                visibility: hidden;
              }
              transition-property: all;
              transition-duration: 1s;
              .font-lato();
              background: #fff;
              font-size: 15px;
              border-radius:10px;
              left: 0;
              z-index: 150;
              padding: 10px 10px;
              ul{
                padding-left: 25px;
              }
              li{
                list-style-type: disc;
                width: 100px;
                &:hover{
                  box-shadow: 0px 2px 10px 0px rgba(67, 212, 0, 0.9);
                  background: @color-green;
                  border-radius: 10px;
                  list-style-type: none;
                }
                button{
                  cursor: pointer;
                  background: none;
                  border: none;
                  outline: none;
                  display: block;
                  min-width:190px;
                  padding: 5px;
                  line-height: 27px;
                  text-decoration: none;
                  color: @color-text;
                  font-size: 15px;
                  .font-lato();
                  width: 100px;
                  text-align: left;
                }
              }
            }
          }
        }
      }
    }

    .section-header-main{
      .section-header-wrapper{
        @media (min-width: @screen-lg) {
          padding-top: 80px;
        }
        display: flex;
        &_text{
            @media (max-width: @screen-md-max) {
              text-align: center;
              padding: 0px 20px 40px 20px;
            }
            @media (min-width: @screen-lg) {
              padding-left: 60px;
            }
            display: flex;
            flex-direction: column;
            height: fit-content;
            &-title{
            @media (min-width: @screen-lg) {
              padding-top: 60px;
              font-size: 37px;
              line-height: 60px;
            }
            @media (max-width: @screen-md-max) {
              padding-top: 30px;
              font-size: 35px;
              line-height: 40px;
            }
            @media (max-width: @screen-xs-max) {
              padding-top: 0px;
              font-size: 27px;
              line-height: 30px;
            }
            color: @color-green;
            .font-montserrat();
            font-weight: 600;
            }
            &-subtitle{
            @media (max-width: @screen-md-max) {
              margin: 0 auto;
            }
            .font-montserrat();
            font-weight: 400;
            @media (max-width: @screen-md-max) {
              font-size: 15px;
              padding: 20px 0 0;
            } 
            @media (min-width: @screen-lg) {
              font-size: 23px;
              padding-top: 60px;
              width: 90%;
            } 
            }
            &-button{
            @media (max-width: @screen-md-max) {
              margin: auto;
            } 
              padding-top: 4rem;
              padding-bottom: 4rem;
              max-width: fit-content;
              transition: all linear 0.7s ;
              &:hover{
                transition: all linear 0.7s ;
                transform: translateY(-10px);
              }
            a{
              box-shadow: inset 0px 0px 0px 2px rgba(51,51,51, 0.5);
              cursor: pointer;
              .font-montserrat();
              font-weight: 600;
              font-size: 18px;
              text-decoration: none;
              border-radius: 10px;
              padding: 20px 15px;
              color: @color-text;
              &:hover{
                color:#fff;
                background: @color-green;
                box-shadow: 0px 2px 10px 0px rgba(67, 212, 0, 0.5);
                }
              }
            }
          }  
          &_image{
            flex-basis: 146%;
            @media (max-width: @screen-md-max) {
              display: none;
            }
            flex-shrink: 1;
            margin-right: 15px;
            display: flex;
            // border-radius: 50%;
            // background: linear-gradient(90deg, @color-green, @color-yellow);
            height: 80%;
            img{
              // border-radius: 50%;
              object-fit: cover;
              max-width: 100%;
            }
          }  
      }
    }
  }
}

// === // header ====


// === services ====
.section-services{
  background: #edf2f3;
  .section-inner{
    .section-services-content{
      @media (max-width: @screen-md-max) {
        padding: 80px 10px 80px 10px;
      }
      @media (min-width: @screen-lg) {
        padding: 80px 40px 80px 40px;
      }
      max-width: 1350px;
      margin: 0 auto;
      &-title{
        .title-name();
      }
      .section-services-wrapper{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        &_item{
          @media (max-width: @screen-md-max) {
            padding: 11px;
          }
          @media (min-width: @screen-lg) {
            padding: 30px;
          }
          flex-shrink: 1;
          flex-basis: 30.3333%;
          display: flex;
          flex-direction: column;
          justify-content: left;
          background: #fff;
          margin: 10px;
          border-radius: 10px;
          box-shadow: 2px 3px 10px 0px rgba(0,0,0, 0.05);
          transition: all linear 0.7s ;
          &:hover{
            transition: all linear 0.7s ;
            transform: translateY(-10px);
          }
          &-img{
            background-color: #edf2f3;
            border-radius: 250px;
            display: flex;
            justify-content: center;
            height: 80px;
            align-items: center;
            width:80px;
            &-helper{
                  position: relative;
                  width: 70%;
                  height: 70%;
                  opacity: 0.9;
              img{
                object-fit: contain;
                width: 100%;
                height: 100%;
             }
            }
          }
          &-text{
            .font-montserrat();
            font-size: 18px;
            font-weight: 700;
            margin-top: 15px;
            color: @color-text;
            text-decoration: none;
            &:hover{
              color: @color-green;
            }
          }
          &-button{

            .font-montserrat();
            width: fit-content;
            background-color:@color-green;
            color: #fff;
            text-decoration: none;
            padding: 15px 20px 15px 20px;
            border-radius: 10px;
            margin-top: 15px;
            font-size: 15px;
            font-weight: 700;
            border: 1px solid transparent;
            transition: all ease 0.9s;
            &:hover{
              transition: all ease 0.9s;
              background-color: #fff;
              border: 1px solid rgba(51,51,51, 0.5);
              color: @color-text;
            }
          }
        }
      }
      &-button{

        .font-lato();
        font-weight: normal;
        width: fit-content;
        font-size: 20px;
        margin: 0 auto;
        margin-top: 40px;
        box-shadow: inset 0px 0px 0px 2px rgba(51,51,51, 0.5);
        border-radius: 10px;
        padding: 15px 20px;
        cursor: pointer;
        transition: all linear 0.7s ;
        &:hover{
          transition: all linear 0.7s ;
          transform: translateY(-10px);
          background: @color-green;
          box-shadow: 3px 3px 10px 0px rgba(67, 212, 0, 0.5);
          a{
            color: #fff;
          }
        }
        a{
          color: @color-text;
          text-decoration: none;
        }
      }
    }
  }
}

// === // services ====

// === about-us ====
.section-about-us{
  background: #edf2f3;
  .section-inner{
      max-width: 1350px;
      margin: 0 auto;
    @media (max-width: @screen-md-max) {
      padding: 0 60px;
    }
    @media (min-width: @screen-lg) {
      padding: 80px 60px;
    }
    @media (max-width: @screen-xs-max) {
      padding: 0 20px;
    }
    .section-about-us-content{
      &-title{
        .title-name();
      }
      .section-about-us-wrapper{
        display: flex;
        @media (max-width: @screen-md-max) {
          flex-direction: column;
        }
        &-item{
          will-change: transform;
          &:first-child{
            display: flex;
            flex-direction: column;
            max-width: 1500px;
          }
          &:last-child{
            @media (max-width: @screen-md-max) {
            // padding-top: 20px;
            display: flex;
            flex-wrap: wrap;
            }
            @media (min-width: @screen-lg) {
              margin-left: auto;
              display: flex;
              flex-direction: column; 
              justify-content: space-between;
            }
          }
          &_img{
            max-width: 100%;
            img{
              border-radius: 20px;
              max-width: 100%;
              display: block;
            }
          }
        &_text{
        @media (max-width: @screen-md-max) {
          text-align: center;
          }
          &-subtitle{
            .font-montserrat();
            font-weight: 400;
            @media (max-width: @screen-md-max) {
              font-size: 15px;
            } 
            @media (min-width: @screen-lg) {
              font-size: 22px;
            } 
            padding-top: 40px;
            max-width: 800px;
          }
          &-button{
            @media (min-width: @screen-lg) {
              margin-top: 4rem;
              margin-bottom: 4rem;
            }
            @media (max-width: @screen-md-max) {
              margin: auto;
              margin-bottom: 4rem;
              margin-top: 4rem;
            }
            @media (max-width: @screen-xs-max) {
              margin-top: 10%;
              margin-bottom: 4rem;
            } 
            width: fit-content;
            cursor: pointer;
            transition: all linear 0.7s ;
            &:hover{
              transition: all linear 0.7s ;
              transform: translateY(-10px);
              // background: @color-green;
              // box-shadow: 3px 3px 10px 0px rgba(67, 212, 0, 0.5);
              a{
                color: @color-text;
                background: none;
                box-shadow: inset 0px 0px 0px 2px rgba(51,51,51, 0.5);
              }
            }
            a{
              .font-montserrat();
              font-weight: 600;
              font-size: 18px;
              text-decoration: none;
              line-height: 23px;
              border-radius: 10px;
              padding: 20px 15px;
              background-color: @color-green;
              color: #fff;
              box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
              cursor: pointer;
              }
          }
        }
          &_block{
            @media (min-width: @screen-lg) {
              min-width: 370px;
            }
            @media (max-width: @screen-md-max) {
              margin: 10px;
              width: 100%;
              flex-basis: 47%;
            }
            @media (max-width: 789px) {
              margin: 10px auto;
              width: 100%;
              flex-basis: 100%;
            }
            background: #fff;
            margin-right: 40px;
            margin-left: 40px;
            display: flex;
            justify-content: end;
            text-align: center;
            padding: 20px 10px;
            border-radius: 10px;
            box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
            img{
              width: 64px;
              height: 64px;
            }
            span{
              color: @color-green;
              @media (max-width: @screen-md-max) {
                font-size: 15px;
              } 
              @media (min-width: @screen-lg) {
                font-size: 22px;
              } 
              font-weight: 600;
              .font-montserrat();
              line-height: 25px;
              margin: auto;
              height: fit-content;
              margin-left: 10px;
            }
          }
        }
      }
    }
  }
}
// === // about-us ====

// === mail ====

.section-mail{
      padding: 100px 0px;
      background: #edf2f3;
  .section-inner{
  
      position: relative;
      background: url(../images/bg-mail.jpg);
      background-attachment: fixed;
      background-position: 0px -100px;
      background-size: cover;
      &::before{
      content: '';
      position: absolute;
      z-index: 5;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(rgba(247, 246, 114, .75) 0%, rgba(247, 246, 114, .75) 100%);
    }
  

    .section-mail-content{
      max-width: 1350px;
      margin: 0 auto;
    .section-mail-wrapper{
      @media (min-width: @screen-sm) {
        padding: 100px 100px;
      }
      @media (max-width: @screen-xs-max) {
        padding: 100px 35px;
        font-size: 25px;
      }
      z-index: 10;
      position: relative;
      p{
        color: #fff;
        padding: 10px;
      }
      &-form{
        border-radius: 10px;
        background: @color-green;
        box-shadow: 0px 2px 10px 0px rgba(67, 212, 0, 0.9);
        &_title{
        @media (min-width: @screen-lg) {
          font-size: 35px;
        }
        @media (max-width: @screen-md-max) {
          
        }
        @media (max-width: @screen-xs-max) {
          font-size: 25px;
        }
        .font-montserrat();
        font-weight: 700;
        font-size: 35px;
        padding: 10px;
        color: #fff;
        }
        &_subtitle{
          .font-montserrat();
          font-weight: 400;
          @media (max-width: @screen-md-max) {
            font-size: 15px;
          } 
          @media (min-width: @screen-lg) {
            font-size: 23px;
          } 
          color: #fff;
          padding: 10px;
        }
        &_input{
          @media (max-width: @screen-md-max) {
            flex-direction: column;
          }
          display: flex;
          padding: 10px;
          &-field{
          @media (max-width: @screen-md-max) {
            margin: 20px auto;
          } 
          @media (min-width: @screen-lg) {
            margin-right: 20px;
            &:last-child{
              margin-right: 0;
            }
          } 
          flex:1;
          input{
            .font-montserrat();          
            color: #fff;
            border: none;
            background: rgba(255, 255, 255, .25);
            font-size: 17px;
            margin: 0;
            padding: 16px 20px;
            outline: none;
            border-radius: 4px;
            width: 100%; 
            box-shadow: 3px 3px 5px 0px rgba(255, 255, 255, 0.4);
            &::placeholder{
              color: white;
            }
          }
          button{
            .font-montserrat();
            width: 100%;
            margin: 0;
            display: inline-block;
            outline: none;
            border: none;
            text-decoration: none;
            border-radius: 4px;
            padding: 16px 20px;
            cursor: pointer;
            background:rgba(255, 255, 255, .98) ;
            color: @color-green;
            font-weight: bold;
            font-size: 17px;
            box-shadow: 2px 2px 5px 0px rgba(255,255,255, 1);
            transition: all linear 0.7s ;
            &:hover{
                transition: all linear 0.7s ;
                transform: translateY(-10px);
            }
          }
          }
        }
        }
    }
    }
  }
}

// === // mail ====

// === partners ====
.section-partners{
   @media (max-width: @screen-md-max) {
    padding: 0;
  }
  @media (min-width: @screen-lg) {
    padding: 100px 0px;
  } 
  background: #edf2f3;
  .section-inner{
    max-width: 1350px;
    margin: 0 auto;
    .section-partners-wrapper{
      text-align: center;
        &-item{
          outline: none;
        background: #fff;
        border-radius: 10px;
        @media (max-width: @screen-md-max) {
          min-width: 120px;
          padding: 5px;
          margin: 0 5px;
          height: auto;
        } 
        @media (min-width: @screen-lg) {
          height: 200px;
          margin: 0 10px;
          padding: 30px;
          max-width: 450px;
        } 
        img{
          margin:0 auto;
          max-width: 100%;
          height: 80px;
          object-fit: contain;
        }
        p{
          .font-lato();
          @media (max-width: @screen-md-max) {
            font-size: 15px;
            padding: 10px 0;
          } 
          @media (min-width: @screen-lg) {
            font-size: 18px;
            padding-top: 40px;
          } 
          font-weight: 500;
          margin: 0;
        }
      }
    }
  }
}
// === // partners ====

// === reviews ====
.section-reviews{
  background: #edf2f3;
  padding: 50px 0px 75px;
  .section-inner{
    max-width: 1350px;
    margin: 0 auto;
    .section-reviews-content{
      &-title{
        .title-name();
      }
      .section-reviews-wrapper{
        .slick-dots{
          display: flex;
          margin: 0 auto;
          justify-content: center;
          text-align: center;
          padding: 0;
          li{
            list-style-type: none;
            margin: 0 10px;
            button{
              outline: none;
              border: none;
              color: transparent;
              width: 35px;
              height: 12px;
              border-radius: 250px;
              font-size: 0;
              border: none;
              background-color: #fff;
              cursor: pointer;
            }
          }
          .slick-active{
            button{
              color: transparent;
              border-color: transparent;
              border: none;
              background-color: @color-green;
            }
          }
        }
        &-item{
          outline: none;

          // height: auto;
          min-height: 300px;
          background-color: white;
          text-align: center;
          display: flex;
          flex-direction: column;
          margin: 20px;
          padding: 0 40px 40px 40px;
          border-radius: 10px;
          box-shadow: 0px 3px 20px 0px rgba(0,0,0, 0.1);
          &_image{
            margin: 15px 0;
            img{
              margin-bottom: 10px;
              margin: 0 auto;
              max-width: 50px;
              max-height: 50px;
              border-radius: 50%;
            }
          }
          &_name{
            .font-montserrat();
            font-weight: 700;
            @media (max-width: @screen-md-max) {
              font-size: 15px;
            } 
            @media (min-width: @screen-lg) {
              font-size: 23px;
            } 
            color: @color-text;
            margin: 10px;
          }
          &_text{
            .font-lato();
            margin: auto 0;
            background: #edf2f3;
            position: relative;
            padding: 30px;
            font-size: 15px;
            line-height: 23px;
              &::before {
                  content: "“";
                  font-family: "PF Regal Display Pro";
                  line-height: 104px;
                  font-size: 96px;
                  color: @color-green;
                  opacity: 0.3;
                  position: absolute;
                  top: -10%;
                  left: 0%;
              }
                &::after {
                  content: "“";
                  font-family: "PF Regal Display Pro";
                  line-height: 104px;
                  font-size: 96px;
                  color:@color-green;
                  opacity: 0.3;
                  position: absolute;
                  transform: rotate(-180deg);
                  bottom: -8%;
                  right: 0;
              }
              }
          }
        }

      }
    }
  }
// === // reviews ====

// === asks ====

.section-asks{
  position: relative;
  background: url(../images/kompleks.jpg);
  background-attachment: fixed;
  background-position: 0px -210px;
  background-size: cover;
  z-index: 10;
  &::before{
    content: '';
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(67, 212, 0, .75) 0%, rgba(67, 212, 0, .75) 100%);
}
  .section-inner{
    max-width: 1350px;
    margin: 0 auto;
    @media (max-width: @screen-lg-max) {
      padding: 40px 10px;
    } 
    @media (min-width: @screen-lg) {
      padding: 80px 10px;
    } 
    z-index: 30;
    position: relative;
    .section-asks-content{
      display:flex;
      justify-content: space-between;

      &-title{
        @media (max-width: @screen-md-max) {
          padding-top: 13px;
          font-size: 18px;
          margin-right: 15px;
        } 
        @media (min-width: @screen-sm) {
          font-size: 43px;
        } 
        .font-montserrat();
        color:@color-text;
        font-weight: bold;
        width: fit-content;
        span{
          width: fit-content;

        }
      }
      &-subtitle{
        width: fit-content;
        .font-montserrat();
        font-weight: 400;
        @media (max-width: @screen-md-max) {
          font-size: 12px;
        } 
        @media (min-width: @screen-lg) {
          font-size: 23px;
        } 
        color:#fff;
        margin: auto;
      }
      &-button{
        margin: auto 15px;
        padding: 15px 15px;
        background-color: #fff;
        text-align: center;
        border-radius: 10px;
        width: 200px;
        cursor: pointer;
        transition: all linear 0.7s ;

        &:hover{
          transition: all linear 0.7s ;
          transform: translateY(-10px);
        }
        a{
          outline: none;
        @media (max-width: @screen-md-max) {
          font-size: 14px;
        } 
        @media (min-width: @screen-lg) {
          font-size: 20px;
        } 
          .font-montserrat();
          font-weight: 600;
          color:@color-text;
          text-decoration: none;
        }
      }
    }
  }
}
// === // asks ====

// === footer ====
.section-footer{
    display: flex;
    flex-direction: column;
  .section-out{
    background: #edf2f3;
    &:last-child{
    background-color: #fff;
    }
  }

  .section-inner{
    max-width: 1350px;
    margin: 0 auto;
    padding-top: 20px;

    .section-footer-content{
      @media (max-width: @screen-md-max) {
        flex-direction: column;
      }
      display: flex;
      // padding: 30px 0;
      justify-content: space-between;
      @media (max-width: @screen-md-max) {
      }
      &-fa{
        padding: 0 20px;
        img{
          max-width: 100%;
        }
        display: flex;
        justify-content: space-around;
        @media (max-width: @screen-md-max) {
          width: auto;
          padding: 20px 60px;
          }
        @media (min-width: @screen-lg) {
              width: 500px;
        }
      }
      &-title{
        @media (max-width: @screen-md-max) {

        } 
        .section-header-wrapper-second{
        z-index: 100;
        display: flex;
        &_naw{
          @media (max-width: @screen-md-max) {
            display: flex;
            padding: 0 60px;
            flex-direction: column;
            margin: 0 auto;
            text-align: center;
          } 
          @media (min-width: @screen-lg) {
            display: flex;
            flex-direction: column;
            padding: 0 60px;
          } 
          a{
            text-decoration: none;
            color: @color-text;
          }
          margin: 0;
          &_menu{
            
            @media (max-width:1050px) {
              font-size: 15px;
            }
            .font-montserrat();
            list-style-type: none;
            position: relative;
            cursor: pointer;
            transition-property: all;
            transition-duration: 400ms;
            transition-timing-function: ease;
            transition-timing-function: cubic-bezier(0, 0, 1, 1);
            line-height: 32px;
            margin-bottom: 10px;
            &-toplink{
              font-size: 20px;
              padding: 12px 15px;
              border-radius: 10px;
               &:hover{
                //  box-shadow: 0px 0px 10px 0px rgba(67, 212, 0, 0.5);
                //  background: @color-green;
                color: @color-green;
              }
            }

          }
        }
      }
      }
      &-geo{
        a:hover{
          color: @color-green;
      }
        a{
          text-decoration: none;
          color: @color-text;
          cursor: pointer;
        }
        @media (min-width: @screen-lg) {
          padding: 0px 20px 30px;
          min-width: 350px;
        }
        & .flex-icon {
        @media (max-width: @screen-md-max) {
          margin: auto;
          width: fit-content;
          margin-bottom: 22px;
        }
        @media (min-width: @screen-lg) {
          margin-bottom: 22px;
          &:last-child{
            margin-bottom: 0;
          }
        }
          display: flex;
          }
          @media (max-width: @screen-md-max) {
            text-align: center;
         }
        &_block{
          @media (max-width: @screen-md-max) {
          }
          color: @color-text;
          display: flex;
          flex-direction: column;
          justify-content: end; 
          }
          p{
            .font-montserrat();
            font-weight: 400;
            // @media (max-width: @screen-xs-max) {
            //   font-size: 12px;
            // }
            @media (min-width: @screen-md-max) {
              font-size: 15px;
            }
            @media (min-width: @screen-lg) {
              font-size: 20px;
            }
            padding-left: 10px;
            margin: 0;
          }
      }
    }
    .section-footer-content2{
      padding: 30px 0;
      display: flex;
      justify-content: space-between;
      .font-montserrat();
      a{
        text-decoration: none;
        color: @color-text;
        cursor: pointer;
      }
      &-title{
      @media (max-width: @screen-md) {
        font-size: 11px;
        padding: 0 10px;
      }
      @media (min-width: @screen-lg) {
          font-size: 18px;
          padding: 0 30px;
      }
      @media (min-width: @screen-lg+1) {
          font-size: 20px;
          padding: 0 30px;
        }
        .snapix{

          color: @color-green;
        }
        a:hover{
          color: @color-green;
        }
        a{
          text-decoration: none;
        }
      }
    }
  }
}
// === // footer ====

// === section-crumbs
.section-crumbs{
  .section-crumbs-inner{
    max-width: 1350px;
    margin: 0 auto;
    padding: 20px;
    ul{
      @media (max-width: @screen-md) {
        // margin: 0;
      }
      display: flex;
      background: #edf2f3;
      padding: 10px;
      border-radius: 10px;
    li{
      max-height: fit-content;
      padding-left: 30px;
      list-style-type: none;
      color: @color-text;
      &:last-child{
        white-space: nowrap; /* Запрещаем перенос строк */
        overflow: hidden; /* Обрезаем все, что не помещается в область */
        text-overflow: ellipsis;
      }
      
      a{
        color: @color-green;
        text-decoration: none;
      }
      }
    .slash{
      position: relative;
      &::after{
        content:'/';
        position: absolute;
        top:0;
        left: 112%;
        color: gray;
        opacity: .5;
      }
    }
    }
  }
}
// ===// section-crumbs

// === services-page
.section-services-page{

  padding: 0  0 50px;
  .section-inner{
    @media (max-width: @screen-md) {
      flex-direction: column;
    }
    @media (min-width: @screen-lg) {
    }
    max-width: 1350px;
    margin: 0 auto;
    display: flex;
    .section-services-page-wrapper{
      &-ul{
        box-shadow: 0px 3px 10px 0px rgba(0,0,0, 0.03), 0px 3px 15px 0px rgba(0,0,0, 0.05);
        margin-left:50px;
        padding: 0;
        @media (max-width: @screen-md) {
          margin: 0 25px;
        }
        .section-services-page-wrapper-item{
          background: #fff;
          padding: 10px;
          list-style-type: none;      
          display: flex;
          flex-direction: column;
          // background: #edf2f3;
          color: @color-text;
          min-width: 250px;
          cursor: pointer;
          .drop-title{
            padding: 15px;
            display: flex;
            border-radius: 10px;
            &:hover{
              background-color: @color-green;
            }
            i{
              color:@color-text ;
              margin-left: auto;
              margin-right: 10px;
            }
          }
          .drop-item{
            display: none;
            padding: 0;
            li{
              a{
                display: block;
                padding: 15px;
                padding-right: 0;
                color: @color-text;
                text-decoration: none;
                border-radius: 10px;
                &:hover{
                background-color: @color-green;
                }
              }
              list-style-type: none;
            }
          }
        }
      }
    }
    .section-services-page-wrapper1{
      &-text{
          @media (max-width: @screen-md-max) {
            padding: 25px;
          }
          @media (min-width: @screen-lg ) {
            padding: 0 50px;
          }
        
        &-title{
          .font-lato();
          font-weight: 600;
          color: @color-text;
          width: fit-content;
          margin-bottom: 40px;
          @media (max-width: @screen-xs-max) {
            font-size: 30px;
            // mar
            margin-top: 30px;
          }
          @media (min-width: @screen-md-max) {
            margin-top: 30px;
            font-size: 36px;
          // padding: 0;
          }
          @media (min-width: @screen-lg ) {
          font-size: 48px;
          margin: 0 0 30px;
          }

        }
        &-subtitle{
          .font-montserrat();
          font-weight: 500;
          font-size: 19px;
          line-height: 27px;
          margin: 0;
          &_bold{
            font-weight: bold;
          }
        }
      }
    }
  }
}
// ===// services-page

//=== about-us-page
.section-about-us-page{
  &-title{
    .title-name();
  }
  .section-inner{
    max-width: 1350px;
    margin: 0 auto;
    .section-about-us-page-wrapper{
      display: flex;
      flex-direction: column;
      &_item{
      @media (max-width: @screen-md-max) {
        flex-wrap: wrap;
        &:first-child{
          padding-bottom: 0;
        }
      }
      @media (min-width: @screen-lg ) {
        padding: 40px 0;
      }
        justify-content: space-between;
        display: flex;
        &-image{
        @media (max-width: @screen-md-max) {
          &:last-child{
            padding-left: 0;
         }
        }
        @media (min-width: @screen-lg ) {
          margin-top: 0;
        }
          margin: 20px;

          img{
            max-width: 100%;
          }
        }
        &-subtitle{
          @media (max-width: @screen-md-max) {
            font-size: 15px;
            order: -1;
          } 
          @media (min-width: @screen-lg) {
            font-size: 20px;
          }
          width: 100%;
          .font-montserrat();
          font-weight: 400;
          padding: 0 50px;
          margin: 0;
          line-height: 25px;
          // &:first-child{
          //   padding-right: 0;
          // }
          // &:last-child{
          //   padding-left: 0;
          // }
          &_bold{
            font-weight: bold;
          }
        }
      }
    }
  }
}
  //=== //about-us-page

  //=== news
.section-news{
  // @media (min-width: @screen-lg) {

  //   padding: 70px 60px;
  // }
    @media (min-width: @screen-sm) {
      padding: 0px 60px 60px;
    } 
    @media (max-width: @screen-sm-max) {
      padding: 0px 30px 30px; 
    }
  .section-inner{
    max-width: 1350px;
    margin: 0 auto; 
    &-title{
      .title-name();
    }
    .section-news-wrapper{
      display: flex;
      flex-direction: column;
      &_item{
        display: flex;
        flex-direction: column;
        border-bottom: 1px dashed grey;
        padding: 30px 0;
          &:first-child{
            padding: 0 0 30px 0;
          }
        &-block{
          position: relative;
          @media (max-width: @screen-md-max) {
            flex-direction: column;
          }
          display: flex;
          &-image{
            max-width: 370px;
            display: flex;
            @media (max-width: @screen-md-max) {
              padding-top: 50px;
              padding-bottom: 30px;
              // padding-left: 30px;
            //  margin: auto;
            }
            img{
              max-width: 100%;
              object-fit: cover;
            }
          }
          &-content{
            flex-shrink: 2;
            @media (min-width: @screen-lg) {
              padding-left: 15px;
            }
            @media (max-width: @screen-md-max) {
              padding-left: 0px;
            }
            &-title{
              @media (min-width: @screen-lg) {
                font-size: 22px;
                padding-left: 15px;
              }
              @media (max-width: @screen-md-max) {
                padding-left: 0px;
                font-size: 18px;
                position: absolute;
                top:0;
              }
          
              .font-lato();
              font-weight: 400;
              padding-bottom: 25px;
              line-height: 14px;
              a{
                color: @color-green;
              }
            }
            &-back{

              
              padding-left: 15px;
              a{
                color: @color-green
              }
            }
            // p{
              .font-montserrat();
              font-weight: 400;
              @media (max-width: @screen-md-max) {
                font-size: 15px;
                padding: 0;
              } 
              @media (min-width: @screen-lg) {
                font-size: 18px;
              } 
              margin-top: 0;
            // }
            &-footer{
              @media (max-width: @screen-md-max) {
                font-size: 15px;
                padding: 0;
              } 
              @media (max-width: @screen-sm) {
                display: flex;
                flex-direction: column;
                a{
                  margin-top: 5px;
                  margin-left: 0px!important;
                }
              }
              a{
                margin-left: 20px;
                color: @color-green;
              }
            }
          }
        }
      }
    }
  }
}
  //=== //news

  // === sertificati
  .section-sertificati{
    padding: 0px 60px 60px;
    &-inner{
      max-width: 1350px;
      margin: 0 auto;
      
      &-title{
        .title-name();
      }
       &-content{
                       @media (max-width: @screen-sm) {
                flex-direction: column;
                }
         display: flex;
        padding: 10px;
        max-width: 600px;
        margin: 0 auto;
        &-img{
          padding: 10px;
          img{
            display: block;
            max-width: 100%;

          }
        }
      }
    }
  }
  // === //sertificati
  
  //=== ansvers
.section-ansvers{
  @media (min-width: @screen-sm) {
    padding: 0px 60px 60px;
  } 
  @media (max-width: @screen-sm-max) {
    padding: 0px 30px 30px; 
  }
  // padding: 70px 60px;
  .section-inner{
    max-width: 1350px;
    margin: 0 auto;
    &-title{
      .title-name();
    }
    &-subtitle{
      @media (max-width: @screen-md-max) {
        font-size: 15px;
      } 
      @media (min-width: @screen-lg) {
        font-size: 23px;
      } 
      .font-montserrat();
      font-weight: 400;
      padding-bottom: 40px;
      text-align: center;
    }
    .section-ansvers-wrapper{
      display: flex;
      flex-direction: column;
      &_item{
        display: flex;
        flex-direction: column;
        border: 0.7px solid grey;
        margin-bottom: 40px;
        background: #edf2f3;
          &-content{
            &_text{
              input[type="checkbox"]:checked ~ .xpandable-block {
              height: 0;
              // transition: all ease-in-out 0.7s;
              padding: 0 30px 30px 30px;          
            }
            }
            .xpandable-block {
              // transition: all 0.7s ease-in-out; 
              height: 0px;                  
              overflow: hidden;                   
              order: 0;
            }
            &:hover{
              .close{
              opacity: 1;
              }
            }

            input[type="checkbox"] {
            display: none;
            }
            input[type="checkbox"]:checked ~ .xpandable-block {
              height: auto;
              // transition: all 0.7s ease-in-out;
              padding: 0 30px 30px 30px;          
            }
            input[type="checkbox"]:checked + label .close:before {
              transition: all ease-in-out 0.5s ;
              transform: rotate(-45deg);
            }
            input[type="checkbox"]:checked ~ label .close::after {
              transition: all ease-in-out 0.5s ;
              transform: rotate(45deg);
            }
            &_title{
              position: relative;
              padding: 30px 60px 30px 30px;
              display: block;
              color: @color-text;
              cursor: pointer;
              .font-montserrat();
              line-height: 25px;
              @media (max-width: @screen-sm) {
                font-size: 13px;
              } 
              @media (min-width: @screen-md-max) {
                font-size: 15px;
              } 
              @media (min-width: @screen-lg) {
                font-size: 26px;
              } 
              .close{
                position: absolute;
                right: 1.5%;
                top: 20%;
                width: 32px;
                height: 32px;
                opacity: 0.5;
                }
                .close:before, .close:after {
                transition: all ease-in-out 0.5s;
                position: absolute;
                left: 5px;
                content: ' ';
                height: 55px;
                width: 4px;
                background-color: @color-green;
                }
                .close:after {
                transform: rotate(90deg);
                }
            }
            p{
              .font-montserrat();
              font-weight: 400;
              @media (max-width: @screen-sm) {
                font-size: 13px;
              } 
              @media (min-width: @screen-md-max) {
                font-size: 15px;
              } 
              @media (min-width: @screen-lg) {
                font-size: 23px;
              } 
              margin-top: 0;
            }



          }

      }
    }
  }
}
  //=== //ansvers

//===  form
.section-form{
    position: relative;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    &-inner{
      overflow: hidden;
    background: #fff;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 35px;
    h4{
      padding-left: 22px;
    }
    .close1{
      cursor: pointer;
      position: absolute;
      right: 1%;
      top: 1%;
      width: 32px;
      height: 32px;
      opacity: 0.3;
      }
      .close1:hover {
      opacity: 1;
      }
      .close1:before, .close1:after {
      position: absolute;
      left: 15px;
      content: ' ';
      height: 33px;
      width: 2px;
      background-color: #333;
      }
      .close1:before {
      transform: rotate(45deg);
      }
      .close1:after {
      transform: rotate(-45deg);
      }
    &-content{
      
      &-title{
        .font-lato();
        font-size: 28px;
        font-weight: 400;
        padding-top: 20px;
        text-align: center
      }
      &-name{
        input,textarea{
          .font-montserrat();
          border: none;
          background: #edf2f3;
          width: 100%;
          padding: 10px;
          border-radius: 10px;
          color: @color-text;
          outline:none;
          @media (max-width: @screen-md-max) {
            font-size: 15px;
          } 
          @media (min-width: @screen-lg) {
            font-size: 23px;
          } 
        }
        padding-top: 20px;
      }
      &-sogl{
        padding: 20px 0;
        display: flex;
        p{
          margin: 0;
        }
      }
      &-button{
        padding-top: 20px;
        text-align: center;
        button{
          outline: none;
          cursor: pointer;
          .font-montserrat();
          @media (max-width: @screen-md-max) {
            font-size: 15px;
          } 
          @media (min-width: @screen-lg) {
            font-size: 23px;
          } 
          border-radius: 10px;
          padding: 15px 10px;
          background-color: @color-green;
          color: #fff;
          border: none;
        }
      }
    }
  }
}
//=== //form

// === about_us_for_services ====
.section-about_us_for_services{
  background: #edf2f3;
  .section-inner{
    max-width: 1350px;
    margin: 0 auto;
    padding: 80px 60px;
    .section-about_us_for_services-content{
      &-title{
        .title-name();
      }
      .section-about_us_for_services-wrapper{
        display: flex;
        &-item{
          display: flex;
          &:first-child{
            display: none;
          }
          &:last-child{
            width: 100%;
            @media (max-width: @screen-md-max) {
              padding-top: 20px;
              display: flex;
              flex-wrap: wrap;
            }
            @media (min-width: @screen-lg) {
              display: flex;
            }
          }
          &_img{
            max-width: 800px;
            img{
              
              border-radius: 20px;
              max-width: 100%;
              display: block;
            }
          }
        &_text{
          &-subtitle{
            .font-montserrat();
            font-weight: 400;
            @media (max-width: @screen-md-max) {
              font-size: 15px;
            } 
            @media (min-width: @screen-lg) {
              font-size: 23px;
            } 
            padding-top: 40px;
            max-width: 800px;
          }
          &-button{
            padding-top: 4rem;
            padding-bottom: 4rem;
            a{
              @media (max-width: @screen-md-max) {
                font-size: 15px;
              } 
              @media (min-width: @screen-lg) {
                font-size: 23px;
              } 
              .font-montserrat();
              font-weight: 600;
              text-decoration: none;
              border-radius: 10px;
              padding: 20px 15px;
              background-color: @color-green;
              color: #fff;
              box-shadow: 0 0 10px rgba(0,0,0,0.5);
              }
          }
        }
          &_block{
            @media (min-width: @screen-lg) {
              margin: 20px;
              text-align: center;
            }
            @media (max-width: @screen-md-max) {
              margin: 10px;
              width: 100%;
              flex-basis: 47%;
            }
            @media (max-width: 789px) {
              margin: 10px auto;
              width: 100%;
              flex-basis: 100%;
            }
            text-align: center;
            background: #fff;
            display: flex;
            text-align: center;
            padding: 20px 10px;
            border-radius: 10px;            
            box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
            
            img{
              margin: 0 auto 10px;
              max-width: 100%;
            }
            span{
            @media (max-width:@screen-md-max){
              font-size: 12px;
            }
            @media (min-width:@screen-lg){
              font-size: 14px;
            }
              color: @color-green;
              font-weight: 600;
              .font-montserrat();
              margin: auto;
              height: fit-content;
              // margin-left: 10px;
            }
          }
        }
      }
    }
  }
}
// === // about_us_for_services ====

// === contacts
.section-contacts{
  .section-inner{
      &-title{
        .title-name();
      }
      .section-contacts-content{
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 40px;
        &-item{
          font-weight: 400;
          .font-montserrat();
          margin: auto;
          padding: 0px 0;
        }
        &-map{
          text-align: center;
          padding-bottom: 40px;
          iframe{
           @media (max-width:@screen-md-max){
            width:90vw;
            height:90vw;
           }
           @media (min-width:@screen-lg){
             width:800px;
             height:450px;
           }
        }
        }
      }
    }
  }
// === //contacts

// == select city
.select-wrapper {
    margin: 0 auto;
    width: 80%;
    height: 100%;
    transition-property: all;
    transition-duration: 300ms; 
    transition-delay: 0ms; 
    transition-timing-function: ease;
    position: relative;
    .font-lato();
    // padding: 7px;
    background: none;
    box-shadow: inset 0px 0px 0px 1px rgba(255,255,255, 0.5);
    cursor: pointer;
    border-radius: 10px;
    &:hover{
    box-shadow: 0px 0px 10px 0px rgba(67, 212, 0, 0.5);
    background: @color-green;
    &::before,
    &::after {
      background-color: #333333!important;
    }
  }
}
.select-wrapper select {
      @media (max-width:1050px) {
    font-size: 18px;
    }
    font-size: 20px;
    color: @color-text;
    cursor: pointer;

    width: 200px;
    height: 40px;
    padding: 1px 20px 1px 11px;
    border-radius: 10px;
    background: transparent;
    border: none;
    outline: none;
    appearance: none;            /* remove arrow        */
    -webkit-appearance: none;    /* remove arrow Chrome */
    -moz-appearance: none;      /* remove arrow FF     */
      transition-property: all;
    transition-duration: 300ms; 
    transition-delay: 0ms; 
    transition-timing-function: ease;      
}
.select-wrapper select::-ms-expand{
    display: none;             /* remove arrow IE     */
}
option.option:hover{
    color: @color-green;
}
.select-arrow-3 {
  position: absolute;
  z-index: 100;
  border: 8px solid transparent; 
  border-bottom: 0;
  right: -7px;
  top: 12px;
  &::before,
  &::after {
    content: "";

    position: absolute;
    top: 50%;
    right: 16px;
    opacity: 0.4;
    display: block;
    width: 10px;
    height: 2px;
    transition: all 0.3s ease-out;
    background-color: #333333;
    transform: translate(-3px, -50%) rotate(45deg);
  }
  &::after {
    transform: translate(3px, -50%) rotate(-45deg);
  }
}