/* ================================================================================
        Header
================================================================================ */
.header{padding: 14px 25px 14px 50px;width: 100%;background: rgb(255 255 255 / 80%);position: sticky;top: 0;backdrop-filter: blur(8px);z-index: 2;transition: 0.5s;}
.header.sticky{box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);}

.header .navbar{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header .navbar .head-card{width: 50%;}
.header .navbar .head-card:nth-child(1),
.header .navbar .head-card:nth-child(3){width: 25%;}
/*--------------- ---------------*/
.header .navbar{padding: 0;}
.header .navbar .navbar-brand{margin: 0;padding: 0;height: 102px;}
.header .navbar .navbar-brand img{height: 100%;}
/*--------------- ---------------*/
.header .navbar .navbar-collapse{justify-content: center;}
.header .navbar .navbar-nav .nav-item{font-size: 17px;font-weight: 600;color: var(--theme-color-dark);text-transform: uppercase;}
.header .navbar .navbar-nav .nav-item .nav-link{padding: 0 40px;color: var(--theme-color-dark);transition: 0.5s;}
.header .navbar .navbar-nav .nav-item .nav-link:hover{color: var(--theme-color-blue);transform: translateY(-5px);}
.header .navbar .navbar-nav .nav-item .nav-link.active{color: var(--theme-color-blue);}
.header .navbar .mob-navarea .theme-btn{display: none;}
/*--------------- ---------------*/
.header .header-rightpart{display: flex;justify-content: flex-end;align-items: center;gap: 24px;}
/*--------------- ---------------*/
.header .header-rightpart .phone{display: flex;align-items: center;gap: 10px;font-size: 17px;color: var(--theme-color-dark);font-weight: 600;line-height: 1;transition: 0.5s;}
.header .header-rightpart .phone img{padding: 12px;width: 45px;height: 45px;background: var(--theme-color-lightblue);border-radius: 50%;}
.header .header-rightpart .phone:hover{color: var(--theme-color-green2);}
.header .header-rightpart .phone:hover img{animation: ringing 2s ease-in-out infinite;}
@keyframes ringing{
    20%{transform: rotate(0deg);}
    22%{transform: rotate(10deg);}
    24%{transform: rotate(-10deg);}
    26%{transform: rotate(12deg);}
    28%{transform: rotate(-12deg);}
    30%{transform: rotate(12deg);}
    32%{transform: rotate(-12deg);}
    36%{transform: rotate(10deg);}
    40%{transform: rotate(-10deg);}
    44%{transform: rotate(5deg);}
    48%{transform: rotate(-5deg);}
    52%{transform: rotate(2deg);}
    56%{transform: rotate(0deg);}
}
/*--------------- ---------------*/
.header .theme-btn{padding: 13px 25px;font-size: 17px;line-height: 1;text-transform: uppercase;font-weight: 500;cursor: pointer;}
/*--------------- ---------------*/
.header .header-rightpart .navbar-toggler{margin-right: 0;padding: 0;width: 54px;height: 28px;border-radius: 0;border: unset;box-shadow: unset;outline: unset;position: relative;z-index: 1;}
.header .header-rightpart .navbar-toggler:before,
.header .header-rightpart .navbar-toggler:after{content: "";position: absolute;left: 0;width: 100%;height: 1px;background: var(--theme-color-dark);border-radius: 5px;}
.header .header-rightpart .navbar-toggler:before{top: 0;}
.header .header-rightpart .navbar-toggler:after{bottom: 0;}
.header .header-rightpart .navbar-toggler span.line{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.header .header-rightpart .navbar-toggler span.line:before{position: absolute;top: 50%;left: 0;width: 100%;font-size: 12px;font-weight: 600;color: var(--theme-color-green2);transform: translateY(-50%);text-transform: uppercase;transition: all 0.4s;}
.header .header-rightpart .navbar-toggler[aria-expanded="false"] span.line:before,
.header .header-rightpart .navbar-toggler span.line:before{content: "Menu";}
.header .header-rightpart .navbar-toggler[aria-expanded="true"] span.line:before{content: "Close";}






@media only screen and (min-width: 768px) {
    /*--------------- Header ---------------*/
    .header .navbar .navbar-collapse .mob-request{display: none;}
}
@media only screen and (min-width: 1400px) {
    /*--------------- Header ---------------*/
    .header .navbar .navbar-collapse .mob-logo,
    .header .navbar .navbar-collapse .mob-backdrop{display: none;}
}


@media only screen and (max-width: 1750px) {
    /*--------------- Header ---------------*/
    .header .navbar .head-card{width: 60%;}
    .header .navbar .head-card:nth-child(1),
    .header .navbar .head-card:nth-child(3){width: 20%;}
    .header .navbar .navbar-brand{height: 90px;}
    .header .navbar .navbar-nav .nav-item .nav-link{padding-inline: 20px;}
    .phone span{display: none;}
}
@media only screen and (max-width: 1599px) {
    /*--------------- Header ---------------*//* 
    .header .navbar .head-card:first-child{width: 25%;}
    .header .navbar .head-card:nth-child(2){width: 50%;}
    .header .navbar .head-card:last-child{width: 25%;}
    .header .theme-btn{padding-inline: 15px;font-size: 16px;} */
}
@media only screen and (max-width: 1399px) {
    /*--------------- Header ---------------*/
    .header .navbar{position: unset;}
    .header .navbar .head-card:first-child,
    .header .navbar .head-card:last-child{width: fit-content;}
    .header .navbar .head-card:nth-child(2){width: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
    .header .header-rightpart .language{z-index: -1;}
    /*---------------  ---------------*/
    .header .navbar .navbar-brand{height: 70px;}
    .header .navbar .navbar-collapse{display: block;position: relative;margin-left: 0;padding: 25px 30px 25px 40px;width: 95vw;max-width: 560px;height: 100vh;background: #fff;z-index: 0;transition: 0.5s;}
    .header .navbar .navbar-collapse.collapse:not(.show){display: block;margin-left: -100vw;}
    .header .navbar .navbar-collapse::before{content: '';position: absolute;right: 2%;bottom: 0;width: 50%;aspect-ratio: 108/130;background: url(../img/icon.png) no-repeat right bottom;background-size: contain;filter: grayscale(1);opacity: 15%;mix-blend-mode: screen;z-index: -1;}
    .header .navbar .navbar-collapse::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--theme-color-darkgreen) url(../img/texture.jpg) no-repeat center center fixed;background-size: cover;background-blend-mode: multiply;opacity: 62%;z-index: -1;}
    /*---------------  ---------------*/
    .header .navbar .navbar-nav .nav-item{padding: 20px 20px;border-bottom: 1px solid rgb(0 0 0/10%);}
    .header .navbar .navbar-nav .nav-item:last-child{border-bottom: 0;}
    .header .navbar .navbar-nav .nav-item .nav-link{padding: 2px 0;font-size: 22px;color: var(--theme-color-dark);font-weight: 500;line-height: 1;opacity: 60%;transition: 0.5s;}
    .header .navbar .navbar-nav .nav-item .nav-link:hover{color: var(--theme-color-blue);opacity: 1;transform: translateX(5px);}
    .header .navbar .navbar-nav .nav-item .nav-link.active{color: var(--theme-color-blue);opacity: 1;}
    /*---------------  ---------------*/
    .header .navbar .navbar-collapse .mob-logo{margin-bottom: 30px;height: 70px;}
    .header .navbar .navbar-collapse .mob-logo img{max-width: 100%;max-height: 100%;}
    .header .navbar .navbar-collapse .mob-navarea{max-height: calc(100% - 100px);overflow-y: auto;}
    /*---------------  ---------------*/
    .header .navbar .head-card .mob-backdrop{position: absolute;top: 0;left: 0px;width: 100vw;height: 100vh;background: rgb(255 255 255/ 0.75);backdrop-filter: blur(8px);z-index: -1;overflow: hidden;transition: 0.5s;}
    /*---------------  ---------------*/
    body.open-menu{overflow: hidden;}
    body:not(.open-menu) .header .navbar .head-card .mob-backdrop{width: 0;}
    body:not(.open-menu) .header .navbar .head-card:nth-child(2){width: 0;}
}
@media only screen and (max-width: 991px) {
    /*--------------- Header ---------------*/
    .header .navbar .navbar-collapse{padding: 25px 20px 25px 25px;max-width: 330px;}
    .header .navbar .navbar-nav .nav-item{padding: 18px 15px;}
    .header .navbar .navbar-nav .nav-item .nav-link{font-size: 18px;}
}
@media only screen and (max-width: 767px) {
    /*--------------- Header ---------------*/
    .header{padding: 20px 15px;}
    .header .navbar .navbar-brand img{max-width: 120px;}
    .header .header-rightpart{gap: 12px;}
    .header .header-rightpart .language .icon-language{margin-right: 4px;width: 22px;}
    .header .header-rightpart .language .filter-select .select-selected{font-size: 14px;}
    .header .header-rightpart .phone img{padding: 8px;width: 32px;height: 32px;}
    .header .theme-btn{padding: 12px 12px;font-size: 14px;}
    /*---------------  ---------------*/
    .header .navbar .navbar-collapse{padding: 20px 10px 20px 15px;max-width: 300px;}
    .header .navbar .navbar-collapse .mob-logo{margin-bottom: 20px;height: 53px;}
    .header .navbar .navbar-collapse .mob-navarea{margin-bottom: 20px;max-height: calc(100% - 133px);}
    .header .navbar .navbar-nav .nav-item{padding: 15px 10px;}
    .header .navbar .navbar-nav .nav-item .nav-link{font-size: 16px;}
    .header .header-request{display: none;}
    .header .navbar .navbar-collapse .mob-request{margin: 0;background: var(--theme-color-lightblue);color: #fff;text-align: center;}
}
@media only screen and (max-width: 575px) {
    /*--------------- Header ---------------*/
    .header{padding: 10px 8px;}
    .header .navbar .navbar-brand img{max-width: 100px;}
    .header .header-rightpart{gap: 8px;}
    .header .header-rightpart .navbar-toggler{width: 40px;height: 20px;}
    .header .header-rightpart .navbar-toggler span.line:before{font-size: 10px;}
    .header .header-rightpart .language .icon-language{width: 20px;}
    .header .header-rightpart .language .filter-select .select-selected{padding-right: 0;font-size: 13px;}
    .header .header-rightpart .phone img{/*width: 20px;/*}
    .header .header-rightpart .theme-btn{display: none;}
    /*---------------  ---------------*/
    .header .navbar .navbar-collapse{padding: 15px 8px 15px 10px;max-width: 260px;}
    .header .navbar .navbar-collapse .mob-logo{margin-bottom: 10px;height: 44px;}
    .header .navbar .navbar-collapse .mob-navarea{margin-bottom: 15px;max-height: calc(100% - 107px);}
}