[v-cloak] { display:none; } .pulse { box-shadow: 0 0 0 rgba(88, 120, 243, 0.4); animation: pulse 1s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(88, 120, 243, 0); } 100% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0); } } :root{ scrollbar-color: #606060 !important; scrollbar-width: thin !important; } ::-webkit-scrollbar { background: transparent; width: 12px !important; } ::-webkit-scrollbar-thumb { background: #606060 !important; border-radius: 100px !important; } /* Hide scrollbar For Chrome, Safari And Opera */ /*.drawer-side::-webkit-scrollbar { */ /* display: none; */ /*} */ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-2xl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; display: flex; flex-wrap: wrap; margin-bottom: .75rem; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row>* { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0%; padding-top: .75rem; padding-bottom: .75rem } [v-cloak] { display:none; } .pulse { box-shadow: 0 0 0 rgba(88, 120, 243, 0.4); animation: pulse 1s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(88, 120, 243, 0); } 100% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0); } } :root{ scrollbar-color: #606060 !important; scrollbar-width: thin !important; } ::-webkit-scrollbar { background: transparent; width: 12px !important; } ::-webkit-scrollbar-thumb { background: #606060 !important; border-radius: 100px !important; } /* Hide scrollbar For Chrome, Safari And Opera */ /*.drawer-side::-webkit-scrollbar { */ /* display: none; */ /*} */ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-2xl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; display: flex; flex-wrap: wrap; margin-bottom: .75rem; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row>* { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0%; padding-top: .75rem; padding-bottom: .75rem } .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .custom-toolbar{ --background:transparent } .bg-logo{ position: absolute; opacity: 0.1; transform: scale(2.5); } .custom-slider{ .content{ .title{ font-size: 32px; font-weight: bold; } .desc{ margin-top: -27px; font-size: 15px; color: #b38206; } } .play-button{ .slideplaybutton{ border-style: solid; border-color: rgb(177, 177, 177); border-width: 2px; height: 50px; border-radius: 30px; text-transform: none; color: black; } } } .slider-buttons{ position: absolute; width: 100%; bottom: 0; margin-bottom: 5px; .btn{ --background:white; --box-shadow: 0px 6px 25px -9px #00000066; color: black; --border-radius:50%; height: 40px; width: 50%; } .center-btn{ text-transform: none; --background:white; --box-shadow: 0px 6px 25px -9px #00000066; --ripple-color:transparent; color: black; --border-radius: 30px; height: 40px; width: 120px; } } [v-cloak] { display:none; } .pulse { box-shadow: 0 0 0 rgba(88, 120, 243, 0.4); animation: pulse 1s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(88, 120, 243, 0); } 100% { box-shadow: 0 0 0 0 rgba(88, 120, 243, 0); } } :root{ scrollbar-color: #606060 !important; scrollbar-width: thin !important; } ::-webkit-scrollbar { background: transparent; width: 12px !important; } ::-webkit-scrollbar-thumb { background: #606060 !important; border-radius: 100px !important; } /* Hide scrollbar For Chrome, Safari And Opera */ /*.drawer-side::-webkit-scrollbar { */ /* display: none; */ /*} */ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-2xl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0rem; display: flex; flex-wrap: wrap; margin-bottom: .75rem; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row>* { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0%; padding-top: .75rem; padding-bottom: .75rem } .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .custom-toolbar{ --background:transparent } .bg-logo{ position: absolute; opacity: 0.1; transform: scale(2.5); } .custom-slider{ .content{ .title{ font-size: 32px; font-weight: bold; } .desc{ margin-top: -27px; font-size: 15px; color: #b38206; } } .play-button{ .slideplaybutton{ border-style: solid; border-color: rgb(177, 177, 177); border-width: 2px; height: 50px; border-radius: 30px; text-transform: none; color: black; } } } .slider-buttons{ position: absolute; width: 100%; bottom: 0; margin-bottom: 5px; .btn{ --background:white; --box-shadow: 0px 6px 25px -9px #00000066; color: black; --border-radius:50%; height: 40px; width: 50%; } .center-btn{ text-transform: none; --background:white; --box-shadow: 0px 6px 25px -9px #00000066; --ripple-color:transparent; color: black; --border-radius: 30px; height: 40px; width: 120px; } }