section.ourservicepricing { padding: 100px 0 0 0; position: relative; }
section.ourservicepricing .part-branding { margin: 0 0 30px 0; }
section.ourservicepricing .part-branding img { max-width: 190px; }
section.ourservicepricing .title-content-button-inner { display: flex; flex-direction: column; }
section.ourservicepricing .title-content-button-inner .title-content { width: 100%; }
section.ourservicepricing .title-content-button-inner .right-button { width: 100%; padding: 15px 0 0 0; }
section.ourservicepricing .title-content-button-inner .right-button .button-group { justify-content: var(--justifystart); }
section.ourservicepricing .title-content-button-inner .title-content .below-title { margin: 0; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner { display: flex; align-items: center; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .listing { width: 50%; padding: 0 100px 0 0; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video { width: 50%; position: relative; border-radius: 20px 0 0 20px; overflow: hidden; padding: 20px 0 20px 20px; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .listing .list + .list { margin: 60px 0 0 0; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .listing .list .list-title .tagline-title { display: flex; align-items: center; gap: 15px; font-size: clamp(1.5rem, 1.225rem + 1.375vw, 2.875rem); line-height: normal; margin: 0 0 20px 0; }
.all-points .dotted-list { list-style-type: none; }
.all-points .dotted-list li { position: relative; display: flex; flex-flow: row wrap; align-items: center; width: 100%; justify-content: space-between; line-height: 1.5; font-size: 16px; }
.all-points .dotted-list li + li { margin: 10px 0 0 0; }
.all-points .dotted-list li span.list-name { width: 310px; padding: 0 15px 0 0; }
.all-points .dotted-list li span.list-price { width: 150px; padding: 0 0 0 15px; }
.all-points .dotted-list li span.dotted-dots { width: calc(100% - 460px); overflow: hidden; display:none; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .listing .list .point-listing .point-list + .point-list { margin: 40px 0 0 0; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .listing .list .point-listing .point-list .point-list-title h4 { margin: 0 0 25px 0; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video .right-video-inner { position: relative; border-radius: 20px 0 0 20px; overflow: hidden; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video .right-video-inner .videoplay-button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video .right-video-inner .videoplay-button a svg { transition: 400ms; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video:hover .right-video-inner .videoplay-button a svg { transform: scale(1.5); }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video .right-video-inner:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(61.24% 54.62% at 55.94% 48.73%, rgba(0, 0, 0, 0) 0%, #000000 100%); z-index: 2; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid var(--primarycolor); border-radius: 20px 0 0 20px; border-right: none; }
section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video .right-video-inner > div { position: relative; z-index: 1; }

.all-points .dotted-list li span.list-subtitle { display: block; width: 100%; font-size: 10px; padding: 0 0 10px 0; }

.ourservicepricing-inner .details-tabbings { display: flex; gap: 50px; }
.ourservicepricing-inner .details-tabbings .left-details { width: 50%; }
.ourservicepricing-inner .details-tabbings .right-tabbings { width: 50%; }

body:not(.home) section.ourservicepricing { padding: 200px 0 100px 0; }
body:not(.home) section.ourservicepricing .ourservicepricing-inner .details-tabbings .right-tabbings { margin: 0 auto; }

@media screen and (max-width:1429px) {
/*    section.ourservicepricing { padding-left: 15px; padding-right: 15px; }*/
}

@media screen and (max-width:1199px) {
    section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner { flex-direction: column-reverse; }
    section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video { width: 100%; }
    section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .listing { width: 100%; padding: 60px 0 0 0; }
    section.ourservicepricing .tabs-container .tab-inner-content { padding: 20px 0 0 0; }
    .all-points .dotted-list li span.list-name { width: 70%; }
    .all-points .dotted-list li span.list-price { width: 30%; }
}

@media screen and (max-width:767px) {
    section.ourservicepricing .title-content-button-inner { flex-direction: column; gap: 0; }
    section.ourservicepricing .title-content-button-inner .title-content { width: 100%; margin: 0 0 10px 0; }
    section.ourservicepricing .title-content-button-inner .right-button { width: 100%; }
    section.ourservicepricing .title-content-button-inner .right-button .button-group { align-items: start; }
    section.ourservicepricing .ourservicepricing-inner .listing-video { margin: 60px 0 0 0; }
    section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video .right-video-inner:before, section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video .right-video-inner, section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video, section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video:after { border-radius: 20px; }
    section.ourservicepricing .ourservicepricing-inner .listing-video .listing-video-inner .right-video { padding: 20px; }
    .all-points .dotted-list li span.list-name { width: auto; }
    .all-points .dotted-list li span.dotted-dots { width: auto; }
    .all-points .dotted-list li span.list-price { width: auto; }
}



section.ourservicepricing .tabs-container .tabs,
section.ourservicepricing .tabs-container .tab-content .inner-tabs { display: flex; gap: 10px; cursor: pointer; margin-bottom: 10px; flex-wrap: wrap; }
section.ourservicepricing .tabs-container .tabs .tab { padding: 3px 20px 5px 20px; font-size: clamp(1.25rem, 1.075rem + 0.875vw, 2.125rem); line-height: normal; border-radius: 50px; text-align: center; position: relative; transition: 400ms; font-weight: 700; }
section.ourservicepricing .tabs-container .tabs .tab.active,
section.ourservicepricing .tabs-container .tabs .tab:hover { color: var(--tertiarycolor); background-color: var(--primarycolor); }
section.ourservicepricing .tabs-container .tab-content { margin: 20px 0 25px 0; padding: 20px; background-color: var(--primarycolor); border-radius: 20px; color: var(--tertiarycolor); }
section.ourservicepricing .tabs-container .tab-inner-content { margin: 0 0 0 0; padding: 20px 20px 0 20px; color: var(--tertiarycolor); border-radius: 10px; }
section.ourservicepricing .tabs-container .tab-content .inner-tabs .tab { padding: 6px 15px 5px 15px; font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); font-weight: 700; border-radius: 50px; transition: 400ms; }
section.ourservicepricing .tabs-container .tab-inner-content .all-points { width: 100%; }
section.ourservicepricing .tabs-container .tab-content .inner-tabs .tab:hover, .tab-content .inner-tabs .tab.active { color: var(--primarycolor); background-color: var(--tertiarycolor); }

section.ourservicepricing .tabs-container .tab-content-main-wrapper { }
section.ourservicepricing .tabs-container .tab-content-main-wrapper > .tab-content { }
section.ourservicepricing .tabs-container .tab-content-main-wrapper > .tab-content > .inner-tabs { display: block; }
section.ourservicepricing .tabs-container .tab-content-main-wrapper > .tab-content > .inner-tabs .tabs-title-wrapper { display: flex; gap: 5px; flex-flow:row wrap; }
section.ourservicepricing .tabs-container .tab-content-main-wrapper > .tab-content > .all-points { padding: 0 0 20px 0; }
section.ourservicepricing .tabs-container .tab-inner-content .content { color: inherit; }

@media (max-width:1200px) {
    section.ourservicepricing .tabs-container .tab-content { padding: 10px; }
    .all-points .dotted-list li + li { margin: 5px 0 0 0; }
}
/* Accordion view under 768px */
@media (max-width:768px) {
    section.ourservicepricing .tabs-container .tab-content { border-radius: 10px; margin: 20px 0 25px 0; }
    section.ourservicepricing .tabs-container .tab-inner-content { margin: 0 0 0 0; padding: 10px 10px 0 10px; }
    section.ourservicepricing .tabs-container .tabs,
    section.ourservicepricing .tabs-container .tab-content .inner-tabs { gap: 10px; }
    .all-points .dotted-list li + li { margin: 5px 0 0 0; }
    .ourservicepricing-inner .details-tabbings { flex-direction: column; gap: 50px; }
    .ourservicepricing-inner .details-tabbings .left-details,
    .ourservicepricing-inner .details-tabbings .right-tabbings { width: 100%; }
    section.ourservicepricing .tabs-container .tab-content-main-wrapper > .tab-content > .inner-tabs { margin: 0; }
}