@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oxygen');
@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');

/*--start-page-loader--*/
.page-loader{
	width: 100%;
	/*height: 100vh;*/
	position: fixed;
	/*background: #272727;*/
	background:#ffffff80;
	z-index: 99999;
	bottom:0;
	top:0;
	left:0;
	overflow:hidden;
}
/*--end-page-loader--*/

/*--start-banner--*/
.banner{ width:100%; margin:0 auto; margin-bottom:10px; height:auto; overflow:hidden; border-radius:5px;}
.banner img{ width:100%;}

.banner-slider{ width:100%; margin:0 auto; margin-bottom:10px; height:auto; overflow:hidden; border-radius:5px;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.4s ease forwards;}
.banner-slider img{ width:100%;}
/*--end-banner--*/

/*--start-sec-data--*/
.sec-data{ width:100%; margin:0 auto; padding:20px 0; overflow:hidden; }
.sec-data .box{ width:100%; min-height:110px; margin:10px auto; padding:10px 10px; border: 2px solid black; border-left:solid 8px black; border-radius:5px; overflow:hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease forwards;}

.sec-data .col-lg-3:nth-child(1) .box {
  border-color: #6C3FEE; animation-delay: 0.1s; background: #6C3FEE;
}
.sec-data .col-lg-3:nth-child(1) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(1) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(1) .box a{ color: #6C3FEE;}

.sec-data .col-lg-3:nth-child(2) .box {
  border-color: #0EC2AD; animation-delay: 0.2s; background: #0EC2AD;
}
.sec-data .col-lg-3:nth-child(2) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(2) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(2) .box a{ color: #0EC2AD;}

.sec-data .col-lg-3:nth-child(3) .box {
  border-color: #E37232; animation-delay: 0.3s; background: #E37232;
}
.sec-data .col-lg-3:nth-child(3) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(3) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(3) .box a{ color: #E37232;}

.sec-data .col-lg-3:nth-child(4) .box {
  border-color: #7DCA31; animation-delay: 0.4s; background: #7DCA31;
}
.sec-data .col-lg-3:nth-child(4) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(4) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(4) .box a{ color: #7DCA31;}

.sec-data .col-lg-3:nth-child(5) .box {
  border-color: #F24DA6; animation-delay: 0.5s;  background: #F24DA6;
}
.sec-data .col-lg-3:nth-child(5) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(5) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(5) .box a{ color: #F24DA6;}

.sec-data .col-lg-3:nth-child(6) .box {
  border-color: #6C3FEE; animation-delay: 0.6s;  background: #6C3FEE;
}
.sec-data .col-lg-3:nth-child(6) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(6) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(6) .box a{ color: #6C3FEE;}

.sec-data .col-lg-3:nth-child(7) .box {
  border-color: #FF7575; animation-delay: 0.7s; background: #FF7575;
}
.sec-data .col-lg-3:nth-child(7) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(7) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(7) .box a{ color: #666666;}

.sec-data .col-lg-3:nth-child(8) .box {
  border-color: #F6B344; animation-delay: 0.8s; background: #F6B344;
}
.sec-data .col-lg-3:nth-child(8) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(8) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(8) .box a{ color: #00AA00;}

.sec-data .col-lg-3:nth-child(9) .box {
  border-color: #0DB7EA; animation-delay: 0.9s; background: #0DB7EA;
}
.sec-data .col-lg-3:nth-child(9) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(9) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(9) .box a{ color: #0DB7EA;}

.sec-data .col-lg-3:nth-child(10) .box {
  border-color: #0C83FF; animation-delay: 1.0s; background: #0C83FF;
}
.sec-data .col-lg-3:nth-child(10) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(10) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(10) .box a{ color: #009999;}

.sec-data .col-lg-3:nth-child(11) .box {
  border-color: #D47F5A; animation-delay: 1.1s; background: #D47F5A; 
}
.sec-data .col-lg-3:nth-child(11) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(11) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(11) .box a{ color: #D47F5A;}

.sec-data .col-lg-3:nth-child(12) .box {
  border-color: #990099; animation-delay: 1.2s; background: #990099;
}
.sec-data .col-lg-3:nth-child(12) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(12) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(12) .box a{ color: #990099;}
.sec-data .col-lg-3:nth-child(13) .box {
  border-color: #DD9722; animation-delay: 1.2s; background: #DD9722;
}
.sec-data .col-lg-3:nth-child(13) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(13) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(13) .box a{ color: #DD9722;}
.sec-data .col-lg-3:nth-child(14) .box {
  border-color: #7DCA31; animation-delay: 1.2s; background: #7DCA31;
}
.sec-data .col-lg-3:nth-child(14) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(14) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(14) .box a{ color: #7DCA31;}
.sec-data .col-lg-3:nth-child(15) .box {
  border-color: #FF74BF; animation-delay: 0.5s;  background: #FF74BF;
}
.sec-data .col-lg-3:nth-child(15) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(15) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(15) .box a{ color: #990099;}

.sec-data .col-lg-3:nth-child(16) .box {
  border-color: #6D3AFF; animation-delay: 0.6s;  background: #6D3AFF;
}
.sec-data .col-lg-3:nth-child(16) .box h3{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(16) .box i{
  color: #fff;
}
.sec-data .col-lg-3:nth-child(16) .box a{ color: #009999;}






.sec-data .col-lg-4:nth-child(1) .box {
  border-color: #6C3FEE; animation-delay: 0.1s;
}
.sec-data .col-lg-4:nth-child(1) .box h3{
  color: #6C3FEE;
}
.sec-data .col-lg-4:nth-child(1) .box i{
  color: #6C3FEE;
}

.sec-data .col-lg-4:nth-child(2) .box {
  border-color: #0EC2AD; animation-delay: 0.2s;
}
.sec-data .col-lg-4:nth-child(2) .box h3{
  color: #0EC2AD;
}
.sec-data .col-lg-4:nth-child(2) .box i{
  color: #0EC2AD;
}

.sec-data .col-lg-4:nth-child(3) .box {
  border-color: #FF9356; animation-delay: 0.3s;
}
.sec-data .col-lg-4:nth-child(3) .box h3{
  color: #FF9356;
}
.sec-data .col-lg-4:nth-child(3) .box i{
  color: #FF9356;
}

.sec-data .col-lg-4:nth-child(4) .box {
  border-color: #96D854; animation-delay: 0.4s;
}
.sec-data .col-lg-4:nth-child(4) .box h3{
  color: #999900;
}
.sec-data .col-lg-4:nth-child(4) .box i{
  color: #999900;
}

.sec-data .col-lg-4:nth-child(5) .box {
  border-color: #FF74BF; animation-delay: 0.5s;
}
.sec-data .col-lg-4:nth-child(5) .box h3{
  color: #990099;
}
.sec-data .col-lg-4:nth-child(5) .box i{
  color: #990099;
}

.sec-data .col-lg-4:nth-child(6) .box {
  border-color: #6D3AFF; animation-delay: 0.6s;
}
.sec-data .col-lg-4:nth-child(6) .box h3{
  color: #009999;
}
.sec-data .col-lg-4:nth-child(6) .box i{
  color: #009999;
}

.sec-data .col-lg-4:nth-child(7) .box {
  border-color: #FF7575; animation-delay: 0.7s;
}
.sec-data .col-lg-4:nth-child(7) .box h3{
  color: #666666;
}
.sec-data .col-lg-4:nth-child(7) .box i{
  color: #666666;
}

.sec-data .col-lg-4:nth-child(8) .box {
  border-color: #F6B344; animation-delay: 0.8s;
}
.sec-data .col-lg-4:nth-child(8) .box h3{
  color: #00AA00;
}
.sec-data .col-lg-4:nth-child(8) .box i{
  color: #00AA00;
}

.sec-data .col-lg-4:nth-child(9) .box {
  border-color: #1ECBFF; animation-delay: 0.9s;
}
.sec-data .col-lg-4:nth-child(9) .box h3{
  color: #009900;
}
.sec-data .col-lg-4:nth-child(9) .box i{
  color: #009900;
}

.sec-data .col-lg-4:nth-child(10) .box {
  border-color: #0C83FF; animation-delay: 1.0s;
}
.sec-data .col-lg-4:nth-child(10) .box h3{
  color: #009999;
}
.sec-data .col-lg-4:nth-child(10) .box i{
  color: #009999;
}

.sec-data .col-lg-4:nth-child(11) .box {
  border-color: #E8A386; animation-delay: 1.1s;
}
.sec-data .col-lg-4:nth-child(11) .box h3{
  color: #000099;
}
.sec-data .col-lg-4:nth-child(11) .box i{
  color: #000099;
}

.sec-data .col-lg-4:nth-child(12) .box {
  border-color: #990099; animation-delay: 1.2s;
}
.sec-data .col-lg-4:nth-child(12) .box h3{
  color: #990099;
}
.sec-data .col-lg-4:nth-child(12) .box i{
  color: #990099;
}

.sec-data .col-lg-6:nth-child(1) .box {
  border-color: #6C3FEE; animation-delay: 0.1s; background: #6C3FEE;
}
.sec-data .col-lg-6:nth-child(1) .box h3{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(1) .box i{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(1) .box a{ color: #6C3FEE;}

.sec-data .col-lg-6:nth-child(2) .box {
  border-color: #0EC2AD; animation-delay: 0.2s; background: #0EC2AD;
}
.sec-data .col-lg-6:nth-child(2) .box h3{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(2) .box i{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(2) .box a{ color: #0EC2AD;}

.sec-data .col-lg-6:nth-child(3) .box {
  border-color: #E37232; animation-delay: 0.3s; background: #E37232;
}
.sec-data .col-lg-6:nth-child(3) .box h3{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(3) .box i{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(3) .box a{ color: #E37232;}

.sec-data .col-lg-6:nth-child(4) .box {
  border-color: #7DCA31; animation-delay: 0.4s; background: #7DCA31;
}
.sec-data .col-lg-6:nth-child(4) .box h3{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(4) .box i{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(4) .box a{ color: #7DCA31;}

.sec-data .col-lg-6:nth-child(5) .box {
  border-color: #F24DA6; animation-delay: 0.5s;  background: #F24DA6;
}
.sec-data .col-lg-6:nth-child(5) .box h3{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(5) .box i{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(5) .box a{ color: #F24DA6;}

.sec-data .col-lg-6:nth-child(6) .box {
  border-color: #4CAF50;
  animation-delay: 0.6s;
  background: #4CAF50;
}
.sec-data .col-lg-6:nth-child(6) .box h3{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(6) .box i{
  color: #fff;
}
.sec-data .col-lg-6:nth-child(6) .box a{
  color: #4CAF50;
}


/* Animation keyframes */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.sec-data .box h3{ font-family: var(--heading-font); font-size:20px; font-weight:bold; text-align:left; text-transform:normal; line-height:30px; margin:10px 0 0 0;}
.sec-data .box h4{ font-family: var(--heading-font); font-size:14px; font-weight:400; color:#fff; text-align:left; line-height:30px; margin:0;}
.sec-data .box .icon{ position:absolute; right:5px; top:20px; width:50px; height:50px; text-align:center; line-height:50px;}
.sec-data .box .icon{ font-size:32px; color:#000;}
/*--end-sec-data--*/

/*--start-sec-news--*/
.sec-news{ width:100%; min-height:200px; margin:15px auto; padding:0 15px; background:var(--bg-color-white); border-radius:10px;  /*box-shadow: 0 0 15px 0 #D0D0D0;*/ overflow:hidden;}
.sec-news p{ font-family: var(--heading-font); font-size:15px; font-weight:500; color:#a1a3a6; text-align:left; line-height:30px; margin:0;}
/*--end-sec-news--*/

/*--start-sec-refer--*/
.sec-refer{ width:100%; min-height:200px; margin:15px auto; padding:0 15px; background:#fff7db/*var(--bg-color-white)*/; border-radius:10px;  /*box-shadow: 0 0 15px 0 #D0D0D0;*/ overflow:hidden;}
.sec-refer .caption span{ color:var(--bg-color-menu-active);}
/*--end-sec-refer--*/








.paid{ background:#28a745 !important; color:#fff;}  

.thead-custom{ background:var(--bg-color-table-header); color:var(--text-color-table-header);}
.thead-custom th{ font-family:var(--heading-font); font-size:13px; text-transform: uppercase; }

.table-custom{}
.table-custom td{ font-family:var(--heading-font); font-size:13px;}

.table-scroll-container {
  overflow: hidden;
  position: relative;
}

.table-scroll-body {
  overflow-x: auto;
  white-space: nowrap;
  cursor: grab;
}

.table-scroll-body:active {
  cursor: grabbing;
}

/* Optional: Hide native scrollbar (for Webkit browsers) */
.table-scroll-body::-webkit-scrollbar {
  height: 0px;
}



/*@keyframes slideUp {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}


.page-transition {
  animation: slideUp 0.6s ease-out forwards;
}*/

@keyframes slideUp {
  from { transform: translateY(100px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes slideDown {
  from { transform: translateY(-100px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes slideLeft {
  from { transform: translateX(100px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes slideRight {
  from { transform: translateX(-100px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

/* Common class */
.page-transition {
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  opacity: 0;
}

/* Individual animation classes */
.from-bottom { animation-name: slideUp; }
.from-top    { animation-name: slideDown; }
.from-left   { animation-name: slideLeft; }
.from-right  { animation-name: slideRight; }

/*--start-heading-box--*/
.heading-box{width:150px; height:200px; padding:5px; background:#e8e8e8; color:#fff; position:fixed; z-index:20; right:-150px; top:120px; border-radius:3px; cursor:pointer;
-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.heading-box .theme-icon{ margin:3px; width:30px; height:30px; background:var(--bg-color-menu); border-radius:3px; overflow:hidden; float:left; position:absolute; right:150px /*animation: bganimation 10s infinite;*/}
.heading-box .theme-icon i{ font-size:20px; text-align:center; color:var(--text-color-menu); line-height:30px; display:block;}
.heading-box h3{ font-family:'Roboto', sans-serif; font-size:16px; text-align:center; color:#fff; line-height:36px; margin:7px 0 0 0; padding-left:25px;}
.heading-box h4{ font-family:'Roboto', sans-serif; font-size:12px; text-align:center; color:#fff; line-height:15px; margin:0; padding-left:20px; }
.heading-box:hover{ right:-5px; transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease; -ms-transition:0.5s all ease;}
.heading-box a{ display:block; color: var(--text-color-theme);}
.heading-box a:hover{ text-decoration:none;}
.heading-box .heading-btn{ width:170px; height:30px; margin:3px; border-radius:5px;}
/*--end-heading-box--*/

/*--start-loader-box--*/
.loader-box{width:150px; height:380px; padding:5px; background:#e8e8e8; color:#fff; position:fixed; z-index:19; right:-150px; top:200px; border-radius:3px; cursor:pointer;
-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.loader-box .theme-icon{ margin:3px; width:30px; height:30px; background:var(--bg-color-menu); border-radius:3px; overflow:hidden; float:left; position:absolute; right:150px /*animation: bganimation 10s infinite;*/}
.loader-box .theme-icon i{ font-size:20px; text-align:center; color:var(--text-color-menu); line-height:30px; display:block;}
.loader-box h3{ font-family:'Roboto', sans-serif; font-size:16px; text-align:center; color:#fff; line-height:36px; margin:7px 0 0 0; padding-left:25px;}
.loader-box h4{ font-family:'Roboto', sans-serif; font-size:12px; text-align:center; color:#fff; line-height:15px; margin:0; padding-left:20px; }
.loader-box:hover{ right:-5px; transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease; -ms-transition:0.5s all ease;}
.loader-box a{ display:block; color: var(--text-color-theme);}
.loader-box a:hover{ text-decoration:none;}
.loader-box .loader-btn{ width:170px; height:30px; margin:3px; border-radius:5px;}
/*--end-loader-box--*/

/*--start-theme-box--*/
.theme-box{width:240px; height:200px; padding:5px; background:#e8e8e8; color:#fff; position:fixed; z-index:18; right:-240px; top:280px; border-radius:3px; cursor:pointer;
-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.theme-box .theme-icon{ margin:3px; width:30px; height:30px; background:var(--bg-color-menu); border-radius:3px; overflow:hidden; float:left; position:absolute; right:240px /*animation: bganimation 10s infinite;*/}
.theme-box .theme-icon i{ font-size:20px; text-align:center; color:var(--text-color-menu); line-height:30px; display:block;}
.theme-box h3{ font-family:'Roboto', sans-serif; font-size:16px; text-align:center; color:#fff; line-height:36px; margin:7px 0 0 0; padding-left:25px;}
.theme-box h4{ font-family:'Roboto', sans-serif; font-size:12px; text-align:center; color:#fff; line-height:15px; margin:0; padding-left:20px; }
.theme-box:hover{ right:-5px; transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease; -ms-transition:0.5s all ease;}
.theme-box a{ display:block;}
.theme-box a:hover{ text-decoration:none;}
.theme-box .theme-btn{ width:40px; height:40px; float:left; margin:3px; border:solid 2px #fff; border-radius:5px;}
/*--end-theme-box--*/

/*--start-language-box--*/
.language-box{width:220px; height:75px; padding:5px; background:#e8e8e8; color:#fff; position:fixed; z-index:17; right:-220px; top:360px; border-radius:3px; cursor:pointer;
-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.language-box .theme-icon{ margin:3px; width:30px; height:30px; background:var(--bg-color-menu); border-radius:3px; overflow:hidden; float:left; position:absolute; right:220px /*animation: bganimation 10s infinite;*/}
.language-box .theme-icon i{ font-size:20px; text-align:center; color:var(--text-color-menu); line-height:30px; display:block;}
.language-box h3{ font-family:'Roboto', sans-serif; font-size:16px; text-align:center; color:#fff; line-height:36px; margin:7px 0 0 0; padding-left:25px;}
.language-box h4{ font-family:'Roboto', sans-serif; font-size:12px; text-align:center; color:#fff; line-height:15px; margin:0; padding-left:20px; }
.language-box:hover{ right:-5px; transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease; -ms-transition:0.5s all ease;}
.language-box a{ display:block; color: var(--text-color-theme);}
.language-box a:hover{ text-decoration:none;}
.language-box .heading-btn{ width:170px; height:30px; margin:3px; border-radius:5px;}
/*--end-language-box--*/

/*--start-animated-button3--*/
.animated-button3 {
    /*background: linear-gradient(-30deg, #c065ff 50%, #c87ffb 50%);*/
	background:#fff;
    padding: 0px 0px;
    /*margin: 12px;*/
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #fff;
    font-size: 20px;
    /*letter-spacing: 2.5px;*/
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.animated-button3:hover { text-decoration: none; color: #fff;}

.animated-button3::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ad8585;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button3:hover::before {
    opacity: 0.2;
}

.animated-button3 span {
    position: absolute;
}

.animated-button3 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#fff));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), var(--text-color-primary));
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button3 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#fff));
    background: linear-gradient(to top, rgba(43, 8, 8, 0), var(--text-color-primary));
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button3 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#fff));
    background: linear-gradient(to right, rgba(43, 8, 8, 0), var(--text-color-primary));
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button3 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#fff));
    background: linear-gradient(to bottom, rgba(43, 8, 8, 0), var(--text-color-primary));
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
} 
/*--end-animated-button3--*/


}
@media (max-width: 990px){

}

@media (max-width: 767px){

}

@media (max-width: 575px){

.banner{ width:100%; margin:0 auto; margin-bottom:10px; min-height:150px !important; overflow:hidden; border-radius:5px;}
.banner img{ width:100%; min-height:150px !important; object-fit: cover;}

.banner-slider{ width:100%; margin:0 auto; margin-bottom:10px; min-height:120px !important; overflow:hidden; border-radius:5px;}
.banner-slider img{ width:100%; min-height:120px !important; object-fit: cover;}
}