@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); .poppins-extrabold { font-family: "Poppins", serif; font-weight: 800; font-style: normal; }


.justify {text-align:justify}
body{font-family:Poppins}
.bd-code-snippet h1 { font-size: 4rem; font-weight: 700; line-height: 4rem; }
.header-full {position: fixed; top: 0; width: 100%; z-index: 10000;}
.carousel-caption {bottom:16.25rem;}
.dark { background-color: #282834 !important;transition:all ease .2s}
.hp-bg {background: #282834}
.hp-bg-main {background: #265ee2}
.main-color {color: #265ee2}
.btn-primary {background:#265ee2}
.btn-primary:hover {background:#fff;border-color:#fff;color:#000}
.nav-link {color:#fff}
.txt-black {color:#000;transition:all ease 0.2s}
.txt-black:hover {color:#265ee2}
.nav-link:hover {color:#265ee2;transition:all ease 0.2s}
.footer a {color:#fff; text-decoration:none}
.footer a:hover {color:#265ee2;transition:all ease 0.2s}
.carousel-inner::after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(38, 38, 38, 0.5); background-color: #282834; opacity: 0.55; z-index: 1; }
.slider-social svg {width:18px;height: auto;fill:#fff}
.slider-social svg:hover {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 4.75); }
.carousel-caption { right: 16%; left: 16%; }
.carousel-indicators button.active[data-bs-target] {background-color:#265ee2}
.carousel-indicators [data-bs-target] {opacity:1}
@media (max-width:1000px){.bd-code-snippet h1 { font-size: 2rem; line-height:2rem; }.carousel-caption { right: 10%; left: 10%; }.xaa {background-image:none !important}}
.slider-social-box { position: relative; display: block; }
.slider-social { position: absolute; top: 300px; z-index: 9999; left: 50px; display: grid ; grid-gap: 50px; }
@font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, 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'); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1 } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box } .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper { transform: translate3d(0px,0,0) } .swiper-horizontal { touch-action: pan-y } .swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight,.swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d { perspective: 1200px } .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide { transform-style: preserve-3d } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-css-mode.swiper-horizontal>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-css-mode.swiper-vertical>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-css-mode.swiper-free-mode>.swiper-wrapper { scroll-snap-type: none } .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: none } .swiper-css-mode.swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop:always} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before { height:100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start:var(--swiper-centered-offset-before)} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before { width:100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,.15) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next,.swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 9999; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #265ee2 } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev { display: none!important } .swiper-button-next svg,.swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center } .swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg { transform: rotate(180deg) } .swiper-button-prev,.swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto } .swiper-button-next,.swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto } .swiper-button-lock { display: none } .swiper-button-next:after,.swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next,.swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto } .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { content: 'next' } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled { display: none!important } .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none!important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px,-50%,0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1)) } .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled { display: none!important } .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)) } .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)) } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5)); border-radius: var(--swiper-scrollbar-border-radius,10px); left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move; touch-action: none } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active { pointer-events: auto } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper.swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper.swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height } .swiper.swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden }
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;color:#fff;font:1.6em sans-serif;background:transparent}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:transparent}.baguetteBox-button svg {stroke:#fff;transition:all 0.2s ease}.baguetteBox-button svg:focus,.baguetteBox-button svg:hover{stroke:#265ee2}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
.footer-grid {display: grid ; grid-auto-flow: column; inline-size: fit-content;}
.swiper.mySwiper { width: 100%; }
.swiper.mySwiper .swiper-slide { text-align: center; }
.swiper.mySwipers { width: 100%; height: 100%; }
.swiper.mySwipers .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
.swiper.mySwipers .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.artists {position: relative;}
.artist-name { margin: 0; position: absolute; left: 24px; bottom: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); z-index: 85; color: #fff; color: var(--white); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.PartnersSwiper img{opacity:0.7;transition:all ease .2s;max-inline-size: fit-content;place-self: center;height:140px;width:80%}
.PartnersSwiper img:hover {transform:scale(1.1);opacity:1}
.PartnersSwiper .swiper-wrapper {align-items:center;-webkit-align-items:center}
.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: unset;opacity:1}
.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item { z-index: unset;}
.carousel-inner .carousel-item > img { -webkit-animation: thing 20s; -o-animation: thing 20s; animation: thing 20s; }
@keyframes thing { from { transform: scale(1, 1); } to { transform: scale(1.3, 1.3); } }
section { scroll-margin-top: 60px; }
.navbar-toggler {border:none}
.navbar-toggler:focus {box-shadow:none}
.howitworks div#v-pills-tab { background: #265ee2; }
.howitworks .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #000; background-color: #fff;border-radius:0; text-align:left }
.howitworks .nav-link {text-align:left;padding: 15px 30px;}
.howitworks  .nav-link:focus,.howitworks .nav-link:hover { color: #000; }
.howitworks {display: grid ; grid-template-columns: 2.5fr 6fr;}
.howitworks div#v-pills-tabContent {background:#fff}
@media (max-width:1000px) {.howitworks {grid-template-columns: unset;}.carousel-inner .carousel-item > img {height: 700px; width: 100%; object-fit: cover; }.carousel-caption { bottom:6.25rem }}

.gallery-hp .swiper-slide .as:before { content: ""; opacity: 0; z-index: 9; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: #265ee275; }
.gallery-hp .swiper-slide:hover .as:before { opacity: 1; }
.artists:hover .artist-name{-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); left: 50px; bottom: 15px;text-align: left;}
.footer-contact svg{width:20px;height:auto;fill:#265ee2;margin-right:10px;transition:all ease .2s}
.footer-social-b svg:hover{fill:#fff}
a.artists:hover img {background:red}
.artists-box .swiper-slide .artists-img:before { content: ""; opacity: 0; z-index: 9; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: #265ee275; }
.artists-box .swiper-slide:hover .artists-img:before { opacity: 1; }
.artists-img{ position: relative; display: block; margin-left:30px;}	
.swiper-box	.swiper-button-next, .swiper-rtl .swiper-button-prev { right: -70px; left: auto; }
.swiper-box .swiper-button-prev, .swiper-rtl .swiper-button-next{ left: -70px; right: auto; }
@media (min-width:1000px) and (max-width:1650px) {.howitworks {grid-template-columns: 3fr 6fr;}.slider-social {top: 200px; }}
@media (min-width:1000px) and (max-width:1450px) {.swiper-box	.swiper-button-next, .swiper-rtl .swiper-button-prev { right: -40px; left: auto; }}
@media (min-width:1000px) and (max-width:1350px) {.carousel-caption { bottom: 3.25rem; }.bd-code-snippet h1{font-size:2rem;line-height:2rem} }
@media (min-width:1350px) and (max-width:1650px) {.carousel-caption { bottom: 9.25rem; }.bd-code-snippet h1{font-size:3rem;line-height:3rem}}
.event-services svg {width:50px;height:auto; fill:#265ee2}
.hplist:before { content: url('data:image/svg+xml;utf8,<svg fill="rgb(38, 94, 226)" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"/></svg>'); display: inline-block; width: 10px; fill:#265ee2; margin-right:10px; }
.centeredimg { display: flex ; justify-content: center ; align-items: center; z-index: 1; position:relative; }
.centeredimg img.testa { vertical-align: middle; position: absolute; height: auto; top: 100px; max-inline-size: fit-content; }
@media(max-width:1200px) { .centeredimg {display:none} .fs-5 {font-size:16px !important}}
.artists-box .swiper-slide:hover .artists-img img {    transform: scale(1.1); -webkit-transform: scale(1.1);} .artists-img {overflow:hidden} .artists-img img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.gallery-hp .swiper-slide:hover .as img {    transform: scale(1.1); -webkit-transform: scale(1.1);} .as {overflow:hidden} .as img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.gallery-button { text-transform: uppercase; position: relative; font-weight: 400; background: #265ee2; font-family: var(--title-fonts); font-size: 13px; vertical-align: middle; border: none; overflow: hidden; -moz-border-radius: 0px; direction: rtl; }
.gallery-hp .swiper-slide .gallery-action { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; opacity: 0; transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.gallery-hp .swiper-slide .gallery-action .gallery-button { padding: 0; width: 60px; height: 60px; opacity: 1; display: inline-block; line-height: 60px; text-align: center; -webkit-border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px; }
.gallery-hp .swiper-slide:hover .gallery-action { opacity: 1; }
.gallery-hp .swiper-slide .gallery-action svg { fill: #fff; width: 30px; height: auto; }
.xaa { position: relative;width:100%;height:100%;object-fit: cover; }
.xaa:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(138deg, #ffffff, #ffffffbd); filter: grayscale(100%); }

.PartnersSwiper .swiper-slide a {display:grid}

.header-box { height: 300px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding: 15px;display: flex; justify-content: center; align-items: center;}
.header-box:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #25252580;}
.header-box-text {position: relative; color: #fff; padding: 95px 0 75px 0; text-align: center;display: flex; justify-content: center; align-items: center;}
@media (max-width:900px){ .header-box {height: 18rem; } .header-box img {height: 18rem}.swiper-box	.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-box .swiper-button-prev, .swiper-rtl .swiper-button-next{ left: 10px; right: auto; } }
.ltx-album-sc .div-image {
    position: relative;
    margin-top: 10px;
}

.ltx-album-sc .div-image span {
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.ltx-album-sc .div-image span .slider-imagex {
    max-width: 500px;
    position: relative;
    z-index: 9999;
}

.ltx-album-sc .div-image span .ltx-vinyl {
    position: absolute;
    left: 80px;
    z-index: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.ltx-album-sc .div-image span .ltx-shadow {
    position: absolute;
}
.ltx-album-sc .div-image img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.ltx-album-sc .div-image span:hover .ltx-vinyl {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
}
@media (min-width: 1200px) {
    .ltx-album-sc .div-image span:hover .ltx-vinyl {
        -webkit-transform: translateX(140px);
        -moz-transform: translateX(140px);
        -ms-transform: translateX(140px);
        -o-transform: translateX(140px);
        transform: translateX(140px);
    }
}


@media (min-width: 1200px) {
    .ltx-album-sc .div-image span:hover {
        -webkit-transform: translateX(-80px);
        -moz-transform: translateX(-80px);
        -ms-transform: translateX(-80px);
        -o-transform: translateX(-80px);
        transform: translateX(-80px);
    }
}
.album-discovery ul li { border-bottom: 1px solid #eee; font-size: 18px; list-style: none; display: grid ; grid-auto-flow: column; margin-bottom: 10px; padding-bottom: 10px; }
.album-discovery ul li:last-child  { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }



   .ltx-album-sc .swiper {
margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1;
    }

   .ltx-album-sc .swiper-slide {
      background: #fff;
    }




    .ltx-album-sc .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .ltx-album-sc .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .ltx-album-sc .mySwiper2x {
      height: 80%;
      width: 100%;
    }

    .ltx-album-sc .mySwiperx {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .ltx-album-sc .mySwiperx .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ltx-album-sc .mySwiperx .swiper-slide-thumb-active { opacity: 1; border: 2px solid #265ee2; }

    .ltx-album-sc .mySwiperx .swiper-slide  img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
	
	
	 .songs .swiper {
      width: 100%;
      height: 100%;
    }

    .songs .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .songs .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
	
	.songs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}


.songs .swiper-slide.swiper-slide-active {
    opacity: 1;
    border: 2px solid #265ee2;
}


.songs .swiper-slide .songs-cover:before, .cover-thumb .swiper-slide .songs-cover:before { content: ""; opacity: 0; z-index: 9; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: #265ee275; }
.songs .swiper-slide:hover .songs-cover:before, .cover-thumb .swiper-slide:hover .songs-cover:before { opacity: 1; }




.gallery-button {text-transform: uppercase; position: relative; font-weight: 400; background: #265ee2; font-family: var(--title-fonts); font-size: 13px; vertical-align: middle; border: none; overflow: hidden; -moz-border-radius: 0px; direction: rtl; }
.songs .swiper-slide.swiper-slide .gallery-action {display:none;}
.songs .swiper-slide.swiper-slide a {pointer-events:none}
.songs .swiper-slide.swiper-slide.swiper-slide-active a {pointer-events:unset}
.songs .swiper-slide.swiper-slide-active .gallery-action {display:block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; opacity: 0; transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.songs .swiper-slide.swiper-slide-active .gallery-action .gallery-button { padding: 0; width: 60px; height: 60px; opacity: 1; display: inline-block; line-height: 60px; text-align: center; -webkit-border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px; }
.songs .swiper-slide.swiper-slide-active:hover .gallery-action { opacity: 1; }
.songs .swiper-slide.swiper-slide-active .gallery-action svg { fill: #fff; width: 30px; height: auto; }
.header-center-text {align-items: center; inline-size: fit-content; text-align: center}
.header-box button {background:none;border:none;padding:0}