body{font-family: 'Poppins', sans-serif;} .manjari { font-family: 'Manjari', sans-serif; } .poppins { font-family: 'Poppins', sans-serif; } p { font-size: 14px; line-height: 26px; font-weight: 300; } a:hover { text-decoration: none; } .bg-img { background-size: cover; background-repeat: no-repeat; background-position: center center; } .bg-repeat { background-repeat: repeat; background-position: center center; } .bg-light-1 { background: #f5f8f7; } .bg-purple { background: #2E2C76; } .bg-white { background: #ffffff; } .bg-grey { background: #e8e8e8; } .sbtn-line-white { padding: 9px 0 9px 25px !important; border: 1px solid #fff; border-radius: 0 !important; color: #fff; font-size: 14px !important; line-height: 24px; transition: all .3s; font-weight: 600; } .sbtn-line-white span { font-size: 14px; background: #ffffff; color: #2E2C76; padding: 12px 15px; margin-left: 10px; border-left: 1px solid #ffffff; transition: all .3s; } .sbtn-line-white:hover { padding: 9px 0 9px 25px !important; border: 1px solid #fff; border-radius: 0 !important; color: #2e2c76; font-size: 14px !important; line-height: 24px; background: #ffff; font-weight: 600; transition: all .3s; } .sbtn-line-white:hover.sbtn-line-white span { font-size: 14px; background: #ffffff; color: #2E2C76; padding: 12px 15px; margin-left: 10px; border-left: 1px solid #2E2C76; transition: all .3s; } .row-eq-height { display: flex; flex-wrap: wrap; } .sbtn-line-red { padding: 9px 0 9px 25px !important; border: 1px solid #c01e2d; border-radius: 0 !important; color: #c01e2d; font-size: 14px !important; line-height: 24px; transition: all .3s; font-weight: 600; } .sbtn-line-red span { font-size: 14px; background: #c01e2d; color: #ffffff; padding: 11px 15px; margin-left: 10px; border-left: 1px solid #ffffff; transition: all .3s; } .sbtn-line-red:hover { padding: 9px 0 9px 25px !important; border: 1px solid #c01e2d; border-radius: 0 !important; color: #ffffff; font-size: 14px !important; line-height: 24px; background: #c01e2d; font-weight: 600; transition: all .3s; } .sbtn-line-red:hover.sbtn-line-white span { font-size: 14px; background: #c01e2d; color: #2E2C76; padding: 11px 15px; margin-left: 10px; border-left: 1px solid #2E2C76; transition: all .3s; } .btn-border-white { padding: 12px 30px; border: solid 1px #fff; border-radius: 0 !important; background: transparent; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: capitalize; transition: all .3s; color: #FFFFFF; } .btn-border-white:hover { background: #ffffff; color: #c01e2d; border: 1px solid #FFFFFF; transition: all .3s !important; } .btn-border-red { padding: 12px 30px; border: solid 1px #c01e2d; border-radius: 0 !important; background: transparent; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: capitalize; transition: all .3s; color: #c01e2d; } .btn-border-red:hover { background: #c01e2d; color: #fff; border: 1px solid #c01e2d; transition: all .3s !important; } .btn-solid-dark { padding: 12px 30px; border: solid 1px #0a0839; border-radius: 0 !important; background: #0a0839; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: capitalize; transition: all .3s; color: #FFFFFF; } .btn-solid-dark:hover { padding: 12px 30px; border: solid 1px #c01e2d; background: #c01e2d; font-weight: 500; transition: all .3s; color: #FFFFFF; } .overflow-hidden{ overflow: hidden;} .text-black {color: #000000;} .spacer-30{padding-bottom: 30px;} .spacer-40{padding-bottom: 40px;} .spacer-50{padding-bottom: 50px;} .spacer-60{padding-bottom: 60px;} .spacer-70{padding-bottom: 70px;} .spacer-80{padding-bottom: 80px;} .spacer-90{padding-bottom: 90px;} .spacer-100{padding-bottom: 100px;} .spacer-120{padding-bottom: 120px;} .spacer-140{padding-bottom: 140px;} .font-10{ font-size: 10px; } .font-12{ font-size: 12px; } .font-13{ font-size: 13px; } .font-14{ font-size: 14px; } .font-15{ font-size: 15px; } .font-16{ font-size: 16px; } .font-18{ font-size: 18px; } .font-20{ font-size: 20px; } .font-22{ font-size: 22px; } .font-24{ font-size: 24px; } .font-26{ font-size: 26px; } .font-28{ font-size: 28px; } .font-30{ font-size: 30px; } .font-32{ font-size: 32px; } .fw-200{font-weight: 200;} .fw-300{font-weight: 300;} .fw-400{font-weight: 400;} .fw-500{font-weight: 500;} .fw-600{font-weight: 600;} .fw-700{font-weight: 700;} .fw-800{font-weight: 800;} .fw-900{font-weight: 900;} .lh-20{line-height: 20px;} .lh-22{line-height: 22px;} .lh-24{line-height: 24px;} .lh-26{line-height: 26px;} .lh-28{line-height: 28px;} .lh-30{line-height: 30px;} .lh-32{line-height: 32px;} .lh-34{line-height: 34px;} .lh-36{line-height: 36px;} .lh-38{line-height: 38px;} .text-red{color: #C01E2D;} .text-gold{color: #f59e10;} /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .position-relative{position: relative;} .section-padding{padding-top: 100px;padding-bottom: 100px;} .section-padding-medium{padding-top: 60px;padding-bottom: 60px;} .section-padding-small{padding-top: 30px;padding-bottom: 30px;} .section-title { font-size: 48px; line-height: 58px; font-style: normal; color: #000; margin-bottom: 20px; font-weight: 600; } .medium-title { font-family: 'Poppins', sans-serif; font-size: 20px; text-transform: capitalize; } .large-title { font-family: 'Poppins', sans-serif; font-size: 32px; text-transform: capitalize; } .small-title { font-family: 'Poppins', sans-serif; font-size: 16px; text-transform: capitalize; } .paragraph { font-family: 'Poppins',sans-serif; font-size: 14px; line-height: 28px; } /* ============navigation start ============ */ .sivam-navbar { position: fixed; display: block; width: 100%; top: 0; left: 0; z-index: 99; } .sivam-navbar .navbar-brand { padding: 0; } .header-fixed { z-index: 99; display: block; height: 75px; background: #37307d; position: fixed; width: 100%; } .header { transition: all .5s; } .header-fixed { transition: all .5s; } .navbar { transition: all .5s; } .header-fixed .navbar { height: 75px; transition: all .5s; } .header-fixed #logo { background: #37307d; border-radius: 0; box-shadow: 0px 5px 6px -5px #0000008c; transition: all .5s; padding: 5px 10px 10px 10px; width: 155px; height: 90px; top: 10px; } #logo { background: transparent; width: 150px; height: 70px; transition: all .5s; } .navbar-toggler { margin-top: 15px; } .navbar-light .navbar-nav .nav-link:hover { color: #dca645; transition: all .3s; } @media screen and (min-width: 992px) { .navbar { height: 120px; } #logo { width: 186px; height: 110px; position: relative; text-align: center; background: transparent; } .navbar-light .navbar-nav .nav-link { padding-right: 10px; color: #ffffff; } #nav-left { padding-left: 0px; } } @media screen and (min-width:320px) and (max-width: 768px) { #logo { background: transparent; width: 120px; height: 70px; transition: all .5s; } .nav__trigger-finger { position: fixed; top: 35px !important; } .header-fixed .nav__trigger-finger { top: 25px !important; transition: all .5s; } .nav__list { position: fixed; overflow-y: scroll; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-image: url("https://sivammagazine.com/cdtassets/frontend/css/../images/menu-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 14px; padding: 40px; transform: translate(150vw) rotate(45deg); transition: 0.2s cubic-bezier(0.75, 0, 0.25, 1); height: 100vh; } .header-fixed #logo { background: #37307d; border-radius: 0; box-shadow: 0px 5px 6px -5px #0000008c; transition: all .5s; padding: 5px 10px 10px 10px; width: 110px; height: 65px; top: 10px; } .header-fixed { z-index: 99; display: block; height: 65px; background: #37307d; position: fixed; width: 100%; } } /* ============ navigation start end ============ */ /* ============ section slider ============ */ #stars { overflow: hidden; position: absolute; width: 100%; height: 100vh; left: 0; top: 0; } .slider-col-banner { display: flex; height: 100vh; vertical-align: bottom; } .section-slider { min-height: 100vh; max-height: 100vh; background: gainsboro; } .section-slider:after { position: absolute; content: url("https://sivammagazine.com/cdtassets/frontend/css/../images/banner-bottom.png"); left: 0; bottom: -35px; display: block; width: 100%; height: auto; overflow: hidden; z-index: 2; } .banner-slide-text p { font-size: 24px; line-height: 36px; font-family: 'Manjari', sans-serif; font-weight: 300; } @media screen and (min-width:320px) and (max-width: 768px) { .banner-slide-img { min-width: 60% !important; max-width: 60% !important; padding-right: 0 !important; margin-left: auto; margin-right: auto; } .banner-slide-text p { font-size: 10px; line-height: 20px; text-align: center; } .banner-swiper { padding-top: 40% !important; z-index: 18; position: relative; } .banner-swiper .swiper-button-next{ top: 105% !important; right: 0; left: 55% !important; } .banner-swiper .swiper-button-prev { left: 35% !important; top: 105% !important; } } /* ============ section slider end ============ */ /* ========== home page styles ============= */ .subscribe-cta:before { content: url("https://sivammagazine.com/cdtassets/frontend/css/../images/subscribe-art.svg"); position: absolute; left: 40px; top: -75%; width: 210px; height: auto; } .section-about:before { position: absolute; content: url("https://sivammagazine.com/cdtassets/frontend/css/../images/dots-1.png"); left: 0; top: 0; display: block; width: 100%; height: 100%; overflow: hidden; transform: scale(0.9); } .subscribe-sivam-col { padding: 80px 60px 150px 60px; background: #fff; clip-path: polygon(0 0, 100% 0, 100% 70vh, 0 100%); } .subscribe-cta { padding: 40px 0px; } .subscribe-btn { background: transparent; color: #fff; padding: 15px 15px 0px 15px !important; font-size: 20px; transition: all .3s; } .subscribe-btn:hover { color: #cf9745; transition: all .3s; cursor: pointer; } .subscribe-title { font-size: 38px; line-height: 38px; font-style: normal; font-weight: 600; } .subscribe-input { padding: 8px 15px 15px 0px; background: transparent; border: none; border-bottom: 1px solid #f0f0f0; border-radius: 0 !important; color: #ffffff; min-width: 250px; font-size: 14px !important; font-family: 'Poppins', sans-serif; } .subscribe-input::placeholder { color: rgba(255, 255, 255, 0.21); } .subscribe-input:focus { background: transparent; color: #ffffff; } .make-an-enquiry-from { } .make-an-enquiry-from .form-control { background: #FFFFFF; border: 1px solid rgba(192, 30, 45, 0.23); box-shadow: 0px 4px 12px rgb(0 0 0 / 5%); padding: 14px 15px !important; height: auto !important; border-radius: 0 !important; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: capitalize; } .gallery-col { padding: 190px 60px 60px 60px; background: #fff; clip-path: polygon(100% 100%, 100% 0, 0 20%, 0 100%); } .section-about-img-one { position: absolute; left: -150px; top: 15%; width: 300px; height: auto; opacity: .8; } .section-about-img-two { position: absolute; right: -150px; top: 0%; width: 300px; height: auto; opacity: .9; } .article-main-card { clip-path: polygon(0 0, 100% 0, 100% 93%, 0 100%); } .article-main-card .article-card-content { background: #ffffff; padding: 30px 30px 50px 30px; min-height: 280px; max-height: 280px; overflow: hidden; } .article-main-card .img-container { display: block; min-height: 220px; width: 100%; overflow: hidden; max-height: 220px; } .article-card:hover .article-img-col { position: relative; /*top: -5px;*/transition: all .3s; } .article-main-card .article-card-img { position: relative; min-height: 220px; max-height: 220px; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all .3s; transition: all 4000ms cubic-bezier(0.02, 0.72, 0.29, 1); transform-origin: 50% 50%; width: calc(100% + 0px); height: calc(100% + 0px); display: block; transform: rotate(0deg) scale(1) translate(0px, 0px); } .article-main-card:hover.article-main-card .article-card-img { transform: rotate(5deg) scale(1.15) translate(0); transition: all 4000ms cubic-bezier(0.02, 0.72, 0.29, 1); } .article-main-card .article-card-content h1 { font-size: 18px; line-height: 24px; font-weight: 600; text-transform: capitalize; font-family: 'Manjari', sans-serif; max-height: 72px; overflow: hidden; } .article-main-card .article-card-content h1 a { color: #1d1e1f; transition: all .3s; } .article-main-card .article-card-content h1 a:hover { color: #c01e2d; transition: all .3s; } .article-main-card .article-card-content p { font-size: 14px; font-weight: 400 !important; line-height: 22px; font-family: 'Manjari', sans-serif; max-height: 88px; overflow: hidden; } .article-date-col { display: inline-block; width: auto; padding: 6px 15px; background: #c01e2d; right: 30px; top: 39%; position: absolute; border-radius: 0px 10px 0px 10px; box-shadow: 0px 1px 6px 1px #00000052; z-index: 2; } .yellow-rm-btn { font-size: 13px; font-weight: 700; color: #cb9834; display: inline-block; position: relative; transition: all .3s; } .yellow-rm-btn:hover { color: #c01e2d; transition: all .3s; } .yellow-rm-btn:hover.yellow-rm-btn:after { right: -40px; transition: all .3s; background: #c01e2d; } .yellow-rm-btn:after { content: ''; position: absolute; right: -35px; width: 30px; height: 2px; background: #cb9834; top: 9px; transition: all .3s; } .title-icon { width: 94px; height: auto; } .section-enq-img-one { position: absolute; left: -220px; top: 50%; width: 300px; height: auto; opacity: .4; } .section-enq-img-two { position: absolute; right: -182px; top: -30%; width: 230px; height: auto; opacity: .3; } .section-article-img-one { position: absolute; right: -109px; top: 40%; width: 200px; height: auto; opacity: .5; } label.error { font-size: 12px; color: #ff4f4f; } .cdt { color:#fff; opacity:1; } .cdt:hover { color:#fff; opacity:.7; } @media screen and (min-width: 320px) and (max-width: 768px) { .section-about-img-two { position: absolute; right: -100px !important; top: 30% !important; width: 170px !important; height: auto; opacity: .9; } .section-about-img-one { position: absolute; left: -50px !important; top: 3% !important; width: 130px !important; height: auto; opacity: .8; } .section-padding { padding-top: 50px; padding-bottom: 50px; } p { font-size: 13px !important; line-height: 26px !important; font-weight: 300; } .section-title { font-size: 28px !important; line-height: 32px !important; font-style: normal; color: #000; margin-bottom: 20px; font-weight: 600; } .title-icon { width: 60px; height: auto; } .sivam-talk-swiper .swiper-button-next, .sivam-talk-swiper .swiper-button-prev { top: -35% !important; } .swiper-button-next, .swiper-button-prev { width: calc(var(--swiper-navigation-size)/ 55 * 40) !important; } .vdo-play { position: absolute; left: 40% !important; top: 30% !important; display: block; z-index: 2; width: 25px !important; background: #0000007a; padding: 5px !important; border-radius: 100%; transition: all .3s; } .video-bg { display: block; width: 97% !important; height: calc(100% - 10%) !important; position: absolute; left: 0; top: 6% !important; } .article-main-card .article-card-content h1 { font-size: 14px !important; line-height: 22px !important; font-weight: 600; text-transform: capitalize; } .article-main-card .article-card-content p { font-size: 12px !important; line-height: 22px !important; } .article-date-col p { font-size: 10px !important; } .article-date-col { display: inline-block; width: auto; padding: 3px 12px !important; background: #c01e2d; right: 30px !important; top: 42% !important; position: absolute; border-radius: 0px 10px 0px 10px; box-shadow: 0px 1px 6px 1px #00000052; z-index: 2; } .article-main-card { clip-path: polygon(0 0, 100% 0, 100% 80vh, 0 100%); } .article-main-card .article-card-content { background: #ffffff; padding: 20px 20px 40px 20px; } .subscribe-cta { padding: 40px 30px; } .subscribe-title { font-size: 26px; line-height: 38px; font-style: normal; font-weight: 600; } .subscribe-btn { background: transparent; color: #fff; padding: 15px 5px 0px 5px !important; font-size: 20px; transition: all .3s; } .subscribe-input { padding: 8px 15px 15px 0px; background: transparent; border: none; border-bottom: 1px solid #f0f0f0; border-radius: 0 !important; color: #ffffff; min-width: 190px; font-size: 12px !important; font-family: 'Poppins', sans-serif; max-width: 215px; } .subscribe-sivam-col { padding: 50px 30px 35px 30px; background: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .make-an-enquiry-from .form-control { margin-bottom: 10px; padding: 12px 15px !important; font-size: 13px; } .gallery-col { padding: 50px 25px 25px 25px; background: #fff; clip-path: polygon(100% 100%, 100% 0, 0 4%, 0 100%); } .subscribe-cta:before { display: none; } .banner-siva-img { width: 350px; height: auto; position: absolute; right: 0; bottom: 0px; z-index: 1; opacity: 1; } } /* ========== home page styles ============= end */ /* gallery */ .demo-gallery > ul { margin-bottom: 0; padding-left: 0; } .demo-gallery > ul > li { margin-bottom: 15px; /*width: 180px;*/ display: inline-block; /*margin-right: 15px;*/ list-style: outside none none; } .demo-gallery > ul > li a { border: 3px solid #FFF; border-radius: 0; display: block; overflow: hidden; position: relative; float: left; } .demo-gallery > ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .demo-gallery > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-gallery > ul > li a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallery > ul > li a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .demo-gallery > ul > li a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-gallery > ul > li a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-gallery .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .demo-gallery .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallery .justified-gallery > a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .demo-gallery .justified-gallery > a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-gallery .justified-gallery > a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-gallery .video .demo-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; } .demo-gallery.dark > ul > li a { border: 3px solid #04070a; } /* gallery end */ /* ========== footer =========== */ .fa-phone { transform: rotate(90deg); } .footer-top { background: #231F20; padding: 45px 0; } .footer-top h1 { color: #ffffff; font-family: 'Noto Serif Malayalam', serif; font-size: 22px; } .footer-top p { color: #ffffff; font-family: 'Noto Serif Malayalam', serif; font-weight: 200; } .footer-bottom { padding: 80px 0 30px 0; } .footer-bottom hr { border-style: dashed; border-color: #565556; } .footer-social { list-style: none; margin-left: 0; padding-left: 0; } .footer-social li { display: inline-block; margin-right: 15px; } .footer-social li a { color: #C01E2D; font-size: 20px; } .footer-h4 { font-weight: 600; font-size: 18px; line-height: 27px; color: #000000; margin-bottom: 20px; } .quick-link-ul { list-style: none; padding-left: 0; } .quick-link-ul li { margin-bottom: 10px; } .quick-link-ul li a { font-weight: 500; font-size: 14px; line-height: 28px; color: #000000; transition: all .3s; } .quick-link-ul li a:hover { text-decoration: none; color: #C01E2D; transition: all .3s; } @media screen and (min-width: 320px) and (max-width: 768px) { .footer-top h1 { font-size: 15px; line-height: 24px; } .footer-top { background: #231F20; padding: 25px 15px; } .footer-h4 { font-weight: 600; font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 15px; } .quick-link-ul li { margin-bottom: 5px; } .quick-link-ul li a { font-weight: 500; font-size: 13px; line-height: 28px; color: #000000; transition: all .3s; } .subscribe-art { min-width: 80px !important; max-width: 80px !important; margin-top: -100px !important; } } /* ========== footer end =========== */ .article-card { display: block; transition: all .3s; } .article-img-col { transition: all .3s; width: 65%; margin-left: auto; margin-right: auto; } .article-img-col img { border: 3px solid #d7b56d; box-shadow: 0px 2px 29px 0px #000000ad; transition: all .3s; } .article-content-col { display: block; width: 100%; background: #fff; padding: 40px 0 0 0; border-radius: 0 0 15px 15px; margin-top: -20px; overflow: hidden; } .article-content-col h3 { font-size: 18px; color: #231f20; padding: 0 15px; font-family: 'Manjari', sans-serif; font-weight: 600; min-height: 42px; overflow: hidden; max-height: 43px; } .article-content-col p { line-height: 20px !important; padding: 0 15px; font-family: 'Manjari', sans-serif; min-height: 40px; max-height: 40px; overflow: hidden; } .article-read-btn { display: block; width: 100%; padding: 9px; background: #c01e2d; color: #fff; text-align: center; font-weight: 500; font-size: 14px; text-transform: capitalize; transition: all .3s; } .article-read-btn:hover { color: #fdfdfd; background: #242021; transition: all .3s; } .video-bg { display: block; width: 95%; height: calc(100% - 13%); position: absolute; left: 0; top: 8%; } .swiper { width: 100%; height: auto; } /* 1枚ずつのスライド全体 */ .swiper-slide { text-align: center; font-size: 18px; background: transparent; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-button-prev, .swiper-button-next { width: 32px; height: 32px; margin-top: -16px; } .swiper-button-prev { background: url("https://sivammagazine.com/cdtassets/frontend/css/../images/arrow-left.png") no-repeat center center / contain; } .swiper-button-prev::after { content: ""; } .swiper-button-next { background: url("https://sivammagazine.com/cdtassets/frontend/css/../images/arrow-right.png") no-repeat center center / contain; } .swiper-button-next::after { content: ""; } .vdo-thumb-img { border: 4px solid #ffffff; position: relative; } .vdo-play { position: absolute; left: 40%; top: 32%; display: block; z-index: 2; width: 40px; background: #0000007a; padding: 15px; border-radius: 100%; transition: all .3s; } .video-thumb-a:hover .vdo-play { background: rgb(25, 25, 25); transition: all .3s; } .swiper-button-prev:after,.swiper-button-next:after { content: none !important; } .sivam-talk-swiper .swiper-button-next, .sivam-talk-swiper .swiper-button-prev { top: -20%; } .sivam-talk-swiper .swiper-button-prev { left: inherit; right: 55px; } .swiper-button-next, .swiper-button-prev { width: calc(var(--swiper-navigation-size)/ 55 * 50) !important; } .section-slider { } .banner-siva-img { width: 350px; height: auto; position: absolute; right: 0; bottom: 0px; z-index: 1; opacity: .3; } /*.banner-swiper { padding-top: 18%; }*/ .banner-swiper .swiper-button-next, .banner-swiper .swiper-button-prev { top: 108%; right: 0; left: 50px; } .banner-swiper .swiper-button-prev { left: 0; top: 108%; } .banner-slide-img { min-width: 30%; max-width: 30%; padding-right: 50px; } /*.nav { color: white; }*/ .header-fixed .nav__trigger-finger { top: 27px; transition: all .5s; } .nav__trigger-finger { position: fixed; top: 50px; right: 11%; z-index: 10; display: flex; align-items: center; width: 30px; height: 18px; margin: 0; color: #ffffff; transition: all .5s; } .nav__trigger-finger::before { content: ""; position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; background: transparent; opacity: 0; z-index: -1; transition: opacity 0.3s cubic-bezier(0.75, 0, 0.25, 1); } .nav__trigger-finger span { display: block; width: 100%; height: 3px; transition: transform 1s cubic-bezier(0.75, 0, 0.25, 1); background: currentColor; border-radius: 3px; } .nav__trigger-finger span::before, .nav__trigger-finger span::after { content: ""; position: absolute; left: 0; right: 0; display: block; height: 2.5px; background: currentColor; border-radius: 3px; transition: transform 0.4s cubic-bezier(0.75, 0, 0.25, 1), top 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1); } .nav__trigger-finger span::before { top: 0; } .nav__trigger-finger span::after { top: calc(100% - 2px); } .nav__trigger-input, .nav__submenu-trigger-input { opacity: 0; width: 0; height: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: fixed; } .nav__trigger-input:focus + label { color: white; } .nav__trigger-input:focus + label::before { opacity: 1; } .nav__trigger-input:checked + label { height: 10px; color: white; } .nav__trigger-input:checked + label span { transform: rotate(45deg); } .nav__trigger-input:checked + label span::before, .nav__trigger-input:checked + label span::after { top: calc(50% - 1px); transition: transform 0.4s 0.4s cubic-bezier(0.75, 0, 0.25, 1), top 0.4s cubic-bezier(0.75, 0, 0.25, 1), background 0.2s cubic-bezier(0.75, 0, 0.25, 1); } .nav__trigger-input:checked + label span::after { transform: rotate(90deg); } .nav__trigger-input:checked ~ ul { z-index: 9; transform: none; transition: 0.5s cubic-bezier(0.75, 0, 0.25, 1); opacity: 1; } .nav__list { position: fixed; overflow-y: scroll; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-image: url("https://sivammagazine.com/cdtassets/frontend/css/../images/menu-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 14px; padding: 40px; transform: translate(150vw) rotate(0deg); transition: 0.4s cubic-bezier(0.75, 0, 0.25, 1); height: 100vh; opacity: 0; } .nav__item { list-style: none; transition: all .5s; } .nav__item + .nav__item { margin-top: 20px; } .nav__submenu-trigger-input:checked + label::after { transform: translateY(10px); transition: all .5s; } .nav__submenu-trigger-input:checked ~ ul { display: block; transition: all .5s; } .nav__submenu-trigger-input:focus + label::after { transform: translateY(5px); } .nav__submenu-trigger-finger::after { content: ""; display: inline-block; border: 5px solid transparent; border-top-color: white; transition: 0.4s cubic-bezier(0.75, 0, 0.25, 1); position: relative; top: 2px; left: 5px; } .nav__link { text-decoration: none; color: white; text-transform: uppercase; transition: all .3s; font-weight: 600; } .nav__link:hover { color: #c32332; transition: all .3s; font-weight: 600; } .nav__list-child { display: none; font-size: 14px; margin-top: 10px; padding-left: 2rem; transition: all .5s; } /* Scrollbar Styling */ .nav__list::-webkit-scrollbar { width: 10px; } .nav__list::-webkit-scrollbar-track { background-color: #ebebeb; -webkit-border-radius: 10px; border-radius: 10px; } .nav__list::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #6d6d6d; } .nav__trigger-finger:hover.nav__trigger-finger span::before, .nav__trigger-finger:hover.nav__trigger-finger span::after, .nav__trigger-finger:hover.nav__trigger-finger span { color: #dca645; transition: all .3s; } .article-navitagion { padding: 7px 20px; background: #150e51; border: 1px solid #150e51; font-size: 14px !important; color: #e6a436; display: inline-block; transition: all .3s; } .article-navitagion:hover { padding: 7px 20px; background: #07051c; border: 1px solid #150e51; font-size: 14px !important; color: #e6a436; display: inline-block; transition: all .3s; } /* sivam talks page style */ .section-inner-banner { padding: 130px 0 30px 0; } .inner-banner-title { font-size: 26px; color: #fff; margin-bottom: 10px; } .banner-breadcrumbs { list-style: none; margin-left: 0; padding-left: 0 !important; } .banner-breadcrumbs li { list-style: none; display: inline-block; margin-right: 5px; } .banner-breadcrumbs li a { color: #fff; font-size: 12px !important; /*font-style: italic;*/ text-transform: capitalize; } .vdo-play img { display: block; width: 100%; height: 100%; object-fit: cover; } .video-thumb-a-inner .vdo-play { position: absolute; left: 40%; top: 32%; display: block; z-index: 2; width: 65px; height: 65px; background: #0000007a; padding: 8px; border-radius: 100%; transition: all .3s; } .video-thumb-a-inner:hover .vdo-play { background: rgb(25, 25, 25); transition: all .3s; } .sort-form-control { padding: 6px 10px; font-size: 12px; height: auto !important; line-height: 20px; border: 1px solid white; background: white; border-radius: 2px !important; font-weight: 600; } /* sivam talks page style end */ /* contact Page style */ .contact-title { font-size: 18px; font-weight: 600; margin-bottom: 15px; text-transform: capitalize; color: #2e2c76; } .contact-card { padding: 30px 20px; border: 1px solid #ffffff; background: #ffffff; text-align: center; z-index: 2; position: relative; } .contact-form-col { padding: 100px 30px 40px 30px; border: 1px solid #242264; background: #242264; position: relative; top: -60px; z-index: 0; } .contact-card p { font-size: 14px; font-weight: 500; } .contact-page-form .form-control { font-size: 14px; padding: 10px 15px; border: 1px solid #1d1f4c; background: #ffffff0f; border-radius: 0 !important; box-shadow: 0px 2px 13px -5px #0000004d; font-family: 'Poppins', sans-serif; height: 44px ; font-weight: 500; color: #cdcdcd; } .contact-page-form .form-control::placeholder { color: rgba(255, 255, 255, 0.11); } .contact-page-form textarea { height: auto !important; } .contact-page-form select { height: auto !important; } .contact-page-form label { font-size: 12px; color: #7f7ea0; font-weight: 600; margin-bottom: 4px; } .contact-page-form .submit { padding: 12px 30px; border: solid 1px #fff; border-radius: 0 !important; background: transparent; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: capitalize; transition: all .3s; } .contact-page-form .submit:hover { cursor: pointer; transition: all .3s; background: #FFFFFF; color: #0f0b45; } /* contact Page style end */ /* about page style */ .team-member-photo img { border-radius: 100%; border: 5px solid #d7d7d7; box-shadow: 1px 3px 14px 1px #0000004d; } .team-main-col h4 { font-size: 14px; font-weight: 500; } .team-main-col p { font-size: 12px; font-style: italic; } .chief-editor-img { width: 100%; display: block; border-radius: 100%; border: 5px solid #494799; overflow: hidden; box-shadow: 0px 5px 17px 0px #00000054; } .chief-editor-col { padding: 30px 40px; background: #393787; border-radius: 10px; border: 1px solid #42408b; } .tantra-logo-col { width: 190px; background: #f1f1f8; border-radius: 10px; padding: 20px 12px; margin-left: auto; margin-right: auto; position: relative; z-index: 2; } .tantra-content-col { width: 100%; border-radius: 10px; padding: 70px 35px 30px 35px; position: relative; top: -70px; } /* about page style end */ /* subscription style */ .pricing-card { background: #fff; padding: 70px 20px; text-align: center; border-right: 1px solid #2e2c7633; transition: all .3s; } .pricing-card:hover { background: #ffffff; transition: all .3s; } .offer-span { background: #e79a20; padding: 2px 10px; color: #FFFFFF; font-size: 12px !important; font-weight: 500 !important; border-radius: 0 8px; box-shadow: 2px 3px 0px 0px #a9620b; } .pricing-card .price { font-size: 24px; font-weight: 600; } .gold { background: #c01e2d !important; transform: scale(1.06); z-index: 2; position: relative; color: #FFFFFF; } .pricing-card:hover .pricing-title { color: #c01e2d; transition: all .3s; } .gold:hover.gold .pricing-title { color: #f59e10 !important; transition: all .3s; } .pricing-title { font-size: 32px; font-weight: 700; text-transform: uppercase; transition: all .3s; } .cta-1 { padding: 40px 40px; background: linear-gradient(45deg, #161458, #0a0630); } .subscribe-media img { height: 48px; width: 48px; border-radius: 3px; } .subscribe-card { margin-bottom: 15px; border: 1px solid #e9e9e9; background: #ffffff; border-radius: 4px; transition: all .3s; box-shadow: 0px 3px 14px -1px #00000026; } .subscribe-card:hover { margin-bottom: 15px; border: 1px solid #e9e9e9; background: #fffddf; border-radius: 4px; transition: all .3s; box-shadow: 0px 3px 14px -1px rgba(0, 0, 0, 0.06); } .subscription-info { padding: 5px 15px; flex-flow: wrap; display: flex; align-items: center; } /* subscription style end */ /* profile dropdown style */ .user-drop { width: 100%; /*height: 100vh;*/ display: flex; gap: 30px; justify-content: center; align-items: center; font-family: sans-serif; font-size: 0.9rem; transition: 200ms ease-out; } .dropdown { padding: 15px 10px; position: relative; display: flex; gap: 30px; transition: 200ms ease-out; } .dropdown-content { display: none; position: absolute; top: 40px; right: 10px; /*border: 1px solid #27256c;*/ border-radius: 10px 0 10px 10px; min-width: auto; box-shadow: 0px 3px 11px 1px rgb(0 0 0 / 62%); padding: 10px 20px; z-index: 1; transition: 200ms ease-out; background: #2e2c76; } .dropdown:hover .dropdown-content { display: block; transition: 200ms ease-out; } .dropdown-content a { display: flex; justify-content: space-between; align-items: center; padding: 2px 4px; text-decoration: none; color: #333; vertical-align: center; transition: 200ms ease-out; } .dropdown-content a p { font-size: 12px; margin-bottom: 0; color: #FFFFFF; } .dropdown-content a:hover { background-color: transparent; border-radius: 4px; color: #ffffff; transition: 200ms ease-out; } .dropdown-content a:hover.dropdown-content a p { color: #42608f; transition: 200ms ease-out; } .drop-link:hover { color: darkmagenta; cursor: pointer; transition: 200ms ease-out; } .drop-link:focus-visible { outline: 2px solid tomato; outline-offset: 4px; border-radius: 2px; color: darkmagenta; transition: 200ms ease-out; } /* profile dropdown style end */ /* login register style */ .login-card { padding: 30px 70px; background: #ffffff0d; border: 1px solid #434085; border-radius: 2px !important; } .login-form-control { padding: 14px 15px; font-size: 14px !important; border-radius: 0 !important; height: auto; font-family: 'Poppins', sans-serif; background: #fff; font-weight: 500 !important; } /* login register style end */ /* issue page */ .issue-card { background: white; border-radius: 3px !important; box-shadow: 0px 2px 4px 1px #00000038; position: relative; top: 0; transition: all .3s; } .issue-card:hover { box-shadow: 0px 2px 16px -2px rgb(0 0 0 / 73%); transition: all .3s; position: relative; top: -2px; } .issue-card-img { min-height: 225px; max-height: 200px; overflow: hidden; width: 100%; background-position: top center; border-radius: 3px; } .issue-card-title { padding: 10px 5px; } .issue-card-title h2 { font-size: 12px; text-align: center; font-weight: 700; } .issue-card-a { position: relative; color: #222; transition: all .3s; } .issue-card-a:hover { color: #8e20ad ; transition: all .3s; } .issue-card-a:hover .not-read { top: 3px; right: 5px; transition: all .3s; } .not-read { background: #2b45ff; position: absolute; top: 5px; right: 5px; z-index: 2; color: #fff; padding: 3px 7px; font-size: 12px; border-radius: 100%; border: 2px solid white; box-shadow: 0px 2px 5px -1px #0000008a; transition: all .3s; } .read { background: rgba(9, 132, 26, 1); position: absolute; top: 5px; right: 5px; z-index: 2; color: #fff; padding: 3px 7px; font-size: 12px; border-radius: 100%; border: 2px solid white; box-shadow: 0px 2px 5px -1px #0000008a; transition: all .3s; } .issue-single-thumb-img { min-width: 150px; max-width: 150px; min-height: 200px; max-height: 200px; border-radius: 2px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .issue-single-page-content h2 { font-size: 24px; } .issue-single-page-content p { font-size: 16px; } .issue-single-page-content { width: 100%; height: auto; display: block; background: #0c0740; padding: 25px 180px 15px 180px; position: relative; margin-top: -160px; z-index: 0; margin-left: -10px; } .issue-single-thumb-img { min-width: 150px; max-width: 150px; min-height: 200px; max-height: 200px; border-radius: 2px; background-size: cover; background-repeat: no-repeat; background-position: top center; z-index: 2; position: relative; } .buy-col { background: #ffffff; padding: 30px 30px; } .subscribe-art { min-width: 200px; max-width: 200px; margin-top: -135px; } .subscribe-price { font-size: 32px; font-weight: 600; color: #d3911c; } .subscribe-price .fas { font-size: 26px; position: relative; top: -1px; } .price-select { height: auto !important; padding: 10px 20px; border: 1px solid #d3d2f9; border-radius: 0 !important; font-size: 14px; font-weight: 600; font-family: 'Poppins', sans-serif; min-width: 200px; max-width: 200px; margin: auto; color: #2e2c76; background: #deddfd; text-transform: uppercase; text-align: center; } .submit-subscribe { background: #37307d; color: #fff; padding: 10px 30px; border-radius: 1px !important; border-color: #37307d; transition: all .3s; font-family: 'Poppins', sans-serif; } .submit-subscribe:hover { background: #2c2663; color: #fff; padding: 10px 30px; border-radius: 1px !important; border-color: #2C2663; transition: all .3s; cursor: pointer; } .subscribe-border-col { border: 1px solid #d3d2f9 !important; display: block; width: 100%; padding: 5px 20px; } .course-home-col { background: #fff; padding: 50px 40px 100px 40px; clip-path: polygon(0 0, 100% 0, 100% 78vh, 0 100%); } .start-span { font-size: 12px; padding: 3px 10px; background: #47a94a; line-height: 16px; border-radius: 3px; color: #fff; font-weight: 500; } .end-span { font-size: 12px; padding: 3px 10px; background: #dd9931; line-height: 16px; border-radius: 3px; color: #fff; font-weight: 500; } .course-single-col { } .article-author-img { display: inline-block; min-width: 85px; max-width: 85px; min-height: 85px; max-height: 86px; border: 3px solid #ffffff; border-radius: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .article-single-head-col { background: #140e4e; padding: 30px; border-radius: 10px 10px 0 0; z-index: 2; box-shadow: 0px 2px 8px 1px #0000008c; } .back-btn { padding: 4px 15px; background: #2e2c76; border: 1px solid #2e2c76; font-size: 12px !important; border-radius: 3px; color: #ffffff; box-shadow: 0px 2px 4px 0px #00000033; transition: all .3s; } .back-btn:hover { background: #201e5a; border: 1px solid #2a2864; color: #ffffff; transition: all .3s; } .article-content-editor-col { margin-top: -40px; background: #ffffff; padding: 60px 25px 30px 25px; z-index: 1; border-radius: 5px; } .user-icon { font-size: 38px; display: inline-block; width: 80px; height: 80px; text-align: center; border-radius: 100%; border: 4px solid #ffffff; box-shadow: 0px 3px 5px 1px #0000001f; } .user-btn { font-size: 12px; /* min-width: 83px; max-width: inherit;*/ padding: 5px 10px; display: inline-block; border: 1px solid #c2c1df; background: #c8c8e1; color: #474681; border-radius: 3px; transition: all .3s; } .user-btn:hover { color: #ffffff; background: #201e5a; transition: all .3s; } /* issue page end */ /* image upload */ .avatar-upload { position: relative; max-width: 205px; margin: auto; } .avatar-upload .avatar-edit { position: absolute; right: 25px; z-index: 1; top: 10px; } .avatar-upload .avatar-edit input { display: none; } .avatar-upload .avatar-edit input + label { display: inline-block; width: 34px; height: 34px; margin-bottom: 0; border-radius: 100%; background: #FFFFFF; border: 1px solid transparent; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); cursor: pointer; font-weight: normal; transition: all 0.2s ease-in-out; } .avatar-upload .avatar-edit input + label:hover { background: #f1f1f1; border-color: #d6d6d6; } .avatar-upload .avatar-edit input + label:after { content: "\f040"; font-family: 'FontAwesome'; color: #757575; position: absolute; top: 5px; left: 0; right: 0; text-align: center; margin: auto; } .avatar-upload .avatar-preview { width: 100px; height: 100px; position: relative; border-radius: 100%; border: 6px solid #F8F8F8; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%); } .avatar-upload .avatar-preview > div { width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } /* image upload end */ /* course page */ .course-list-img { position: relative; min-height: 220px; max-height: 220px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; } .course-list-content { background: #fff; padding: 10px 25px 15px 25px; } .c-s-date { display: inline-block; position: absolute; right: 15px; background: #cd8f32; padding: 5px 8px; font-size: 12px; font-weight: 500; top: 10px; color: #fff; } .course-date-col { position: absolute; bottom: -10px; left: 0; } .date-span { background: #4caf50; display: inline-block; padding: 3px 10px; border-radius: 3px; color: #ffffff; text-align: center; font-weight: 400; } .btn-dark-sm { padding: 9px 15px; border: solid 1px #0a0839; background: #0a0839; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 12px; text-transform: capitalize; transition: all .3s; color: #FFFFFF; border-radius: 3px; } .btn-dark-sm:hover { border: solid 1px #c01e2d; background: #c01e2d; transition: all .3s; color: #FFFFFF; } /* course page end*/ /* audio player style */ /* Misc. ================================================== */ .add-bottom { margin-bottom:1.5rem !important; padding: 10px 20px; background: #ededed;} .left { float:left; } .right { float:right; } .center { text-align:center; } .hidden { display:none; } .no-support { margin:2rem auto; text-align:center; width:90%; } /* Audio Player Styles ================================================== */ audio { display:none; } #audiowrap, #plwrap { margin:0 auto; display: block; width: 100%; height: auto; float: none; clear: both; } #audio0 { width: 88%; float: left; margin-bottom: 10px; } #tracks { font-size:0; position:relative; text-align:center; width: 12%; float: left; display: block; padding: 10px 0; background: #111028; margin-bottom: 10px; } #plList { margin: 0 !important; padding: 0; } #nowPlay { display:block; font-size:0; } #nowPlay span { display:inline-block; font-size:1.05rem; vertical-align:top; } #nowPlay span#npAction { padding: 10px 10px; width: 30%; font-size: 13px; font-weight: 500; } #nowPlay span#npTitle { text-align:right; width:70%; font-size: 13px; font-weight: 500; } #plList li { cursor:pointer; display:block; margin:0; padding:15px 0; } #plList li:hover { background-color:rgb(255 152 0 / 23%); } .plItem { position:relative; font-size: 13px; font-weight: 400; font-family: 'Poppins', sans-serif; } .plTitle { left:50px; overflow:hidden; position:absolute; right:65px; text-overflow:ellipsis; top:0; white-space:nowrap; } .plNum { padding-left:21px; width:25px; } .plLength { padding-left:21px; position:absolute; right:21px; top:0; } .plSel, .plSel:hover { background-color: rgb(225 222 255); color: #383838; cursor: default !important; } #tracks a { border-radius: 2px; color: #4a5464; cursor: pointer; display: inline-block; font-size: 14px; height: auto; line-height: .2; margin: 0 5px 0; padding: 8px 12px; text-decoration: none; transition: background .3s ease; border: 1px solid #e5e5e5; } #tracks a:hover, #tracks a:active { background-color:rgba(0, 0, 0, .1); color:#fff; } #tracks a::-moz-focus-inner { border:0; padding:0; } /* Plyr Overrides ================================================== */ .plyr--audio .plyr__controls { background:#111028 !important; border:none; color:#fff; font-family:"Source Sans Pro", arial, sans-serif; padding:20px 20px 20px 13px; width:100%; } a.plyr__controls__item.plyr__control:hover, .plyr--audio .plyr__controls button:hover, .plyr--audio .plyr__controls button.tab-focus:focus, .plyr__play-large { background-color:rgba(0, 0, 0, .1); } .plyr__progress--played, .plyr__volume--display { color:rgba(0, 0, 0, .1); } .plyr--audio .plyr__progress--buffer, .plyr--audio .plyr__volume--display { background-color:rgba(0, 0, 0, .1); } .plyr--audio .plyr__progress--buffer { color:rgba(0, 0, 0, .1); } .plyr__controls .plyr__controls__item.plyr__time { font-size:14px; margin-left:7px; } /* Media Queries ================================================== */ @media only screen and (max-width:600px) { #nowPlay span#npAction { display:none; } #nowPlay span#npTitle { display:block; text-align:center; width:100%; } } /* audio player style end */ /* progressbar */ .progress-container { box-shadow: 0 4px 5px rgb(0, 0, 0, 0.1) } .progress-container, .progress { background-color: #eee; border-radius: 5px; position: relative; height: 7px; width: 100%; } .progress { /*background-color: #c99422;*/ background: linear-gradient(45deg, #986725, #2fa134); width: 0; transition: width 0.4s linear; } .percentage { background-color: #359d33; border-radius: 5px; box-shadow: 0 4px 5px rgb(0 0 0 / 20%); color: #fff; font-size: 12px; padding: 4px; position: absolute; top: -11px; /*top: -35px;*/ left: 0; transform: translateX(-50%); width: 40px; text-align: center; transition: left 0.4s linear; } .percentage::after { /*background-color: #c99422;*/ background-color: transparent; content: ''; position: absolute; top: 20px; left: 50%; transform: translateX(-50%) rotate(45deg); height: 10px; width: 10px; z-index: -1; } /* progressbar end */ /* accordion style */ .accordion-items { max-width: 100%; background: transparent; margin: 0 auto; border-radius: 0; } .accordion-heading { color: #fff; font-size: 16px; padding: 15px; cursor: pointer; background: #0c0940; text-transform: capitalize; } .accordion-heading:nth-last-child(2) { border-bottom: 0; } .accordion-heading:hover { background: #b77e2b; border-radius: 0; } .accordion-heading:first-child:hover { border-radius: 3px 3px 0 0; } .accordion-heading:nth-last-child(2):hover { border-radius: 0 0 3px 3px; } .accordion-heading::before { /*content: "";*/ content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 700; vertical-align: middle; display: inline-block; /*border-top: 7px solid #f5f5f5; border-left: 7px solid transparent; border-right: 7px solid transparent;*/ float: right; transform: rotate(0); transition: all 0.5s; margin-top: 5px; } .active.accordion-heading::before { transform: rotate(-180deg); } .not-active.accordion-heading::before { transform: rotate(0deg); } .accordion-content { display: none; background: #262466; padding: 15px; font-size: 13px; line-height: 1.5; } /* accordion style */ .tabs { background: #fff; position: relative; margin-bottom: 50px; } .tabs > input, .tabs > span { width: 22%; height: 45px; line-height: 45px; position: absolute; top: 0; } .tabs > input { cursor: pointer; filter: alpha(opacity=0); opacity: 0; position: absolute; z-index: 99; } .tabs > span { background: #d0cffff7; text-align: center; overflow: hidden; font-weight: 600; font-size: 14px; text-transform: uppercase; border: 1px solid #c7c6f9; } .tabs > span i, .tabs > span { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .tabs > input:hover + span { /*background: rgba(255,255,255,.1);*/ background: rgb(15 11 69); color: #fefefe !important; border: 1px solid #0f0b45; } .tabs > input:checked + span { background: #fff; border: 1px solid red; } .tabs > input:checked + span, .tabs > input:hover + span { /*color: #3498DB;*/ color: #e3b417; font-weight: 600; font-size: 14px; text-transform: uppercase; } #tab-1, #tab-1 + span { left: 0; } #tab-2, #tab-2 + span { left: 22%; } #tab-3, #tab-3 + span { left: 40%; } #tab-4, #tab-4 + span { left: 60%; } #tab-5, #tab-5 + span { left: 80%; } .tab-content { padding: 60px 0px 15px; width: 100%; min-height: 350px; } .tab-content section { width: 100%; display: none; } .tab-content section h1 { margin-top: 15px; font-size: 100px; font-weight: 100; text-align: center; } #tab-1:checked ~ .tab-content #tab-item-1 { display: block; } #tab-2:checked ~ .tab-content #tab-item-2 { display: block; } #tab-3:checked ~ .tab-content #tab-item-3 { display: block; } #tab-4:checked ~ .tab-content #tab-item-4 { display: block; } #tab-5:checked ~ .tab-content #tab-item-5 { display: block; } /* effect-1 */ .effect-1 > input:checked + span { background: #2e2c76; border: 1px solid #2e2c76; } /* effect-2 */ .effect-2 span i{ padding-right: 15px; } @media (max-width: 600px) { .effect-2 span span {display: none;} .effect-2 span i {padding: 0;} } /* effect-3 */ .effect-3 .line{ background: #3498DB; width: 20%; height: 4px; position: absolute; top: 56px; } #tab-1:checked ~ .line { left: 0; } #tab-2:checked ~ .line { left: 20%; } #tab-3:checked ~ .line { left: 40%; } #tab-4:checked ~ .line { left: 60%; } #tab-5:checked ~ .line { left: 80%; } /* effect-4 */ .effect-4 span i{ font-size: 18px; display: block; position: absolute; left: 50%; top: 0; opacity: 0; transform: translateX(-50%); } .effect-4 span span{ position: relative; top: 10px; } .effect-4 > input:checked + span i, .effect-4 > input:hover + span i { top: 20%; opacity: 1; } /* effect-5 */ .effect-5 > input:checked + span i, .effect-5 > input:hover + span i { font-size: 25px; } /* comment section */ .comment-img { width: 3rem; height: 3rem; } .comment-replies .comment-img { width: 1.75rem; height: 1.75rem; } .ms-3 { margin-left: 1rem!important; } .flex-grow-1 { flex-grow: 1!important; } .me-3 { margin-right: 1rem!important; } .bg-dark { background-color: #e9ecef!important; } .article-comments { font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }

ദേവ്യുപാസനയും ശ്രീവിദ്യാസമ്പ്രദായവും

Back

ശ്രീകാന്തൻ

Author

വിവിധ ദേവീ സ്വരൂപങ്ങളിൽ മുഖ്യ ലളിതാ ദേവിയാണെന്നു പറയുന്നു ത്രിപുരാരഹസ്യത്തിലെ ജ്ഞാനകലികാ സ്തോത്രം ..തഥാ താസു മൂർത്തിഷ്വനേകാസു മുഖ്യാ ധനുർബാണ പാശാങ്കുശാഢ്യൈവ മൂർത്തിഃ. ഓഢ്യാണ പീഠത്തിൽ ഉദ്ഭവം കൊണ്ട ഈ വിദ്യാസമ്പ്രദായം അവിടെ നിന്ന് ദക്ഷിണ ഭാരതത്തിലേയ്ക്കും പിന്നീട് ഉത്തരഭാരതത്തിലേക്കും വ്യാപിച്ചു. പരശുരാമ കല്പസൂത്രം, പരമാനന്ദ തന്ത്രം, വാമകേശ്വര തന്ത്രം, ഗന്ധർവതന്ത്രം, ത്രിപുരാർണ്ണവം, ശ്രീ വിദ്യാർണ്ണവ തന്ത്രം, തന്ത്ര രാജതന്ത്രം, ശക്തി സംഗമ തന്ത്രത്തിലെ ത്രിപുരാ ഖണ്ഡം, ജ്ഞാനദീപ വിമർശിനി, ശ്രീ തത്വചിന്താമണി, ത്രിപുരാരഹസ്യം, ലളിതോപാഖ്യാനം, ദക്ഷിണാമൂർത്തി സംഹിതാ, ശ്രീ ചക്ര നിരൂപണം തുടങ്ങി ഒട്ടനേകം ഗ്രന്ഥങ്ങളും ലളിതാ സഹസ്രനാമം, ലളിതാ ത്രിശതി, ലളിതാസ്തവ രത്നം, ശക്തി മഹിമ്നാ സ്തോത്രം, ലളിതാഅഷ്ടോത്തരശതം, ദിവ്യ മംഗളാ സ്തോത്രം എന്നിങ്ങനെ അസംഖ്യം സ്തോത്രങ്ങളും കവചങ്ങളും ഈ ഉപാസനാ ശാഖയ്ക്ക് മുതൽക്കൂട്ടായുണ്ട്. ഭാവനോപനിഷദ്, ത്രിപുരോപനിഷത്, ത്രിപുര താപിന്യുപനിഷത് എന്നിവ വേറെയും.

കല്പസൂത്രത്തിന് പ്രകരണ ഗ്രന്ഥമായി എഴുതപ്പെട്ടതാണ് നിത്യോത്സവം. മറ്റു പല ഗ്രന്ഥങ്ങളിലും ഈ ശാസ്ത്രസംബന്ധിയായി പലതും സമാഹരിക്കപ്പെട്ടിട്ടുണ്ട്. 

ഉപാസനാ ചര്യയിൽ പ്രസ്ഥാനത്രയം എന്നറിയപ്പെടുന്നത് മന്ത്രം, പൂജാ, സ്തോത്രം എന്നിവയാണ്. ഈ മൂന്ന് വിഭാഗത്തിലും സാധകോത്തമർക്ക് മാർഗ്ഗ ദർശകമായി ശ്രീ വിദ്യാസമ്പ്രദായത്തിന് നെടും തൂണായി തീർന്ന ആചാര്യനാണ് ഭാസുരേന്ദ്ര നാഥൻ അഥവ ഭാസ്കരരായ മഖി. മന്ത്ര ശാഖയിൽ വരിവസ്യാ രഹസ്യം അതിന് സ്വന്തം പ്രകാശിനി വ്യാഖ്യാനം, പൂജാ വിഭാഗത്തിൽ വാമകേശ്വര തന്ത്രം അഥവാ നിത്യാ ഷോഡശികാർണ്ണവം എന്ന ഗ്രന്ഥത്തിന് സേതുബന്ധം എന്ന വ്യാഖ്യാനം സ്തോത്ര ശാഖയിൽ ലളിതാ സഹസ്രനാമത്തിന് സൌഭാഗ്യ ഭാസ്കരം എന്ന വ്യാഖ്യാനം എന്നിവ രചിച്ച് സാധകരെ ശ്രീ ദേവ്യുപാസനാ മാർഗ്ഗത്തിൽ അദ്ദേഹം മുന്നോട്ട് നയിച്ചു.

 

കർണ്ണാടകത്തിൽ ബീജപ്പൂർ സുൽത്താൻറെ മന്ത്രിയായിരുന്ന ഗംഭീരരായ ദീക്ഷിതനായിരുന്നു പിതാവ്. ആത്മീയകാര്യങ്ങളിൽ തല്പരനായിരുന്ന സുൽത്താന് മഹാഭാരതത്തിൻറെ പേർഷ്യൻ വിവർത്തനം ചെയ്തു നല്കിയയതിനാൽ വംശത്തിന് ഭാരതി എന്ന സ്ഥാനം നല്കി സുൽത്താൻ. യാഗങ്ങളും ചെയ്തിട്ടുള്ള ഗംഭീരരായ ഭാരതി വിഷ്ണു സഹസ്രനാമത്തിന് പദ്യ പ്രസൂന പുഷ്പാഞ്ജലി എന്നൊരു ടീകയും രചിച്ചിട്ടുണ്ട്. അമ്മ കോനമാംബാ.

യാത്രയിൽ ഭാവനഗരത്തിൽ (ഹൈദരാബാദ്) ഭാസ്ക്കരൻറെ ജനനം.ബാല്യത്തിൽ തന്നെ സാരസ്വത ഉപാസനയാൽ ശാസ്ത്രങ്ങളിലും കലകളിലും പ്രാവീണ്യം നേടിയിരുന്നതായും രാജസഭയിൽ പണ്ഡിതരുടെ ചോദ്യങ്ങൾക്ക് യുക്തിപൂർവ്വം മറുപടി നല്കുന്നതിനുള്ള പ്രതിഭ പ്രകടിപിച്ചിരുന്നതായും നിത്യോത്സവ കർത്താവായ ശിഷ്യൻ ജഗന്നാഥ പണ്ഡിതൻ ഭാസ്കരവിലാസം കാവ്യത്തിൽ രേഖപ്പെടുത്തുന്നു. വാരണാസിയിൽ ഉപനയനവും ലോകപല്ലീ നിവാസിയായ നരസിംഹാദ്ധ്വരി ചരണങ്ങളിൽ അദ്ധ്യയനവും.ഗുരുപുത്രൻ ശ്രീ.സ്വാമിശാസ്ത്രിയോടൊപ്പം ചേർന്ന് പൂർവ്വമീമാംസാ വാദാകുതൂഹലം എന്നൊരു ഗ്രന്ഥം രചിച്ചിട്ടുണ്ട്. കയ്യെഴുത്തു പ്രതി സരസ്വതീഭവന ഗ്രന്ഥശാലയിൽ ലഭ്യമാണ്.ഗംഗാധര വാജ്പേയിയിൽ നിന്നും ന്യായശാസ്ത്രം രുക്മണ്ണാ പണ്ഡിതനിൽ നിന്നും ഛന്ദോശാസ്ത്രം എന്നിവ അഭ്യസിച്ചു.മറ്റു പലരിൽ നീന്നും വിവിധ ശാസ്ത്രങ്ങളിൽ അവഗാഹം നേടി.അപ്പയ്യ ദീക്ഷിതരിൽ നിന്ന് ശൈവോപാസനാരഹസ്യങ്ങളും അഭ്യസിച്ചു. നൃസിംഹാദ്ധ്വരി ഗുരുവിനാൽ അയച്ചതനുസരിച്ച് ശിവദത്തശുക്ല ചരണങ്ങളിൽ നിന്ന് പൂർണ്ണദീക്ഷയും നേടി.

ശാസ്ത്രാർത്ഥവിചാരത്താലും രാജസമ്മാനങ്ങളാലും വിജയശ്രീലാളിതനായിരുന്നു അദ്ദേഹം എന്ന് ജഗന്നാഥ പണ്ദിതൻ സാക്ഷ്യപ്പെടുത്തുന്നു. മാധ്വ സന്ന്യാസിയായിരുന്ന വല്ലഭാചാര്യനെ തോൽപ്പിച്ചതും കാവേരിയുടെ ഗതി മാറ്റിയതും ഭാസ്കരവിലാസം വർണ്ണിക്കുന്നുണ്ട്.

കൌളോപനിഷദ്,ത്രിപുരോപനിഷദ്,ഭാവനോപനിഷദ് എന്നിവയ്ക്ക് ഭാഷ്യവും തൃചഭാസ്കരം എന്ന വൈദിക പ്രയോഗ ഗ്രന്ഥവുമടക്കം എഴുപത്താറോളാം ഗ്രന്ഥങ്ങൾ രചിച്ചു.1675—1768 ആയിരുന്നു ജീവിതകാലമെന്ന് പണ്ഡിതൻമാർ അഭിപ്രായപ്പെടുന്നു.1728 -ൽ സൌഭാഗ്യഭാസ്കരവും 1733 സേതുബന്ധവും 1741-ൽ സപ്തശതിയ്ക്ക് ഗുപ്തവതീ എന്ന ടീകയും രചിച്ചു.

ഭാരതവർഷത്തിൽ ഉടനീളം സഞ്ചരിച്ച് യാഗങ്ങൾ ചെയ്തും യോഗ്യരെ ശിഷ്യരാക്കിയും ധർമ്മവും സമ്പ്രദായവും പാലിച്ച് മദ്ധ്യാർജ്ജ്യുനക്ഷേത്രതിൽ [തിരുവിഡൈ മരുത്തൂർ-കുംഭകോണം] നിർവ്വാണം പ്രാപിച്ച ഭാസ്കരജ്യോതി ശ്രീ വിദ്യോപാസകർക്ക് സമ്പ്രദായ ഭേദമെന്യെ മാർഗ്ഗദർശിയായും സ്വപരമ്പരയുടെ അനുഗ്രഹ സ്രോതസ്സായും നിലകൊള്ളുന്നു.

ശ്രീവിദ്യാ സമ്പ്രദയങ്ങളിൽ രാമേശ്വരം പരമ്പരയിലെ കേരളത്തിലെ ആദ്യ ഗുരുവായ ശ്രീ പ്രഭാകര മന്നാടിയാരുടെ പുർണ്ണദീക്ഷിതനായ ശിഷ്യനാണ് ലേഖകൻ. 1987ൽ പൂർണ്ണ ദീക്ഷ ലഭിച്ചത് മുതൽ ഉള്ള ഏകാഗ്ര സാധന, പതിറ്റാണ്ടുകൾ തുടർച്ചയായി നിത്യ നവാവരണ പൂജ, മുടക്കം കൂടാതെ പർവ്വ പൂജ, അങ്ങിനെ സംപൂർണ്ണ ശ്രീവിദ്യാ സപര്യയുടെ ഉജ്വലമായ പാരമ്പര്യം.

0 Comments