.topmenu{z-index: 2;}

.breadcrumbs.first{margin-top: 60px;}
.expert{background-image: url(../images/expert.jpg);}
.expert__flex{display: flex;column-gap: 30px;padding: 70px 0 125px;}
.expert h1{font-size: 38px;margin: 0 0 20px;width: auto;color:#000}
.expert__img{width: 415px;height: 486px;object-fit: cover;}
.expert__txt{font-size: 20px;color:#000;line-height: 1.2;max-width: 600px;}
.expert__txt p{margin-bottom: 10px;}
.breadcrumbs.first h2{font-size: 36px;margin: 10px 0 20px;}
.expert .btn{background: #EF9901;height: 55px;line-height: 55px;padding: 0 24px;border-radius: 55px;text-transform: uppercase;font-size: 20px;font-weight: 700;}
.btn-wrap{flex:1;display: flex;align-items: flex-end;}
.btn{cursor: pointer;height: 50px;line-height: 50px;color:#fff;}
.expert__txt{display: flex;flex-direction: column;}

.detail{position: relative;}
.detail__item{text-transform: capitalize;height: 49px;line-height: 49px;color:#fff;border-radius: 30px;background: #B5C2C2;font-size: 20px;font-weight: bold;width: 280px;text-align: center;box-shadow: 0 4px 8px #B5C2C2;cursor: pointer;}
.detail__item.active{background:#0097A2}
.detail__flex{display: flex;column-gap: 40px;justify-content: center;margin: 60px 0 80px;}
.dbgl,.dbgr{position: absolute;pointer-events: none;}
.dbgl{left: 0;top: -110px;}
.dbgr{right: 0;top: -120px;}
.detail__content{position: relative;z-index: 1;padding-bottom: 80px;}
.detail__content .srv{display: flex;column-gap: 30px;row-gap: 23px;flex-wrap: wrap;}
.srv__item{width: calc((100% - 30px)/2);border-radius: 30px;background: #BFD5CE;padding: 30px 15px 50px;text-align: center;}
h3{font-family:'Yeseva One';margin: 20px 0 0;}

.ea{padding: 80px 0 100px;background-image: url(../images/artbg.jpg);}
.ea h2{text-align: center;font-size: 32px;}
.ea h2 span{color:#0097A2}
.ea__wrap{border-radius: 21px;background: #0097A2;margin-top: 40px;padding: 60px 40px 70px 50px;}
.ea__scroll{overflow-y: auto;height: 300px;padding-right: 20px;}
.ea__scroll::-webkit-scrollbar {width: 7px;}
.ea__scroll::-webkit-scrollbar-track {background: white;border-radius: 3px;}
.ea__scroll::-webkit-scrollbar-thumb {background-color: #C1D7D0;border-radius: 3px;border: none;}
.ea__scroll::-webkit-scrollbar-thumb:hover {background-color: #a8c3ba;}
.ea__content{display: flex;column-gap: 30px;flex-wrap: wrap;row-gap: 30px;}
.ea__item{width: calc((100% - 60px)/3);background: #fff;border-radius: 20px;padding: 25px 14px 17px;box-shadow: 0px 4.27097px 7.11829px rgba(0, 0, 0, 0.25);min-height: 340px;display: flex;flex-direction: column;}
.ea__item h3{margin: 0 0 10px;font-size: 20px;}
.ea__item p{flex:1;font-size: 15px;}
.ea__more{margin: 0 auto;border: 1px solid #EF9901;border-radius:21px;height: 30px;line-height: 30px;padding: 0 33px;color:#EF9901;width: max-content;}
.edu__flex{display: flex;column-gap: 30px;margin-bottom: 10px;}
.edu__years{background: #0097A2;border-radius: 30px;height: 60px;line-height: 60px;width: 160px;text-align: center;color:#fff;font-size: 18px;}
.edu__name{flex:1;background: #0097A2;border-radius: 30px;height: 60px;line-height: 60px;color:#fff;font-size: 18px;padding-left: 20px;}
.edu__add{margin-top: 60px;font-size: 18px;margin-bottom: 10px;}
.detail__content .exp{border-radius: 30px;background: #0097A2;color:#fff;}
.exp__wrap{padding: 55px 75px;}
.exp__flex{display: flex;column-gap: 45px;font-size: 18px;margin-bottom: 30px;}
.exp__years{width: 110px;}
.exp__name{flex:1}

.detail__content .srv,.detail__content .edu,.detail__content .exp{visibility: hidden;height: 0;}
.detail__content .srv.active,.detail__content .edu.active,.detail__content .exp.active{visibility: visible;height: auto;}

@media(max-width:1350px){
    .dbgl{top: -100px;}
    .dbgr{top: -110px;}
    .expert__flex{padding: 60px 0 80px;}
    .detail__flex{position: relative;z-index: 1;}
}
@media(max-width:1200px){
    .expert__flex{padding: 50px 0 60px;}
    .expert h1{font-size: 36px;}
    .expert__txt{font-size: 18px;}
    .expert__img{width: 380px;}
    .expert .btn{font-size: 18px;height: 50px;line-height: 50px;}
    .detail__flex{margin: 40px 0;}
    .srv__item{padding: 20px 15px 40px;}
    .exp__wrap{padding: 50px;}
    .exp__flex{margin-bottom: 25px;}
    .detail__content{padding-bottom: 60px;}
    .ea{padding: 40px 0 80px;}
    .ea__wrap{margin-top: 30px;padding: 40px 20px;}
    .ea__content{column-gap: 20px;}
    .ea__item{width: calc((100% - 40px) / 3);}
    .ea__item h3{font-size: 18px;}
}
@media(max-width:1079px){
    .hamburger/*.mobtopwb*/{display: block;}
}
@media(max-width:992px){
    .breadcrumbs.first h2{font-size: 32px;}
    .expert__img{width: 330px;}
    .expert h1{font-size: 28px;}
    .expert__txt{font-size: 16px;}
    .expert__flex{padding: 40px 0;}
    .expert .btn{font-size: 16px;}
    .detail__flex{margin: 40px 0 30px;column-gap: 30px;}
    .detail__item{font-size: 18px;}
    .srv__item img{width: 35%;}
    .srv__item h3{font-size: 22px;}
    .ea h2{font-size: 30px;}
    .ea{padding: 30px 0 60px;}
    .edu__flex{column-gap: 20px;}
    .edu__years{width: 140px;font-size: 16px;}
    .edu__name,.edu__add{font-size: 16px;}
    .exp__flex{font-size: 16px;column-gap: 20px;margin-bottom: 20px;}
    .exp__years{width: 90px;}
    .exp__wrap{padding: 40px;}
    .ea__item p{font-size: 14px;}
    .ea__item{width: calc((100% - 20px) / 2);}
    .ea__item h3{font-size: 20px;}
}
@media(max-width:768px){
    .breadcrumbs.first h2{font-size: 28px;}
    .expert__img{width: 250px;}
    .expert h1{font-size: 26px;}
    .expert__txt{font-size: 15px;}
    .expert .btn{font-size: 14px;}
    .expert__flex,.detail__flex{column-gap: 20px;}
    .detail__item{font-size: 16px;height: 40px;line-height: 40px;}
    .detail__content .srv{column-gap: 20px;}
    .srv__item {width: calc((100% - 20px) / 2);}
    .srv__item img{width: 40%;}
    .srv__item h3{font-size: 20px;}
    .edu__name{line-height: 1.3;height: auto;padding: 10px 10px 10px 20px;}
    .edu__years,.edu__name,.exp__flex{font-size: 15px;}
    .exp__flex{column-gap: 10px;}
    .ea__item h3{font-size: 18px;}
    .ea__item{height: 330px;}
    .ea__scroll{height: 340px;}
    .ea__wrap{padding: 30px 15px;}
}
@media(max-width:550px){
    .breadcrumbs.first h2{font-size: 26px;margin: 10px 0;}
    .expert__flex{padding: 30px 0;}
    .expert__img{width: 190px;}
    .expert__flex, .detail__flex{column-gap: 15px;}
    .expert h1{font-size: 22px;}
    .expert__txt{font-size: 14px;}
    .expert .btn{font-size: 12px;height: 40px;line-height: 40px;}
    .detail__flex{margin: 30px 0 20px;}
    .detail__item{width: auto;padding-left: 13px;padding-right: 13px;}
    .srv__item img{width: 50%;}
    .srv__item{padding: 10px 10px 30px;}
    .srv__item h3{margin-top: 10px;font-size: 18px;}
    .edu__years, .edu__name, .exp__flex{font-size: 14px;}
    .detail__content .srv{column-gap: 15px;}
    .srv__item {width: calc((100% - 15px) / 2);}
    .edu__flex{column-gap: 15px;}
    .edu__years{width: 110px;}
    .edu__add{font-size: 14px;}
    .exp__wrap{padding: 20px;}
    .exp__years{width: 75px;}
    .ea__item{width: 100%;}
    .ea__item{height: 250px;}
    .ea h2{font-size: 26px;}
    .newcontainer{padding-right: 15px;}
}
@media(max-width:430px){
    .breadcrumbs.first h2{font-size: 24px;}
    .expert__flex{flex-wrap: wrap;}
    .expert__img{width: 100%;margin-bottom: 20px;max-width: 415px;}
    .expert h1{font-size: 24px;}
    .expert .btn{margin: 15px auto 0;}
    .srv__item img{width: 60%;}
    .srv__item h3{margin-top: 0;font-size: 16px;}
    .edu__years{height: 50px;line-height: 50px;}
    .ea h2{font-size: 24px;}
    .ea__wrap{margin-top: 20px;}
    .ea__wrap,.ea__scroll{padding-right: 10px;}
}