*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}.menu-content{position:fixed;top:0;left:0;width:100%;height:100%;background:#d6a354;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto}.menu-content p{margin:15px 0;color:#fff;font-size:24px}.box-line__general{z-index:10}.box-line{position:fixed;z-index:2;right:20px;top:20px;list-style:none;padding:0;margin:0;width:40px}.line-one,.line-two,.line-three{width:100%;height:5px;margin:7px 0;border-radius:5px;background:#999;transition:transform .5s ease,opacity .3s ease}.line-two__none{opacity:0}.line-one__active{transform:translateY(12px) rotate(45deg)}.line-three__active{transform:translateY(-12px) rotate(-45deg)}.model-container{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}.model-container.show{opacity:1;visibility:visible;transition:opacity .5s ease}.navbar{z-index:1;position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:25%;background:#d6a354}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.nav-item{font-size:1.6rem;font-weight:700;padding:10px;cursor:pointer}.nav-item:hover{color:#fff;transition:.3s}.active{color:#fff}.navbar__logo{max-width:155px;max-height:70px;margin-bottom:70px}.navbar__logo-img{width:100%;height:100%}.btn{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.circle-section{position:absolute;border:10px solid #d6a354;border-radius:100%;bottom:-60px;right:-60px;padding:50px 90px 50px 50px;width:360px;height:360px;display:flex;flex-direction:column;justify-content:center}.circle-small{background:url(/third-background.jpg) center / cover;border:10px solid #d6a354;border-radius:100%;position:absolute;top:-60px;right:20px;left:0;width:120px;height:120px;margin:auto;object-fit:cover}.circle-title{list-style:none;font-size:1.6rem;font-weight:700;color:#fff}.circle-title__box{margin:20px 0}.circle-section-button{display:inline-block;font-size:1.1rem;border-radius:50px;font-weight:900;color:#fff;background:#d6a354}.circle-section-button:hover{background:#c12828}@media (max-width: 1100px){.circle-section{display:none}}.right-section{background:url(/first-background.jpg) center / cover;background-attachment:fixed;display:flex;width:100%;height:100vh;overflow:hidden}.right-section__barber-shop{list-style:none;padding:0 0 0 90px;z-index:0}.right-section__box{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;margin-left:24.5%;border:7px solid #d6a354;background:#f2ce72;background:linear-gradient(90deg,#f2ce727e,#71d9ee44)}.right-section__title{font-size:6rem;font-weight:900;color:#fff}.right-section__description{font-size:1.8rem;margin-bottom:30px}.right-section__button-first{margin:0 8px 8px 0;font-size:1.1rem;border-radius:50px;font-weight:900;color:#fff;border:2px solid white;background:transparent}.right-section__button-two:hover,.right-section__button-first:hover{background:#fdbb2d}.right-section__button-two{margin:0 0 8px 8px;font-size:1.1rem;border-radius:50px;font-weight:900;color:#fff;background:#c12828}@media (max-width: 880px){.right-section{background-attachment:scroll}.right-section__box{margin:0}.right-section__barber-shop{list-style:none;padding:1rem;z-index:0}}.card{display:flex;justify-content:space-around;flex-wrap:wrap}.card__team{background:#d6a354;border-radius:20px;margin:0 20px 50px;width:525px;height:300px;display:flex;align-items:center;cursor:pointer;transition:transform .5s ease,background-position 1s ease;background-size:200% 200%;background-position:100% 100%}.card__team:hover{background:linear-gradient(90deg,#ee861f,tomato,#1e90ff,#32cd32);background-size:400% 400%;background-position:0% 0%;transform:scale(1.1)}.card__team:hover .card__team-info{top:-15px}.card__team-name{color:red;font-size:1.2rem;margin-right:auto;padding:5px}.card__image-wrapper{display:flex;align-items:center;justify-content:center;border-radius:20px;width:100%;max-width:100%;height:250px;transform:rotate(12deg);background:url(/barber_ferst.jpg) center / cover}.card__image-wrapper__two{display:flex;align-items:center;justify-content:center;border-radius:20px;width:100%;max-width:100%;height:250px;transform:rotate(12deg);background:url(/barber_second.jpg) center / cover}.card__team-info{position:relative;top:0;transition:top 1s ease;display:flex;align-items:center;width:80%;max-width:80%;margin-bottom:10px;border-radius:20px;margin-top:auto;padding:15px;transform:rotate(-12deg);background:#fff}.card-icon{margin:0 5px;padding:5px;cursor:pointer;height:30px;width:30px;background:#de4444;border-radius:100%;transition:background .3s ease}.card-icon:hover{background:#d6a354}@media (max-width: 880px){.card{display:flex;justify-content:space-around;margin:10px 0}.card__team{cursor:none}}.bb-wrap{background:url(/two-background.jpg) center / cover;background-attachment:fixed;width:100%;overflow:hidden}.bb-wrap__list{margin-left:24%;padding:100px 50px;list-style:none;background:#fff}.bb-wrap__item--title{font-size:3.2rem;font-weight:900;padding-bottom:25px}.bb-wrap__item--description{font-size:1.6rem;color:#717275;margin-bottom:25px}.bb-wrap__item--line{border-bottom:1px solid #717275;margin-bottom:50px}.bb-wrap__item--meet{font-size:1.6rem;color:#c12828;font-weight:900;margin-bottom:60px}.bb-wrap__box{padding:100px 50px;list-style:none;margin-left:25%;text-align:center}.bb-wrap__discount{color:#c12828;font-size:3.8rem;font-weight:900;padding-bottom:16px}.bb-wrap__text{padding-bottom:16px;font-size:1.6rem;color:#fff}.bb-wrap__btn{margin-top:20px;display:inline-block;font-size:1.1rem;border-radius:50px;font-weight:900;background:#d6a354}@media (max-width: 880px){.bb-wrap{background-attachment:scroll}.bb-wrap__list{margin:0;padding:.6rem}.bb-wrap__box{padding:100px 50px;list-style:none;margin:0;text-align:center}}.barber-service__title{margin-left:25%;font-weight:900;font-size:3rem;padding:50px 0 20px 50px}.barber-service-wrap{display:flex;flex-wrap:wrap;gap:20px;padding:50px;margin-left:25%}.barber-service-box{display:flex;width:48%;height:422px;overflow:hidden;border-radius:50px;background-position:center;background-size:cover}.barber-service-box__one{background-image:url(/photo_one.jpg);transition:.5s}.barber-service-box__four:hover,.barber-service-box__three:hover,.barber-service-box__two:hover,.barber-service-box__one:hover{transform:scale(1.02)}.barber-service-box__two{background-image:url(/photo_two.jpg);transition:.5s}.barber-service-box__three{background-image:url(/photo_three.jpg);transition:.5s}.barber-service-box__four{background-image:url(/photo_four.jpg);transition:.5s}.barber-service__box-line{display:flex;flex-direction:column;justify-content:end;margin:auto;border-radius:50px;width:90%;height:90%;border:2px solid white;transition:border .2s ease}.barber-service__box-line:hover{border:6px solid #d6a354}.barber-service__box-li{display:flex;margin:20px;list-style:none}.barber-service__box-li>li{margin:auto;font-weight:700}.barber-service__box-li li:nth-child(1){font-size:1.8rem;color:#fff}.barber-service__btn{background:#d6a354;border-radius:50px}@media (max-width: 1120px){.barber-service-box{width:100%}}@media (max-width: 880px){.barber-service-wrap,.barber-service__title{margin:1rem;padding:0}}.form-section{background:url(/third-background.jpg) center / cover;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:50px 0}.form-section__form{margin-left:25%;border-radius:20px;background-color:#fff;padding:50px;width:100%;max-width:650px}.form-section__title{font-size:3rem;color:#000;margin:0}h3{color:#000;font-size:1.6rem;font-weight:200;margin-bottom:20px}.row{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.input,.input-error,.textarea,select{padding:10px;border-radius:5px;border:1px solid #ccc;width:100%;box-sizing:border-box;flex:0 1 33%}.input-error{border:2px solid red;font-style:italic}textarea{height:100px}.submit-container{display:flex;justify-content:center;margin-top:20px}.submit-button{border:none;padding:10px 20px;display:inline-block;font-size:1.1rem;border-radius:50px;font-weight:900;color:#fff;background:#d6a354;cursor:pointer}@media (min-width: 880px){.form-section{background-attachment:scroll}.row{flex-direction:row}.input,.textarea,select{flex:0 1 33%}}@media (max-width: 880px){.form-section__form{margin:0}}.contact-information__image-list,.contact-information__other-list,.contact-information__list{list-style:none}.contact-information__list-item{font-weight:800;font-size:1.4rem;margin-bottom:10px}.contact-information__list-item:nth-child(2),.contact-information__list-item:nth-child(3){color:#d6a354}.contact-information__details{padding:1rem;width:100%}.contact-information__other{width:100%;padding:15px}.contact-information__wrap{display:flex;justify-content:space-between}.contact-information__title{margin:70px 0;font-size:3rem;font-weight:800;text-align:center;padding:5rem 2rem;background:#f0f8ff}.contact-information__other-wrapper{max-width:547px;margin:auto;min-height:200px;border-radius:10px;background:#d6a354}.contact-information__other-inner{border-radius:10px;transform:rotate(5deg);min-height:200px;background:#c12828}.contact-information__image-list{display:flex}.contact-information__other-list>li{margin:10px}.contact-information__other-list{transform:rotate(-5deg);padding:2rem}.contact-information__img{width:50px;height:50px;background:#d6a354;border-radius:50%}.contact-information__two{font-weight:800;color:#fff;font-size:1.4rem}.contact-information__three{font-weight:800;font-size:1.4rem}@media (max-width: 680px){.contact-information__wrap{display:flex;flex-direction:column}}.prise-list{margin-left:25%}.prise-list__service{font-size:1.4rem;font-weight:900;white-space:nowrap}.prise-list__item{margin:10px 0;display:flex}.prise-list__box-title{padding:1rem;margin-left:15px}.prise-list__price{font-size:1.4rem;font-weight:900;color:#d6a354}.prise-list__title{font-weight:800;font-size:2.2rem}.prise-list__box-title p{margin-top:20px;font-weight:800}.prise-list__box-title:nth-child(2){font-weight:300}.prise-list__line-bottom{width:100%;margin:0 10px;border-bottom:1px solid grey}.prise-list__wrap-ul-img{padding:1rem;display:flex;justify-content:space-between;margin:1rem}.prise-list__wrap-li{display:flex;flex-direction:column;justify-content:center;flex:1;padding-right:40px}.prise-list__team{background:#d6a354;border-radius:20px;width:435px;max-width:435px;transition:transform 1s ease,background-position 2s ease;background-size:200% 200%;background-position:100% 100%}.prise-list__team:hover{background:linear-gradient(90deg,#ee861f,tomato,#1e90ff,#32cd32);background-size:400% 400%;background-position:0% 0%;transform:scale(1.05)}.prise-list__image-wrapper{border-radius:20px;width:100%;max-width:100%;height:250px;transform:rotate(12deg);background:url(/third-background.jpg) center / cover no-repeat}@media (max-width: 1100px){.prise-list__wrap-li{width:100%;margin-bottom:45px}.prise-list__wrap-ul-img{display:flex;flex-direction:column;align-items:center}}@media (max-width: 880px){.prise-list{margin:0;padding:0}.prise-list__team{width:340px;max-width:435px}}.prise-list__box-img{border:1px solid transparent}.footer{margin-left:25%;margin-top:110px}.footer__title{font-weight:900;text-align:start;margin:2rem}.footer__locations{margin-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 2rem;flex:0 0 33%}.footer__list{margin:20px}.footer__list>li{list-style:none}.footer__list-item{color:#717275;font-weight:300;font-size:1.6rem}.footer__list-item__sd{color:#c12828;font-weight:800;font-size:1.5rem}.footer__copyright{display:flex;padding:2rem;justify-content:space-between}.footer__link{cursor:not-allowed}.footer__image{border-radius:50%;width:50px;height:50px}.footer__link{color:#c12828;margin:0 10px;font-weight:300;font-size:1rem}.IoArrowUpCircleOutline{width:100%;height:100%;color:#d6a354;transition:opacity .2s}.IoArrowUpCircleOutline:hover{opacity:.5;color:#8d6d0f;cursor:pointer}@media (max-width: 880px){.footer{margin:110px 0 0}.footer__copyright{margin:15px;display:flex;flex-direction:column}.footer__image{margin-left:auto}}.app-box__first{display:flex}