.service-tabs {
background: linear-gradient(to bottom, #0D1731, #000F24);
padding-top: 500px;
}
.our-services h2, .video-services h2 {
margin-bottom: 30px;
width: 80%;
}
.service-tabs .tab-list li {
border-radius: 35px;
border: 1px solid var(--card-border-color);
color: var(--border-light-color);
}
.service-tabs .tab-list li a {
cursor: default;
color: var(--border-light-color);
}
.service-tabs .tab-list li.active {
color: var(--border-light-color);
background-color: unset;
}
.service-tabs .content-blk {
display: flex;
align-items: flex-end;
justify-content: space-between;
position: absolute;
bottom: 0;
padding: 30px;
width: 100%;
}
.service-tabs .content-blk .content {
width: 100%;
}
.service-tabs .content-blk .content span {
color: var(--primary-color);
}
.service-tabs .content-blk .content h5 {
font-size: 18px;
}
.service-tabs .content-blk img {
width: 33px;
height: 33px;
} .video-tabs {
background: linear-gradient(to bottom, #0D1731, #000F24);
padding-top: 300px;
}
.video-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.video-list li {
width: 39%;
margin-right: 45px;
}
.video-list li h5 {
margin-top: 24px;
}
.video-list li .btn {
margin-top: 20px;
}
.package-card {
background-color: #FFFFFF42;
color: var(--txt-primary-color);
border-radius: 18px;
padding: 24px;
}
.package-card button {
border-radius: 9px;
padding: 12px 24px;
font-size: 32px;
font-weight: 700;
font-family: 'Montserrat';
color: var(--txt-primary-color);
border: 1px solid var(--border-light-color);
box-shadow: 0px 15px 18.4px 0px #00000078;
background: radial-gradient(85.87% 172.2% at 114.6% -25.56%, #194988 0%, #061222 100%);
}
.package-list {
margin: 42px 0;
}
.package-list li {
width: 100%;
margin-top: 20px;
}
.package-list li .checked {
width: 14px;
height: 14px;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.service-tabs {
padding-top: 29.063vw;
}
.service-tabs.content-blk {
padding: 2.344vw;
}
.service-tabs .content-blk .content h5 {
font-size: 1.406vw;
}
.service-tabs .content-blk img {
width: 2.578vw;
height: 2.578vw;
} .video-tabs {
padding-top: 23.438vw;
}
.video-list li {
margin-right: 3.516vw;
}
.video-list li h5 {
margin-top: 1.875vw;
}
.video-list li .btn {
margin-top: 1.563vw;
}
.package-card {
border-radius: 1.406vw;
padding: 1.875vw;
}
.package-card button {
border-radius: 0.703vw;
padding: 0.938vw 1.875vw;
font-size: 2.5vw;
font-weight: 700;
}
.package-list {
margin: 3.281vw 0;
}
.package-list li {
margin-top: 1.563vw;
}
.package-list li .checked {
width: 1.094vw;
height: 1.094vw;
}
} @media all and (max-width:767.9px) {
.service-tabs {
padding-top: 100.333vw;
}
.service-tabs .content-blk {
padding: 4vw;
}
.service-tabs .content-blk .content h5 {
font-size: 2.667vw;
}
.service-tabs .content-blk img {
width: 8.8vw;
height: 8.8vw;
} .video-tabs {
padding-top: 65vw;
}
.video-list {
flex-direction: column;
}
.video-list li {
width: 100%;
margin-right: 0;
margin-bottom: 8vw;
}
.video-tabs .tab-list {
width: 100%;
justify-content: center;
}
.video-tabs .tab-list li {
margin-right: 0;
}
.video-list li h5 {
margin-top: 6.4vw;
}
.video-list li .btn {
margin-top: 5.333vw;
}
.package-card {
border-radius: 4.8vw;
padding: 6.4vw;
}
.package-card button {
border-radius: 2.4vw;
padding: 3.2vw 6.4vw;
font-size: 7.467vw;
}
.package-list {
margin: 8.533vw 0;
}
.package-list li {
width: 100%;
margin-top: 5.333vw;
}
.package-list li .checked {
width: 3.733vw;
height: 3.733vw;
}
}