:root { --background-color: #fff; --hover-color: #03a9f5; } * { margin: 0; padding: 0; box-sizing: border-box; outline: 0; } a { text-decoration: none; } ul, ol { list-style-type: none; } body { overflow-x: hidden; font-family: "Inter", sans-serif; } body { background-color: white; color: black; transition: background-color 0.3s, color 0.3s; } .dark-theme { background-color: black; color: white; } .dark-theme h1, .dark-theme p, .dark-theme h2, .dark-theme h3, .dark-theme h5, .dark-theme span, .dark-theme h6, .dark-theme li, .dark-theme a { color: white !important; } .page-header { position: relative; top: 0; background: #fff; right: 0; left: 0; z-index: 5; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .page-header.is-sticky { position: fixed; z-index: 999; background-color: #fff; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); animation: slideDown 0.35s ease-out; } @keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } } /* top nav */ .page-top { background-color: cornflowerblue; padding: 10px 0; position: relative; z-index: 3; } .mainowner { display: flex; align-items: center; gap: 8px; } .mainowner p { margin: 0px; color: #fff; font-size: 14px; } .rightstrip { display: flex; align-items: center; justify-content: end; } .rightstrip a { color: #ebebeb; font-size: 13px; padding: 2px 8px; } .page-header .nav-item a { font-size: 14px; } .fontstyle a:hover { background-color: #0000000f; border-radius: 6px; } .stripbox { display: flex; align-items: center; gap: 2px; padding: 0 14px; border-right: 1px solid #ebebeb; } .sl-nav { display: inline; color: #ebebeb; font-size: 12px; z-index: 6; position: relative; } .sl-nav ul { margin: 0; padding: 0; list-style: none; position: relative; display: inline-block; } .sl-nav li { cursor: pointer; padding: 10px 12px; } .sl-nav li ul { display: none; } .sl-nav li:hover ul { position: absolute; right: -15px; display: block; background: #fff; width: auto; min-width: 120px; top: 38px; padding-top: 0px; z-index: 2; border-radius: 5px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); } .sl-nav li:hover .triangle { position: absolute; top: 24px; left: 50%; z-index: 10; transform: translateX(-50%); height: 14px; overflow: hidden; width: 30px; background: transparent; } .sl-nav li:hover .triangle:after { content: ""; display: block; z-index: 20; width: 15px; transform: rotate(45deg) translateY(0px) translateX(10px); height: 15px; background: #fff; border-radius: 2px 0px 0px 0px; } .sl-nav li:hover i.fa-angle-down { transform: rotate(180deg); transition: transform 0.3s ease-in-out; } .sl-nav i.fa-angle-down { transition: transform 0.3s ease-in-out; } .sl-nav li ul li { position: relative; text-align: left; background: transparent; padding: 10px 13px; padding-bottom: 0; z-index: 2; font-size: 13px; color: #3c3c3c; } .sl-nav li ul li:last-of-type { padding-bottom: 10px; } .sl-nav li ul li span { padding-left: 5px; } .sl-nav li ul li span:hover, .sl-nav li ul li span.active { color: #146c78; } .sl-flag { display: inline-block; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); width: 15px; height: 15px; background: #aaa; border-radius: 50%; position: relative; top: 2px; overflow: hidden; } .flag-de { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg=="); background-size: cover; background-position: center center; } .flag-usa { background-size: cover; background-position: center center; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII="); } /* nav bar css */ .navbar-light .navbar-nav .nav-link { font-size: 15px; color: #151515; padding: 8px 6px; margin: 0 7px; font-weight: 500; } .navbar-light .navbar-nav .nav-link:hover { color: #eb7505; transition: 0.5s; } .dropdown-toggle::after { content: "\f107"; /* Unicode for fa-angle-down */ font-family: "Font Awesome 6 Free"; /* Specify Font Awesome as the font */ font-weight: 900; /* Required for Font Awesome Free Solid icons */ margin-left: 5px; /* Space between text and icon */ vertical-align: middle; /* Align the icon with the text */ border-top: 0; border-right: 0; border-bottom: 0; border-left: none; } .nav-wrapper .nav-link ul li { padding-left: 0% !important; padding-right: 0% !important; } .navbar-brand img { width: 7rem; } .tringlebordertop { position: absolute; padding: 1px; width: 100%; display: none; } .tringlebordertop::before, .tringlebordertop::after { content: ""; position: absolute; width: 100%; border-style: solid; border-color: black; border-width: 3px; } .tringlebordertop::before { top: -112px; border-color: #f48113; } .tringlebordertop::after { bottom: 94px; border-color: #4ebd37; } .tringlebordertop h6 { left: 66%; z-index: 1; position: absolute; transform: translateX(-50%); background: #fff; /* padding: 0px 22rem; */ top: -112px; margin: 0; height: 24px; font-size: 21px; font-weight: bold; } .introleft img { width: 68%; margin: 0 0 auto auto; border: 3px solid #ebebeb; border-radius: 38px; } /* footer css */ .footersection { background-color: #000; padding: 10px 0px; position: relative; z-index: 1; } .footersection .rightstrip a { color: #ebebeb; font-size: 13px; padding: 2px 8px; } .mainfooter { position: relative; /* background: url(../img/fooerstrip.png); */ background-color: #0600ff; padding: 1rem 0px 10rem 0px; background-position: bottom; background-repeat: no-repeat; background-size: contain; margin-bottom: -42px; } .mainfooter::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 87%); z-index: 0; } .marquee-row { width: 100%; overflow: hidden; /* Ensure content outside container is hidden */ position: absolute; bottom: 42px; } .marquee-block { display: flex; position: relative; width: 100%; animation-duration: 200s; animation-iteration-count: infinite; animation-timing-function: linear; position: relative; z-index: 1; } .marquee-item-list { display: flex; margin: 0; padding: 0; list-style: none; } .marquee-item-list li { flex: 0 0 auto; padding-right: 30px; white-space: nowrap; } .marquee-item-list li img { max-width: 100%; height: auto; height: 50px; object-fit: contain; position: relative; } .marquee1 { animation-name: marquee1; } .marquee2 { animation-name: marquee2; } @keyframes marquee1 { 0% { transform: translateX(0); /* Start at initial position */ } 100% { transform: translateX(-50%); /* Move left by half of the container's width */ } } @keyframes marquee2 { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } } .mainfooter ul li a { font-size: 12px; color: #000; font-weight: 500; transition: 0.5s; } .mainfooter ul li a:hover { padding-left: 4px; font-weight: 600; color: #f48113; transition: 0.5s; } .tringleborder { position: relative; padding: 1px; } .tringleborder h6 { left: 50%; z-index: 1; position: absolute; transform: translateX(-50%); background: #fff; padding: 0px 36px; top: -12px; margin: 0; font-size: 21px; font-weight: bold; } .tringleborder::before, .tringleborder::after { content: ""; position: absolute; width: 100%; border-style: solid; border-color: black; border-width: 3px; } .tringleborder::before { top: -10px; border-color: #f48113; } .tringleborder::after { bottom: -10px; border-color: #4ebd37; } .simple-title h2 { font-size: 32px; color: #000; margin-bottom: 16px; line-height: 40px; font-weight: 700; } .joinnowtext { height: 100%; flex-direction: column; display: flex; justify-content: center; position: relative; } .joinnowtext .viewall a { position: absolute; bottom: 2.4rem; font-size: 16px; letter-spacing: 0.1px; } .joinnowthum img { z-index: 1; position: relative; } .joinnowthum { position: relative; z-index: 9; } .sectionstyle { /* margin: 3rem 4rem; */ margin: 3rem 0rem; } .siplesec { position: relative; } .leftbedg { position: absolute; bottom: 5rem; left: 0; z-index: 0; } .topbedg { position: absolute; top: 0; transform: translateX(-50%); left: 60%; z-index: 0; } .rightbedg { position: absolute; transform: translateX(-14%); right: 0%; z-index: 0; bottom: 0; } .joinnowtext ul li { font-size: 22px; color: #000; font-weight: 500; } .joinnowtext ul p { font-size: 12px; color: #000; font-weight: 400; } .greenbtn a { background-color: #53b96a; padding: 8px 18px; color: #fff; border-radius: 8px; transition: 0.3s; font-size: 16px; } .greenbtn a:hover { background-color: #f48113; color: #fff; border-radius: 8px; transition: 0.3s; } .viewall i, a { transition: 0.5s; color: #4d59f5; font-size: 14px; } .viewall a:hover { color: #000 !important; } .viewall:hover i { padding-left: 4px; font-weight: 600; transition: 0.5s; } .gridcollom { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; } .gridfirst { align-items: flex-end; display: flex; flex-direction: row; gap: 12px; z-index: 1; } .maxwidth1 { min-width: 330px; } .maxwidth1 h2 { line-height: 1em; } .maxwidth2 { max-width: 490px; margin-top: 2px; } .maxwidth2 p { font-size: 14px; color: #000; margin: 0 28px; } .maxwidth3 { min-width: 88px; margin-top: 2px; width: fit-content; } .bedgeleftbedg { position: absolute; top: 3.5rem; left: 0; z-index: 0; } .bedgetopbedg { position: absolute; top: 0; transform: translateX(-50%); left: 70%; z-index: 0; } .secondpic { position: relative; } .firstpic { position: relative; } .badgestap { padding: 4px 10px; border-radius: 6px; display: inline-flex; position: absolute; bottom: 10px; left: 12px; background: #080808; width: auto; } .badgestap a { color: #fff; font-size: 12px; font-weight: 500; width: -webkit-fill-available; } .countflex { display: flex; align-items: flex-start; justify-content: space-between; text-align: center; height: 100%; } /* .coloflex { display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; height: 100%; } */ .creatingtile h2 { font-size: 32px; color: #000; text-align: center; margin-bottom: 0.5rem; } .creatingtile h1 { font-size: 48px; color: #000; text-align: center; margin-bottom: 1rem; font-weight: 500; } .creatingtile p { font-size: 20px; color: #000; text-align: center; margin-bottom: 4.5rem; } .countdata span { margin: 0px; font-size: 32px; color: #000; font-weight: 700; } .countdata p { margin: 0px; font-size: 16px; color: #000; line-height: 21px; font-weight: 300; } .countdata { padding: 1rem 0rem; margin: 0.6rem 0px; } .toplevs { position: absolute; top: 0; right: 0%; z-index: 0; } .feedleftbedg { position: absolute; left: 0; bottom: 2rem; z-index: 0; } .feedtopbedg { position: absolute; top: 0; right: 0%; z-index: 0; } .leftintlevs { position: absolute; top: 0; left: 0%; z-index: 0; transform: rotateY(180deg); } .singleslidewith { margin: 11rem 10rem 0rem 15rem; } .reporttitle h1 { /* font-size: 48px; */ font-size: 40px; color: #fff; /* margin-bottom: 1.5rem; */ margin-bottom: 1rem; font-weight: 600; } .fontsign { font-family: "signpaintermedium"; line-height: 22px; } .reporttitle p { /* font-size: 24px; color: #fff; margin-bottom: 2rem; width: 61%; line-height: 32px; */ font-size: 20px; color: #fff; margin-bottom: 1.5rem; width: 100%; line-height: 30px; } /* tabs */ .nav-pills .nav-link.active { background: transparent; color: #ffed17; } .nav-pills .nav-link { font-size: 20px; color: #fff; border: 1px solid; padding: 0px 10px; margin: 0px 25px 0 0; border-radius: 0 8px; } .nav-pills .nav-link:hover { color: #ffed17; } /* tabs */ /* flip card */ .box-container { padding: 14px 0px; width: 100%; } @media screen and (min-width: 1380px) { .box-container { flex-direction: row; } } .box-item { position: relative; -webkit-backface-visibility: hidden; width: 100%; margin-bottom: 35px; max-width: 100%; } .flip-box { -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; perspective: 1000px; -webkit-perspective: 1000px; } .flip-box-front, .flip-box-back { background-size: cover; background-position: center; border-radius: 8px; min-height: 475px; -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-box-front { -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-box:hover .flip-box-front { -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-box-back { position: absolute; top: 0; left: 0; width: 100%; -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-box:hover .flip-box-back { -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-box .inner { position: absolute; left: 0; width: 100%; padding: 24px; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2; transform: translateY(-50%) translateZ(60px) scale(0.94); -webkit-transform: translateY(0%) translateZ(60px) scale(0.94); -ms-transform: translateY(-50%) translateZ(60px) scale(0.94); top: 0px; } .flipbadgebottom { position: absolute; bottom: 0; right: 0; z-index: -1; } .inner { display: flex; flex-direction: column; height: 100%; justify-content: space-between; text-align: start; } .flipbadge { margin-bottom: 21px; } .flipbadge span { font-size: 16px; background-color: #53b96a; padding: 4px 16px; color: #fff; border-radius: 6px; } .flippera { font-size: 12px; color: #000; margin-bottom: 16px; } .flipbak h6 { font-size: 24px; color: #000; font-weight: 600; margin-bottom: 16px; } .visionbg { position: relative; /* background-color: #d2b5c3; */ } .rotateblogo{ position: absolute; right: 0px; width: 100%; z-index: -1; top: 0; } .rotateblogo img{ -webkit-animation: rotation 90s linear infinite; width: 36%; margin: 0 0 0 auto; } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } .bg-parlex{ position: relative; background: url(../img/newheroback.jpg); background-repeat: no-repeat; background-size: cover; margin: 0 !important; padding: 2.5rem 0; height: auto; } /* flip card */ .misstiontitle p { padding-bottom: 4rem; margin: 0; } .blankeriaflex2 { flex: 2; } .blankeriaflex3 { flex: 4; } .blankeriaflex3 h6 { margin: 0 0 0 -100px; font-size: 26px; font-weight: 700; margin-bottom: 1rem; } .blankeriaflex3 p { margin: 0 0 0 -100px; font-size: 14px; line-height: 24px; } .readmoretop { display: contents; width: max-content; } .readmoretop a { display: flex; align-items: center; gap: 15px; font-size: 14px; color: #000; background: #f1f1f1; padding: 8px 18px; width: fit-content; margin: 6px; border-radius: 18px; } .maxwidth4 p { margin: 0 114px 14px auto; } .galleryleftbedg { position: absolute; top: 5.5rem; left: 0; z-index: 0; } .gallerytopbedg { position: absolute; bottom: 8rem; /* transform: translateX(-50%); */ right: 0%; z-index: 0; } .firechat h6 { font-size: 20px; font-weight: bold; margin-bottom: 0.6rem; } .firechat p { font-size: 14px; font-weight: 300; line-height: 24px; margin: 0%; } .capchtext p { font-size: 14px; font-weight: 300; line-height: 24px; } .firechat { padding: 2rem 2rem; background: #fff; border-radius: 10px; z-index: 9; position: relative; } .cahtsabsbox { position: relative; top: -3rem; } .cahtsabsboxbedg { position: absolute; top: -3rem; left: 6rem; z-index: 0; } .upcmingbox { background-color: #ff5733; padding: 8px; border-radius: 10px; } .mainupcoming { margin: 1rem; margin: 1rem; display: flex; align-items: center; color: #fff; } .mainupcoming h5 { text-align: center; padding-right: 14px; font-size: 26px; line-height: 14px; font-weight: bold; } .mainupcoming h5 span { text-align: center; font-size: 10px; font-weight: bold; } .upcominddis { border-left: 1px solid #c7492e; padding-left: 14px; } .upcominddis h6 { font-size: 20px; font-weight: bold; margin-bottom: 6px; } .upcominddis p { font-size: 14px; font-weight: 300; } .upcommingevent { padding-bottom: 3rem; } /* Internal csss */ .internal-header { position: relative; background: url(../img/internalhead.png); background-repeat: no-repeat; background-size: cover; height: 342px; } #bg-shadow { position: relative; background: url(../img/shadowbg.png); background-repeat: no-repeat; background-size: cover; background-position: center; /* height: 342px; */ } #bg-shadowheadertop { position: relative; /* background: url(../img/newheroback.jpg); */ background-repeat: no-repeat; background-size: contain; background-position: top; height: auto; background-color: #26247b; /* background: linear-gradient(to bottom, hsl(186, 69%, 89%), rgba(255, 255, 255, 0)); */ } /* .intheadcont { position: absolute; top: 50%; text-align: center; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 63%; z-index: 2; } */ .intheadcont { position: absolute; top: 0; text-align: center; left: 50%; -ms-transform: translate(-50%, -19%); transform: translate(-50%, -19%); width: 100%; z-index: 2; } .backbutton li a { font-size: 17px; font-weight: 400; } .backbutton li:last-child a { font-size: 18px; font-weight: 500; } .inttitle { position: relative; font-size: 22px; color: #1e1e1e; margin-bottom: 1rem; } .inttitle::before { content: ""; position: absolute; top: -15px; /* left: 50%; */ left: 2%; transform: translateX(-50%); width: 20px; height: 2px; background-color: #219be4; } .inthedcont { font-size: 48px; color: #1e1e1e; font-weight: 800; } .inthedcont3D { font-size: 48px; -webkit-text-stroke: 2px black; color: white; font-weight: 800; margin-bottom: 1rem; } .backnanu { padding: 14px 0px; background-color: #faf6f6; } /* Internal csss */ .header-overly{ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } /* Internal csss */ .trusteesbanner-header { position: relative; background: url(../img/trusteebanner.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: center; } .intriduction-header { /* position: relative; */ background: url(../img/pachbannerbg.png); background-repeat: no-repeat; background-size: cover; /* height: 433px; */ height: 300px; margin-bottom: 7rem; background-position: bottom; } .ginius-header { position: relative; background: url(../img/ginius-header.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: top; } .audit-header { position: relative; background: url(../img/auditvition.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: top; } .truste-member-header { position: relative; background: url(../img/truste-member.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: top; } .inisiate-member-header { position: relative; background: url(../img/inisiativ.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: top; } .docban-member-header { position: relative; background: url(../img/document.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: top; } .photo-member-header { position: relative; background: url(../img/photgalary.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: top; } .video-member-header { position: relative; background: url(../img/videogalary.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: top; } .contact-member-header { position: relative; background: url(../img/contactbanner.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: top; } .event-header { position: relative; background: url(../img/eventbanner.png); background-repeat: no-repeat; background-size: cover; height: 433px; background-position: top; } /* .header-overly::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); z-index: 1; } */ .chairtitle h5 { font-size: 32px; font-weight: 600; margin-bottom: 3rem; } .unlock { position: relative; background: url(../img/gititbg.png); padding: 6rem 5rem; background-repeat: no-repeat; background-size: cover; border-radius: 30px; } .getitnow a { font-size: 14px; border: 1px solid #fff; padding: 6px 24px; color: #fff; border-radius: 6px; } .getinimg { position: absolute; width: 29%; bottom: 0%; } .getitnow a:hover { color: #fff; } .unknwncont h4 { font-size: 26px; font-weight: 600; color: #fff; margin-bottom: 1rem; } .unknwncont p { font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 1rem; } .chairmaindata h2 { font-size: 63px; font-weight: 600; margin-bottom: 1rem; } .chairmaindata h6 { font-size: 27px; font-weight: 500; margin-bottom: 2rem; } .chairmaindata p { font-size: 20px; font-weight: 500; } /* .chairmansec { background: url(../img/chsimanbg.png); background-repeat: no-repeat; background-position: right; background-position-y: top; } */ .chairreadmore a { color: #ff5733; font-size: 14px; transition: 0.3s ease-in-out; } .cirpertiondata h6 { font-size: 18px; color: #000; font-weight: 700; margin-top: 12px; margin-bottom: 4px; } .cirpertiondata h2 { font-size: 24px; margin: 10px 0 0 0; font-weight: 800; } .cirpertiondatanew h2 { font-size: 24px; margin: 24px 0 0 0; font-weight: 800; } .badgestaptrust { padding: 7px 18px; border-radius: 0px; line-height: 15px; position: absolute; bottom: 10px; border-radius: 6px; right: 12px; background: #fff; } .badgestaptrust a { color: #080808; font-size: 12px; font-weight: 500; } .badgestaptrust p { color: #080808; font-size: 12px; margin: 0%; font-weight: 600; } .cirpertiondata p { font-size: 14px; color: #000; margin: 0%; font-style: normal; } .singlecards { margin-bottom: 2rem; /* height: 26rem; */ } .hoveritemshow { opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; } .singlecards .hoveritemshow { opacity: 1; visibility: visible; } .introhover:hover .hoveritemshow { opacity: 1; visibility: visible; } .introhover:hover .secthoum img { border: 4px solid #f3f3f3; transition: 0.4s; } .introhover .secthoum img { border: 4px solid transparent; transition: 0.4s; } /* .imgposion img { object-position: 0 -18px; } */ .singlecards img { border: 4px solid transparent; transition: 0.4s; } .singlecards:hover img { border: 4px solid #f3f3f3; transition: 0.4s; } .chairmainimg { height: 300px; width: 300px; } .chairmainimg img { border-radius: 50% !important; } .chairpertionthum { height: 300px; width: 300px; } .imgscal { /* height: 400px; */ overflow: hidden; transition: ease-in-out 0.4s; border: 1px solid #919191; } .imgscal img { transition: 0.3s; } .imgscal img:hover { transform: scale(1.1); } .chairpertionthum img { height: 100%; width: 100%; /* border: 3px solid transparent; */ transition: 0.4s; border-radius: 50%; object-fit: cover; object-position: top; } .video-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* This maintains a 16:9 aspect ratio */ } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .video-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; cursor: pointer; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; background: url(../img/playbtn.svg) no-repeat center; background-size: contain; z-index: 1; } /* img{ transition: all .3s; } img:hover{ transition: all .5s; transform: scale(1.1); } */ .sidefilter .cuntycount svg path { fill: #f48113; } .sidefilter.active .cuntycount svg path { fill: #fff; } #activemanu .secondactive .active { background: #f48113; color: #fff; } #activemanu .secondactive .active label { font-weight: 600; } #activemanu .menu:hover label { font-weight: 600; } /* .chairmainimg { width: 338px; height: 305px; } */ .chairmainimg img { height: 100%; width: 100%; } .readercont p { margin-bottom: 1rem; font-size: 18px; font-weight: 500; } .readertable h3 { margin-bottom: 1rem; font-size: 20px; font-weight: 600; margin-top: 3rem; } .readertable thead { background-image: linear-gradient(to right, #f48113, #4ebd37); color: #fff; } .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; /* background: url('http://www.downgraf.com/wp-content/uploads/2014/09/01-progress.gif?e44397') 50% 50% no-repeat rgb(249, 249, 249); */ background: url("../img/loader-animation.mp4") 50% 50% no-repeat rgb(249, 249, 249); } .modalcustompopup .modal-body h3 { font-size: 22px; margin: 1rem 0px; font-weight: 600; } .modalcustompopup .modal-body p { font-size: 16px; margin: 1rem 0px; } .modalcustompopup .modal-title { font-size: 28px; font-weight: 800; } .modalcustompopup .modal-header button { position: absolute; right: 26px; width: 37px; } .modalcustompopup .modal-header { padding: 1rem 2rem; } .footerpopupsec { padding: 1rem 5rem; } .modalcustompopup .modal-body { height: 445px; overflow: auto; padding: 0rem 2rem; } .footerpopupsec img { width: 104px; height: 87px; border-radius: 12px; object-fit: cover; } .footerpopupsec .owl-theme .owl-nav { display: block; display: flex; justify-content: space-between; position: absolute; width: 110%; left: -50px; top: 19px; margin: auto; background: none; color: #a6a2a2; font-size: 28px; z-index: 0; } .footerpopupsec .owl-stage-outer { z-index: 99; } .footerpopupsec .owl-item { opacity: 0.3; transition: 0.3s; position: relative; z-index: 99; } .footerpopupsec .active { opacity: 1; transition: 0.3s; position: relative; z-index: 99; } .footerpopupsec .owl-theme .owl-nav [class*="owl-"]:hover { background: none; color: #a6a2a2; } .footerpopupsec p { font-size: 10px; color: #000; } .popuprightimg { height: 100%; width: 100%; overflow: hidden; } .popuprightimg img { height: 100%; width: 100%; border-radius: 0 20px 0 0; object-fit: cover; } .modalcustompopup .modal-body::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; } .modalcustompopup .modal-body::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #e4e4e4; } .modalcustompopup .modal-body::-webkit-scrollbar { width: 10px; } /* about css */ .sectitle h3 { font-size: 28px; font-weight: 700; margin: 0 0 0.8rem 0; } .aboutsec .viewall { margin: auto 0 0 auto; width: 105px; text-align: start; } .seccont p { font-size: 16px; font-weight: 500; margin: 0 0 1.5rem 0; } .ststment img { width: 72%; margin: auto 0 auto auto !important; } .memberbedg { position: absolute; left: auto; top: 0.5rem; right: 25.5rem; z-index: 0; width: 47%; } .aboutsec .galleryleftbedg { position: absolute; left: auto; top: 0rem; right: 18.6rem; z-index: 0; } .aboutsec .gridfirst img { border-radius: 10px; } .secthoum img { margin: 0 0 2rem 0; border-radius: 18px; } .visionbox img { width: 100%; } .visionbox h6 { font-size: 14px; margin: 12px 0 8px 0; font-weight: 600; line-height: 20px; } .visindownload { border-radius: 20px; background: #f9fade; padding: 2rem; } .visionbox p { font-size: 11px; margin: 8px 0; line-height: 15px; font-weight: 600; } .visindownload a { border: 1px solid #595959; padding: 10px 34px; font-size: 16px; border-radius: 8px; font-weight: 600; } .visindownload a:focus { box-shadow: none; } .visindownload h2 { font-size: 28px; margin: 0%; font-weight: 900; } .auditer .owl-nav { display: flex; gap: 15px; margin-top: 2.5rem; } .auditer .owl-nav button { color: #a6a2a2 !important; font-size: 28px !important; } .auditer .item a { font-size: 20px; color: #000; font-weight: 700; } .auditer .owl-nav button:hover { background: transparent !important; } .auditer .item img { border: 15px solid #fff0e1; } .docment img { width: 100%; height: 400px; } .insightfirstimg img { height: 618px; } .insightsecndimg img { height: 296px; } /* news later */ .leftfiltter { /* width: 13%; */ margin-right: 20px; } .rightmainbox { /* width: 87%; */ } .togaleflex { display: flex; align-items: center; margin-bottom: 2rem; gap: 16px; } .newslatterbox .item a { font-size: 15px; color: #000; font-weight: 700; } .togaleflex a { padding: 14px; background: #f48113; cursor: pointer; } .filtersearch { position: relative; width: 300px; margin: auto 0 2rem auto; } .filtersearch::before { content: ""; background: url("../img/searcicon.svg") no-repeat; background-size: 16px 16px; position: absolute; width: 16px; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); } .filtersearch input { background: #f6f5f5; padding: 9.2px; width: 100%; } .filtersearch input::placeholder { color: #1e1e1e; font-size: 12px; } .newslatterbox .item img { /* border: 1px solid #919191; */ object-fit: contain; } .toglesection { display: flex; justify-content: space-between; } .newsfiltercheck label { font-size: 12px; } .newsfiltercheck input { font-size: 12px; border-radius: 0px !important; } .rediobtn input { font-size: 12px; border-radius: 30px !important; } .form-check-input.custom-redio:checked { background-color: orange; border-color: orange; position: relative; } .form-check-input.custom-checkbox:checked { background-color: orange; border-color: orange; position: relative; } .cuntycount p { margin: 0% !important; } .newsfiltercheck input:focus { box-shadow: none; } .newsfiltercheck .form-check { display: flex; margin: 8px 0; gap: 10px; padding: 0 0 0 18px; } .sidefilter { background: #f7f7f7; padding: 16px; } .sidefilter .filtertitle h4 { font-size: 16px; font-weight: 600; margin-bottom: 0.5rem; } .sidefilter .filtersubtitle p { font-size: 11px; font-weight: 500; margin-bottom: 0.5rem; color: #a8a7a7; } .bvjdbfsjj { /* display: none; */ margin-bottom: 2rem; } .loadmorebtn { background: #f8f8f8; } .loadmorebtn a { font-size: 14px; color: #737373; width: 100%; padding: 16px 0; text-align: center; font-weight: 600; } .listnavbtn .nav-link { padding: 14px; background: #f6f5f5; cursor: pointer; border-radius: 0; margin-right: 0% !important; } .listnavbtn .nav-link.active { padding: 14px; background: #f48113; cursor: pointer; border-radius: 0; margin-right: 0% !important; } .listnavbtn .nav-link.active svg { fill: #fff; } .listnavbtn .nav-link.active svg path { fill: #fff; } .listnavbtn .nav-link svg { fill: #f48113; } .listnavbtn .nav-link svg path { fill: #f48113; } .inghttable thead { background: #f48020; color: #fff; height: 50px; } .inghttable thead th { font-size: 16px; color: #fff; font-weight: 400; vertical-align: middle; } .inghttable tbody td { font-size: 14px; color: #1e1e1e; border: none; } .tumnailimg { width: 100px; height: 58px; overflow: hidden; } .tumnailimg img { width: 100%; } .inghttable tbody tr:nth-child(even) { background: #fff4eb; } .blogdata h2 { font-size: 16px; color: #1e1e1e; font-weight: 800; margin: 5px 0; } .blogdata p { font-size: 13px; color: #1e1e1e; } .blogdata a { color: #4d59f5; font-size: 13px; } .blogdata span { color: #737373; font-size: 10px; font-weight: 500; margin: .5rem 0; } .blogimgcard { height: 256px; margin-bottom: 10px; } .blogimgcard img { height: 100%; width: 100%; object-fit: cover; object-position: top; } .addssingbox span { font-size: 20px; color: #1e1e1e; font-weight: 700; } .nodatafund { background: #f7f7f7; padding: 16px; } .nodatafund h3 { text-align: center; font-size: 22px; margin-bottom: 0.6rem; font-weight: 600; color: #f48113; } .nodatafund p { text-align: center; font-size: 15px; font-weight: 400; } /* .pagination { padding: 0 12px; } */ .pagination-link { margin: 4px 2px; text-decoration: none; color: #f48113; font-weight: 400; border: 1px solid #ededed; padding: 8px 16px; } .pagination-link:hover { color: #f48113; } .current-page { margin: 4px 2px; font-weight: 400; border: 1px solid #f48113; padding: 8px 16px; background-color: #f48113; color: #fff; } .addssingbox p { font-size: 16px; color: #1e1e1e; /* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; */ } .hoverefect img { filter: grayscale(100%); } .hoverefect:hover img { filter: grayscale(0%); } .hoverefect a { filter: grayscale(100%); } .hoverefect:hover a { filter: grayscale(0%); } .addssingbox p a { font-size: 16px; color: #1e1e1e; } .addssingbox p a:hover { color: #f48113; transition: 0.5s; } .contact-addres { border-top: 2px dashed #1e1e1e; border-bottom: 2px dashed #1e1e1e; } .addssingbox { padding: 34px 0px; } .contact-addres .bdr { border-right: 2px dashed #1e1e1e; } .contactform input { height: 60px; border-radius: 10px; } .contactform textarea { border-radius: 10px; } .contactform input:focus { box-shadow: none; } .contactform textarea:focus { box-shadow: none; } .dubmitbtn button { padding: 14px; font-size: 20px; font-weight: 600; width: 500px; color: #fff; border-radius: 34px; background: #32ba25; } .dubmitbtn button:focus { box-shadow: none; background: #32ba25; color: #fff; border: none; } .dubmitbtn button:hover { color: #fff; } .eventcard1 { height: 323px; width: 100%; } .eventcard1 img { height: 100%; width: 100%; } .eventcard2 { height: 190px; width: 100%; } .eventcard2 img { height: 100%; width: 100%; } .eventscroll { height: 1000px; overflow-y: auto; overflow-x: hidden; background: #f4f4f4; padding: 24px; } ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 12px; } ::-webkit-scrollbar-thumb { background: #d6d6d6; border-radius: 10px; } ::-webkit-scrollbar { height: 4px; width: 6px; } .sankalsec { background: #fffbdb; padding: 1rem 0; } .sankalp h6 { font-size: 16px; font-weight: 600; margin-bottom: 4px; } .sankalp h5 { font-size: 26px; font-weight: 600; margin-bottom: 1rem; } .sankalp p { font-size: 20px; } .sankalp a { font-size: 20px; color: #3c32f4; } .retspect img { width: 100%; height: 590px; } .siddhidata h2 { font-size: 28px; color: #1e1e1e; font-weight: 800; margin: 5px 0; } .siddhidata p { font-size: 16px; color: #1e1e1e; } .siddiimgcard { height: 384px; } .head24 h5 { color: #191919; font-size: 24px; font-weight: 700; line-height: 36px; } .subdemo { display: flex; align-items: center; gap: 8px; } .reportdow a { display: flex; align-items: center; gap: 16px; color: #f83f10; border: 2px solid #1a73e9; width: fit-content; padding: 10px 10px; margin-top: 2rem; font-size: 14px; font-weight: 600; border-radius: 13px; } .stastevision { background: #ecf8ff; padding: 28px; border-radius: 20px; } .visionscroll { height: 550px; overflow: auto; } .stastevision .nav-pills .nav-link { text-align: start; font-size: 22px; color: #191919; display: flex; gap: 14px; font-weight: 600; padding: 14px 20px; align-items: center; margin: 0%; width: -webkit-fill-available; } .stastevision .nav-pills .nav-link svg { fill: #f83f10; max-width: 18px; width: 100%; } .stastevision .nav-pills .nav-link.active svg { fill: #fff; } .stastevision .nav-pills .nav-link:hover { background-color: #1a73e961; color: #fff; border-radius: 6px; } .stastevision .nav-pills .nav-link.active { background-color: #1a73e9; color: #fff; border-radius: 6px; } .dinamictabimg { height: 288px; width: 50%; } .visionright img { /* height: 530px; */ /* width: 65%; */ } .head16 h5 { font-size: 16px; font-weight: 700; } .text12 { font-size: 14px; } /* .packagebg { position: relative; background: url(../img/bgmarks.png); background-repeat: no-repeat; } */ .litracytext h2 { font-size: 40px; margin-bottom: 1.4rem; font-weight: 600; } .litracytext p { font-size: 14px; margin-bottom: 3rem; } .litracytext a { font-size: 18px; padding: 18px 28px; color: #2f8fe2; border: 2px solid; border-radius: 10px; } .reporttext p { color: #1e1e1e; font-size: 18px; } .extraphoto p { font-size: 20px; font-weight: 600; } .explorbtn a { font-size: 20px; color: #604bfd !important; font-weight: 500; } .wheelslide { padding: 26px; background: #f3f3f3; height: 355px; } .whilepic { width: 100px; height: 100px; } .whilepic img { width: 100%; height: 100%; } .whiletext h5 { font-size: 22px; font-weight: 600; margin: 1.5rem 0 0.8rem; } .whiletext p { font-size: 16px; font-weight: 400; } .siddiimgcard { position: relative; } .abscenter { position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); } .abscenter h2 { font-size: 38px; font-weight: 600; color: #fff; margin-bottom: 0.5rem; } .abscenter p { font-size: 20px; color: #fff; font-weight: 400; margin: 0%; } .dinamictabimg { flex: 2; border: 1px solid #ddddddb8; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; } .statictabimg { flex: 5; } .statictabimg img { /* border: 1px solid #ddddddb8; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; */ } .secratmember a { background-color: #75c788; color: #fff; padding: 12px 52px; border-radius: 6px; font-size: 20px; } .memberleftbedg { position: absolute; top: -2rem; left: 19rem; z-index: 0; } .pagination-container { text-align: center; margin-top: 20px; } .pagination-button { background-color: #f0f0f0; border: none; padding: 8px 12px; font-size: 16px; cursor: pointer; margin: 0 5px; transition: background-color 0.3s ease; } .pagination-button:hover:not(.disabled):not(.active) { background-color: #e0e0e0; } .pagination-button.active { background-color: #f48113; color: white; } .prev-next-btn { background-color: #007bff; color: white; } .prev-next-btn:hover { background-color: #f48113; } .pagination-button.disabled { opacity: 0.6; cursor: not-allowed; } .timeline { width: 100%; height: 474px; padding: 20px; position: relative; box-sizing: border-box; overflow: auto; display: flex; } .timieline-title { font-size: 1em; font-weight: bold; color: #000; } .timeline-content { max-width: 390px; height: 150px; padding: 12px 14px; flex-shrink: 0; flex-grow: 0; text-align: center; align-self: flex-start; background: transparent; position: relative; border-radius: 10px; margin-right: 30px; /* box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; */ /* border: 1px solid #000; */ /* Adjust border thickness */ border-radius: 10px; /* Adjust for rounded corners */ /* background: linear-gradient(#F48113, #4EBD37); */ background-clip: padding-box; transition: 0.4s; } /* .timeline-content:hover { box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); transition: .4s; } */ .timeline-content:before { position: absolute; width: calc(100% + 20px); height: 31px; top: calc(100% + 72px); /* background: #000; */ background: url(../img/timeline.svg); content: ""; left: -238px; background-repeat: round; border-radius: 0px; } .timeline-content:after { position: absolute; width: 2px; height: 37px; top: 144%; left: calc(50% - 12px); background: #000; content: ""; } .timeline-period { position: absolute; top: calc(100% + 27px); background: transparent; color: #000; padding: 10px; width: 142px; font-weight: 700; text-align: center; border-radius: 10px; left: calc(50% - 80px); border: 5px solid transparent; /* Adjust border thickness */ border-radius: 10px; /* Adjust for rounded corners */ /* background: linear-gradient(#F48113, #4EBD37); */ background-clip: padding-box; /* box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; */ transition: 0.4s; } /* .timeline-period:hover { box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); transition: .4s; } */ /* .timeline-period:before { width: 13px; height: 13px; background: #000; border-radius: 50%; content: ""; position: absolute; top: -19px; left: calc(50% - 8px); z-index: 2; } */ .timeline-detail { font-size: 13px; margin-top: 2px; color: #000; line-height: 18px; } .timeline-content:nth-child(even) { align-self: flex-end; } .timeline-content:nth-child(even):before { /* top: -15px; */ top: -31px; } .timeline-content:nth-child(even):after { top: -37px; } .timeline-content:nth-child(even) .timeline-period { top: -84px; } .timeline-content:nth-child(even) .timeline-period:before { top: calc(100% + 7px); } .scroller__inner { padding-block: 1rem; display: flex; flex-wrap: wrap; gap: 1rem; } .scroller[data-animated="true"] { overflow: hidden; /* -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); */ /* mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); */ } .scroller[data-animated="true"] .scroller__inner { width: max-content; flex-wrap: nowrap; animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite; animation-play-state: running; /* Ensure animation is running by default */ } .scroller[data-animated="true"]:hover .scroller__inner { animation-play-state: paused; /* Pause the animation on hover */ } .scroller[data-direction="right"] { --_animation-direction: reverse; } .scroller[data-direction="left"] { --_animation-direction: forwards; } .scroller[data-speed="fast"] { --_animation-duration: 50s; } .scroller[data-speed="slow"] { --_animation-duration: 60s; } .cammunitycard { height: 130px; margin-bottom: 10px; overflow: hidden; position: relative; background: linear-gradient(to right, #f4811394, #4ebd378f); background-clip: padding-box; } .cammunitycard a { color: #080808; font-size: 12px; font-weight: 500; } .shareicon { border-radius: 0px; line-height: 15px; position: absolute; top: 14px; border-radius: 0px; left: 14px; } .cummistaptrust { padding: 7px 18px; border-radius: 0px; line-height: 15px; position: absolute; top: 6px; border-radius: 0px; right: 6px; background: #fff; } .thumprofile { padding: 0px 0px; border-radius: 0px; line-height: 15px; position: absolute; top: -90px; border-radius: 0px; left: 13px; background: #fff; height: 75px; width: 75px; } .thumprofile img { width: 100%; height: 100%; object-fit: cover; } .cammunitycard img { width: 100%; height: 100%; object-fit: cover; transition: ease-in-out 0.4s; } .cammunitycard img:hover { transform: scale(1.1); } .camunitydata { padding: 0 12px; } .camunitydata p { font-size: 13px; color: #1e1e1e; margin: 6px 0 1rem 0; } .camunitydata h2 { font-size: 16px; color: #1e1e1e; font-weight: 800; margin: 4px 0; } .camunitydata span { color: #1e1e1e; font-size: 12px; font-weight: 500; margin: 0rem 0; } .camunitydata a { color: #1e1e1e; font-size: 11px; } @keyframes scroll { to { transform: translate(calc(-50% - 0.5rem)); } } /* news later */ @media screen and (min-device-width: 281px) and (max-device-width: 768px) { #publiccarusel{ padding: 2.5rem 0 4rem 0 !important; } .publicationslider .owl-nav { bottom: -64px; top: auto !important; } #firstslide .circle { font-size: 11px; } #firstslide { height: 47rem !important; } #firstslide .circle:nth-child(1) { width: 100px !important; height: 100px !important; top: 2% !important; left: 5% !important; background-color: #32c22a; animation-duration: 2.5s; } #firstslide .circle:nth-child(2) { width: 100px !important; height: 100px !important; top: 18%; left: 7%; background-color: #f380df; animation-duration: 2s; } #firstslide .circle:nth-child(3) { width: 100px; height: 100px; top: 50% !important; left: 4% !important; background-color: #cce5f4; animation-duration: 2.7s; } #firstslide .circle:nth-child(4) { width: 100px !important; height: 100px !important; top: 70% !important; left: 2% !important; background-color: #58c8d4; animation-duration: 2.5s; } #firstslide .circle:nth-child(5) { width: 100px !important; height: 100px !important; top: 11%; left: 39%; background-color: #fb694c; animation-duration: 2.4s; } #firstslide .circle:nth-child(6) { width: 100px !important; height: 100px !important; top: 32% !important; left: 2% !important; background-color: #ef4f55; animation-duration: 2.5s; } #firstslide .circle:nth-child(7) { width: 100px !important; height: 100px !important; top: 60% !important; left: 27% !important; background-color: #1b9b35; animation-duration: 1.5s; } #firstslide .circle:nth-child(8) { width: 100px !important; height: 100px !important; top: 43% !important; left: 32% !important; background-color: #5860ce; animation-duration: 2.3s; } #firstslide .circle:nth-child(9) { width: 61px !important; height: 61px !important; top: 1% !important; left: 48% !important; background-color: #e8f6bb; animation-duration: 2s; } #firstslide .circle:nth-child(16) { width: 128px; height: 128px; top: -2%; display: none; left: 63%; } #firstslide .circle:nth-child(10) { width: 100px !important; height: 100px !important; top: 20% !important; left: 69% !important; background-color: #3399f8; animation-duration: 2.8s; } #firstslide .circle:nth-child(11) { width: 100px !important; width: 100px !important; height: 100px !important; top: 3%; left: 70%; background-color: #b1b915; animation-duration: 2.1s; } #firstslide .circle:nth-child(12) { width: 100px !important; height: 100px !important; top: 58% !important; left: 62% !important; background-color: #b693f2; animation-duration: 2s; } #firstslide .circle:nth-child(13) { width: 100px !important; height: 100px !important; top: 41% !important; left: 67% !important; background-color: #29bc3d; animation-duration: 2.5s; } #firstslide .circle:nth-child(14) { width: 100px !important; height: 100px !important; top: 27% !important; right: 32% !important; background-color: #ff4747; animation-duration: 2.5s; } #firstslide .circle:nth-child(15) { width: 100px !important; height: 100px !important; top: 74% !important; left: 65% !important; background-color: #ff5733; animation-duration: 2.2s; } .lastsecmob{ padding: 0rem 0 0px 0 !important; } .bubbole{ margin-top: 10rem; } .pattaleimg{ top: 5rem !important; } .pillorssec{ padding: 2rem 0 0px 0 !important; } .screenshot_slider .owl-nav button { display: none !important; } .screenshot_slider { width: 100vw; height: calc(66vh - 300px) !important; } .screenshot_slider .owl-item.active.center { transform: rotateY(0deg) scale(1) !important; } .jarnyscroll { transform: translate(2px, 78px) !important; } .publicscroll { transform: translate(-11px, 0px) !important; } .screenshot_slider .owl-item img { max-width: 100%; object-fit: fill; /* aspect-ratio: 4 / 2; */ height: 100%; /* width: 100%; */ object-fit: cover; border-radius: 12px; } .page-top { display: none; } .screenshot_slider .owl-nav { width: 92% !important; } .getinimg { display: none; } .unlock { padding: 2rem 2rem; } .getitnow { margin-top: 0% !important; padding-top: 0% !important; } .footerpopupsec .owl-theme .owl-nav { width: 130%; } .memberbedg { display: none; } .ststment { display: none; } .sectionstyle { margin: 3rem 0rem; } .joinnowthum iframe { width: 100%; } .reporttitle p { width: 100%; } .countdata span { line-height: 30px; } .mainfooter { margin-bottom: -10px; } .rightstrip { display: block; } .footersection .rightstrip a { padding: 2px 0px; } .stripbox { border: none; } .intheadcont { transform: translate(-50%, 22%); } .introleft img { display: none; } .intriduction-header { height: 168px; } .inthedcont { font-size: 34px; color: #1e1e1e; font-weight: 500; margin-bottom: 10px !important; } .backbutton li:last-child a { font-size: 15px; font-weight: 500; } .backbutton li a { font-size: 15px; font-weight: 400; } .contact-addres .bdr { border: none; } .contact-addres { border: none; } .addssingbox { padding: 12px 0px; } .dubmitbtn button { padding: 9px 26px; font-size: 16px; font-weight: 600; width: auto; color: #fff; border-radius: 6px; background: #32ba25; } .navbar-brand img { width: 5rem; } .maxwidth4 p { margin: 0 8px 10px auto; } .maxwidth1 { min-width: auto; } .countflex { display: block !important; } .countflex .coloflex { border: none !important; } #homecars .carousel__item { height: 300px !important; } .india100 img { width: 58% !important; } #homecars .carousel__list { height: 419px !important; } } .accordianNav a, .accordianNav h3 { display: block; line-height: 2.5em; color: #757575; letter-spacing: 2px; position: relative; z-index: 1; cursor: pointer; padding-left: 1em; font-size: 14px; font-weight: 400; } .accordianNav a { text-decoration: none; padding-left: 0; } .accordianNav .dropArrow span { z-index: 2; position: relative; } .accordianNav .dropArrow:after { content: ""; width: 6px; height: 6px; border-bottom: 2px solid #757575; border-right: 2px solid #757575; float: right; position: relative; top: 12px; right: 25px; transform: rotate(45deg); transform-origin: center; } .accordianNav .dropArrow.active { color: #f48113; font-weight: 500; } .accordianNav .dropArrow.active:after { transform: rotate(-135deg); border-color: #f48113; } /* +Hover and Touch effect */ .accordianNav a:hover, .accordianNav a:active, .accordianNav h3:hover, .accordianNav h3:active, .accordianNav h3.dropArrow:hover:after, .accordianNav h3.dropArrow:active:after { color: #f48113; border-color: #f48113; -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); font-weight: 500; } .accordianNav li { list-style-type: none; } .accordianNav a { transform: translate(0px, 0px); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); } /*Drop links*/ .accordianNav ul ul li a { padding: 0 0 0 2em; } /*hover effect on links*/ .accordianNav ul ul li a:hover { transform: translate(8px, 0px); } /*Hide and show the drops*/ .accordianNav ul ul { display: none; } .accordianNav li.active ul { display: block; } #firstslide { height: 60rem; } #firstslide .circle { border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: white; font-family: Arial, sans-serif; text-align: center; position: absolute; } #firstslide .circle img { width: 32%; margin-bottom: 8px; } /* Positioning each circle individually */ #firstslide .circle { cursor: pointer; transition: 0.4s; } #firstslide .circle:hover { box-shadow: 0px 2px 1rem #f48113; transition: 0.4s; } #firstslide .circle:nth-child(1) { width: 200px; height: 200px; top: 6%; left: 22%; background-color: #32c22a; animation-duration: 2.5s; } #firstslide .circle:nth-child(2) { width: 200px; height: 200px; top: 18%; left: 7%; background-color: #f380df; animation-duration: 2s; } #firstslide .circle:nth-child(3) { width: 100px; height: 100px; top: 42%; left: 18%; background-color: #cce5f4; animation-duration: 2.7s; } #firstslide .circle:nth-child(4) { width: 200px; height: 200px; top: 58%; left: 11%; background-color: #58c8d4; animation-duration: 2.5s; } #firstslide .circle:nth-child(5) { width: 200px; height: 200px; top: 11%; left: 39%; background-color: #fb694c; animation-duration: 2.4s; } #firstslide .circle:nth-child(6) { width: 200px; height: 200px; top: 29%; left: 26%; background-color: #ef4f55; animation-duration: 2.5s; } #firstslide .circle:nth-child(7) { width: 200px; height: 200px; top: 52%; left: 27%; background-color: #1b9b35; animation-duration: 1.5s; } #firstslide .circle:nth-child(8) { width: 200px; height: 200px; top: 35%; left: 43%; background-color: #5860ce; animation-duration: 2.3s; } #firstslide .circle:nth-child(9) { width: 128px; height: 128px; top: 1%; left: 54%; background-color: #e8f6bb; animation-duration: 2s; } #firstslide .circle:nth-child(16) { width: 128px; height: 128px; top: -2%; left: 63%; } #firstslide .circle:nth-child(10) { width: 200px; height: 200px; top: 17%; left: 56%; background-color: #3399f8; animation-duration: 2.8s; } #firstslide .circle:nth-child(11) { width: 200px; width: 200px; height: 200px; top: 3%; left: 70%; background-color: #b1b915; animation-duration: 2.1s; } #firstslide .circle:nth-child(12) { width: 200px; height: 200px; top: 58%; left: 45%; background-color: #b693f2; animation-duration: 2s; } #firstslide .circle:nth-child(13) { width: 200px; height: 200px; top: 41%; left: 59%; background-color: #29bc3d; animation-duration: 2.5s; } #firstslide .circle:nth-child(14) { width: 200px; height: 200px; top: 27%; right: 12%; background-color: #ff4747; animation-duration: 2.5s; } #firstslide .circle:nth-child(15) { width: 200px; height: 200px; top: 63%; left: 64%; background-color: #ff5733; animation-duration: 2.2s; } .color1 { color: #f380df; } .color2 { color: #32c22a; } .color3 { color: #fb694c; } .color4 { color: #00c73f; } .color5 { color: #b1b915; } .color6 { color: #ff4747; } .color7 { color: #3399f8; } .color8 { color: #5860ce; } .color9 { color: #1b9b35; } .color10 { color: #b693f2; } .color11 { color: #58c8d4; } @keyframes upDown { 0% { transform: translateY(0); } 50% { transform: translateY(-6px); /* Moves the element up */ } 100% { transform: translateY(0); /* Returns to original position */ } } .custom-up-down { animation: upDown 5s infinite ease-in-out; } #publiccarusel{ padding: 2.5rem 0 2rem 0; } #publiccarusel .card-wrapper { position: relative; border-radius: 8px; overflow: hidden; transition: all 0.4s ease-in-out; &:hover { .image { /* filter: blur(1.3px); */ /* transform: scale(1.1); */ overflow: hidden; transition: 0.4s; box-shadow: inset -6px -1px 32px 0px rgba(0, 0, 0, 0.75); } .card-bottom { transform: none; transition: all 0.6s ease; border-radius: 8px; position: absolute; bottom: 0; } } } #publiccarusel .card-bottom { transition: all 0.6s ease; } #publiccarusel .card-wrapper .card-top img { transition: 0.4s; object-fit: contain; /* height: 400px; */ } #publiccarusel .card-bottom { width: 100%; position: absolute; z-index: 20; background-color: rgba(110, 122, 92, 0); padding: 30px 20px; color: #ffffff; transform: translate(0%, 50%); /* Start position below the center */ } #publiccarusel .top-text { font-size: 25px; line-height: 40px; font-weight: bold; letter-spacing: 1px; } #publiccarusel .bottom-text { font-size: 15px; } #publiccarusel .button { position: relative; display: block; outline: none; cursor: pointer; margin-top: 25px; border: none; border-radius: 3px; background-color: #f8961e; color: #ffffff; padding: 5px 20px; } #publiccarusel .maxwidth3 a, #publiccarusel .maxwidth3 i { color: #ffed17; } #publiccarusel .maxwidth3 a:hover, #publiccarusel .maxwidth3 i:hover { color: #ffed17 !important; } #publiccarusel .card-wrapper { /* background: white; */ position: relative; transition: 0.4s ease-out; } #publiccarusel .card-wrapper:hover:before { opacity: 1; } #publiccarusel .card-wrapper:hover .image { opacity: 1; } #publiccarusel .card-wrapper:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 8px; background: rgba(0, 0, 0, 0.6); z-index: 2; transition: 0.5s; opacity: 0; } .sociletitle h4 { font-size: 24px; font-weight: 700; padding: 12px 20px; background: #fff; position: relative; } .india100 h3 { text-align: center; padding-top: 5rem; font-size: 54px; font-weight: 700; } .india100 { padding-top: 1rem; } .india100 img { margin: auto; width: 22%; } .readmoretop a { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; width: 184px; } .readmoretop a:after { content: "→"; position: absolute; opacity: 1; font-size: 17px; top: 7px; font-weight: 300; right: 22px; transition: 0.5s; } .readmoretop a:hover { padding-right: 17px; padding-left: 14px; } .readmoretop a:hover:after { opacity: 1; right: 14px; } #homecars video { border-radius: 14px; } #homecars .carousel { display: flex; width: 100%; height: 100%; align-items: center; font-family: Arial; } #homecars .carousel__list { display: flex; list-style: none; position: relative; width: 100%; padding-top: 50px; height: 518px; justify-content: center; perspective: 300px; } #homecars .carousel__item { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0px; width: 49%; /* height: 400px; */ height: fit-content; border-radius: 12px; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.5); position: absolute; transition: all 0.3s ease-in; } .banner-img img { width: 100%; object-fit: fill; aspect-ratio: 4 / 2; height: 420px; border-radius: 12px; } /* #homecars .carousel__item:nth-child(1) { background: linear-gradient(45deg, #2D35EB 0%, #904ED4 100%); } #homecars .carousel__item:nth-child(2) { background: linear-gradient(45deg, #2D35EB 0%, #fdbb2d 100%); } #homecars .carousel__item:nth-child(3) { background: linear-gradient(45deg, #2D35EB 0%, #22c1c3 100%); } #homecars .carousel__item:nth-child(4) { background: linear-gradient(45deg, #fdbb2d 0%, #904ED4 100%); } #homecars .carousel__item:nth-child(5) { background: linear-gradient(45deg, #22c1c3 0%, #904ED4 100%); } */ #homecars .carousel__item[data-pos="0"] { z-index: 5; } #homecars .carousel__item[data-pos="-1"], #homecars .carousel__item[data-pos="1"] { opacity: 0.4; filter: blur(1px) grayscale(10%); } #homecars .carousel__item[data-pos="-1"] { transform: translateX(-40%) scale(0.9); z-index: 4; } #homecars .carousel__item[data-pos="1"] { transform: translateX(40%) scale(0.9); z-index: 4; } #homecars .carousel__item[data-pos="-2"], #homecars .carousel__item[data-pos="2"] { opacity: 0.2; filter: blur(3px) grayscale(20%); } #homecars .carousel__item[data-pos="-2"] { transform: translateX(-70%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="2"] { transform: translateX(70%) scale(0.8); z-index: 3; } /* #homecars .carousel__item[data-pos="-3"], #homecars .carousel__item[data-pos="3"] { opacity: 0.2; filter: blur(3px) grayscale(30%); } #homecars .carousel__item[data-pos="-3"] { transform: translateX(-100%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="3"] { transform: translateX(100%) scale(0.8); z-index: 3; } */ /* #homecars .carousel__item[data-pos="-4"], #homecars .carousel__item[data-pos="4"] { opacity: 0.2; filter: blur(3px) grayscale(40%); } #homecars .carousel__item[data-pos="-4"] { transform: translateX(-34%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="4"] { transform: translateX(34%) scale(0.8); z-index: 3; } */ /* #homecars .carousel__item[data-pos="-4"], #homecars .carousel__item[data-pos="4"] { opacity: 0.2; filter: blur(3px) grayscale(40%); } #homecars .carousel__item[data-pos="-4"] { transform: translateX(-130%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="4"] { transform: translateX(130%) scale(0.8); z-index: 3; } */ /* #homecars .carousel__item[data-pos="-5"], #homecars .carousel__item[data-pos="5"] { opacity: 0.2; filter: blur(3px) grayscale(50%); } #homecars .carousel__item[data-pos="-5"] { transform: translateX(-160%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="5"] { transform: translateX(160%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-6"], #homecars .carousel__item[data-pos="6"] { opacity: 0.2; filter: blur(3px) grayscale(60%); } #homecars .carousel__item[data-pos="-6"] { transform: translateX(-190%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="6"] { transform: translateX(190%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-7"], #homecars .carousel__item[data-pos="7"] { opacity: 0.2; filter: blur(3px) grayscale(70%); } #homecars .carousel__item[data-pos="-7"] { transform: translateX(-220%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="7"] { transform: translateX(220%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-8"], #homecars .carousel__item[data-pos="8"] { opacity: 0.2; filter: blur(3px) grayscale(80%); } #homecars .carousel__item[data-pos="-8"] { transform: translateX(-250%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="8"] { transform: translateX(250%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-9"], #homecars .carousel__item[data-pos="9"] { opacity: 0.2; filter: blur(3px) grayscale(90%); } #homecars .carousel__item[data-pos="-9"] { transform: translateX(-280%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="9"] { transform: translateX(280%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-10"], #homecars .carousel__item[data-pos="10"] { opacity: 0.2; filter: blur(3px) grayscale(100%); } #homecars .carousel__item[data-pos="-10"] { transform: translateX(-310%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="10"] { transform: translateX(310%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-11"], #homecars .carousel__item[data-pos="11"] { opacity: 0.2; filter: blur(3px) grayscale(110%); } #homecars .carousel__item[data-pos="-11"] { transform: translateX(-340%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="11"] { transform: translateX(340%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-12"], #homecars .carousel__item[data-pos="12"] { opacity: 0.2; filter: blur(3px) grayscale(120%); } #homecars .carousel__item[data-pos="-12"] { transform: translateX(-370%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="12"] { transform: translateX(370%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-13"], #homecars .carousel__item[data-pos="13"] { opacity: 0.2; filter: blur(3px) grayscale(130%); } #homecars .carousel__item[data-pos="-13"] { transform: translateX(-400%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="13"] { transform: translateX(400%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-14"], #homecars .carousel__item[data-pos="14"] { opacity: 0.2; filter: blur(3px) grayscale(140%); } #homecars .carousel__item[data-pos="-14"] { transform: translateX(-430%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="14"] { transform: translateX(430%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-15"], #homecars .carousel__item[data-pos="15"] { opacity: 0.2; filter: blur(3px) grayscale(150%); } #homecars .carousel__item[data-pos="-15"] { transform: translateX(-460%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="15"] { transform: translateX(460%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-16"], #homecars .carousel__item[data-pos="16"] { opacity: 0.2; filter: blur(3px) grayscale(160%); } #homecars .carousel__item[data-pos="-16"] { transform: translateX(-490%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="16"] { transform: translateX(490%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="-17"], #homecars .carousel__item[data-pos="17"] { opacity: 0.2; filter: blur(3px) grayscale(170%); } #homecars .carousel__item[data-pos="-17"] { transform: translateX(-520%) scale(0.8); z-index: 3; } #homecars .carousel__item[data-pos="17"] { transform: translateX(520%) scale(0.8); z-index: 3; } */ #homecars .bannercont { position: absolute; z-index: 10; bottom: 8px; width: 96%; border-radius: 4px; background: rgba(0, 0, 0, 0.6); left: 50%; transform: translateX(-50%); color: #fff; /* make sure the text color is visible */ font-size: 1.5rem; /* adjust size as needed */ /* padding: 10px; */ padding: 5px; /* add padding for spacing */ text-align: center; } #homecars h6 { /* font-size: 14px; */ font-size: 6px; /* Adjust font size as needed */ margin: 0; color: #fff; /* Ensure it's a visible color */ } .gripblog .countdata span { margin: 0px; font-size: 28px; color: #fff; font-weight: 700; } .gripblog .countdata p { margin: 0px; font-size: 16px; color: #fff; line-height: 21px; font-weight: 300; } .count1 { background-color: #9166d1; padding: 20px 20px; } .count2 { background-color: #fd9a1b; padding: 20px 20px; } .count3 { background-color: #78d500; padding: 20px 20px; } /* .jarnyscroll{ position: absolute; display: flex; align-items: center; justify-content: space-between; z-index: 1; width: 100%; transform: translate(0px, 0px); height: 100%; } */ .jarnyscroll { display: flex; width: 98%; justify-content: space-between; z-index: 2; top: 8.8%; transform: translate(18px, 0px); position: absolute; } .publicscroll .carousel-arrow { background: #f48113; color: #fff; border: none; border-radius: 0%; cursor: pointer; padding: 6px 10px; font-size: 16px; } .flexbutton { display: flex; height: 100%; align-items: center; } .deatilhead { font-size: 28px !important; } .publicscroll { display: flex; width: 98%; justify-content: end; z-index: 2; gap: 12px; bottom: 1.6%; transform: translate(26px, 0px); position: absolute; } .feedsreel .carousel-arrow { transform: translateY(-33%); background: #f48113; color: #fff; border: none; border-radius: 0%; cursor: pointer; padding: 6px 10px; font-size: 18px; } .feedsreel .carousel-arrow span { font-size: 16px; } /* .feedsreel .carousel-arrow:hover{ background: linear-gradient(to right, #8b8b8b94 1%, transparent 100%); } .feedsreel .flexbutton1 .carousel-arrow:hover { background: linear-gradient(to left, #8b8b8b94 1%, transparent 100%); } */ @font-face { font-family: __graphik_4b71e2; src: url(/_next/static/media/4e7f584c54a767d4-s.p.woff2) format("woff2"); font-display: swap; font-weight: 400; font-style: normal; } @font-face { font-family: __graphik_4b71e2; src: url(/_next/static/media/4e19f450a0018359-s.p.woff2) format("woff2"); font-display: swap; font-weight: 700; font-style: normal; } @font-face { font-family: __graphik_4b71e2; src: url(/_next/static/media/4cedf89b82b18894-s.p.woff2) format("woff2"); font-display: swap; font-weight: 600; font-style: normal; } @font-face { font-family: __graphik_4b71e2; src: url(/_next/static/media/727f52d7d7b3c7af-s.p.woff2) format("woff2"); font-display: swap; font-weight: 500; font-style: normal; } @font-face { font-family: __graphik_Fallback_4b71e2; src: local("Arial"); ascent-override: 93.09%; descent-override: 25.39%; line-gap-override: 0%; size-adjust: 106.34%; } .__className_4b71e2 { font-family: __graphik_4b71e2, __graphik_Fallback_4b71e2; } .__variable_4b71e2 { --font-graphik: "__graphik_4b71e2", "__graphik_Fallback_4b71e2"; } @font-face { font-family: __editorial_501260; src: url(/_next/static/media/5198dc48ecb5c75c-s.p.ttf) format("truetype"); font-display: swap; font-weight: 200; font-style: italic; } @font-face { font-family: __editorial_Fallback_501260; src: local("Arial"); ascent-override: 103.83%; descent-override: 35.4%; line-gap-override: 11.8%; size-adjust: 84.75%; } .__className_501260 { font-family: __editorial_501260, __editorial_Fallback_501260; font-weight: 200; font-style: italic; } .__variable_501260 { --font-editorial: "__editorial_501260", "__editorial_Fallback_501260"; } /* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */ *, :after, :before { box-sizing: border-box; border: 0 solid #e5e7eb; } :after, :before { --tw-content: ""; } :host, html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0; } fieldset { margin: 0; } fieldset, legend { padding: 0; } menu, ol, ul { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } [role="button"], button { cursor: pointer; } :disabled { cursor: default; } audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } *, :after, :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .container { width: 100%; } /* @media (min-width: 500px) { .container { max-width: 500px } } @media (min-width: 640px) { .container { max-width: 640px } } @media (min-width: 768px) { .container { max-width: 768px } } @media (min-width: 1024px) { .container { max-width: 1024px } } @media (min-width: 1280px) { .container { max-width: 1280px } } @media (min-width: 1536px) { .container { max-width: 1536px } } */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .\!visible { visibility: visible !important; } .visible { visibility: visible; } .invisible { visibility: hidden; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { inset: 0; } .-inset-x-14 { left: -3.5rem; right: -3.5rem; } .inset-x-0 { left: 0; right: 0; } .-left-24 { left: -6rem; } .bottom-0 { bottom: 0; } .bottom-4 { bottom: 1rem; } .bottom-\[6px\] { bottom: 6px; } .bottom-auto { bottom: auto; } .left-0 { left: 0; } .left-1\/2 { left: 50%; } .left-4 { left: 1rem; } .left-8 { left: 2rem; } .left-\[0px\] { left: 0; } .left-\[18px\] { left: 18px; } .left-\[25px\] { left: 25px; } .left-\[50\%\] { left: 50%; } .left-\[69px\] { left: 69px; } .left-\[80px\] { left: 80px; } .right-0 { right: 0; } .right-10 { right: 2.5rem; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-3\.5 { right: 0.875rem; } .right-4 { right: 1rem; } .right-\[18px\] { right: 18px; } .right-\[81px\] { right: 81px; } .top-0 { top: 0; } .top-1 { top: 0.25rem; } .top-1\/2 { top: 50%; } .top-24 { top: 6rem; } .top-4 { top: 1rem; } .top-8 { top: 2rem; } .top-\[-18px\] { top: -18px; } .top-\[-55px\] { top: -55px; } .top-\[15px\] { top: 15px; } .top-\[18px\] { top: 18px; } .top-\[30px\] { top: 30px; } .top-\[36px\] { top: 36px; } .top-\[40px\] { top: 40px; } .top-\[43px\] { top: 43px; } .top-\[49px\] { top: 49px; } .top-\[50\%\] { top: 50%; } .top-auto { top: auto; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .z-\[-2\] { z-index: -2; } .z-\[1000\] { z-index: 1000; } .z-\[100\] { z-index: 100; } .z-\[500\] { z-index: 500; } .z-\[999\] { z-index: 999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-start-1 { grid-column-start: 1; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .m-\[10px\] { margin: 10px; } .m-\[2px\] { margin: 2px; } .m-\[30px\] { margin: 30px; } .m-\[40px\] { margin: 40px; } .m-\[7px\] { margin: 7px; } .m-\[8px\] { margin: 8px; } .m-auto { margin: auto; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .mx-\[125px\] { margin-left: 125px; margin-right: 125px; } .mx-auto { margin-left: auto; margin-right: auto; } .my-16 { margin-top: 4rem; margin-bottom: 4rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .my-\[24px\] { margin-top: 24px; margin-bottom: 24px; } .my-auto { margin-top: auto; margin-bottom: auto; } .mb-0 { margin-bottom: 0; } .mb-10 { margin-bottom: 2.5rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[21px\] { margin-bottom: 21px; } .mb-\[2px\] { margin-bottom: 2px; } .mb-\[32px\] { margin-bottom: 32px; } .mb-\[34px\] { margin-bottom: 34px; } .mb-\[35px\] { margin-bottom: 35px; } .mb-\[8vh\] { margin-bottom: 8vh; } .ml-0 { margin-left: 0; } .ml-2 { margin-left: 0.5rem; } .ml-\[60px\] { margin-left: 60px; } .ml-\[8px\] { margin-left: 8px; } .mr-\[18px\] { margin-right: 18px; } .mr-\[60px\] { margin-right: 60px; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-\[12px\] { margin-top: 12px; } .mt-\[24px\] { margin-top: 24px; } .mt-\[40px\] { margin-top: 40px; } .mt-\[50px\] { margin-top: 50px; } .mt-\[60px\] { margin-top: 60px; } .mt-\[71px\] { margin-top: 71px; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .aspect-\[1\/1\.3\] { aspect-ratio: 1/1.3; } .aspect-square { aspect-ratio: 1/1; } .aspect-video { aspect-ratio: 16/9; } .size-\[20px\] { width: 20px; height: 20px; } .size-\[24px\] { width: 24px; height: 24px; } .size-\[30px\] { width: 30px; height: 30px; } .size-fit { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; } .size-full { width: 100%; height: 100%; } .h-1 { height: 0.25rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-32 { height: 8rem; } .h-4 { height: 1rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-8 { height: 2rem; } .h-\[100dvh\] { height: 100dvh; } .h-\[100px\] { height: 100px; } .h-\[116px\] { height: 116px; } .h-\[118px\] { height: 118px; } .h-\[150px\] { height: 150px; } .h-\[160px\] { height: 160px; } .h-\[1px\] { height: 1px; } .h-\[2\.2em\] { height: 2.2em; } .h-\[200px\] { height: 200px; } .h-\[20px\] { height: 20px; } .h-\[22px\] { height: 22px; } .h-\[24px\] { height: 24px; } .h-\[28px\] { height: 28px; } .h-\[29px\] { height: 29px; } .h-\[300px\] { height: 300px; } .h-\[30px\] { height: 30px; } .h-\[327px\] { height: 327px; } .h-\[34px\] { height: 34px; } .h-\[35px\] { height: 35px; } .h-\[400px\] { height: 400px; } .h-\[40dvh\] { height: 40dvh; } .h-\[40px\] { height: 40px; } .h-\[42px\] { height: 42px; } .h-\[480px\] { height: 480px; } .h-\[54px\] { height: 54px; } .h-\[56px\] { height: 56px; } .h-\[64px\] { height: 64px; } .h-\[680px\] { height: 680px; } .h-\[70dvh\] { height: 70dvh; } .h-\[80\%\] { height: 80%; } .h-\[80dvh\] { height: 80dvh; } .h-\[80px\] { height: 80px; } .h-\[900px\] { height: 900px; } .h-\[98px\] { height: 98px; } .h-\[calc\(100\%-118px\)\] { height: calc(100% - 118px); } .h-\[full\] { height: full; } .h-auto { height: auto; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-min { height: -moz-min-content; height: min-content; } .h-screen { height: 100vh; } .max-h-\[1600px\] { max-height: 1600px; } .max-h-\[28px\] { max-height: 28px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[68px\] { max-height: 68px; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-svh { max-height: 100svh; } .min-h-\[1\.3em\] { min-height: 1.3em; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .w-0 { width: 0; } .w-12 { width: 3rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-32 { width: 8rem; } .w-4 { width: 1rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-9 { width: 2.25rem; } .w-\[0px\] { width: 0; } .w-\[100\%\] { width: 100%; } .w-\[100dvw\] { width: 100dvw; } .w-\[100px\] { width: 100px; } .w-\[100vw\] { width: 100vw; } .w-\[14px\] { width: 14px; } .w-\[150px\] { width: 150px; } .w-\[180px\] { width: 180px; } .w-\[200px\] { width: 200px; } .w-\[20px\] { width: 20px; } .w-\[22px\] { width: 22px; } .w-\[24px\] { width: 24px; } .w-\[2px\] { width: 2px; } .w-\[300px\] { width: 300px; } .w-\[30px\] { width: 30px; } .w-\[345px\] { width: 345px; } .w-\[35px\] { width: 35px; } .w-\[40px\] { width: 40px; } .w-\[424px\] { width: 424px; } .w-\[42px\] { width: 42px; } .w-\[48\%\] { width: 48%; } .w-\[500px\] { width: 500px; } .w-\[50px\] { width: 50px; } .w-\[56px\] { width: 56px; } .w-\[64px\] { width: 64px; } .w-\[75px\] { width: 75px; } .w-\[80px\] { width: 80px; } .w-\[90\%\] { width: 90%; } .w-\[90vw\] { width: 90vw; } .w-\[auto\] { width: auto; } .w-\[calc\(100\%-60px\)\] { width: calc(100% - 60px); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .w-min { width: -moz-min-content; width: min-content; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0; } .min-w-\[233px\] { min-width: 233px; } .min-w-fit { min-width: -moz-fit-content; min-width: fit-content; } .min-w-max { min-width: -moz-max-content; min-width: max-content; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-6xl { max-width: 72rem; } .max-w-7xl { max-width: 80rem; } .max-w-\[1600px\] { max-width: 1600px; } .max-w-\[325px\] { max-width: 325px; } .max-w-\[497px\] { max-width: 497px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[70dvw\] { max-width: 70dvw; } .max-w-\[739px\] { max-width: 739px; } .max-w-\[760px\] { max-width: 760px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[880px\] { max-width: 880px; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[calc\(100\%-220px\)\] { max-width: calc(100% - 220px); } .max-w-max { max-width: -moz-max-content; max-width: max-content; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .origin-bottom { transform-origin: bottom; } .origin-center { transform-origin: center; } .-translate-x-1\/2 { --tw-translate-x: -50%; } .-translate-x-1\/2, .-translate-x-1\/4 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-1\/4 { --tw-translate-x: -25%; } .-translate-x-\[50\%\] { --tw-translate-x: -50%; } .-translate-x-\[50\%\], .-translate-y-0 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-0 { --tw-translate-y: -0px; } .-translate-y-0\.5 { --tw-translate-y: -0.125rem; } .-translate-y-0\.5, .-translate-y-1\/2 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; } .-translate-y-8 { --tw-translate-y: -2rem; } .-translate-y-8, .-translate-y-\[60px\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-\[60px\] { --tw-translate-y: -60px; } .translate-x-\[-50\%\] { --tw-translate-x: -50%; } .translate-x-\[-50\%\], .translate-y-1\/2 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-1\/2 { --tw-translate-y: 50%; } .translate-y-\[-50\%\] { --tw-translate-y: -50%; } .-rotate-90, .translate-y-\[-50\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90 { --tw-rotate: -90deg; } .rotate-45 { --tw-rotate: 45deg; } .rotate-45, .scale-0 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; } .scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-150, .scale-\[1\.5\] { --tw-scale-x: 1.5; --tw-scale-y: 1.5; } .scale-150, .scale-\[1\.5\], .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes spin { to { transform: rotate(1turn); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-auto { cursor: auto; } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-text { -webkit-user-select: text; -moz-user-select: text; user-select: text; } .resize-none { resize: none; } .resize { resize: both; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-center { scroll-snap-align: center; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-\[repeat\(auto-fill\2c minmax\(250px\2c 1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } .grid-cols-\[repeat\(auto-fill\2c minmax\(300px\2c 1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-evenly { justify-content: space-evenly; } .justify-stretch { justify-content: stretch; } .gap-0 { gap: 0; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-16 { gap: 4rem; } .gap-2 { gap: 0.5rem; } .gap-20 { gap: 5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-\[100px\] { gap: 100px; } .gap-\[10px\] { gap: 10px; } .gap-\[12px\] { gap: 12px; } .gap-\[1px\] { gap: 1px; } .gap-\[20px\] { gap: 20px; } .gap-\[30px\] { gap: 30px; } .gap-\[60px\] { gap: 60px; } .gap-y-8 { row-gap: 2rem; } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-visible { overflow-y: visible; } .overflow-y-scroll { overflow-y: scroll; } .truncate { overflow: hidden; white-space: nowrap; } .overflow-ellipsis, .truncate { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .text-balance { text-wrap: balance; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[25px\] { border-radius: 25px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[40px\] { border-radius: 40px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-b-\[20px\] { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .rounded-e-full { border-start-end-radius: 9999px; border-end-end-radius: 9999px; } .rounded-s-full { border-start-start-radius: 9999px; border-end-start-radius: 9999px; } .gradient-background { position: relative; display: flex; align-items: center; justify-content: center; padding: 3rem 0; margin: 2rem 0; overflow: hidden; } .gradient-background::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* background: conic-gradient(from 0deg, #08f, #f60, #bbffa1, #4c00ff, #ab2666, #09f); */ background: linear-gradient( 180deg, rgba(255, 153, 51, 0.3) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(19, 136, 8, 0.3) 100% ); /* border-radius: 50%; */ /* animation: spin 8s linear infinite; */ z-index: -2; /* Keeps gradient behind the overlay */ } /* .gradient-background::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.6); border-radius: 50%; z-index: -1; } */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .border { border-width: 1px; } .border-0 { border-width: 0; } .border-2, .border-\[2px\] { border-width: 2px; } .border-solid { border-style: solid; } .border-\[\#E6D3FD\] { --tw-border-opacity: 1; border-color: rgb(230 211 253 / var(--tw-border-opacity)); } .border-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\] { border-color: hsla(0, 0%, 100%, 0.75); } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-purple-400\/60 { border-color: rgba(192, 132, 252, 0.6); } .border-transparent { border-color: transparent; } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .border-white\/10 { border-color: hsla(0, 0%, 100%, 0.1); } .border-white\/5 { border-color: hsla(0, 0%, 100%, 0.05); } .border-opacity-20 { --tw-border-opacity: 0.2; } .bg-\[\#13120f\] { --tw-bg-opacity: 1; background-color: rgb(19 18 15 / var(--tw-bg-opacity)); } .bg-\[\#13120f\]\/20 { background-color: rgba(19, 18, 15, 0.2); } .bg-\[\#191D20\] { --tw-bg-opacity: 1; background-color: rgb(25 29 32 / var(--tw-bg-opacity)); } .bg-\[\#f74ff7\] { --tw-bg-opacity: 1; background-color: rgb(247 79 247 / var(--tw-bg-opacity)); } .bg-\[hsl\(240_10\%_3\.9\%\)\] { --tw-bg-opacity: 1; background-color: hsl(240 10% 3.9% / var(--tw-bg-opacity)); } .bg-\[rgb\(56\2c 56\2c 56\)\] { --tw-bg-opacity: 1; background-color: rgb(56 56 56 / var(--tw-bg-opacity)); } .bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] { background-color: rgba(0, 0, 0, 0.5); } .bg-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] { background-color: rgba(0, 0, 0, 0.8); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\] { background-color: hsla(0, 0%, 100%, 0.08); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] { background-color: hsla(0, 0%, 100%, 0.1); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.16\)\] { background-color: hsla(0, 0%, 100%, 0.16); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\] { background-color: hsla(0, 0%, 100%, 0.5); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\] { background-color: hsla(0, 0%, 100%, 0.8); } .bg-\[rgba\(255\2c 255\2c 255\2c 1\)\] { background-color: #fff; } .bg-\[white\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-black\/10 { background-color: rgba(0, 0, 0, 0.1); } .bg-black\/20 { background-color: rgba(0, 0, 0, 0.2); } .bg-black\/80 { background-color: rgba(0, 0, 0, 0.8); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } .bg-neutral-700 { --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)); } .bg-neutral-800 { --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity)); } .bg-purple-600\/90 { background-color: rgba(147, 51, 234, 0.9); } .bg-purple-700 { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-white\/10 { background-color: hsla(0, 0%, 100%, 0.1); } .bg-white\/15 { background-color: hsla(0, 0%, 100%, 0.15); } .bg-white\/20 { background-color: hsla(0, 0%, 100%, 0.2); } .bg-white\/25 { background-color: hsla(0, 0%, 100%, 0.25); } .bg-white\/30 { background-color: hsla(0, 0%, 100%, 0.3); } .bg-white\/40 { background-color: hsla(0, 0%, 100%, 0.4); } .bg-white\/5 { background-color: hsla(0, 0%, 100%, 0.05); } .bg-white\/50 { background-color: hsla(0, 0%, 100%, 0.5); } .bg-white\/80 { background-color: hsla(0, 0%, 100%, 0.8); } .bg-white\/\[0\.03\] { background-color: hsla(0, 0%, 100%, 0.03); } .bg-opacity-10 { --tw-bg-opacity: 0.1; } .bg-opacity-20 { --tw-bg-opacity: 0.2; } .bg-opacity-30 { --tw-bg-opacity: 0.3; } .bg-\[radial-gradient\(circle\2c _rgba\(255\2c 255\2c 255\2c 0\.1\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\)_100\%\)\] { background-image: radial-gradient( circle, hsla(0, 0%, 100%, 0.1) 0, hsla(0, 0%, 100%, 0) 100% ); } .bg-cover { background-size: cover; } .bg-center { background-position: 50%; } .bg-no-repeat { background-repeat: no-repeat; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0 { padding: 0; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[1px\] { padding: 1px; } .p-\[20px\] { padding: 20px; } .p-\[32px\] { padding: 32px; } .p-\[40px\] { padding: 40px; } .p-\[4px\] { padding: 4px; } .p-\[5\%\] { padding: 5%; } .p-\[7px\] { padding: 7px; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[10px\] { padding-left: 10px; padding-right: 10px; } .px-\[16px\] { padding-left: 16px; padding-right: 16px; } .px-\[180px\] { padding-left: 180px; padding-right: 180px; } .px-\[2px\] { padding-left: 2px; padding-right: 2px; } .px-\[5\%\] { padding-left: 5%; padding-right: 5%; } .px-\[8px\] { padding-left: 8px; padding-right: 8px; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-36 { padding-top: 9rem; padding-bottom: 9rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[10\%\] { padding-top: 10%; padding-bottom: 10%; } .py-\[16px\] { padding-top: 16px; padding-bottom: 16px; } .py-\[1px\] { padding-top: 1px; padding-bottom: 1px; } .py-\[24px\] { padding-top: 24px; padding-bottom: 24px; } .py-\[4px\] { padding-top: 4px; padding-bottom: 4px; } .py-\[50px\] { padding-top: 50px; padding-bottom: 50px; } .py-\[8px\] { padding-top: 8px; padding-bottom: 8px; } .pb-0 { padding-bottom: 0; } .pb-12 { padding-bottom: 3rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-4 { padding-bottom: 1rem; } .pb-8 { padding-bottom: 2rem; } .pb-\[10\%\] { padding-bottom: 10%; } .pb-\[150px\] { padding-bottom: 150px; } .pb-\[15px\] { padding-bottom: 15px; } .pb-\[180px\] { padding-bottom: 180px; } .pb-\[1px\] { padding-bottom: 1px; } .pb-\[8px\] { padding-bottom: 8px; } .pl-0 { padding-left: 0; } .pl-1 { padding-left: 0.25rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pr-2 { padding-right: 0.5rem; } .pr-20 { padding-right: 5rem; } .pr-3 { padding-right: 0.75rem; } .pr-\[16px\] { padding-right: 16px; } .pr-\[70px\] { padding-right: 70px; } .pt-2 { padding-top: 0.5rem; } .pt-4 { padding-top: 1rem; } .pt-8 { padding-top: 2rem; } .pt-\[10px\] { padding-top: 10px; } .pt-\[180px\] { padding-top: 180px; } .pt-\[50px\] { padding-top: 50px; } .pt-\[92px\] { padding-top: 92px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .font-dmDynamic { font-family: var(--font-editorial); } .font-dmSans { font-family: var(--font-graphik); } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-\[120px\] { font-size: 120px; } .text-\[128px\] { font-size: 128px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[23px\] { font-size: 23px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[40px\] { font-size: 40px; } .text-\[48px\] { font-size: 48px; } .text-\[50px\] { font-size: 50px; } .text-\[60px\] { font-size: 60px; } .text-\[64px\] { font-size: 64px; } .text-\[72px\] { font-size: 72px; } .text-\[80px\] { font-size: 80px; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-\[500\] { font-weight: 500; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .italic { font-style: italic; } .leading-\[118\%\] { line-height: 118%; } .leading-\[130\%\] { line-height: 130%; } .leading-\[1\] { line-height: 1; } .leading-\[200\%\] { line-height: 200%; } .leading-\[44px\] { line-height: 44px; } .leading-\[52px\] { line-height: 52px; } .leading-\[54px\] { line-height: 54px; } .leading-\[62px\] { line-height: 62px; } .leading-\[84px\] { line-height: 84px; } .leading-\[99\%\] { line-height: 99%; } .leading-none { line-height: 1; } .leading-normal { line-height: 1.5; } .leading-tight { line-height: 1.25; } .tracking-\[-0\.28px\] { letter-spacing: -0.28px; } .tracking-\[-0\.2px\] { letter-spacing: -0.2px; } .tracking-\[-0\.34px\] { letter-spacing: -0.34px; } .tracking-\[-0\.886px\] { letter-spacing: -0.886px; } .tracking-\[-2\%\] { letter-spacing: -2%; } .tracking-\[-2\.4px\] { letter-spacing: -2.4px; } .tracking-\[-3\.2px\] { letter-spacing: -3.2px; } .tracking-\[-3\.6px\] { letter-spacing: -3.6px; } .tracking-\[-5\%\] { letter-spacing: -5%; } .tracking-\[-6\.4px\] { letter-spacing: -6.4px; } .tracking-\[0\] { letter-spacing: 0; } .tracking-tight { letter-spacing: -0.025em; } .text-\[\#757575\] { --tw-text-opacity: 1; color: rgb(117 117 117 / var(--tw-text-opacity)); } .text-\[red\] { --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-black\/95 { color: rgba(0, 0, 0, 0.95); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-white\/10 { color: hsla(0, 0%, 100%, 0.1); } .text-white\/20 { color: hsla(0, 0%, 100%, 0.2); } .text-white\/30 { color: hsla(0, 0%, 100%, 0.3); } .text-white\/40 { color: hsla(0, 0%, 100%, 0.4); } .text-white\/50 { color: hsla(0, 0%, 100%, 0.5); } .text-white\/60 { color: hsla(0, 0%, 100%, 0.6); } .text-white\/70 { color: hsla(0, 0%, 100%, 0.7); } .text-white\/80 { color: hsla(0, 0%, 100%, 0.8); } .text-white\/90 { color: hsla(0, 0%, 100%, 0.9); } .text-opacity-50 { --tw-text-opacity: 0.5; } .text-opacity-60 { --tw-text-opacity: 0.6; } .text-opacity-80 { --tw-text-opacity: 0.8; } .underline { text-decoration-line: underline; } .decoration-\[rgba\(0\2c 0\2c 0\2c 0\)\] { text-decoration-color: transparent; } .decoration-\[rgba\(0\2c 0\2c 0\2c 1\)\] { text-decoration-color: #000; } .decoration-white\/50 { text-decoration-color: hsla(0, 0%, 100%, 0.5); } .underline-offset-\[6px\] { text-underline-offset: 6px; } .caret-white { caret-color: #fff; } .accent-white\/40 { accent-color: hsla(0, 0%, 100%, 0.4); } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-100 { opacity: 1; } .opacity-20 { opacity: 0.2; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .bg-blend-luminosity { background-blend-mode: luminosity; } .shadow { --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); } .shadow, .shadow-2xl { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); } .shadow-lg, .shadow-md { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba