@import url('https://fonts.googleapis.com/css2?family=Changa:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');


body {
  font-family: "Changa", sans-serif;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  outline: none;
}
input {
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Changa", sans-serif;
  margin: 0px;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out;
}
a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
p{
	font-family: "DM Sans", sans-serif;
}
@media (max-width: 1199px) {
  .menu-thumb {
    display: none !important;
  }
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.header-main .main-menu ul {
  margin-bottom: 0;
}
.header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
}
.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-main .main-menu ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    position: relative;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    font-family: "Changa", sans-serif;
    padding: 0px 16px;
    line-height: 50px;
    letter-spacing:0.4px;
}
.mean__menu-wrapper .active a {
    color: #f4a204 !important;
}
.header-main .main-menu ul li a i {
  margin-left: 4px;
  font-size: 14px;
}
.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 115%;
  inset-inline-start: 0;
  min-width: 240px;
  background: var(--white);
  padding: 20px 0;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  color: var(--header);
  transform: translateY(-10px);
  transition: all 0.4s ease-in-out;
  border-top: 6px solid var(--theme);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 16px;
  font-weight: 500;
  color: var(--header);
  line-height: 38px;
  padding: 0px 0px 0px 32px;
  width: 100%;
}
.header-main .main-menu ul li .submenu li a::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: var(--theme);
  left: 14px;
  bottom: 18px;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li a:hover {
  color: var(--theme) !important;
}
.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {color: #fff !important; margin-left: 10px;}
.header-main .main-menu ul li .submenu li:hover > a::before {
  width: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
  -webkit-transform: translateY(1);
  -moz-transform: translateY(1);
  -ms-transform: translateY(1);
  -o-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--theme);
}
.header-main .main-menu ul li .has-homemenu {
  width: 800px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  left: -250px;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .header-main .main-menu ul li .has-homemenu .homemenu-items {
    flex-wrap: wrap;
  }
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  padding: 14px 20px;
  color: var(--white) !important;
  width: initial;
  font-size: 16px;
  text-align: center;
  border-radius: 0px !important;
  background-color: var(--theme);
  line-height: initial;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  background-color: var(--header);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
}
.header-main .main-menu ul li:hover > a {
    color: #fa0509;
}
.header-main .main-menu ul li:hover > a::after {
  color: var(--theme);
}
.header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  background: #000;
}



.offcanvas__info {
  background: var(--white) none repeat scroll 0 0;
  border-left: 2px solid var(--theme);
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__info::-webkit-scrollbar {
  display: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme);
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
  margin-right: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {
  color: var(--theme);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
  text-transform: initial;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn {
  width: 100%;
  padding: 20px 40px;
  text-transform: capitalize !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
  margin-top: 30px;
  gap: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: transparent;
  color: var(--text);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border: 1px solid var(--border);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul .homemenu-items {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .mean-container .mean-nav > ul .homemenu-items {
    flex-wrap: wrap;
  }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu {
  position: relative;
}
@media (max-width: 1199px) {
  .mean-container .mean-nav > ul .homemenu-items .homemenu {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid var(--border);
    padding: 10px;
  }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  padding: 12px 20px;
  color: var(--white) !important;
  width: initial;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  color: var(--white) !important;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
}
.mean-container a.meanmenu-reveal {
  display: none !important;
}
.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color:#fff;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border) !important;
  border: none;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--theme);
}
.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--theme2);
}
.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}
.mean-container .mean-nav ul li > a > i {
  display: none;
}
.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  font-size: 18px;
}
.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}
.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}
.back-to-top {
  border-radius: 50%;
  background-color: var(--theme);
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: var(--white);
  font-size: 18px;
  position: fixed;
  display: inline-block;
  z-index: 999;
  right: 30px;
  bottom: 30px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
.back-to-top:hover {
  background-color: var(--header);
  color: var(--white);
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

/*HOME PAGE*/
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1450px;}
.header-top {background: #ff4949;}
.header-left {display: flex;}
.header-left li a {color: #fff; font-size: 15px; font-weight: 500;}
.header-left li {color: #fff; font-size: 15px; font-weight: 500; margin-right: 20px;}
.social-icon {text-align: right;}
.social-icon a {display: inline-block; color: #fff; font-size: 20px; width: 35px; text-align: center; height: 35px; line-height: 35px;}
.header-main .logo img {width: 335px;}
.header-logo {display: block;}
.header-left li i {margin-right: 4px;}
.header-main .main-menu ul li a:before {position: absolute; content: ''; background: #fff; width: 0; height: 2px; left:100%; right: 0; transition: left 0.1s ease 0s, right 0.1s ease 0.1s;}
.header-main .main-menu ul li a:hover:before {position: absolute; content: ''; background: #fff; width: 30px; height: 2px; left: 0; right: 60%; transition: all 0.4s ease-in-out;}
.header-main .main-menu ul li a:after {position: absolute; content: ''; background: #fff; width: 0; height: 2px; right:100%; left: 0; bottom:0; transition: left 0.1s ease 0s, right 0.1s ease 0.1s;}
.header-main .main-menu ul li a:hover:after {position: absolute; content: ''; background: #fff; width: 30px; height: 2px; right: 0; left: 60%; transition: all 0.4s ease-in-out;}
.onno-chandrima-btn {background: #25d366; display: block; padding: 8px 5px 8px 20px; border-radius: 50px; color: #fff; font-weight: 500; position: relative; overflow: hidden;}
.onno-chandrima-btn i {width: 35px; border-radius: 100px; color: #000; height: 35px; line-height: 35px; display: inline-block; text-align: center; background: #fff; margin-left: 10px; margin-right: 5px;}
.onno-chandrima-btn:before {position: absolute; content: ''; background: #f00; width: 0; height: 100%; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-in-out;}
.onno-chandrima-btn:hover:before {width: 100%; transition: all 0.4s ease-in-out;}
.onno-chandrima-btn span, .onno-chandrima-btn i {position: relative;}
.banner-wrapper {position: relative;}
.header-1 {position: absolute; left: 0; right: 0; z-index: 9; width: 100%;}
.banner-image-items img {width: 100%; height: 680px; object-fit: cover;}
.banner-content {position: absolute; top: 50%; color: #fff; max-width: 50%; transform: translateY(-50%); left: 50px;}
.banner-title {font-size: 36px; font-weight: 600; margin-bottom: 10px; text-transform: capitalize;}
.banner-paragraph {max-width: 600px; position: relative;}
.banner-content .btn-group a {display: inline-block; padding: 3px 24px 5px 15px; color: #fff; font-weight: 600; border-radius: 100px; text-transform: uppercase; font-size: 15px; line-height: 36px;
    margin-right: 10px;}
.spotify span {margin-right: 6px; display: inline-block;}
.banner-content .btn-group {margin-top: 30px;}
.banner-paragraph:after {position: absolute; content: ''; width: 65px; height: 71px; background: url('../img/arrow.png'); right: 30px; bottom: -75px;}
.banner-content .spotify:hover {background: #15ac4d !important;}
.banner-content .youtube:hover {background: #ce0306 !important;}
.banner-content .jiosaavn:hover {background: #1b9c86 !important;}
.about-image {overflow: hidden; max-width: 462px; border-radius: 0px 0px 50% 50%; display: block; margin: 0px auto; position: relative; height: 540px; object-fit: cover; object-position: left;}
.about-image-wrapper {position: relative;}
.about-image-wrapper:after {position: absolute; content: ''; width: 440px; height: 590px; border: 10px solid #fa0509; border-radius: 0px 0px 50% 50%; left: 170px;z-index: 1; top: -25px;}
.about-image-wrapper:before {position: absolute; content: ''; background: url('../img/about-dot.webp'); width: 200px; height: 200px;}
.about-image-wrapper:before {position: absolute; content: ''; background: url(../img/about-dot.webp); width: 170px; height: 170px; background-size: cover; left: 40px;}
.sub-title {color: #fa0509; position: relative; font-family: "Changa", sans-serif; font-size: 18px; padding-left: 30px; font-weight: 500;}
.sub-title:before {position: absolute; content: '//'; width: 20px; height: 20px; left: 0;}
.heading-title {font-size: 40px; font-weight: 700; text-transform: capitalize; margin-top: 15px; line-height: 42px; margin-bottom: 10px;}
.content {max-width: 90%; text-align: justify; line-height: 25px; margin-bottom: 10px; color: #505050;}
.button-style {display: block; background: #fa0509; text-align: center; width: 200px; border-radius: 50px; font-size: 15px; font-weight: 600; line-height: 55px; color: #fff; position: relative;
    font-family: "Changa", sans-serif; margin-top: 25px; overflow: hidden;}
.button-style span{position: relative;}
.button-style:before {position: absolute; content: ''; background: #000; width: 0px; height: 100%; left: 0px; transition: all 0.4s ease-in-out;}
.button-style:hover:before{width: 100%; transition: all 0.4s ease-in-out;}
.section-header {text-align: center;}
.section-header .sub-title {display: inline;}
.video-wrapper img {width: 100%; transition: all 0.4s ease-in-out; height: 200px; object-fit: cover;}
.video-slider .video-wrapper {margin: 0px 10px;}
.video-wrapper {border-radius: 16px;  overflow: hidden;  box-shadow: 1px 3px 6px 1px rgb(156 156 156 / 21%); position: relative; transition: all 0.4s ease-in-out;}
.video-wrapper span {background: #f00; color: #fff; position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; text-align: center; border-radius: 100px; line-height: 40px; overflow: hidden;}
.video-wrapper span:before {position: absolute; content: ''; background: #000; width: 10px; height: 10px; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0px auto; transition: all 0.4s ease-in-out; border-radius:100px; }
.video-wrapper:hover span:before {width: 100%; height: 100%; transition: all 0.4s ease-in-out;}
.video-wrapper span i {position: relative;}
.mfp-wrap {overflow-x: auto !important;}
.mfp-container {min-width: 1300px;}
.mfp-iframe-holder .mfp-content {max-width: 720px;}
.mfp-iframe-holder .mfp-close {text-indent: 100%; white-space: nowrap; padding-right: 0; opacity: 1;}
.play-btn {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0px auto; text-align: center; font-size: 50px; color: #fff; transition: all 0.4s ease-in-out;}
.video-wrapper:hover img {transform: scale(1.1); transition: all 0.4s ease-in-out;}
.video-wrapper:before {position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 100%); transition: all 0.4s ease-in-out; }
.slick-dots li button:before {background: #a3a2a2; border-radius: 100px; width: 15px; height: 15px; line-height: 16px; color: transparent;}
.slick-dots li button {padding: 0px !important; width: 15px; height: 15px;}
.slick-dots {bottom: -50px;}
.performance-section {padding-bottom: 60px !important;}
.performance-section {padding-bottom: 60px !important; background-attachment: fixed !important; background-position: right center !important; background-size: cover !important; overflow-x: hidden;}
.events-wrapper {position: relative; background: #000; overflow-x: hidden; overflow-y: hidden; overflow: hidden;}
.modal-body iframe {width: 100%; height: 265px;}
.chandrima-event-image {margin: 0px auto; height: 590px; display: block;}
.event-inner h2 {color: #fff; position: relative;}
.events-wrapper:before {position: absolute; content: ''; background: #101010; width: 400px;  height: 400px; top: 0; border-radius: 0px 0px 100% 0px;}
.event-images {overflow: hidden; border-radius: 10px; position: relative;}
.event-images img {height: 380px; object-fit: cover; object-position: top;}
.event-list .slick-slide {margin: 0px 14px;}
.event-list {margin-top: 40px;}
.event-content-title {color: #ffffff; text-transform: capitalize; font-size: 18px; margin-bottom: 10px; margin-top: 0;}
.onno-chandrima-inner .onno-chandrima-btn {background: #ff0000;}
.onno-chandrima-inner .onno-chandrima-btn:before{background: #000;}
.event-details li span {color: #fa0509; margin-right: 5px;}
.event-details li {color: #fff;}
.event-items {transition: all 0.4s ease-in-out; border-radius: 10px; position: relative;}
.event-items:hover {background: #222121; transition: all 0.4s ease-in-out;}
.event-content {padding: 10px; position: absolute; bottom: -30px; background: #404040;  width: 100%; opacity: 0;  transition: all 0.4s ease-in-out;}
.event-items:hover .event-content{bottom: 0; opacity: 1; transition: all 0.4s ease-in-out;}
.onno-chandrima {position: relative;}
.onno-chandrima-inner {position: absolute; width: 100%; bottom: 20px;}
.onno-chandrima-video .slick-slide {margin: 0px 14px;}
.view-all-stories {display: flex; font-weight: 800; text-transform: uppercase; align-items: center; font-family: "Changa", sans-serif; margin-bottom: 20px;}
.view-all-stories .onno-chandrima-btn {margin-left: 10px;}
.view-all-stories a {font-weight: 600;}
.gallery-header{display: flex; justify-content: space-between; align-items: center;}
.gallery {margin-top: 30px;}
.gallery a {display: block;}
.gallery a img {border-radius: 10px; height: 250px; width: 100%; object-fit: cover; padding: 0px; border: none;}
.thumb {overflow: hidden; position: relative; margin-bottom: 25px !important;}
.overly {background: rgba(0, 0, 0, 0.4); height: 100%; position: absolute; top: -250px; width: 93.2%; color: #fff; display: flex; justify-content: center; align-items: center;
    border-radius: 10px; transition: all 0.4s ease-in-out;}
    .thumb:hover .overly {top: 0; transition: all 0.4s ease-in-out;}
footer {background-position: top center !important; background-size: cover !important; padding: 6em 0px;}
.footer-widget p {line-height: 22px; margin-top: 20px; font-weight: 400; text-align: justify; color: #000; padding-right: 50px;}
.footer-social-icon a {background: #000000; color: #fff; width: 50px; display: inline-block; text-align: center; height: 50px; line-height: 50px; border-radius: 100px; font-size: 20px;}
.footer-social-icon a i {display: block; line-height: 50px;}
.footer-social-icon a:hover {background: #fa0509;}
.widget-title {font-size: 20px; font-weight: 600; color: #fa0509; margin-top: 56px; margin-bottom: 20px; padding-left: 0px;}
.footer-nav li a {color: #000000; line-height: 40px; font-weight: 500; display: block; position: relative;}
.footer-nav li a:before {position: absolute; content: ''; background: #f00; width: 5px; height: 5px; top: 50%; transform: translateY(-50%); transition: all 0.4s ease-in-out; left:0; opacity:0; border-radius: 100px;}
.footer-nav li a:hover:before {position: absolute; content: ''; background: #f00; width: 5px; height: 5px; top: 50%; transform: translateY(-50%); transition: all 0.4s ease-in-out; left:0; opacity:1;}
.footer-nav li a:hover{padding-left:14px; transition: all 0.4s ease-in-out;}
.footer-widget .header-left {flex-direction: column;}
.footer-nav {padding: 0px 8px;}
.footer-widget .header-left li a, .footer-widget .header-left li {color: #000; font-weight: 500; margin-bottom:10px;}
.post-title {font-size: 16px; text-transform: capitalize; text-transform: capitalize;}
.date {font-style: italic; font-size: 12px;}
.recentpost li{position: relative; margin-bottom: 15px; transition: all 0.4s ease-in-out;}
.recentpost li:hover{position: relative; padding-left:14px; transition: all 0.4s ease-in-out;}
.recentpost li:before {position: absolute; content: ''; background: #f00; width: 5px; height: 5px; top: 0; transition: all 0.4s ease-in-out; left:0; opacity:0; border-radius: 100px; transition: all 0.4s ease-in-out;}
.recentpost li:hover:before {position: absolute; content: ''; background: #f00; width: 5px; height: 5px; transition: all 0.4s ease-in-out; left:0; opacity:1; transition: all 0.4s ease-in-out;}
.copyright {background: #ff4949;}
.copyright-inner {display: flex; justify-content: space-between; align-items: center;}
.copyright-inner p {color: #fff; margin: 0px; line-height: 50px;}
.video-wrapper span i {display: block; line-height: 40px;}
.tab-button a {display: inline-block; text-transform: uppercase;}
.tab-button {text-align: center;}
.tab-button .active {background: #f4a204 !important;}
.recentpost a li {color: #000000;}
.footer-widget img {max-width: 340px;}
.copyright-inner a {color: #fff; font-weight: 600}
.onno-chandrima-video {max-width: 80%; margin: 0px auto;}
.slick-initialized .slick-slide {display: block; height: auto;}
.submenu li a {color: #fff !important;}

/*-------------------------------
 *  animation
-------------------------------*/
.mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.10s ease; transition: all 0.10s ease;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.9;}
.mfp-ready .mfp-content {width: 720px; -webkit-animation: tobig 0.5s ease 0s 1 normal both; animation: tobig 0.5s ease 0s 1 normal both;}
@-webkit-keyframes tobig {
	from {
		width: 660px;
	}
	to {
		width: 720px;
	}
}
@keyframes tobig {
	from {width: 660px;
	}
	to {width: 720px;}
}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.30s ease-out; transition: all 0.30s ease-out;}
.mfp-fade.mfp-bg.mfp-removing {-webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
button#back-top {background: #f90509; color: #fff;}
.video-slider-item {margin-bottom: 20px;}
.social-icon a i {display: block; line-height: 35px;}

/*About*/
.header-2 {background: #000;}
.highlight {font-size: 30px; color: #f00;}
ol.breadcrumb {display: flex; justify-content: flex-end; margin-bottom: 0;}
.breadcrumb li {margin: 0px 16px; color: #818181;}
.breadcrumb li a {color: #818181;}
.breadcrumb .active {color: #fa0509 !important;}
.about-section-01 {background-attachment: fixed !important; background-size: cover !important;}
.about-section-01-image{position: relative;}
.about-section-01{position: relative;}
.about-section-01-image img {max-width: 600px;  margin: 0px auto; border-radius: 10px; overflow: hidden; display: block; height: 650px; object-fit: cover; object-position: left;  position: relative;}
.about-content p {color: #fff; position: relative; text-align: justify;}
.about-section-01:before {position: absolute; content: ''; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0;}
.about-section-01-image:before {position: absolute; content: ''; background: transparent; border: 10px solid #dd0408; width: 550px; height: 100%; z-index: 0; top: -20px; left: 20px;}
.mobile-logo {display: none;}

/*Albums*/
.item-media {position: relative;}
.item-media .albums-front {-webkit-transition: all 0.25s ease; transition: all 0.25s ease; z-index: 1; position: relative;}
.item-media:hover .albums-front {margin-left: -150px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.albums-back {position: absolute; top: 0; left: 0; right: 0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.albums-back img {width: 300px; height: 300px; opacity: 0;}
.item-media:hover .albums-back img{margin-top:0px; margin-right: -150px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; opacity: 1;}
.albums-content {text-align: center; margin-top: 15px;}
.album-name {color: #fa0509; margin-bottom:15px;}
.albums-content p {margin-bottom: 0px;}
.albums-content p span {font-weight: 600; display: block; font-size: 18px;}
.albums-front img {border-radius: 5px; box-shadow: 4px 5px 0px 1px rgb(190 190 190); width: 300px; height: 300px; object-fit: cover;}
.modal.show .modal-dialog {
    transform: none;
    top: 50%;
    transform: translateY(-50%);
}

/*Events*/
.event-wrapper {display: flex; background: #f8f8f8; border-radius: 8px; overflow: hidden; align-items: center; margin-bottom: 20px; flex-direction: row;}
.events-images {width: 100%;}
.events-images img {height: 350px; object-fit: fill;}
.events-content {padding:20px; width: 100%;}
.event-title {color: #fff; margin-bottom: 10px; text-transform: capitalize; font-size: 20px;}
.events-content p {color: #fff; margin-bottom: 6px;}
.events-content p span {margin-right: 5px; font-weight: 500;}
.event-wrapper .button-style {background: #000;}
.event-wrapper .button-style:hover:before {background: #f00;}
.event-wrapper .events-content h3, .event-wrapper .events-content p {
    color: #000;
}

/*Blog*/
.blog-wrapper {background: #ffffff; border-radius: 8px; overflow: hidden; align-items: center; margin-bottom: 20px; display: flex; flex-direction: column; box-shadow: 0px 3px 15px 2px rgb(0 0 0 / 12%);}
.blog-images {width: 100%; overflow: hidden;}
.blog-wrapper .event-title {color: #fa0509;}
.blog-wrapper p {color: #151414 !important; text-align: justify; line-height: 24px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
    overflow: hidden;}
.blog-content {padding:20px; width: 73%; margin: 0px auto;}
.blog-images img {height: 300px; object-fit: cover; object-position: top;}
.blogdetails-inner .blog-images img {height: auto; max-width: 70%; margin: 0px auto; display: block;}
.blog-share a i {line-height: 50px;}
.blog-wrapper .button-style {background: #000;}
.blog-wrapper .button-style:hover:before {background: #f00;}
.blogdetails-inner {margin: 0px auto;}
.blogdetails-inner p {color: #414141; text-align: justify;}
.blog-share p {font-weight: 500;}
.facebook {text-align: center; background: #4267B2; color: #fff; display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 10px; font-size: 20px;}
.whatsapp {text-align: center; background: #25d366; color: #fff; display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 10px; font-size: 20px;}
.oono-chandrima-title {font-size: 22px; margin-bottom: 20px; text-transform: capitalize; font-weight: 700;}
.contact-details .header-left li a, .contact-details .header-left li {color: #000;}
.contact-details .header-left {display: flex; flex-direction: row; justify-content: center;}
.inner-banner {background: #fafafa;}
.blog-wrapper .blog-content {width: 100%;}
.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 40px;
    right: 20px;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 30px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 99;
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.pulse-button {
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(#f4a204, .5);
  -webkit-animation: pulse 1.5s infinite;
}
.pulse-button:hover {
  -webkit-animation: none;
}

@-webkit-keyframes pulse {
  0% {
    @include transform(scale(.9));
  }
  70% {
    @include transform(scale(1));
    box-shadow: 0 0 0 50px rgba(#f4a204, 0);
  }
    100% {
    @include transform(scale(.9));
    box-shadow: 0 0 0 0 rgba(#f4a204, 0);
  }
}
a#all-photo {
    display: none !important;
}


/*Contac*/
.contact-form .form-group {display: inline-block; width: 49%; vertical-align: top; margin-bottom: 10px;}
.contact-form {background: #f3f3f3; padding: 20px; border-radius: 10px;}
.contact-form label {font-weight: 500;}
.contact-wrapper {text-align: center; max-width: 1000px; margin: 0px auto;}
.contact-details .content {text-align: center; max-width: 100%;}
.contact-form .form-group input {height: 50px;}
.blogdetails-inner h3 {color: #ff4949; font-size:24px;}
.contact-form label {display: block; text-align: left;}
.form-group-text {margin: 0px 8px;}

/*RESPONSIVE*/
@media only screen and (max-width: 1025px) {
	.onno-chandrima-btn {margin-right: 30px; font-size: 12px; padding: 5px 17px;}
	.sidebar__toggle i {color: #fff; font-size: 26px;}
	.offcanvas__info.info-open, .offcanvas__wrapper {background: #000;}
	.offcanvas__logo img {width: 100%; max-width: 180px;}
	.offcanvas__close {background: #fa0509 !important;}
	.offcanvas__close i {color: #fff !important; line-height: 45px;}
	.offcanvas__contact h4 {color: #fa0509;}
	.offcanvas__contact ul li {color: #ffff;}
	.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) { margin-bottom: 6px;}
	.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {margin-top: 10px;}
	.social-icon a {color: #fff !important;}
	.event-inner {position: relative;}
	footer {text-align: center; background-position: right center !important; background: #e6e6e6 !important;}
	h3.widget-title {margin-top: 10px;}
	.mfp-container {min-width: 100%;}
	.copyright-inner {flex-direction: column;}
	.copyright-inner p { width: 100%; text-align: center; line-height: 26px;}
	.copyright {background: #000; padding: 10px 0px;}
	.event-wrapper {display: flex; flex-direction: column; min-height: auto;}
	.events-images, .events-content {width: 100%;}
	.photogallery {margin-bottom: 0px !important;}
	.tab-button {text-align: center; margin-bottom: 10px !important;}
	.tab-button a {margin-bottom: 0px; font-size: 14px;}
	.offcanvas__wrapper ul li a {font-size: 14px !important; padding: 0px !important; line-height: 36px !important; color: #fff !important;}
	li.mean-last {margin-bottom: 20px;}
	a.mean-expand {color: #fff !important;}
	.offcanvas__contact-text a {display: block;}
}
@media only screen and (max-width: 767px) {
.header-left {justify-content: center;}
.social-icon {text-align: center;}
.banner-image-items img {height: 300px;}
.banner-content {position: relative; top: 0; transform: inherit; max-width: 100%; left: 0; text-align: center; margin-top: 20px;}
.header-1 {position: relative; background: #000;}
.header-main .logo img {width: 290px;}
.onno-chandrima-btn i {position: relative; width: 20px; height: 20px !important; line-height: 20px;}
.banner-title, .banner-paragraph {color: #000;}
.banner-title {font-size: 26px;}
    .banner-content .btn-group {margin-top: 0; flex-direction: row; display: flex; justify-content: center; align-items: center;}
    .banner-content .btn-group a {margin-bottom: 10px; padding: 10px !important;}
    .banner-content .btn-group a span {margin: 0;}
.about-image-wrapper:after{display: none;}
.about-image {border-radius: 10px; margin-bottom: 20px; max-width: 100%;  height: 500px;}
.heading-title {font-size: 25px; line-height: 30px; text-align: center; font-weight: 600;  width: 100%;}
.about-section-content {text-align: center;}
.content {max-width: 100%;}
.sub-title {display: inline-block;}
.button-style {margin: 10px auto 10px; width: 40%; line-height: 50px;}
.event-inner {position: relative; text-align: center;}
.event-images img {height: 300px;}
.chandrima-event-image {height: 350px !important;}
.onno-chandrima-inner {position: relative; width: 100%; bottom: 0; margin-top: 20px;}
.view-all-stories, .gallery-header {flex-direction: column;}
.icon-text {display: none !important;}
.about-section-01-image:before {width: 90%; margin: 0px auto; left: 0; right: 0;}
.about-section-01-image img {margin-bottom: 20px; height: auto;}
.highlight{text-align: center;}
.breadcrumb {justify-content: center !important;}
.contact-form .form-group {width: 100%;}
.contact-details .header-left {flex-direction: column;}
.blog-wrapper {flex-direction: column;}
.banner-wrapper .slick-slide {height: auto;}
.onno-chandrima {position: relative; margin-bottom: 0px !important;}
.event-inner .slick-dots {display: none !important;}
.about-section {margin-top: 0px !important;}
.blogdetails-inner .blog-images img {max-width: 100%;}
.form-group-text {margin: 0;}
.footer-widget p {padding: 0px;}
.blog-content {padding: 20px 0px; width: 100%; margin: 0px auto;}
.onno-chandrima-video {max-width: 100%; margin: 0px auto;}
.slick-dots {bottom: -25px;}
footer {padding: 1em 0;}
.view-all-stories .onno-chandrima-btn {margin: 0;}
.video-wrapper img {height: 235px;}
.item-media-wrap {margin-bottom: 30px;}
.events-images img {height: auto;}
.blog-wrapper .blog-content {width: 100%; padding: 20px;}
.gallery-header .button-style {display: none;}
a#all-photo {
    display: block !important;
}
}


@media only screen and (max-width: 640px) {
.header-main {flex-direction: row;}
.header-main .logo img {width: 120px;    }
.header-top{display: none;}
.banner-image-items img {height: 200px;}
.mobile-logo {display: block;  width: 60px !important;} 
.desktop-logo{display: none;}
}