* {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
}

/*@font-face {*/
/*     font-family: 'Noto';*/
/*     src: url(../Noto_Sans_Armenian/NotoSansArmenian-VariableFont_wdth,wght.ttf) format('woff2');*/
/*     font-weight: normal;*/
/*     font-style: normal;*/
/*}*/

body{
     font-family: 'Roboto', sans-serif;
     /*background: url(../../image/bg.png);*/
     /*background-size: cover;*/
     /*background-repeat: no-repeat;*/

}
a{
     text-decoration: none;
     color: #08082a;
}
header {
     padding: 20px 0;
     width: 100%;
     z-index: 30;
}
.container {
     max-width: 1440px;
     margin: 0 auto;
     padding: 0;
}

.text-container{
     max-width: 900px;
     margin: 45px auto 22px;
     padding: 0;
}

.header-section{
     display: flex;
     justify-content: space-between;
     align-items: center;
}

ul{
     padding-left: 40px;
}

.img{
     width: 100%;
}
.header-logo{
     display: block;
     max-width: 174px;
}

.navigation{
     display: flex;
     justify-content: space-between;
     width: 70%;
}



.select-languages{
     outline: none;
     border: none;
     background: transparent;
     font-weight: 500;
     font-size: 19px;
     text-align: left;
     color: rgba(21, 25, 40, 1);
     padding: 0 5px;
}

.select-languages option {
     color: rgba(21, 25, 40, 1);
}

.select-languages {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     background: none;
     padding: 20px 0 0  0;
}


.address-title,
.mail-title,
.tel-title{
     font-weight: 400;
     font-size: 14px;
     color: rgba(153, 153, 153, 1);

}

.address,
.mail,
.tel-number{
     font-weight: 500;
     font-size: 23px;
     color: rgba(0, 0, 0, 1);

}
select:not(:-internal-list-box):not([multiple]){
     display: none
}


.baner-block{
     position: relative;
     display: inline-block;
}

.baner-block img{
     border-radius: 10px 10px 0 10px;
}

.baner-block::before {
     content: '';
     position: absolute;
     left: -8px;
     bottom: -4px;
     width: calc(95% + 20px);
     height: calc(90% + 20px);
     border-left: 10px solid rgba(242, 101, 50, 1);
     border-bottom: 10px solid rgba(242, 101, 50, 1);
     border-radius: 10px;
     pointer-events: none;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.two-editor {
     display: flex;
     justify-content: center;
     margin: -20px  auto -15px;
     width: 100%;
}

.two-editor button{
     display: flex;
     align-items: center;
     border: 1px solid rgba(241, 80, 41, 1);
     background: transparent;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     padding: 10px 41px 9px 10px;
     cursor: pointer;
     font-size: 16px;
}
.editor-close-btn svg,
.two-editor button svg{
     margin-right: 24px;
}

.editor-btn{
     display: flex;
     justify-content: center;
}

.editor-close-btn {
     display: flex;
     align-items: center;
     border: 1px solid rgba(241, 80, 41, 1);
     background: transparent;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     padding: 10px 41px 9px 10px;
     cursor: pointer;
     font-size: 16px;
}



.link-section{
     padding-bottom: 45px;
}

.link-block{
     display: flex;
     justify-content: space-between;
     margin: 0 -21px;
}

.link-item{
     width: 50%;
     padding: 0 21px;
}

.link-item a{
     display: block;
     border-radius: 10px;
     border: 1px solid rgba(201, 201, 201, 1);
     padding: 62px 62px 36px;
     text-align: center;

}

.link-title{
     margin: 70px 0 92px;
     font-weight: 700;
     font-size: 27px;
     text-align: center;
     color: rgba(15, 15, 15, 1);
     min-height: 75px;

}

.link{
     font-weight: 800;
     font-size: 27px;
     text-align: center;
     color: rgba(237, 28, 36, 1);

}

.link-item:last-child .link{
     color: rgba(0, 174, 239, 1);

}

.link-item img{
     max-width: 520px;
}

.link-item {
     position: relative;
     overflow: hidden;
     height: auto;
}

/* Base <a> style: white background */
.link-item a {
     position: relative;
     display: block;
     overflow: hidden;
     z-index: 1;
     background: transparent; /* white by default */
     height: 100%;
}

/* ::before pseudo-element holds the hover image, initially hidden */
.link-item a::before {
     content: "";
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     opacity: 0; /* hidden initially */
     transition: opacity 0.6s ease;
     z-index: -1;
}

/* Assign background images to specific blocks */
.link-item.link-1 a::before {
     background-image: url('../img/first-bg.png');
}

.link-item.link-2 a::before {
     background-image: url('../img/two-bg.png');
}

/* On hover: reveal the image */
.link-item a:hover::before {
     opacity: 1; /* show image on hover */
}

.link-item:hover .link{
     color: #000;
}



.number-icon,
.mail-icon,
.geo-icon{
     display: none;
}

.baner-section{
     margin-bottom: 40px;
}

.footer-block .container{
     display: flex;
     justify-content: space-between;
     padding-bottom: 25px;
}

.custom-select-wrapper {
     position: relative;
     font-family: sans-serif;
}

.custom-select {
     position: relative;
     cursor: pointer;
     user-select: none;
}

.selected {
     padding-top: 23px;
     font-size: 19px;
}

.custom-options {
     position: absolute;
     top: 140%;
     right: 0;
     width: 100%;
     margin: 0;
     padding: 5px ;
     list-style: none;
     background: #fff;
     border: 1px solid #ccc;
     border-top: none;
     max-height: 0;
     overflow: hidden;
     opacity: 0;
     z-index: 1000;
     display: flex;
     flex-direction: column;
}

.custom-options a{
     padding: 5px;
}

.custom-options a:not(:last-child) {
     border-bottom: 1px solid #cfcfcf;
}

.custom-select.open .custom-options {
     max-height: 300px;
     opacity: 1;
     min-width: 100px;
}

.custom-options li {
     padding: 10px;
     border-bottom: 1px solid #eee;
     transition: background 0.2s ease;
}

.custom-options li:hover {
     background-color: #eee;
}
























/* Responsive */

@media all and (max-width: 1500px){
     .container{
          max-width: 100%;
          padding: 0 30px;
     }
     .link-item a{
          padding: 62px 20px 36px;
          height: 100%;
     }


}

@media all and (max-width: 1300px){
     .link-title {
          font-size: 20px;
     }
     .link-item {
          padding: 0 10px;
     }
     .navigation {
          width: 75%;
     }

}

@media all and (max-width: 1200px){
     .tel-title,
     .number-text,
     .mail-title,
     .mail-text,
     .address-title,
     .address{
          display: none;
     }
     .number-icon,
     .mail-icon,
     .geo-icon{
          display: flex;
     }
     .navigation {
          width: 160px;
     }
     .select-languages{
          padding: 0;
     }
     .text-container {
          max-width: 100%;
          padding: 0 30px;
          margin: 20px auto 10px;
     }
     .two-editor{
          max-width: 100%;
          margin: 15px 0 20px;
     }
     .two-editor .text-container{
          padding: 0;
     }
     .baner-block::before {
          width: calc(90% + 20px);
          height: calc(80% + 20px);
     }
     .selected{
          padding-top: 0;
     }


}

@media all and (max-width: 1024px){
     .burger-btn{
          border-left: 1px dashed #fff;
          margin-left: 10px;
          display: block;
     }

     .select-languages{
          border-left: none!important;
     }


}
@media all and (max-width: 767px){
     .link-block{
          flex-direction: column;
          margin: 0;
     }
     .link-item{
          width: 100%;
          margin-bottom: 20px;
          padding: 0;
     }

}
@media all and (max-width: 575px){
     .container{
          max-width: 100%;
          padding: 0 15px;
     }
     .text-container{
          padding: 0 15px;
     }

     .header-logo{
          max-width: 100px;
     }
     .footer-block .container{
          flex-direction: column;
     }

}
@media all and (max-width: 480px){
     .link-title {
          margin: 25px 0 35px;
     }
}