* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {max-width: 100%;}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

/*body {font-family: Proxima Nova Rg;}*/
body {font-family: Arial;}

  #preloader { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; gap: 24px; flex-direction: column; background: #ffffff; z-index: 9999; transition: opacity 400ms ease, visibility 400ms ease; opacity: 1; visibility: visible; }

  #preloader.loaded { opacity: 0; visibility: hidden; pointer-events: none; }

  #preloader .logo { width: 120px; height: 120px; object-fit: contain; transform-origin: center; animation: float 1600ms ease-in-out infinite; will-change: transform, opacity; }

  @keyframes float {
    0%   { transform: translateY(0) scale(1); }
    50%  { transform: translateY(-8px) scale(1.02); }
    100% { transform: translateY(0) scale(1); }
  }

  .spinner { width: 54px; height: 54px; border-radius: 50%; position: relative; display: inline-block; }

  /* Spinner ring (light track) */
  .spinner::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 6px solid rgba(0,0,0,0.08);
  }

  /* Spinner arc (colored, animated) */
  .spinner::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 6px solid transparent;
    border-top-color: #111827; /* primary color */
    border-left-color: #111827;
    transform: rotate(0deg);
    animation: spin 900ms linear infinite;
  }

  @keyframes spin {
    to { transform: rotate(360deg); }
  }

  /* Small subtle text under loader (optional) */
  .preloader-text {
    margin-top: 10px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    font-size: 14px;
    color: #444;
    letter-spacing: .2px;
  }

  /* Make sure page content not scrollable while preloader visible */
  html.loading, body.loading {
    height: 100%;
    overflow: hidden;
  }

  /* Demo page content for testing (remove or replace) */
  main {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    font-size: 20px;
    color: #222;
  }

/* header */

header .header-top {padding: 5px 0px; background-color: #ebb555;}
header .header-top .top-in li a, header .header-top .top-in li {color: #2c0b04;}

header {position: unset; left: 0; right: 0; top: 0; z-index: 99; background-color: #fff;}
header .headermn .navbar .navbar-brand {width: 10%;}
header .nav-link {color: #000; font-size: 13px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;
text-transform: uppercase;}
header .nav-link::after {content: ''; background-color: #eeb55c; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s;}
header .nav-link:hover::after {width: 100%;}
header .nav-link:hover, header .nav-link:focus {color: #eeb55c;}
header .navbar-toggler {border: none; color: #fff; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus {box-shadow: none;}
header .offcanvas-title img {width: 34%;}
header .navbar-nav {position: relative; align-items: center; gap: 45px;}
.sticky {
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  background-color: #fff;
  box-shadow: 0 0 10px #00000021;
}
.sticky .headermn .navbar .navbar-brand {width: 9%;}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

header .navbar .whatsapp li a {display: inline-block; padding: 10px 20px; background-color: transparent; color: #eeb55c; border-radius: 3px;
transition: .5s; border: 1px solid #eeb55c; position: relative; transition: .5s; z-index: 1;}
header .navbar .whatsapp li a::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #eeb55c;
z-index: -1;}
header .navbar .whatsapp li a:hover:before {width: 100%;}
header .navbar .whatsapp li a:hover {color: #2c0b04;}

/*slider*/
#slider .imgs{height: 450px;}
#slider .imgs img{height:100%;}
/* slider-a */

#slider-a{padding: 20px 0px; background-color: #e4e4e48a;}
#slider-a .owl-theme .owl-dots .owl-dot{display: none;}
#slider-a .row{row-gap: 25px;}
/* #slider-a .imgs img{width: 50%;} */
#slider-a .row{align-items: center;}
#slider-a .content{background-color: #2c0b04; padding: 25px 5px;}
#slider-a .content h3{font-size: 20px; text-align: center; color: #fff; margin-bottom: 0;}
#slider-a .imgs{height: 190px;}
#slider-a .imgs img{height:100%;}
#slider-a h4{ font-family: math;text-align: center;
    font-size: 25px;
    text-align: center;
    margin-bottom: 50px;}

/* slider */

/*#slider{margin-top: -10px;}*/
#slider .owl-theme .owl-dots .owl-dot {display: none;}


/* category */

#category{padding: 10px 0px;}
#category h2{ font-family: math;text-align: center;font-size: 25px;text-align: center;margin-bottom:20px;font-weight:900!important;}
#category .row{align-items: center;row-gap:5px;}
#category .iner{height: 166px;width: 100%;}
#category .iner .imgs{border:1px solid #bebebe; padding:5px;height: 100%;width: 100%;}
#category .iner .imgs img{
width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
}

#category .iner .content{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}

#category .iner .content h4{ font-family: math;text-align: center;font-size: 25px;text-align: center;margin-bottom: 50px;}

/* about */

#about {padding: 50px 0px; background-color: #e4e4e4a1;}
#about .row {row-gap: 30px; align-items: center;}
#about .content h2 {font-family: 'Roboto Slab', serif; color: #484848; font-size: 35px; margin-bottom: 10px; font-weight: bold;}
#about .content span {color: #2d0c05;}
#about .content .text {font-size: 15px; text-align: justify; color: #484848; line-height: 24px; margin-bottom: 10px;}
#about .content .btn {display: inline-block; padding: 10px 20px; background-color: transparent; color: #2d0c05; border-radius: 3px; transition: .5s; border: 1px solid #2d0c05; position: relative; transition: .5s; z-index: 1;}
#about .content .btn::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #2d0c05; z-index: -1;}
#about .content .btn:hover:before {width: 100%;}
#about .content .btn:hover {color: #ffffff;}
#about .imgs {overflow: hidden; border-radius: 5px; text-align: end;}
#about .imgs img {transition: 9s; width: 100%;}
#about .imgs:hover img {transform: scale(1.2);}

/* counter  */

#counter {background-image: url(../images/logo-full.png); background-position: center center; background-repeat: no-repeat; background-size: cover;
background-attachment: fixed; padding: 80px 0; position: relative; z-index: 1;}
#counter:before{position: absolute; z-index: -1; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #00000063; width: 100%;}
#counter .row {row-gap: 30px;}
#counter .item {text-align: center;}
#counter .item h2 {color: #fff; margin-bottom: 5px; font-size: 40px;}
#counter .item h3 {font-size: 22px; color: #fff;}
#counter .item i {font-size: 38px; color: #fff;}

/* blog */

#blog {padding: 50px 0; background: #f3f4f6;}
#blog .row {row-gap: 30px;}
#blog h2 {font-family: math;text-align: center;font-size: 25px;text-align: center; margin-bottom: 50px;font-weight:900!important;}
#blog h2 span {color: #2d0c05;}
#blog .inner {border: 2px solid #f5f5f5;}
#blog .inner img {width: 100%;height: 250px;}
#blog .text {padding: 20px;}
#blog .text h5 a {color: #000; margin: 0; display: inline-block; transition: .5s; font-size:16px;}
#blog .text h5 a:hover {color: #2d0c05;}
#blog .text span {color: #6d6d6d; display: inline-block; font-size: 12px;}
#blog .text span i {color: #2d0c05;}
#blog .text p {color: #101010; font-size: 14px;}
#blog .text .read {color: #fff; background-color: #2d0c05; padding: 5px 15px; font-size: 12px; font-weight: 500; display: inline-block;
transition: .5s; border-radius: 8px; margin-top: 20px;}
#blog .text .read:hover {background-color: #2d0c05;}

/* testimonials */

#testimonials {padding: 50px 0px 50px;}
#testimonials h2 {text-align: center; margin-bottom: 10px; font-family: math;}
#testimonials .content {text-align: center; margin-top: 60px;}
#testimonials .row {justify-content: center;}
#testimonials .content .text {font-size: 15px; color: #000; width: 80%; text-align: center; margin: auto; height: 85px;  overflow-y: scroll;}
#testimonials .content ul {margin-top: 15px;}
#testimonials .content .imgs {margin: 15px 0px 20px;}
#testimonials .content .imgs img {border-radius: 50px; width: 60px; margin: auto;}
#testimonials .content h5 {margin-bottom: 2px; font-size: 17px; font-family: math;}
#testimonials .content h6 {font-size: 14px; font-family: math;}
#testimonials .content ul li i {color: #fbbf24;}
#testimonials .owl-theme .owl-dots .owl-dot {display: none;}

/* event-sec */

#event-sec{padding: 50px 0px 50px; background-color: #dddcdc4f;}
#event-sec h2{ font-family: math;text-align: center;font-size: 25px;text-align: center;margin-bottom: 50px;font-weight:900!important;}
#event-sec .iner .imgs{position: relative;}
/*#event-sec .owl-carousel .owl-stage-outer{padding: 0px 0px 150px;}*/
#event-sec .content{position: absolute; bottom: -100px; background-color: #fff; border-left: 3px solid #2c0b04; text-align: center; padding: 15px; box-shadow: 0px 0px 10px #00000048; left: 30px; right: 30px;}
#event-sec .content p{color: #000; margin-bottom: 10px;}
#event-sec .content h5{color: #000; font-size: 17px; font-weight: 600;}
#event-sec .btn-sec{text-align: center; margin-top: 20px;}
#event-sec .btn-sec a{display: inline-block; padding: 10px 25px; background-color: #2c0b04; color: #fff; border-radius: 3px;}



/* youtub-sec */

#youtub-sec{padding: 50px 0px; background-color: #dddcdc4f;}
#youtub-sec h2{text-align: center; font-size: 25px; text-align: center; margin-bottom: 50px;font-weight:900;}
#youtub-sec .row{row-gap:10px;}

/* footer */

footer{padding-top: 68px; padding-bottom: 20px; position: relative; background: #2d0c05; overflow: hidden;}
footer::before {content: ""; width: 286px; height: 288px; position: absolute; top: 0; left: 0; background: url(../images/footer-left-dotted-img.png) no-repeat top left;}
footer::after {content: ""; width: 286px; height: 288px; position: absolute; bottom: 0; right: 0; background: url(../images/footer-dotted-right-img.png) no-repeat top right;}
footer .home-tab{justify-content: center;}
footer .home-tab li a{color: #fff; position: relative; transition: .5s;}
footer .home-tab li a:hover{color: #ebb555;}
footer .home-tab li:first-child a::before{display: none;}
footer .home-tab li a::before{position: absolute; content: ''; height: 25px; width: 2px; background-color: #fff; left: -27px;}
footer .sos-icon{justify-content: center; margin: 25px 0px;}
footer .sos-icon li a{display: inline-block; height: 45px; width: 45px; line-height: 45px; background-color: #fff; color: #ebb555; border-radius: 50px; text-align: center; font-size: 22px;}
footer .gdi-logo{border-top: 1px solid #898989; padding-top: 20px; margin-top: 75px; text-align: center;}
footer .gdi-logo li img {width: 195px; background-color: #ebb555; padding: 0px 10px 8px; border-radius: 100px;}

/* quickcontact */

.quickcontact { width: 45px; position: fixed; top: 77%; right: 15px; z-index: 102; }

/* contact */
#contact h2 { font-size: 35px; text-align: center; margin: 0px; font-weight: bold; color: #000; }

#contact h4 { color: #000; margin-bottom: 20px; }

.contact-h2 { padding: 10px 0px 8px; color: #000; }

#contact { background: url(../images/banner1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center right; background-attachment: fixed; padding: 60px 0px; z-index: 1; position: relative; margin: 40px 0; }

#contact::before { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; content: ""; z-index: -1; }

#contact .submit-btn { padding: 8px 30px; background: #2c0b04; border: none; color: #fff; font-size: 21px; border-radius: 5px; transition: all 1s; width: 100%; }

#contact .submit-btn:hover { background: #fff; border: 1px solid #2c0b04; color: #2c0b04; }

#contact .form-control { border-radius: 0; box-shadow: none; }

#contact .form-control:focus { border-color: #fff; }

#contact form {
	border-radius: 10px;
	box-shadow: 0px 0px 5px #fff;
	background: #fff;
	padding: 20px
}

.cform .submit-btn {
	padding: 8px 30px;
	background: #fff;
	border: none;
	color: #000;
	font-size: 21px;
	border-radius: 10px;
	width: 100%;

}

.cform {
	background: #2c0b04;

	color: #fff;
	padding: 30px 20px;
	width: 385px;
	position: absolute;
	right: 80px;
	border-radius: 10px;
	top: 28px;
}

.cform h2 {
	font-size: 26px;
	margin-bottom: 20px;
	color: #fff;
}

#contact .iframe {
	margin-bottom: 20px;
}

/* end */



/* modal */

.modal form.row {row-gap: 20px;}
.modal .form-control {border-radius: 0px; border: none; box-shadow: none; background-color: #f1f1f1;}
.modal .form-control:focus {border-color: #000;}
.modal .submit {background-color: #2d0c05; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5;}
.modal .submit:hover {background-color: #000;}




 .blog-banner img{ width: 100%; height: 380px; object-fit: cover; margin-bottom: 20px;} 
 .blog-container{ width: 90%; max-width: 1300px; margin: 40px auto; display: flex; gap: 40px;} 
 .blog-content{ flex: 3;} 
 .blog-title{ font-size: 32px; color: #222;} .blog-meta{ margin: 10px 0 20px; color: #777;} 
 .blog-meta span{ margin-right: 20px;} 
 .blog-content p{ line-height: 1.8; font-size: 16px; margin-bottom: 20px; color: #444;} 
 .blog-content h2{ margin-top: 30px; font-size: 24px; color: #111;} 
 blockquote{ padding: 20px 25px; background: #f2f2f2; border-left: 4px solid #000; font-size: 18px; margin: 25px 0; color: #555;} 
 .blog-sidebar{ position: sticky; top: 90px; flex: 1.2; background: #fff; padding: 25px; border-radius: 10px; height: fit-content; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);} 
 .blog-sidebar h3{ margin-bottom: 20px; font-size: 22px; color: #000;} .recent-post{ display: flex; gap: 15px; margin-bottom: 20px;} 
 .recent-post img{ width: 90px; height: 75px; object-fit: cover; border-radius: 6px;} 
 .recent-post h4{ margin: 0; font-size: 16px; color: #333; line-height: 1.3;} 
 .recent-post span{ font-size: 12px; color: #777;} 
 @media (max-width: 992px){ .blog-container{ flex-direction: column;}}


/* Team Section */
#team { padding: 70px 20px; background: #f8f8f8; text-align: center; }
#team .section-title { font-size: 32px; font-weight: 700; margin-bottom: 50px; color: #222; }
#team .team-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
#team .team-card { background: #fff; padding: 25px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: 0.3s ease; }
#team .team-card:hover { transform: translateY(-8px); }
#team .team-img { width: 140px; height: 140px; margin: 0 auto 20px; border-radius: 50%; overflow: hidden; }
#team .team-img img { width: 100%; height: 100%; object-fit: cover; }
#team .team-card h3 { margin: 10px 0 5px; font-size: 22px; font-weight: 600; }
#team .team-card .role { font-size: 14px; color: #fa6400; font-weight: 600; margin-bottom: 10px; }
#team .team-card .desc { font-size: 14px; color: #555; line-height: 1.5; }
/* Responsive */
@media (max-width: 992px) { #team .team-container { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { #team .team-container { grid-template-columns: 1fr; } }














#members { padding: 50px 0; font-family: Arial, sans-serif; background-color: #f8f8f8; }
.team-row { display: flex; justify-content: space-between; margin-bottom: 40px; flex-wrap: wrap; }
.team-member { display: flex; align-items: center; width: calc(50% - 20px); margin: 0 10px; padding: 15px; border-radius: 100px; background-color: #fff; box-shadow: 0 4px 8px rgb(0 0 0 / 22%); margin-bottom: 20px; height: 240px; }
.profile-img-container {margin-left: 50px; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin-right: 15px; box-shadow: 0 0 0 5px rgba(230, 230, 230, 0.5);  }
.profile-img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.member-info { flex-grow: 1; }
.member-top { height : 110px; }
.member-name { margin: 0 0 5px 0; font-size: 18px; font-weight: bold; color: #333; }
.member-designation { margin: 0 0 8px 0; font-size: 14px; color: #ff6600; font-weight: 600; }
.member-description { margin: 0 0 5px 0; font-size: 12px; color: #666; line-height: 1.4; }
.social-links { margin-top: 15px; display: flex; gap: 8px; }
.member-ancor { text-decoration: underline;}
.social-links a { color: #aaa; font-size: 16px; transition: color 0.3s ease; }
.social-links a:hover { color: #007bff; }
.team-section { position: relative; overflow: hidden; padding: 60px 0 60px 0; }
.member-bottom .member-ancor { color: #fff; background: #402700; padding: 10px; margin: 10px 0; border-radius: 10px; text-decoration: none; }
@media (max-width: 992px) {
    .team-member { width: calc(50% - 20px); margin-bottom: 20px; display: ruby; text-align: center; padding: 30px 10px; height: auto; }
    .team-row { flex-wrap: wrap; justify-content: center; }
    .member-bottom-btn{ justify-content: center;}
    .member-top {height:auto;}

	#members { padding: 60px 15px; }

	.profile-img-container { width: 150px; height: 150px; margin-left: 0; margin-right: 0;
 }
	.social-links{ justify-content: center; }
}

@media (max-width: 576px) {
    .team-member { width: 100%; margin: 0 0 20px 0; height: auto; }
    .member-bottom-btn{ justify-content: center;}
    .member-top {height:auto;}
    
}










/* =============================== */
   /* GALLERY SECTION STYLING  */
/* =============================== */


section.gallery { padding: 70px 20px; background: #f3f4f6; }
.gallery .section-title { text-align: center; margin-bottom: 50px; }
.gallery .section-title h2 { font-size: 2.8rem; font-weight: 700; color: #222; margin-bottom: 10px; }
.gallery .section-title p { color: #555; font-size: 1.1rem; }
 /* ===== GALLERY GRID ===== */
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }
.gallery-item { position: relative; overflow: hidden; border-radius: 10px; cursor: pointer; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); transition: transform 0.4s ease, box-shadow 0.3s ease; }
.gallery-item:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) ;}
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.gallery-item:hover img { transform: scale(1.1); filter: brightness(0.8); }
.gallery-item::after { content: "🔍"; position: absolute;top: 12%;left: 137%; transform: translate(-50%, -50%) scale(0); color: white; font-size: 2rem; opacity: 0; transition: all 0.3s ease; }
.gallery-item:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
@media (max-width: 768px) {  .gallery .section-title h2 { font-size: 2.2rem; }}








.contact-info { flex: 1 1 40%; position: relative; padding: 40px; background-image: url(../images/contact-info-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; z-index: 1; }


.contact-info h2 {
    font-size: 32px;
    margin-bottom: 15px;
    color: #000;
}

.contact-info p {
    color: #000;
    margin-bottom: 30px;
    line-height: 1.6;
}


.info-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #000;
}

.info-item i {
    font-size: 20px;
    color: #000;
    margin-right: 12px;
}

.info-item span {
    color:#000;
}



    :root{--btn-padding: 10px 20px;--btn-radius:34px;--btn-font-size:16px;--animation-duration:4s;--slide-duration:650ms;--glow-intensity:10px}
    .slide-btn{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(120%);display:inline-flex;align-items:center;gap:10px;padding:var(--btn-padding);border-radius:var(--btn-radius) 0 0 var(--btn-radius);font-size:var(--btn-font-size);font-weight:600;color:#06111a;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.45);outline:none;z-index:9999;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--slide-duration) cubic-bezier(.2,.9,.2,1),box-shadow .2s ease;background:linear-gradient(90deg,#ff7a18,#af002d)}
    .slide-btn.slide-in{transform:translateY(-50%) translateX(0)}
    .slide-btn:hover{transform:translateY(-50%) translateX(0) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.5)}
    .slide-btn:active{transform:translateY(-50%) translateX(0) scale(.98)}
    .slide-btn:focus{outline:3px solid rgba(255,255,255,.12);outline-offset:4px}
   @keyframes colorCycle{
      0%{background:linear-gradient(90deg,#A64BD9,#F36DD2);}
      20%{background:linear-gradient(90deg,#F36DD2,#F8C28E);}
      40%{background:linear-gradient(90deg,#F8C28E,#27C4F0);}
      60%{background:linear-gradient(90deg,#27C4F0,#693DA0);}
      80%{background:linear-gradient(90deg,#693DA0,#A64BD9);}
      100%{background:linear-gradient(90deg,#A64BD9,#F36DD2);}
    }
    
    @keyframes glowPulse{
      0%{box-shadow:0 6px 18px rgba(0,0,0,.45),0 0 0 rgba(0,0,0,0);filter:saturate(1)}
      50%{box-shadow:0 14px 36px rgba(0,0,0,.55),0 0 var(--glow-intensity) rgba(255,255,255,.06);filter:saturate(1.08)}
      100%{box-shadow:0 6px 18px rgba(0,0,0,.45),0 0 0 rgba(0,0,0,0);filter:saturate(1)}
    }

    .slide-btn.slide-in.bling{animation:colorCycle var(--animation-duration) linear infinite,glowPulse calc(var(--animation-duration)*1.2) ease-in-out infinite}
    .slide-btn .icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.85);font-size:14px;font-weight:700;color:#0b1220;box-shadow:0 2px 8px rgba(0,0,0,.18) inset}
    @media(max-width:520px){.slide-btn{padding:10px 14px;font-size:14px;border-radius:26px 0 0 26px}.slide-btn .icon{width:30px;height:30px;font-size:13px}}
    @media(prefers-reduced-motion:reduce){.slide-btn,.slide-btn.slide-in{transition:none;transform:none}.slide-btn{right:8px;bottom:24px;top:auto}.slide-btn.bling,.slide-btn{animation:none}}