@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
    font-family:'Roboto',serif !important;
}
.grey-bg {  
    background-color: #F5F7FA !important;
    color: #646e78 !important;
}
.bell{
  display:inline-block;
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
.white_card{background-color:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.white_card .white_card_header{padding:30px 25px}
.white_card .white_card_body{padding:10px 25px}
.card_height_100{height:calc(100% - 30px)}
.ml_25{margin-left:25px}
.mr_25{margin-right:25px}
.mb_25{margin-bottom:25px!important}
.social_media_card{background-color:#eee5ff;background-image:url(../img/shape.svg);background-size:cover;background-position:top right;background-repeat:no-repeat}.social_media_card .media_card_body{padding:25px 0;position:relative;z-index:1}.social_media_card .media_card_body::before{position:absolute;content:'';left:0;top:0;background:#4a042b;width:100%;bottom:0;top:70px;z-index:-1;border-radius:15px}.social_media_card .media_card_body .media_card_list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:25px}.social_media_card .media_card_body .media_card_list .single_media_card{background:#fff4de;border-radius:15px;height:136px;display:flex;align-items:self-start;flex-direction:column;justify-content:end;padding:25px}.social_media_card .media_card_body .media_card_list .single_media_card span{color:#d47a06;font-size:14px;font-weight:600}.social_media_card .media_card_body .media_card_list .single_media_card h3{font-size:28px;font-weight:900;margin-bottom:0;color:#d47a06}.social_media_card .media_card_body .media_card_list .single_media_card i{font-size:28px;font-weight:700;margin-bottom:12px;color:#ffad44}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(2){background:#e2fff6}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(2) span{color:#69e2bd}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(2) h3{color:#25c997}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(2) i{color:#25c997}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(3){background:#ffe2e5}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(3) span{color:#ff8895}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(3) h3{color:#f64e60}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(3) i{color:#f64e60}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(4){background:#e1f0ff}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(4) span{color:#76b5f5}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(4) h3{color:#3699ff}.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(4) i{color:#3699ff}

.main-title h3{font-family:mulish,sans-serif;font-weight:700;font-size:24px;color:#cc0472}.main-title span{font-size:14px;font-weight:400;color:#696969;display:block;margin-top:6px}

.card-img-holder {
    position: relative;
}
.card-img-absolute {
      position: absolute;
      top:0;
      right: 0;
      height: 100%;
}

.btn-toggle {
  padding: 0.75rem 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-emphasis-color);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}

.btn-toggle::after {
  width: 1.25em;
  margin-left: auto;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::after {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::after {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: var(--bs-tertiary-bg);
}

.scrollarea {
  overflow-y: auto;
}
/*-blue*/
.bg1 {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
    color: #fff;
}
/*-green*/
/*8515ed*/
.bg2 {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
    color: #fff;
}
/*-yellow*/
.bg3 {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
    color: #333;
}
/*-pink*/
.bg4 {
    background: linear-gradient(45deg,#FF5370,#ff869a);
    color: #fff;
}
/*purple #8c5cfa*/
.bg5{
     background: linear-gradient(45deg,#d925e6,#e85cf2);
     color: #fff;
}
.text-purple{
    color: #e85cf2!important;
}
/*Hover colors*/
/*-blue*/
.bg1-hover:hover {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
    color: #fff;
}
/*-green*/
/*8515ed*/
.bg2-hover:hover {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
    color: #fff;
}
/*-yellow*/
.bg3-hover:hover {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
    color: #333;
}
/*-pink*/
.bg4-hover:hover {
    background: linear-gradient(45deg,#FF5370,#ff869a);
    color: #fff;
}
/*purple #8c5cfa*/
.bg5-hover:hover{
     background: linear-gradient(45deg,#d925e6,#e85cf2);
     color: #fff;
}
.bg-gradient-primary {
  background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff)) !important;
  background: linear-gradient(to right, #da8cff, #9a55ff) !important; }

.bg-gradient-secondary {
  background: -webkit-gradient(linear, left top, right top, from(#e7ebf0), to(#868e96)) !important;
  background: linear-gradient(to right, #e7ebf0, #868e96) !important; }

.bg-gradient-success {
  background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
  background: linear-gradient(to right, #84d9d2, #07cdae) !important; }

.bg-gradient-info {
  background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf)) !important;
  background: linear-gradient(to right, #90caf9, #047edf 99%) !important; }

.bg-gradient-warning {
  background: -webkit-gradient(linear, left top, right top, from(#f6e384), to(#ffd500)) !important;
  background: linear-gradient(to right, #f6e384, #ffd500) !important; }

.bg-gradient-danger {
  background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096)) !important;
  background: linear-gradient(to right, #ffbf96, #fe7096) !important; }

.bg-gradient-light {
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e4e4e9)) !important;
  background: linear-gradient(to bottom, #f4f4f4, #e4e4e9) !important; }

.bg-gradient-dark {
  background: linear-gradient(89deg, #5e7188, #3e4b5b) !important; }

.color-primary {
  color: #fff;
  background-color: #b66dff;
  border-color: #b66dff; }
.color-primary:hover {
    color: #fff;
    background-color: #a347ff;
    border-color: #9d3aff; }

.color-secondary {
  color: #212529;
  background-color: #c3bdbd;
  border-color: #c3bdbd; }
.color-secondary:hover {
    color: #212529;
    background-color: #b1a9a9;
    border-color: #aba2a2; }
    
.color-success {
  color: #fff;
  background-color: #1bcfb4;
  border-color: #1bcfb4; }
.color-success:hover {
    color: #fff;
    background-color: #17ad97;
    border-color: #15a28d; }

.color-info {
  color: #fff;
  background-color: #198ae3;
  border-color: #198ae3; }
.color-info:hover {
    color: #fff;
    background-color: #1575c1;
    border-color: #146eb5; }
    
.color-warning {
  color: #212529;
  background-color: #fed713;
  border-color: #fed713; }
.color-warning:hover {
    color: #212529;
    background-color: #eac301;
    border-color: #ddb901; }
    
.color-danger {
  color: #fff;
  background-color: #fe7c96;
  border-color: #fe7c96; }
  .color-danger:hover {
    color: #fff;
    background-color: #fe5678;
    border-color: #fe496d; }
    
.color-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
.color-light {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5; }
    
.color-dark {
  color: #fff;
  background-color: #3e4b5b;
  border-color: #3e4b5b; }
.color-dark:hover {
    color: #fff;
    background-color: #2f3844;
    border-color: #29323d; }

.inverse-primary {
  background-color: rgba(182, 109, 255, 0.2);
  color: #b66dff;
  background-image: none;
  border-color: rgba(182, 109, 255, 0); }
  
.inverse-primary:hover {
    color: #ffffff;
    background-color: #b66dff;
    border-color: #b66dff; }
    
.inverse-secondary {
  background-color: rgba(195, 189, 189, 0.2);
  background-image: none;
  border-color: rgba(195, 189, 189, 0); }
  
.inverse-secondary:hover {
    color: #ffffff;
    background-color: #c3bdbd;
    border-color: #c3bdbd; }
    
.inverse-success {
  background-color: rgba(27, 207, 180, 0.2);
  background-image: none;
  border-color: rgba(27, 207, 180, 0); }
  
.inverse-success:hover {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4; }

.inverse-info {
  background-color: rgba(25, 138, 227, 0.2);
  color: #198ae3;
  background-image: none;
  border-color: rgba(25, 138, 227, 0); }
  
.inverse-info:hover {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3; }

.inverse-warning {
  background-color: rgba(254, 215, 19, 0.2);
  background-image: none;
  border-color: rgba(254, 215, 19, 0); }
  
.inverse-warning:hover {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713; }

.inverse-danger {
  background-color: rgba(254, 124, 150, 0.2);
  background-image: none;
  border-color: rgba(254, 124, 150, 0); }

.inverse-danger:hover {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96; }

.inverse-light {
  background-color: rgba(248, 249, 250, 0.2);
  background-image: none;
  border-color: rgba(248, 249, 250, 0); }

.inverse-light:hover {
    color: #ffffff;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }

.inverse-dark {
  background-color: rgba(62, 75, 91, 0.2);
  background-image: none;
  border-color: rgba(62, 75, 91, 0); }
  .btn-inverse-dark:not(.btn-inverse-light) {
    color: #3e4b5b; }

.inverse-dark:hover {
    color: #ffffff;
    background-color: #3e4b5b;
    border-color: #3e4b5b;
}
.bg-img {
  position: relative;
  border-bottom: none;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0; }

.flashbg{
	background: linear-gradient(60deg, #fffefa, #fff7e3, #ff9603,#fff7e3, #fffefa);
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 400% 400%;
	
}

.animatedbg{
	background: linear-gradient(60deg, #ff172a, #ff731c, #fffee3,#ff731c, #ff172a);
	animation: animatedgradient 4s ease alternate infinite;
	background-size: 300% 300%;
	
}
@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 50% 100%;
	}
}