.our-work-page-section{.tab-links-cover{max-width:1000px;overflow:hidden}.nav{justify-content:center;width:100%;max-width:calc(100% - 104px);border-bottom:1px solid var(--border);.swiper{margin:0 0 -1px;.nav-item{height:100%;.nav-link{padding:10px 20px;border:none;position:relative;color:var(--text-color);font-weight:500;font-size:18px;line-height:24px;width:-moz-fit-content;width:fit-content;height:100%;margin:0 auto;span{white-space:nowrap}&:after{content:"";position:absolute;bottom:-1px;left:50%;transition:all .5s ease-in-out;width:0;border-bottom:1px solid var(--primary)}&:hover{color:var(--primary);&:after{width:100%;left:0}}}.active{color:var(--primary);border-bottom:1px solid var(--primary);&:after{width:100%;left:0}}}}}.slider-btn{width:36px;border-radius:50%;color:var(--text-color);background-color:transparent;border:1px solid var(--border);*{transition:all .2s ease-in-out}&:hover{border-color:var(--primary);background-color:var(--primary);color:var(--white);svg{path{fill:var(--white)}}}}.slider-btn.previous{svg{transform:rotate(90deg)}}.slider-btn.next{svg{transform:rotate(-90deg)}}.swiper-button-disabled{border-color:var(--border)!important;background-color:transparent!important;svg{path{fill:var(--text-secondary)!important}}}.work-cover{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;width:100%;max-width:1220px;overflow:visible;.our-work-card-cover{width:100%;max-width:586px;margin:0 auto;&:nth-child(2n){transform:translateY(48px)}}}}.tooltip{opacity:1;color:var(--white);padding:0 6px;border-radius:3px;font-size:12px;line-height:16px}.tooltip-inner{background-color:var(--primary)!important;color:var(--white)}.bs-tooltip-top{.tooltip-arrow{&:before{border-top-color:var(--primary)!important}}}@media screen and (max-width:1199px){.our-work-page-section{.work-cover{gap:24px}}}@media screen and (max-width:1023px){.bs-tooltip-top .tooltip-arrow:before,.tooltip-inner{display:none}}@media screen and (max-width:991px){.our-work-page-section{.nav{max-width:calc(100% - 88px)}.slider-btn{width:32px;svg{width:16px;height:16px}}.work-cover{grid-template-columns:1fr;gap:36px;margin-bottom:0!important;.our-work-card-cover{&:nth-child(2n){transform:translateY(0)}}}}}@media screen and (max-width:767px){.our-work-page-section{.nav{.swiper{.nav-item{.nav-link{span{font-size:16px}}}}}}}@media screen and (max-width:575px){.our-work-page-section{.nav{max-width:calc(100% - 72px);.nav-tabs{row-gap:10px}.swiper{.nav-item{.nav-link{padding:8px 12px;span{font-size:14px}}}}}}}