body { padding: 0; margin: 0; background-color: #f5f5f7 !important; }
/*BS00-Basic styles and reset start*/
h1,
h2,
h3,
h4,
h5,
h6,
p { margin: 0 !important; padding: 0 !important; }
a { text-decoration: none !important; }
ul,
li { /*	row-gap: 10px; */
  list-style: none; column-gap: 10px; margin: 0 !important; padding: 0; flex-direction: column; }
button { border: 0; outline: 0; background-color: transparent; }
/*BS01-Basic styles and reset end*/
/*navbar-css-starts-here*/
.min-nav-hld { background-color: #000 !important; }
.nav-min { padding: 20px 5px !important; }
.nav-sc { row-gap: 20px; column-gap: 20px; padding: 0 2% !important; }
.lg-hl { background-color: #ececec; height: 45px; width: 45px; border-radius: 50px; display: flex; align-items: center; justify-content: center; }
.lg-ico { font-size: 19px; }
.cmp-nm { color: #f2f2f2 !important; font-size: 24px !important; font-family: "DM Serif Display", serif; }
.sd-nm { display: none; font-family: "DM Serif Display", serif; }
/*Search Bar Starts Here */
.frm-sc { background-color: #f5f5f7 !important; border-radius: 8px; padding: 4px 4px 4px 4px; transition: 0.3s ease; }
.frm-sc:has(.srh-br:focus) { box-shadow: 4px 4px 0px yellow !important; }
.srh-br { outline: 0 !important; border: 0 !important; box-shadow: none !important; background-color: transparent !important; font-family: "Josefin Sans", sans-serif; }
.srh-br:focus { width: 250px !important; transition: 0.5s ease-in-out !important; }
.srh-btn { border-radius: 7px !important; padding: 1px 10px !important; border: 2px solid #8b8b8b70 !important; color: #8b8b8b70 !important; font-weight: 900 !important; }
/*Search Bar Ends Here*/
/*Nav Items Starts Here*/
.clp-mnu { column-gap: 20px; }
.navbar-toggler { background-color: #ececec !important; }
.ul-sc .nav-item { z-index: 999999; padding: 0 10px !important; }
.ul-sc .nav-item .nav-link { color: #f2f2f2 !important; font-weight: 500 !important; font-size: 18px !important; font-family: "Josefin Sans", sans-serif; }
.ul-sc .nav-item .nav-link:hover { color: #f5f5f550 !important; }
.dropdown-menu.show { background-color: #25252570; outline: 0; border: 0; backdrop-filter: blur(20px); }
.dropdown:hover .dropdown-menu { display: block; backdrop-filter: blur(20px); background-color: #25252570; }
.dropdown-menu:after { content: ""; position: absolute; height: 0; width: 0; top: 0; left: 0; margin-top: -7px; margin-left: -15px; left: 35%; z-index: 1; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #25252570; }
.dropdown-item { color: #ececec !important; transition: 0.2s ease-in-out; font-weight: 500 !important; font-family: "Josefin Sans", sans-serif; }
.dropdown-item:hover { background-color: #25252580 !important; color: #fff !important; }
.dropdown-item:focus { background-color: #25252570 !important; }
.nav-trnd { display: flex; align-items: center; }
.dropdown:hover .tl { color: #f5f5f550 !important; }
.trnd-ioc { transition: 0.3s ease; color: #fff; }
.dropdown:hover .trnd-ioc { transform: rotate(180deg); color: #f5f5f550; }
.nav-link.dropdown-toggle::after { display: none; }
/*Nav Items Ends Here*/
.min-scc, .min-ctt-hld-sc, .qot-scc-min, .al-dv-vod-sc { max-width: 1620px; margin: 0 auto; width: 100%; }
/*navbar-css-ends-here*/
/*Main-slider-section-css-starts-here*/
/*Top-upload-Button-start*/
.upld-lg { position: absolute; left: 2%; }
.upld-cmp { justify-content: center !important; }
.upld-sp-txt { font-size: 18px; font-family: "Josefin Sans", sans-serif; }
.up-btn-hl { padding: 5px 15px; border-radius: 50px; border: 2px solid #fff; transition: 0.2s ease; }
.up-btn-hl .up-btn { color: #fff; font-weight: 500; transition: 0.5 ease; text-decoration: none; font-family: "Josefin Sans", sans-serif; }
.up-btn .icon { color: #fff; margin: 0 20px 0 0; }
.up-btn-hl:hover { background-color: #ffff00; border: 2px solid #ffff00; }
.up-btn-hl:hover .up-btn { color: #000; }
.up-btn-hl:hover .icon { color: #000; animation: updown 1s infinite; }
@keyframes updown {
 0% { transform: translateY(0px); }
100% { transform: translateY(-5px); }
 }
/*Top-upload-Button-ends*/
/*slider-section start*/
.min-wb-ctt { display: flex; row-gap: 6em; padding: 2% 0; flex-direction: column; }
.slid-scc-hld { padding: 1% 0; display: flex; align-items: center; justify-content: center; }
.slide-row { width: 3200px; display: flex; transition: 1s; }
.slide-col { width: 800px; padding: 25px; display: flex; height: 400px; position: relative; }
.user-img { top: 0; right: 0; height: 100%; position: relative; object-fit: cover; filter: drop-shadow(8px 8px 10px #00000065); }
.user-img img { width: 320px; height: auto; position: relative; border-radius: 10px; }
.user-text { top: 42%; left: -9%; z-index: 2; width: 477px; border-right: 0; border-bottom: 0; padding: 10px 20px; position: relative; border-radius: 10px; text-align: justify; color: #000; height: fit-content; border: 2px solid #fff; box-sizing: border-box; background-color: yellow; transform: translateY(-50%); box-shadow: 4px 4px 0px black; font-family: "Sen", sans-serif; }
.thr { height: auto; width: 320px; border-radius: 10px; display: flex; justify-content: center; align-items: center; background-color: #fff; }
.avtr { font-size: 10em; }
.sld-h3 { text-align: center; }
.tlt { font-size: 26px; text-align: center; font-family: "El Messiri", sans-serif; }
.quote-sld { font-size: 26px; margin-top: 1em; align-items: center; justify-content: center; font-family: "Bebas Neue", sans-serif; }
.quote-sld .quote:before,
.quote-sld .quote:after { content: '"'; color: #000; position: relative; }
.author-sld { font-size: 18px; display: flex; column-gap: 10px; align-items: center; justify-content: end; font-family: "Bebas Neue", sans-serif; }
.author-sld::before { content: ""; width: 15px; height: 2px; border-radius: 10px; background-color: #000; position: relative; }
.sld-oftd-txt-hld { display: flex; flex-direction: column; gap: 1.5em; }
.qt-ath-hld { display: flex; flex-direction: column; gap: 1em; }
.sld-tlt-sp { font-size: 14px; }
.sld-bkftd-txt { display: flex; gap: 1em; flex-direction: column; }
.sld-rd-btn { background-color: #000; color: #fff; }
.twt-icn { margin-right: 10px; }
.containers { width: 800px; position: relative; }
.indicator { left: 50%; bottom: -28px; position: absolute; transform: translateX(-50%); }
.btns { width: 12px; height: 12px; margin: 4px; transition: 1s; cursor: pointer; border: 1px solid; border-radius: 15px; display: inline-block; }
.active { width: 45px; background-color: #000; box-shadow: 4px 4px 0px yellow; }
.testimonial { width: 100%; height: 100%; overflow: hidden; border: 2px solid; border-radius: 10px; }
.sld-btn-hld { display: flex; position: relative; align-items: center; justify-content: space-between; }
.copy-btn { display: flex; padding: 7px 7px; border-radius: 30px; align-items: center; border: 2px solid #000; justify-content: center; }
.sld-btn { border: 0; outline: 0; color: #fff; height: 2em; display: flex; align-items: center; justify-content: center; width: 4em; padding: 10px; min-width: fit-content; border-radius: 50px; background-color: #000; transition: 0.3s ease; }
.sld-btn:hover { background-color: #00000090; }
.cpy-btn { color: #000; border-radius: 50px; transition: 0.2s ease; }
.cpy-btn:hover { background-color: #000; }
.cpy-btn:hover .copy-btn { color: #ffff00; }
/*slider-section end*/
/*category section start*/
.cteg-scc { margin: 0 2%; }
.cteg-inrr { padding: 1.5% 1%; background-color: #e0e0e0; border-radius: 10px; font-family: "Josefin Sans", sans-serif; }
.cteg-tlt { text-align: center; }
.cteg-sld-scc { margin: 25px 0 0 0; }
.fst-rw { display: flex; padding: 10px; column-gap: 20px; overflow: hidden; transition: 0.3s ease; }
.sd { flex-direction: row-reverse; }
.cteg-a { padding: 10px 25px; border-radius: 10px; animation: sld 10s infinite; box-shadow: 0 0 5px #25252550; background-color: #fff; transition: 0.5s ease; cursor: pointer; box-shadow: 0px 0px 0 transparent; }
.cteg-a:hover { background-color: #000; box-shadow: 4px 4px 0 #ffff00; }
.cteg-btn { text-decoration: none; color: #000 !important; }
.cteg-a:hover .cteg-btn { color: #fff !important; }
.ss { animation: ss 10s infinite; }
@keyframes sld {
 from { transform: translateX(0); }
to { transform: translateX(-200px); }
 }
@keyframes ss {
 from { transform: translateX(0); }
to { transform: translateX(100px); }
 }
/*category section end*/
/*Card-Section-Start*/
.min-crd-hld { row-gap: 2em; display: flex; flex-direction: column; }
.crd-scc-hld { padding: 2% 3%; }
.crd-inr-hld { display: flex; row-gap: 30px; flex-direction: column; }
.crd-tlt { display: flex; row-gap: 18px; flex-direction: column; }
.crd-tlt:after { content: ""; width: 50%; height: 2px; display: block; position: relative; background-color: #000; }
.scc-tlt-tp { display: flex; align-items: center; justify-content: space-between; }
.sl-al { cursor: pointer; padding: 3px 15px; border-radius: 50px
; border: 2px solid #000; transition: 0.3s ease; }
.sl-al:hover { background-color: #000; box-shadow: 4px 4px 0px #ffff00; }
.sl-al:hover .sl-icn { animation: mv 1.5s infinite; }
@keyframes mv {
 form { transform: translateX(0px); }
to { transform: translateX(5px); }
 }
.sl-a { color: #000 !important; text-decoration: none; }
.sl-al:hover .sl-a { color: #fff !important; }
.sc-tlt { color: #000; display: flex; font-size: 24px; font-weight: 700; width: fit-content; position: relative; align-items: center; text-decoration: none; transition: 0.2s ease-in-out; }
.sc-tlt:hover { color: yellow; }
.sc-tlt:hover .icon-right { visibility: visible; color: yellow !important; transform: translateX(30px); }
.txt { /*	color: #fff; */
  margin-left: 20px; }
.sc-tlt .icon-right { font-size: 18px; visibility: hidden; transition: 0.4s ease-in-out; align-items: center !important; }
.sc-tlt::before { width: 7px; content: ""; height: 50px; display: flex; position: absolute; transition: 0.2s linear; background-color: #000; }
.sc-tlt:hover::before { z-index: -6; width: 120%; border-radius: 11px; box-shadow: 10px 4px 0 yellow; }
.crd-bg-hld { row-gap: 30px; display: flex; flex-wrap: wrap; column-gap: 2em; width: -webkit-fill-available; justify-content: space-between; }
.crd-min-bg { /*	width: 220px; */
  height: auto; display: flex; cursor: pointer; padding: 10px; border-radius: 14px; background-color: #fff; justify-content: center; transition: 0.3s ease-in-out; box-shadow: 0 4px 10px #25252570; }
.crd-min-bg:hover { box-shadow: 0 4px 20px #25252570; }
.crd-inr { display: flex; row-gap: 15px; align-items: center; flex-direction: column; }
.crd-img { height: 162px; object-fit: cover; justify-content: center; transition: 0.3s ease; display: flex; }
.imgr { border: 1px solid black; border-radius: 10px; overflow: hidden; width: 150px; height: 160px; }
.brnd-lbl { background-color: #000; color: #fff; text-align: center; }
.brnd-lbl-txt { font-family: "DM Serif Display", serif; }
.brnd-sd-txt { font-family: "Josefin Sans", sans-serif; font-size: 0.8em; }
.crd-min-bg:hover .crd-img { transform: scale(1.2) translateX(50px); }
.crd-txt { gap: 10px; width: 100%; display: flex; align-items: baseline; justify-content: space-between; }
.crd-p { margin: 0px; font-size: 18px; font-weight: 700; text-align: justify; font-family: "Sen", sans-serif; }
.crd-func-btns { width: 100%; gap: 10px; display: flex; }
.ad-lbry-btn-hld { font-family: 'Lexend Deca', sans-serif; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: 2px solid #000; transition: 0.2s ease; }
.sv { width: 25%; }
.ad-lbry { color: #000; font-weight: 500; transition: 0.2s ease; }
.ad-lbry-btn-hld:hover { background-color: #000; }
.ad-lbry-btn-hld:hover .ad-lbry { color: #f9f9f9; }
.wrtr-nm { font-size: 10px; font-weight: 600; }
.rt-num { font-size: 12px; }
.rt { color: #ffff00; /*background-color: #ffff00; /*/ }
/*Card-Section-End*/
/*Main-slider-section-css-ends-here*/
/*SDM003 second page start*/
.tlt-s { top: 0; row-gap: 0; display: flex; z-index: 99999; position: sticky; padding: 10px 20px; justify-content: center; backdrop-filter: blur(20px); background-color: #ffffff65; width: -webkit-fill-available; border-bottom: 1px solid #00000065; }
.tlt-s::after { width: 0; height: 0; }
.sd-tlt { justify-content: center; }
.sd-txt { color: #000; }
.bk-btn { position: absolute; height: 2.5rem; width: 6rem; display: flex; align-items: center; column-gap: 20em; justify-content: center; border-radius: 50px; transition: 0.3s ease; border: 2px solid #00000050; }
.bk-btn:hover { background-color: #000000b0; border: 2px solid #00000090; }
.bk-btn-a { color: #000; text-decoration: none; }
.bk-btn:hover .bk-btn-a { color: #fff; }
.sc-icon { margin-right: 10px; }
.bk-btn:hover .sc-icon { color: #fff; }
.sd-tlt-a { color: #000; font-size: 1.5em; font-weight: 900; }
/*SDM003 second page end*/
/*LGP-001-Login Page css START*/
.lg-min-dv { width: 100%; }
.lg-hld-scc { display: none; }
.lg-hdr { padding: 10px; text-align: center; background-color: #000; }
.lg-cmp-nm { color: #fff; font-size: 32px; font-family: "DM Serif Display", serif; }
.lg-inr-ctt { width: 100%; height: 100%; display: flex; }
.fst-dv-lg { width: 70%; height: 100vh; padding: 2%; display: grid; place-items: center; background-color: #000; }
.fst-dv-ctt { width: auto; display: flex; /*	gap: 2em; */
  flex-direction: column; }
.cls-sc-hld { top: 0; left: 0; padding: 10px; position: absolute; }
.cls-btn { color: #fff; font-size: 2rem; transition: 0.2s ease; }
.cls-btn:hover { color: #606060; }
/*.quote { line-height: 2; }
*/
.lst-lin { color: #fff; font-weight: 900; }
.auther { text-align: right; font-size: 18px !important; animation: uptodwn 800ms linear; }
.txt-lg { color: #505050; font-size: 42px; animation: uptodwn 600ms linear; }
@keyframes uptodwn {
 from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0px); }
 }
.brnd-nm-hld { position: absolute; bottom: 0; left: 0; padding: 0% 2% 1%; }
.brnd-nm { color: #fff; font-size: 2rem; font-family: "DM Serif Display", serif; }
/*Right Side Part*/
.sd-dv-hld { width: 35%; padding: 3% 0%; background-color: #f5f5f7; }
.cmp-lg-hld { display: flex; align-items: center; justify-content: center; }
.cmp-lg { text-align: center !important; color: #000 !important; }
.frm-scc-hld { display: grid; width: 100%; place-items: center; }
.frm { display: flex; width: 100%; align-items: center; flex-direction: column; }
.inr-frm-hld { top: 30%; bottom: 50%; height: fit-content; display: flex; flex-direction: column; row-gap: 2em; justify-content: center; align-items: center; position: absolute; }
.inp-hld { display: grid; gap: 0.8em; }
.inp-min { width: 15em; height: 2.5em; display: flex; border-radius: 10px; align-items: center; border: 1px solid #000; justify-content: center; }
.inp-min input { border: 0; outline: 0; color: #000; width: 13em; background-color: transparent; font-family: "Josefin Sans", sans-serif; }
input::placeholder { color: #000; }
.lg-a-bg { display: flex; align-items: center; justify-content: center; }
.lg-a-lgin { outline: 0; border: 0; color: #fff; width: 100%; height: 2.5em; display: flex; border-radius: 8px; font-weight: 750; align-items: center; transition: 0.3s ease; justify-content: center; background-color: #000; }
.lg-a-lgin:hover { color: #fff; font-weight: 750; background-color: #00000065; }
.hr { width: -webkit-fill-available; height: 2px; background-color: #000; display: flex; }
.lgw-hld { display: grid; gap: 0.8em; }
.lgw-bg { margin: 10px 0; }
.lg-a:is(:hover, :active) { color: #fff; background-color: #000; box-shadow: 4px 4px 0px #ffff00; }
.lg-a { color: #000; font-weight: 600; padding: 10px 30px; cursor: pointer; border-radius: 8px; border: 1px solid #000; transition: 500ms ease; }
.lg-icon { margin: 0 0 0 10px; }
.lst-hld { position: absolute; bottom: 5%; }
.lg-min-cm { font-family: "Arvo", serif; }
.btn-sin { outline: 0; border: 0; color: #006992; text-decoration: underline; }
/*Right Side Part End*/
/*Creat An Account Page Start*/
.sd-frm { display: flex; padding: 20px; margin: 0 20px; position: absolute; justify-content: center; animation: up 300ms linear; backdrop-filter: blur(20px); background-color: #00000065; border-radius: 20px 20px 0 0; width: -webkit-fill-available; height: -webkit-fill-available; }
@keyframes up {
 from { transform: translateY(250px); }
to { transform: translateY(0px); }
 }
#sin-btn { display: none; }
.cls-lg-btn { background-color: transparent; color: #fff; outline: 0; border: 0; }
.cls-ico { font-size: 26px; }
.sin-tlt { color: #fff; font-weight: 700; }
.sin-p { font-weight: 500; }
.nw-acc-hld { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 20px; }
.inp-hld-nw { display: flex; gap: 20px; align-items: center; flex-direction: column; }
.sin-inp { border: 1px solid #fff; }
.sin-inp input { color: #fff; }
.sin-inp input::placeholder { color: #fff; }
.sin-btn { width: -webkit-fill-available; }
.lg-p { font-weight: 500; }
.lg-btn { background-color: transparent; color: #fff; }
.lg-cm { color: #fff; }
/*Creat An Account Page End*/
/*LGP-002-Login Page css END*/
/*UPLOAD PAGE CSS START*/
.min-cntr-dv { width: 45%; }
.upld-inr-ctt { display: flex; align-items: center; justify-content: space-between; }
.cnt-upld-bg { width: 2%; height: 100vh; display: flex; margin-top: 1%; /*	border-radius: 0px 10px 0px 0px; */
  padding: 2% 0%; justify-content: start; background-color: #00000065; }
#sd-upld { transition: 0.2s ease; width: 3%; }
.cnt-tlt { width: 100%; position: relative; top: -4.4%; height: 8%; display: flex; justify-content: center; align-items: center; background-color: #00000065; font-family: "DM Serif Display", serif; }
.cnt-txt { color: #fff; font-size: 18px; }
.upld-cate-hld { height: 100%; display: flex; row-gap: 10%; position: relative; width: -webkit-fill-available; align-items: center; flex-direction: column; justify-content: center; bottom: 20%; }
.cnt-inr { display: flex; align-items: center; flex-direction: column; justify-content: center; width: -webkit-fill-available; }
.cls-upld-hld { width: -webkit-fill-available; font-size: 20px; color: #fff; background-color: #00000050; }
.icon-tw { transition: 0.2s ease; transform: rotate(45deg); }
.cate-bg { width: -webkit-fill-available; background-color: #00000050; transition: 0.2s ease; }
.cate-bg:hover { background-color: #00000090; }
.cate-items button { outline: 0; border: 0; background-color: transparent; font-weight: 750; color: #f9f9f9; }
.cate-items { padding: 10px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.upld-icon { color: #fff; font-size: 20px; }
#cate-items-edge { right: 0; display: none; position: absolute; animation: 300ms sldtw linear; border-left: solid 10px transparent; border-bottom: solid 10px #00000090; border-right: solid 10px transparent; transform: rotate(90deg) translateY(-15px); }
#tw { right: 0; display: none; margin: 6px 0 0 0; position: absolute; animation: 300ms sldtw linear; border-left: solid 10px transparent; border-bottom: solid 10px #00000090; border-right: solid 10px transparent; transform: rotate(90deg) translateY(-15px); }
#thr { right: 0; display: none; margin: 6px 0 0 0; position: absolute; animation: 300ms sldtw linear; border-left: solid 10px transparent; border-bottom: solid 10px #00000090; border-right: solid 10px transparent; transform: rotate(90deg) translateY(-15px); }
@keyframes sldtw {
 from { transform: rotate(90deg) translateY(-15px); }
to { transform: rotate(90deg) translateY(-15px); }
 }
.bk-upld-scc { width: -webkit-fill-available; display: flex; justify-content: center; align-items: center; border-radius: 25px; background-color: #00000065; font-family: "Quicksand", sans-serif; }
#bk-s { display: none; animation: upsld 200ms linear; }
@keyframes upsld {
 from { transform: translateY(50px); }
to { transform: translateY(0px); }
 }
.bk-upld-inr { width: -webkit-fill-available; padding: 20px; }
.bk-upld-btn { border: 0; outline: 0; color: #fff; padding: 0.5em 0.5em; border-radius: 50px; width: 128px; border: 2px solid #fff; transition: 0.2s linear; background-color: #00000020; }
#bk-s:hover .bk-upld-btn { width: 290px; }
input::file-selector-button { background-color: #00000030; color: #fff; outline: 0; padding: 5px 10px; border-radius: 50px; margin-right: 20px; border: 0px solid #fff; transition: 0.3s ease; cursor: pointer; }
input::file-selector-button:hover { background-color: #00000080; }
.bk-ctt { width: 100%; padding: 5% 2%; border-radius: 10px; display: flex; gap: 20px; flex-direction: column; justify-content: center; align-items: center; border: 2px dashed #fff; }
.upld-txt { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; color: #fff; font-family: "Quicksand", sans-serif; }
.prvw-scc { height: 100vh; width: 25%; border-radius: 10px 0 0 10px; background-color: #00000065; }
.prvw-scc-inr { display: flex; height: 100%; align-items: center; justify-content: center; }
.dflt-txt { color: #fff; font-weight: 550; }
/*UPLOAD PAGE CSS END*/
/*Histroy Page Style Start*/
.min-lib-ctt { padding: 1% 3%; display: flex; flex-direction: column; gap: 30px; }
.hsty-scc-hld { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.hsty-inr { display: flex; gap: 20px; flex-direction: column; }
.al-crd-hld { gap: 20px; padding: 1% 2%; display: flex; margin-bottom: 1%; overflow-x: scroll; }
.sc-br-cst::-webkit-scrollbar { height: 10px; }
.sc-br-cst::-webkit-scrollbar-track { border-radius: 10px; background-color: #00000030; }
.sc-br-cst::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #00000040; }
.sc-br-cst::-webkit-scrollbar-thumb:hover { background-color: #00000050; }
.ymal-txt { font-size: 24px; }
.ymal-crds { flex-wrap: wrap; overflow: visible; justify-content: space-between; }
/*Histroy Page Style End*/
/*Video Section Style Start*/
.vdo-scc-hld { padding: 1% 3%; }
.min-vdo-scc { justify-content: center; align-items: center; display: flex; flex-wrap: wrap; gap: 2em; }
.vdo-crd { width: 250px; height: 350px; position: relative; overflow: hidden !important; border-radius: 10px; background-image: linear-gradient(0deg, #00000065, transparent); }
.vdo { width: -webkit-fill-available; height: -webkit-fill-available; position: absolute; z-index: -1; border-radius: 10px; object-fit: cover; }
.usr-nm-hld-vdo { display: flex; flex-direction: column; }
.usr-ctt { display: flex; gap: 8px; align-items: center; }
.usr-pro-img { border-radius: 50%; display: flex; width: 35px; height: 35px; color: #fff; align-items: center; justify-content: center; border: 2px solid #fff; }
.vdo-txt { display: flex; /* gap: 30px; */
  justify-content: space-around; }
.vdo-txt-hld { padding: 10px; display: flex; align-items: center; position: relative; backdrop-filter: blur(15px); border-radius: 0 0 10px 10px; justify-content: space-between; }
.thr-dt-hld { border-radius: 50%; backdrop-filter: blur(15px); position: absolute; padding: 10px; height: 30px; width: 30px; right: 0; z-index: 2; margin: 7px; display: flex; align-items: center; justify-content: center; background-color: #00000065; }
.thr-icon { color: #fff; }
.vdo-tlt { color: #fff; }
.vdo-opt-hld { display: flex; gap: 0.6em; }
.dropdot-menu-min { height: -webkit-fill-available; width: -webkit-fill-available; backdrop-filter: blur(2px); padding: 10px; display: none; transition: 3s ease; }
.drop-inr { right: 0; background-color: #00000065; border-radius: 10px; margin: 32px 10px; backdrop-filter: blur(50px); transition: 3s ease; position: absolute; height: fit-content; }
.ic-hld { display: flex; align-items: center; }
.drop-ul { padding: 0; }
.drop-li { padding: 2px 5px; border-bottom: 2px solid #ffffff25; transition: 0.3s ease; font-family: "Josefin Sans", sans-serif; }
.drop-li:nth-child(3) { border-bottom: 0; border-radius: 0 0 10px 10px; }
.drop-li:nth-child(1) { border-radius: 10px 10px 0 0; }
.drop-li:hover { background-color: #00000070; }
.drop-btn { color: #ffffff85; }
.drop-li:hover .drop-btn { color: #fff; }
.ic { color: #fff; border-radius: 50%; border: 2px solid; width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; transition: 0.2s ease; }
.ic:hover { background-color: #00000065; }
.ic:active { border: 2px solid transparent; background-color: #000; }
.ic:active .vdo-icon { color: #ff1100; }
.ml { font-size: 16px; }
.vdo-btm-ctt-hld { position: relative; top: 83%; transition: 0.2s ease; font-family: "Josefin Sans", sans-serif; }
.ude-snd { font-size: 13px; }
.vdo-upld-nm { display: flex; }
.vdo-tlt-hld { display: flex; align-items: center; gap: 6px; }
.vrfy-bge { display: flex; align-items: center; margin-bottom: 3px; }
/*Video Section Style End*/
/*Quote section style start*/
.qot-scc-str { padding: 1% 3%; }
.qot-inr-scc { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: center; }
.min-qot { width: auto; max-width: 340px; height: auto; padding: 10px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 10px #25252530; transition: 0.3s ease; border: 2px solid transparent; }
.min-qot:hover { border: 2px solid #0000004a; box-shadow: 0 0 20px #25252530; }
.qot-btm-scc { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.qot-btn { color: #000; font-weight: 750; border: 1px solid #000; border-radius: 50px; background-color: transparent; }
.qot-btn:hover { background-color: #000; color: #fff; box-shadow: 4px 4px 0px #ffff00; }
.usr-inr-hld { display: flex; align-items: center; gap: 6px; }
.qot-shr { width: 5.5em; }
.usr-nm { font-size: 14px; color: #000 !important; font-weight: 650; }
.qot-vrfy-bge { margin: 0; }
/*Quote section style end*/
/* book section css start */
.crd-opt-sd { padding: 10px; background-color: #ffffff; border-radius: 17px; height: -webkit-fill-available; transition: 0.2s ease; box-shadow: 4px 4px 10px #25252530; }
.crd-opt-sd:hover { box-shadow: 4px 4px 20px #25252530; }
.lft-ctt-hld { display: flex; flex-direction: column; gap: 36px; }
.sd-crd-tlt { font-size: 22px; }
.sd-wrtr-nm { font-size: 12px; }
.sd-opt-al-ctt { display: flex; gap: 20px; align-items: center; font-family: "Sen", sans-serif; }
.sd-crd-img { height: -webkit-fill-available; }
.crd-opt-sd:hover .sd-crd-img { transform: translateX(88px) scale(1.2); }
.sd-opt-img { height: 224px; width: 213px; }
.sd-opt-txt { display: flex; flex-direction: column; }
.sd-opt-bk-dis { width: 20rem; }
/* book section css end */
/*FT001-Footer section start*/
.ftr-bg-hld { background-color: #000; padding: 1% 0%; }
.ftr-inr { display: flex; flex-wrap: wrap; padding: 2% 3%; column-gap: 30px; row-gap: 30px; justify-content: space-between; }
.fst-ftr-rw { display: flex; width: 200px; align-items: flex-start; flex-direction: column; }
.ft-nm { letter-spacing: 3px; text-decoration: none; font-size: 2.5em !important; }
.tg-ln-ftr { position: relative; bottom: 15px; color: #fff; font-family: "DM Serif Display", serif; }
.al-rw-hld { display: flex; column-gap: 4em; flex-wrap: wrap; justify-content: center; row-gap: 4em; }
.flw-tlt { color: #fff; font-size: 1.1em; font-family: "Josefin Sans", sans-serif; }
.ftr-ul { padding: 0; display: flex; flex-direction: row !important; font-family: "Josefin Sans", sans-serif; }
.scd-ul { row-gap: 10px; align-items: flex-start; padding: 0 !important; flex-direction: column !important; }
.ftr-li { padding: 5px 5px !important; display: flex; justify-content: center; transition: 0.3s ease; border-radius: 5px; }
.ftr-pg { color: #fff !important; font-size: 0.9em !important; /*	padding: 5px 0px !important; */ }
.ftr-li:hover { color: #fff !important; background-color: #141414; box-shadow: 6px 6px 0 #ffff00; }
.lg-inr { display: flex; row-gap: 20px; align-items: flex-start; flex-direction: column; }
.ftr-a { font-size: 1.3em; font-family: "Zen Maru Gothic", sans-serif; }
.ftr-i { padding: 8px; border-radius: 50%; transition: 0.3s ease; background-color: #000; }
.ftr-i:hover { background-color: #fff; box-shadow: 4px 4px 0px #ffff00; color: #000 !important; }
.lst-ftr-rw { border-top: 2px solid #fff; padding: 0.5% 3%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.flw-scc-hld { width: 240px; }
.flw-inr { display: flex; row-gap: 20px; align-items: start; flex-direction: column; justify-content: end; }
.cprt-scc { color: #fff !important; }
.sp-ftr { color: #fff; text-decoration: none; font-family: "DM Serif Display", serif; }
/* .ftr-li-ico { }
*/
/*FT002- Footer section end*/
/*MQ-001 Mediaquery Start*/
/*iPhone7+*/
@media (max-width: 414px) {
 .lg-inr-ctt { flex-direction: column; }
.fst-dv-lg { width: 100%; height: 30%; }
.sd-dv-hld { width: 100%; display: flex; align-items: center; justify-content: center; }
.inr-sd-ctt { position: absolute; }
.inr-frm-hld { row-gap: 1.2em; }
.brnd-nm-hld { display: none; }
.cmp-lg { display: none; }
.lg-hld-scc { display: block; }
.lst-hld { top: 348px; }
.sd-lg { bottom: 0; position: inherit; }
.lst-ln { width: max-content; font-size: 0.8em; }
.cls-sc { width: 75%; display: flex; justify-content: end; position: inherit; }
.sd-frm { bottom: 0; margin: 0; }
.frm-sd { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
 }
/*MQ-001 Mediaquery End*/