.main-section{background-image:url(/images/pages/about-us/main-section/background.webp);padding-bottom:100px;margin-bottom:0;.content-cover{align-items:center;gap:56px;.image{aspect-ratio:49/53;max-width:490px;z-index:-1;img{height:100%}}}.common-card-cover{gap:30px}.video-block{border:8px solid var(--white);margin-top:-100px;margin-left:376px;width:160px;aspect-ratio:1;background-color:var(--primary);.video-play{background-color:var(--white);outline-color:var(--bg-transparent);width:60px;line-height:60px;text-align:center;svg{width:16px;height:16px;path{fill:var(--text-primary)}}}}.common-title{.title-cover{gap:0}}.right-content{.cover{gap:12px}.description{font-size:16px;line-height:32px;text-transform:capitalize;display:flex;flex-direction:column;gap:12px;u{font-weight:500;color:var(--text-primary)}}}.feature-list{padding:0!important;gap:12px;.feature{color:var(--text-primary);text-transform:capitalize}}}@media (max-width:767px){.feature-list .feature{font-size:14px;line-height:24px}}@media (max-width:1399px){.main-section{padding-bottom:70px}.main-section .content-cover{gap:48px}}@media (max-width:1199px){.main-section{padding-bottom:60px}.main-section .content-cover{gap:36px}}@media (max-width:991px){.main-section{padding-bottom:50px}.main-section .content-cover{gap:32px}}@media (max-width:767px){.main-section{padding-bottom:40px}.main-section .content-cover{gap:28px}}@media (max-width:575px){.main-section{padding-bottom:40px}.main-section .video-section{margin-top:-120px;margin-right:170px;margin-left:70%}.main-section .video-block{display:none}.main-section .right-content .description{font-size:14px;line-height:28px}}.video-play{background-color:var(--white);aspect-ratio:1;width:70px;outline-color:var(--bg-transparent);outline-width:7px;outline-style:solid;border:none;line-height:70px;text-align:center}@media (max-width:991px){.video-play{width:60px;outline-width:5px;line-height:60px}.video-play svg{width:18px;height:18px}}@media (max-width:767px){.video-play{width:50px;outline-width:4px;line-height:50px}.video-play svg{width:16px;height:16px}}@media (max-width:575px){.video-play{width:40px;outline-width:2px;line-height:40px}.video-play svg{width:14px}}.our-approach{.background{background-color:var(--shadow-05);position:relative;&:after{content:"";background-image:url(/images/pages/about-us/approach/background.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;inset:0;position:absolute;z-index:-1}}.top-section{padding-bottom:120px;.description{color:var(--white)}}.tabs-content{margin-top:-150px;background-color:var(--white);box-shadow:0 16px 54px 0 var(--shadow-02);.nav-tabs{margin-bottom:0!important;border-bottom:1px solid var(--gray-100);.nav-item{.nav-link{color:var(--text-primary);font-size:20px;line-height:1.5}.nav-link.active{background-color:var(--primary);color:var(--white)}}}.tab-pane{padding:48px 92px}}}@media (max-width:1399px){.our-approach{.tabs-content .tab-pane{padding:48px 84px}}}@media (max-width:1199px){.our-approach{.top-section{padding-bottom:100px}.tabs-content{margin-top:-130px;.tab-pane{padding:48px 72px}}.nav-tabs .nav-link{font-size:18px}}}@media (max-width:991px){.our-approach{.tabs-content{margin-top:-100px;.tab-pane{padding:36px 60px}}}}@media (max-width:767px){.our-approach{.top-section{padding-bottom:80px}.tabs-content{margin-top:-80px;.nav-tabs .nav-link{font-size:18px;line-height:27px;padding-top:18px;padding-bottom:18px}.tab-pane{padding:24px 36px}.tab-pane .description{font-size:14px;line-height:22px}}}}@media (max-width:575px){.our-approach{.top-section{padding-bottom:60px}.tabs-content{margin-top:-60px;.tab-pane{padding:12px 16px}}.common-title{padding:40px 0 180px}}}@media (max-width:359px){.our-approach{.tabs-content .tab-pane{padding:16px 12px}.nav-tabs .nav-link{font-size:16px}}}.our-team{.swiper-pagination{position:relative!important;margin-top:40px}.team-card{.image{aspect-ratio:1;max-height:338px;position:relative;img{transition:all .5s ease-in-out}.social-icons{z-index:2;bottom:0;opacity:0;visibility:hidden;transition:all .5s ease-in-out;a{width:40px;height:40px;display:flex;align-items:center;justify-content:center}}&:after{content:"";z-index:1;display:block;position:absolute;bottom:0;left:0;width:100%;height:0;transition:all .5s ease-in-out;background:linear-gradient(180deg,#00000000,#000000)}}.text-content{margin-top:18px;text-align:center;.name{font-size:20px;line-height:30px;color:var(--text-primary);transition:all .3s ease-in-out;&:hover{color:var(--primary)}}.position{font-size:16px;line-height:28px;color:var(--text-secondary)}}&:hover{.image{img{transform:scale(1.1)}.social-icons{bottom:26px;visibility:visible;opacity:1}&:after{height:100%}}}}}@media (max-width:767px){.our-team{.team-card{.image{.social-icons{a{width:36px;height:36px;span{svg{width:14px;height:14px}}}}}}}}@media (max-width:575px){.our-team{.team-card{.image{.social-icons{a{width:30px;height:30px;span{svg{width:14px;height:14px}}}}}.text-content{margin-top:16px;.name{font-size:18px;line-height:28px}.position{font-size:14px;line-height:22px}}}}}.portfolio-section{.content-cover{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:30px;gap:30px;.image-cover{max-height:450px;&:first-child{grid-column:span 3}&:nth-child(2){grid-column:span 4}&:nth-child(3){grid-column:span 3}&:nth-child(4){grid-column:span 6}&:last-child{grid-column:span 4}img{object-position:center}}}@media (max-width:1199px){.content-cover{gap:28px}}@media (max-width:991px){.content-cover{gap:24px}}@media (max-width:767px){.content-cover{gap:16px}}@media (max-width:575px){.content-cover{gap:12px}}@media (max-width:359px){.content-cover{gap:8px}}}