Help
RSS
API
Feed
Maltego
Contact
Domain > www.exodiapro.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-01-07
154.41.240.235
(
ClassC
)
2025-08-10
46.202.138.250
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyConnection: Keep-AliveKeep-Alive: timeout5, max100Content-Type: text/htmlContent-Length: 795Date: Sun, 10 Aug 2025 09:21:10 GMTServer: LiteSpeedLocation: https://www.exodiapro.com/platform: hostingerpanel: hpanelContent-Security-Policy: upgrade-insecure-requests !DOCTYPE html>html styleheight:100%>head>meta nameviewport contentwidthdevice-width, initial-scale1, shrink-to-fitno />title> 301 Moved Permanently/title>style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}/style>/head>body stylecolor: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;>div styleheight:auto; min-height:100%; > div styletext-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;> h1 stylemargin:0; font-size:150px; line-height:150px; font-weight:bold;>301/h1>h2 stylemargin-top:20px;font-size: 30px;>Moved Permanently/h2>p>The document has been permanently moved./p>/div>/div>/body>/html>
Port 443
HTTP/1.1 200 OKConnection: Keep-AliveKeep-Alive: timeout5, max100X-Powered-By: PHP/8.1.27set-cookie: ci_sessiono232kk1hnje42hg3c2fg8m6cv59v8r8s; expiresSun, 10-Aug-2025 11:21:11 GMT; Max-Age7200; path/; HttpOnly; SameSiteLax; secureExpires: Thu, 19 Nov 1981 08:52:00 GMTCache-Control: no-store, no-cache, must-revalidatePragma: no-cacheContent-Type: text/html; charsetUTF-8Content-Length: 76600Date: Sun, 10 Aug 2025 09:21:11 GMTServer: LiteSpeedplatform: hostingerpanel: hpanelContent-Security-Policy: upgrade-insecure-requests !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> meta http-equivX-UA-Compatible contentIEedge /> meta namedescription contentEXODiA PRO - Connecting Talents with Opportunities> meta namekeywords contententertainment agency, talent management, artists, performers, booking agency> meta nameauthor contentEXODiA PRO> meta namerobots contentindex, follow> link relcanonical hrefhttps://exodiapro.com/> !-- Open Graph tags for social media --> meta propertyog:title contentEXODiA PRO> meta propertyog:description contentConnecting Talents with Opportunities in the Entertainment Industry> meta propertyog:image contenthttps://exodiapro.com/public/assets/images/Logo_Black-01.png> meta propertyog:url contenthttps://exodiapro.com/> !-- Twitter Card tags for Twitter --> meta nametwitter:card contentsummary_large_image> meta nametwitter:title contentEXODiA PRO> meta nametwitter:description contentConnecting Talents with Opportunities in the Entertainment Industry> meta nametwitter:image contenthttps://exodiapro.com/public/assets/images/Logo_Black-01.png> !-- Language Tag --> meta http-equivContent-Language contenten> !-- Structured Data Markup --> script typeapplication/ld+json> { @context: https://schema.org, @type: Organization, name: EXODiA PRO, url: https://exodiapro.com/, logo: https://exodiapro.com/public/assets/images/Logo_Black-01.png, description: Connecting Talents with Opportunities in the Entertainment Industry } /script> title>EXODiA PRO/title> link relshortcut icon hrefhttps://exodiapro.com/public/assets/images/Logo_Black-01.png typeimage/x-icon /> link hrefhttps://exodiapro.com/public/assets/css/googleapi.css relstylesheet /> script srchttps://exodiapro.com/public/assets/js/kit.fontawesome.js crossoriginanonymous>/script> script srchttps://exodiapro.com/public/assets/js/jquery-3.5.0.js>/script> script srchttps://exodiapro.com/public/assets/js/jquery-3.5.0.min.js>/script> script srchttps://exodiapro.com/public/assets/js/sweetalert2.10.js>/script> script typemodule srchttps://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js defer>/script> script async srchttps://exodiapro.com/public/assets/js/widgets.js charsetutf-8>/script>/head>body idtop> div classloader>/div> header classheader> div classheader-bottom data-header> div classcontainer> a hrefhttps://exodiapro.com/ classlogo>EXODiA PRO/a> nav classnavbar data-navbar> ul classnavbar-list> li classnavbar-item> a hrefhttps://exodiapro.com/about classnavbar-link skewBg data-nav-link>About/a> /li> li classnavbar-item> a hrefhttps://exodiapro.com/talent_profile?Id1 classnavbar-link skewBg data-nav-link>Talents/a> /li> !-- li classnavbar-item> a hrefhttps://exodiapro.com/news classnavbar-link skewBg data-nav-link>News/a> /li> --> li classnavbar-item> a hrefhttps://exodiapro.com/achievements classnavbar-link skewBg data-nav-link>Achievements/a> /li> !--li classnavbar-item>--> !-- a hrefhttps://exodiapro.com/schedules?month8--> !-- classnavbar-link skewBg data-nav-link>Schedules/a>--> !--/li>--> li classnavbar-item> a hrefhttps://exodiapro.com/sponsors classnavbar-link skewBg data-nav-link>Sponsors/a> /li> li classnavbar-item> a hrefhttps://exodiapro.com/audition classnavbar-link skewBg data-nav-link>Audition/a> /li> !-- li classnavbar-item> a hrefhttps://exodiapro.com/shop classnavbar-link skewBg data-nav-link>Shop/a> /li> --> li classnavbar-item> a hrefhttps://exodiapro.com/contact classnavbar-link skewBg data-nav-link>Contact Us/a> /li> /ul> /nav> div classheader-actions> button classpushable nav-toggle-btn menu active aria-labeltoggle menu data-nav-toggler> span classfront>Menu/span> span classfront styledisplay:none;>Close/span> /button> /div> /div> /div> /header>main> article> section classsection hero idhome aria-labelhome> div classcontainer> div classhero-content> !-- p classhero-subtitle>Exodia/p> --> figure classhero-bannerr img-holder style--width: 700; --height: 700;> img srchttps://exodiapro.com/public/assets/images/Logo_Black-01.png width700 height700 althero banner classw-100 /> /figure> h1 classh1 hero-title> Producing span classspan stylecolor:hsl(45, 99%, 60%); !important>Unstoppable/span> Idols /h1> !-- p classhero-text>another aaa/p> --> div classtube-link sixteen-nine-btn vidUrlhttps://www.youtube.com/embed/SFqvk3y__Tk?autoplay1> button classbtn skewBg>Watch Video/button> /div> /div> figure classhero-banner img-holder style--width: 700; --height: 700> img srchttps://exodiapro.com/public/assets/images/Logo_Black-01.png width700 height700 althero banner classw-100 /> /figure> /div> /section> div classmodal-vid> div classmovie-box> div classwide-screen> div classvid-holder> div classclose-preview vidUrl#>Close/div> img classsixteen-nine srchttps://s3.amazonaws.com/imglibs/16x9_bg.png /> video idmyVideo classmyVideo hide src controls>/video> iframe classyouTube hide src frameborder0 allowfullscreen>/iframe> /div> /div> /div> /div> /article>/main>form idcontact_us_form classmy-form autocompleteoff> div classcontainer-contact> h2 classh2 section-title> span classspan>Contact Us/span> /h2>br> h1>Get in touch!/h1> ul> li> select namesubject> option selected disabled>-- Please choose a subject --/option> option valuegeneral_inquiry>General Inquiry/option> option valuework>Work/option> option valuesponshorships>Sponsorships/option> option valuefeedback>Feedback/option> option valuereport>Report/option> option valueothers>Others/option> /select> /li> li> div classgrid grid-2> input typetext namefull_name placeholderFull Name required /> input typetext namecompany placeholderCompany /> /div> /li> li> div classgrid grid-2> input typeemail nameemail placeholderEmail required /> input typenumber namecontact placeholderPhone required /> /div> /li> li> textarea namemessage placeholderMessage styleresize: none;>/textarea> /li> li> div classgrid grid-3> div classrequired-msg styleopacity: 0>REQUIRED FIELDS/div> button idsubmit-contact classbtn-grid typebutton> span classfront>SUBMIT/span> /button> button classbtn-grid typereset> span classfront>RESET/span> /button> /div> /li> /ul> /div>/form>script>$(document).on(click, #submit-contact, function() { var form $(#contact_us_form)0; var formData new FormData(form); $.ajax({ type: post, url: https://exodiapro.com/contact/save_contact, data: formData, cache: false, contentType: false, processData: false, dataType: json, success: function(data) { console.log(data); if (data ! success) { Swal.fire( Failed, data, warning, ) } else { Swal.fire({ icon: success, title: SUCCESSFULLY SUBMITTED, showConfirmButton: false, timer: 2000 }).then((result) > { $(#contact_us_form)0.reset(); // window.location.reload(); }) } } });})/script>footer classfooter> div classfooter-top> div classcontainer> div classfooter-brand> a href# classlogo-footer>EXODiA PRO/a> p classfooter-text>Producing unstoppable idols/p> ul classcontact-list> li classcontact-item> div classcontact-icon> ion-icon namelocation>/ion-icon> /div> address classitem-text> Address: Metro Manila, Philippines /address> /li> !-- li classcontact-item> div classcontact-icon> ion-icon nameheadset>/ion-icon> /div> a hreftel:+241245654235 classitem-text >Phone: +63 1245 654 235/a > /li> --> li classcontact-item> div classcontact-icon> ion-icon namemail-open>/ion-icon> /div> a hrefmailto:business@exodiapro.com classitem-text>Email: business@exodiapro.com/a> /li> /ul> /div> ul classfooter-list> li> p classfooter-list-title>Talents/p> /li> li> a hrefhttps://exodiapro.com/talent_profile?Id1 classfooter-link>YUME☆SHOU/a> /li> /ul> ul classfooter-list> li> p classfooter-list-title>Need Help?/p> /li> li> a hrefhttps://exodiapro.com/contact classfooter-link>Contact Us/a> /li> /ul> div classfooter-wrapper> div classsocial-wrapper> p classfooter-list-title>Follow Us/p> ul classsocial-list> li> a hrefhttps://www.facebook.com/exodiapro target_blank classsocial-link stylebackground-color: #4267b2> ion-icon namelogo-facebook>/ion-icon> /a> /li> li> a hrefhttps://twitter.com/EXODiAPRO target_blank classsocial-link stylebackground-color: #1da1f2> ion-icon namelogo-twitter>/ion-icon> /a> /li> li> a hrefhttps://www.instagram.com/exodiapro.official/ target_blank classsocial-link stylebackground-color: #fd1d1d> ion-icon namelogo-instagram>/ion-icon> /a> /li> li> a hrefhttps://www.youtube.com/@EXODiAPRO_Official/ classsocial-link target_blank stylebackground-color: #ff0000> ion-icon namelogo-youtube>/ion-icon> /a> /li> /ul> /div> /div> /div> /div> div classfooter-bottom> div classcontainer> p classcopyright> © script> document.write(/\d{4}/.exec(Date())0); /script> EXODiA PRO. All Right Reserved /p> /div> /div>/footer>!-- - #BACK TO TOP -->a href#top classback-top-btn aria-labelback to top data-back-top-btn> ion-icon namecaret-up>/ion-icon>/a>!-- - custom js link -->/body>/html>style>@import url(https://fonts.googleapis.com/css?familyOpen+Sans:400,700);/*-----------------------------------*\ #style.css\*-----------------------------------*//*-----------------------------------*\ #CUSTOM PROPERTY\*-----------------------------------*/body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 10px;}body::-webkit-scrollbar { width: 10px; background-color: #F5F5F5;}body::-webkit-scrollbar-thumb { border-radius: 10px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122, 153, 217)), color-stop(0.72, rgb(73, 125, 189)), color-stop(0.86, rgb(28, 58, 148)));}/* Chrome, Safari, Edge, Opera */input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}/* Firefox */inputtypenumber { -moz-appearance: textfield;}:root { /** * colors */ --rich-black-fogra-29_95: hsla(222, 18%, 11%, 0.95); --raisin-black-1: hsl(0, 0%, 16%); --raisin-black-2: hsl(236, 17%, 17%); --raisin-black-3: hsl(280, 11%, 11%); --raisin-black-4: hsl(280, 8%, 15%); --english-violet: hsl(274, 21%, 23%); --eerie-black-1: hsl(277, 25%, 10%); --eerie-black-2: hsl(280, 7%, 8%); --roman-silver: hsl(220, 6%, 59%); --quick-silver: hsl(0, 1%, 65%); --light-gray-1: hsl(0, 0%, 80%); --light-gray-2: hsl(0, 2%, 82%); --marigold_75: hsla(42, 99%, 46%, 0.75); --xiketic_90: hsla(280, 37%, 8%, 0.9); --cultured-2: hsl(0, 0%, 97%); /* --marigold: hsl(45, 99%, 60%); */ --marigold: hsl(285, 100%, 70%); --platinum: hsl(0, 0%, 89%); --dim-gray: hsl(0, 0%, 42%); --white_15: hsla(0, 0%, 100%, 0.15); --white_10: hsla(0, 0%, 100%, 0.1); --xiketic: hsl(277, 25%, 10%); --silver: hsl(0, 0%, 78%); --white: hsl(0, 0%, 100%); --jet: hsl(236, 13%, 23%); --red: #e31b23; --bodyColor: #292a2b; --borderFormEls: hsl(0, 0%, 10%); --bgFormEls: hsl(0, 0%, 14%); --bgFormElsFocus: hsl(0, 7%, 20%); /** * typography */ --ff-oxanium: Oxanium, cursive; --ff-poppins: Poppins, sans-serif; --fs-1: 7rem; --fs-2: 4.5rem; --fs-3: 3.6rem; --fs-4: 2.4rem; --fs-5: 2.2rem; --fs-6: 2rem; --fs-7: 1.6rem; --fs-8: 1.5rem; --fs-9: 1.4rem; --fs-10: 1.3rem; --fs-11: 1.2rem; --fw-500: 500; --fw-600: 600; --fw-700: 700; --fw-800: 800; /** * spacing */ --section-padding: 120px; /** * gradient */ --gradient: radial-gradient(circle, hsl(250, 7%, 17%), hsl(250, 11%, 11%)); /** * box shadow */ --shadow-1: 0px 2px 8px 0px hsla(0, 0%, 0%, 0.2), inset 0px 2px 8px 0px hsla(0, 0%, 0%, 0.4); --shadow-2: 0px 5px 10px 1px hsla(0, 0%, 0%, 0.4); --shadow-3: 0px 5px 10px 1px hsla(219, 98%, 17%, 0.2); --shadow-4: 0px 5px 10px 1px hsla(0, 0%, 0%, 0.15); /** * transition */ --transition: 0.25s ease; --cubic-out: cubic-bezier(0.33, 0.85, 0.4, 0.96);}/*-----------------------------------*\ #RESET\*-----------------------------------*/*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box;}li { list-style: none;}a { text-decoration: none; color: inherit;}a,img,span,time,input,button,ion-icon { display: block;}img { height: auto;}input,button { background: none; border: none; font: inherit;}input { width: 100%;}button { cursor: pointer;}ion-icon { pointer-events: none;}address { font-style: normal;}html { font-family: var(--ff-poppins); font-size: 10px; scroll-behavior: smooth;}body { background: url(https://exodiapro.com/public/assets/images/EXODIAPRO_BG_1.jpg)no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-size: 1.6rem; line-height: 1.5; animation: 2s ease-out 0s 1 FadeIn; position: relative;}body::before { content: ; background: rgba(0, 0, 0, 0.2); /* Adjust the opacity (0.5) to your preference */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}/* body::after { background: url(../images/bg2.jpeg) no-repeat center center fixed; content: ; opacity: 0.8; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} */@keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}:focus-visible { outline-offset: 4px;}.loader { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #fff url(https://exodiapro.com/public/assets/images/loading.gif) no-repeat center center; z-index: 9999; padding-top: 200px; background-color: #110f1a;}/*-----------------------------------*\ #REUSED STYLE\*-----------------------------------*/.container { padding-inline: 15px;}.section { padding-block: var(--section-padding);}.h1,.h2,.h3 { color: var(--white); font-family: var(--ff-oxanium); font-weight: var(--fw-800); line-height: 1;}.h1 { font-size: var(--fs-2); letter-spacing: -3px;}.h2 { font-size: var(--fs-3);}.h3 { font-size: var(--fs-6); text-transform: uppercase;}:is(.h1, .h2, .h3, .card-price) .span { display: inline-block; color: var(--marigold);}.btn { margin-inline: auto; color: var(--eerie-black-1); font-size: var(--fs-8); text-transform: uppercase; font-weight: var(--fw-700); min-height: 55px; padding-inline: 35px;}.skewBg { position: relative; z-index: 1; color: white !important;}.skewBg::before { content: ; position: absolute; inset: 0; transform: skewX(var(--skewX, -16deg)); background-color: var(--bg, var(--marigold)); z-index: -1;}.btn::after { content: ; position: absolute; top: 0; bottom: 0; left: calc(100% + 8px); width: 5px; transform: skewX(-16deg) translateX(var(--translateX, 0)); background-color: var(--marigold); transition: var(--transition);}.btn:is(:hover, :focus)::after { --translateX: -13px;}.has-scrollbar { display: flex; gap: 30px; overflow-x: auto; padding-block-end: 30px; scroll-snap-type: inline mandatory;}.has-scrollbar::-webkit-scrollbar { height: 10px;}.has-scrollbar::-webkit-scrollbar-track { outline: 3px solid var(--marigold);}.has-scrollbar::-webkit-scrollbar-thumb { background-color: var(--marigold);}.has-scrollbar::-webkit-scrollbar-button { width: calc(25% - 40px);}.section-subtitle,.section-title { position: relative; text-align: center; text-transform: uppercase;}.section-subtitle { color: var(--silver); font-size: var(--fs-9); font-weight: var(--fw-700); margin-block-end: 10px;}.section-title::after { content: url(https://exodiapro.com/public/assets/images/title_star.png); position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}.scrollbar-item { /* min-width: 100%; */ scroll-snap-align: start;}/* .card-banner { background-color: var(--light-gray-1);} */.img-holder { aspect-ratio: var(--width) / var(--height);}.img-cover { width: 100%; height: 100%; object-fit: cover;}.card-badge { min-height: 30px; color: var(--eerie-black-1); font-size: var(--fs-11); font-weight: var(--fw-700); text-transform: uppercase; max-width: max-content; display: grid; align-items: center; padding-inline: 20px;}.card-badge::before { --skewX: -10deg;}.w-100 { width: 100%;}.section-text { color: var(--color, var(--light-gray-1)); font-size: var(--fs-8); font-weight: var(--fw-500); max-width: 65ch; margin-inline: auto; text-align: center; line-height: 1.8;}/*-----------------------------------*\ #HEADER\*-----------------------------------*/.header-top,.cart-btn,.header-bottom::before,.navbar-link::before { display: none;}.header { position: relative; min-height: 1px;}.header-bottom { position: absolute; top: calc(100% - 1px); left: 0; width: 100%; background-color: var(--raisin-black-2); padding-block: 20px; z-index: 4;}.header-bottom.active { position: fixed; top: -95px; animation: slideIn 0.5s var(--cubic-out) forwards;}@keyframes slideIn { 0% { transform: translateY(0); } 100% { transform: translateY(100%); }}.header-bottom .container { display: flex; justify-content: space-between; align-items: center;}.logo { color: var(--white); font-family: var(--ff-oxanium); font-size: 3rem; font-weight: var(--fw-800);}.pushable { position: relative; background: #1f1347; border-radius: 30px; border: none; padding: 0; cursor: pointer; outline-offset: 4px; overflow: hidden; transition: background-color 0.3s;}.front { position: relative; display: flex; /* Using flexbox for centering */ justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ padding: 12px 42px; border-radius: 30px; font-size: 1.90rem; background: var(--marigold); color: white; transform: translateY(-8px); transition: transform 0.2s;}.pushable:active .front { transform: translateY(-2px);}.header-actions { display: flex; align-items: center; gap: 20px;}.search-btn { color: var(--marigold); padding: 13px; box-shadow: var(--shadow-1); border-radius: 4px;}.search-btn ion-icon { --ionicon-stroke-width: 80px;}.nav-toggle-btn.active .menu,.nav-toggle-btn .close { display: none;}.nav-toggle-btn .menu,.nav-toggle-btn.active .close { display: block;}.navbar { background-color: var(--eerie-black-1); color: var(--white); position: absolute; top: 100%; right: 0; width: 100%; max-width: 350px; visibility: hidden; max-height: 0; transition: 0.25s var(--cubic-out); overflow: hidden;}.navbar.active { visibility: visible; max-height: 500px; transition-duration: 0.5s;}.navbar-item:not(:last-child) { border-block-end: 1px solid var(--white_15);}.navbar-link { padding: 10px 25px; transition: var(--transition);}.navbar-link:is(:hover, :focus) { background-color: var(--white_10);}/*-----------------------------------*\ #SEARCH BOX\*-----------------------------------*/.search-container { background-color: var(--rich-black-fogra-29_95); position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; padding-inline: 40px; z-index: 6; visibility: hidden; opacity: 0; transition: var(--transition);}.search-container.active { visibility: visible; opacity: 1;}.search-container .input-wrapper { position: relative; max-width: 560px; width: 100%;}.search-container .search-field { color: var(--white); font-size: 2rem; padding: 20px; padding-inline-end: 60px; border-block-end: 3px solid var(--white_10); outline: none; transition: var(--transition);}.search-container .search-field:focus { border-color: var(--light-gray-2);}.search-container .search-field::-webkit-search-cancel-button { display: none;}.search-container .search-submit { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 25px; color: var(--marigold);}.search-container .search-submit ion-icon { --ionicon-stroke-width: 70px;}.search-container .search-close { position: fixed; inset: 0; cursor: default; z-index: -1;}/*-----------------------------------*\ #HERO\*-----------------------------------*/.hero-banner { display: none;}.hero { --section-padding: 60px; margin-block-start: 84px; background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; min-height: 100vh; display: grid; align-items: center;}.hero-subtitle { color: var(--marigold); font-size: var(--fs-6); font-weight: var(--fw-700); text-transform: uppercase;}.hero-title { margin-block: 15px 12px;}.hero-text { color: var(--light-gray-2); margin-block-end: 45px;}/*-----------------------------------*\ #BRAND\*-----------------------------------*/.brand { --section-padding: 60px; background-image: var(--gradient);}.brand .has-scrollbar { padding-block-end: 0;}.brand .has-scrollbar::-webkit-scrollbar { display: none;}.brand-item { min-width: calc(50% - 10px); scroll-snap-align: start;}.brand-item>img { margin-inline: auto;}/*-----------------------------------*\ #LATEST GAME\*-----------------------------------*/.grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 20px; list-style: none; margin: 0; padding: 0; overflow: hidden; margin-top: 90px;}.grid-item { text-decoration: none;}.image-container { position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}.image-container img { position: absolute; top: 0; left: 0; width: 100%; /* height: 100%; */ /* Set height to 100% for full height */ object-fit: contain; /* Use contain to fit the image without cropping */ transition: transform 0.3s ease-in-out;}.image-container:hover img { transform: scale(1.05);}.latest-game-card { position: relative; /* box-shadow: var(--shadow-2); */}.latest-game-card .card-content { position: absolute; bottom: 0; left: 0; right: 0;}.latest-game-card .card-title { position: absolute; bottom: 0; left: 0; right: 0; color: white; /* Adjust text color as needed */ padding: 180px; /* Adjust padding as needed */ text-align: center;}.latest-game-card .card-title:hover { color: var(--marigold);}.latest-game-card .card-price { color: var(--silver); font-size: var(--fs-10); font-weight: var(--fw-600);}.latest-game-card .card-price .span { margin-inline-start: 5px;}.latest-game .section-title { margin-block-end: 50px;}.img-cover { max-width: 100%; height: auto;}@media (max-width: 767px) { .grid-item .image-container { margin-top: 20px; }}/*-----------------------------------*\ #LIVE MATCH\*-----------------------------------*/.live-match { padding-block-start: 0; overflow-x: hidden;}.live-match .section-title { margin-block-end: 10px;}.live-match-banner { position: relative; background-color: var(--light-gray-1); border-radius: 6px; overflow: hidden; box-shadow: var(--shadow-3);}.live-match-banner .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--marigold); font-size: 60px;}.live-match-player { position: relative; padding-block-start: var(--section-padding);}.live-match-player::after { content: LIVE; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%); font-size: 15rem; font-weight: var(--fw-600); color: var(--cultured-2); z-index: -1;}.live-match-player .player { max-width: max-content;}.live-match-player .player-2 { margin-inline-start: auto;}.live-match-detail { margin-block: 50px;}.live-match-subtitle { background-color: var(--marigold); color: var(--white); font-size: var(--fs-9); text-transform: uppercase; font-weight: var(--fw-700); letter-spacing: 2px; padding: 4px 20px; max-width: max-content; margin-inline: auto; margin-block-end: 30px;}.live-match-time { color: var(--xiketic); font-size: var(--fs-1); font-weight: var(--fw-700); max-width: max-content; margin-inline: auto; line-height: 1;}/*-----------------------------------*\ #FEATURED GAME\*-----------------------------------*/.featured-game { background-color: var(--cultured-2);}.featured-game .section-title { color: var(--xiketic); margin-block-end: 90px;}.featured-game .has-scrollbar { gap: 0;}.featured-game-card { position: relative;}.featured-game-card :is(.card-content, .card-content-overlay) { position: absolute;}.featured-game-card .card-content { bottom: 0; left: 0; right: 0; padding: 30px 35px; transition: var(--transition);}.featured-game-card .card-content-overlay { inset: 0; background-color: var(--marigold_75); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: var(--transition);}.featured-game-card .card-title { margin-block-end: 5px;}.featured-game-card .card-meta { color: var(--white); font-size: var(--fs-11); font-weight: var(--fw-500); text-transform: uppercase; display: flex; align-items: center; gap: 4px;}.featured-game-card .card-content .card-meta { color: var(--platinum);}.featured-game-card .card-content ion-icon { color: var(--marigold); font-size: 14px;}.featured-game-card .card-icon { margin-block-end: 20px;}.featured-game-card .card-content-overlay .card-title { color: var(--xiketic);}.featured-game-card .card-content-overlay .span { color: var(--white);}.featured-game-card:is(:hover, :focus-within) .card-content { opacity: 0;}.featured-game-card:is(:hover, :focus-within) .card-content-overlay { opacity: 1;}/*-----------------------------------*\ #BLOG\*-----------------------------------*/.blog { /* background-image: var(--gradient); */}.blog .section-title { /* color: var(--xiketic); */ color: white;}.blog .section-text { /* color: var(--dim-gray); */ color: white; margin-block: 50px 60px;}.blog-list { display: grid; gap: 50px;}.blog-card { background-color: white; /* Background color of the card */ border-radius: 10px; /* Rounded corners for the card */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Box shadow for the card */ margin-bottom: 20px; /* Spacing between cards */ overflow: hidden; /* Ensure content doesnt overflow */ height: 100%;}.blog-card .card-meta-list { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; /* Spacing between meta items */}.blog-card .card-banner img { width: 100%; height: auto; display: block; transition: transform 0.2s ease; /* Add a smooth hover effect for the image */}.blog-card .card-banner:hover img { transform: scale(1.05); /* Increase image size on hover */}.blog-card .card-content { padding: 20px; /* Padding inside the card */}.blog-card .card-meta-item { display: flex; align-items: center; gap: 5px; color: #777; /* Color of meta text */ font-size: 14px; /* Font size of meta text */}.blog-card .card-meta-item ion-icon { font-size: 18px; /* Icon size */ color: #007bff; /* Icon color */}.blog-card .card-meta-item a.item-text { transition: var(--transition);}.blog-card .card-meta-item a.item-text:is(:hover, :focus) { color: red;}.blog-card .card-title { font-size: 18px; /* Font size of the title */ font-weight: bold; /* Title font weight */ margin-top: 0; /* Remove default margin */}.blog-card .card-title:is(:hover, :focus) { color: var(--marigold);}.blog-card .card-text { font-size: 16px; /* Font size of the text */ color: #333; /* Text color */ line-height: 1.5; /* Line height for better readability */}.blog-card .card-link { /* color: var(--raisin-black-1); */ color: #e9a401; font-size: var(--fs-9); font-weight: var(--fw-700); text-transform: uppercase; display: flex; align-items: center; gap: 4px; transition: var(--transition); margin-top: 20px;}.blog-card .card-link ion-icon,.blog-card .card-link:is(:hover, :focus) { color: #a993ff;}/*-----------------------------------*\ #NEWSLETTER\*-----------------------------------*/.newsletter { margin-block-end: 80px;}.newsletter-card { background-image: var(--gradient); padding: 40px 15px; margin-block-start: -55px; border-radius: 80px;}.newsletter .h2 { font-size: var(--fs-4); text-transform: uppercase; text-align: center; margin-block-end: 30px;}.newsletter .input-wrapper { max-width: 300px; margin-inline: auto; margin-block-end: 10px;}.newsletter .email-field { font-size: var(--fs-9); color: var(--white); font-weight: var(--fw-500); padding: 17px 45px; padding-inline-end: 20px; outline: none;}.newsletter .input-wrapper ion-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; color: var(--marigold); --ionicon-stroke-width: 50px;}.newsletter .input-wrapper::before { --bg: var(--raisin-black-4); --skewX: -20deg;}.newsletter-btn { font-size: var(--fs-9); display: flex; align-items: center; gap: 5px; padding-inline: 20px; transition: var(--transition);}.newsletter-btn::after { display: none;}.newsletter-btn::before { --skewX: -20deg; transition: var(--transition);}.newsletter-btn:is(:hover, :focus) { color: var(--marigold);}.newsletter-btn:is(:hover, :focus)::before { background-color: var(--white);}/*-----------------------------------*\ #FOOTER\*-----------------------------------*/.footer { color: white;}.footer-top { padding-block-end: var(--section-padding);}.footer-top .container { display: grid; gap: 50px; margin-top: 50px;}.footer .logo { margin-block-end: 35px; color: var(--silver);}.logo-footer { /* color:var(--eerie-black-1); */ font-family: var(--ff-oxanium); font-size: 3rem; font-weight: var(--fw-800);}.footer-text,.footer .contact-item { font-size: var(--fs-8); font-weight: var(--fw-500); line-height: 1.8;}.footer-text { margin-block-end: 15px;}.contact-item:not(:last-child) { margin-block-end: 10px;}.contact-item { display: flex; align-items: flex-start; gap: 10px;}.contact-icon { margin-block-start: 3px; font-size: 17px;}.footer-list-title { position: relative; color: white; font-family: var(--ff-oxanium); text-transform: uppercase; font-weight: var(--fw-800); padding-block-end: 20px; margin-block-end: 35px;}.footer-list-title::after { content: ; position: absolute; bottom: 0; left: 0; width: 30px; height: 3px; background-color: var(--marigold);}.footer-link { font-size: var(--fs-9); max-width: max-content; transition: var(--transition); padding-block: 8px; font-weight: var(--fw-500);}.footer-link:is(:hover, :focus) { color: var(--marigold); transform: translateX(5px);}.footer .social-wrapper { margin-block-end: 50px;}.footer .social-list { display: flex; gap: 10px;}.footer .social-link { color: var(--white); padding: 10px; border-radius: 2px;}.footer-newsletter { position: relative;}.footer-newsletter .email-field { background-color: var(--raisin-black-4); padding: 12px 20px; padding-inline-end: 60px; font-size: var(--fs-9); color: var(--white);}.footer-btn { position: absolute; top: 0; right: 0; height: 100%; width: 53px; background-color: var(--marigold); color: var(--xiketic); display: grid; place-content: center;}.footer-bottom-img { display: none;}.footer-bottom { background-color: var(--eerie-black-2); padding-block: 20px; text-align: center;}.copyright { font-size: var(--fs-9); font-weight: var(--fw-500); line-height: 1.8;}.copyright-link { display: inline-block; color: var(--marigold);}/*-----------------------------------*\ #BACK TO TOP\*-----------------------------------*/.back-top-btn { position: fixed; bottom: 10px; right: 15px; background-color: var(--marigold); padding: 12px; z-index: 4; transition: var(--transition); opacity: 0; visibility: hidden;}.back-top-btn.active { opacity: 1; visibility: visible; transform: translateY(-10px);}/*-----------------------------------*\ #MEDIA QUERIES\*-----------------------------------*//** * responsive for larger than 576px screen */@media (min-width: 576px) { /** * REUSED STYLE */ .container { max-width: 540px; width: 100%; margin-inline: auto; } .h1 { --fs-2: 7rem; } /** * HEADER */ .header-actions { gap: 40px; } .cart-btn { display: block; position: relative; color: var(--white); font-size: 20px; } .cart-badge { position: absolute; top: -6px; right: -10px; background-color: var(--marigold); color: var(--eerie-black-1); font-size: var(--fs-11); border-radius: 20px; padding: 3px 5px; line-height: 1; font-weight: var(--fw-800); } /** * SEARCH BOX */ .search-container :is(.search-field, .search-submit) { font-size: var(--fs-3); } /** * BRAND */ .brand-item { min-width: calc(33.33% - 13.33px); } /** * FEATURED GAME */ .featured-game .scrollbar-item { min-width: 50%; } /** * BLOG */ .blog-list { grid-template-columns: 75%; justify-content: center; } /** * FOOTER */ .footer-top .container { grid-template-columns: 1fr 1fr; } .footer-brand, .footer-wrapper { grid-column: 1 / 3; }}/** * responsive for larger than 768px screen */@media (min-width: 768px) { /** * REUSED STYLE */ .container { max-width: 720px; } .scrollbar-item { min-width: calc(50% - 15px); } /** * HERO */ .hero-text { max-width: 60ch; margin-inline: auto; } /** * BRAND */ .brand-item { min-width: calc(25% - 15px); } /** * LIVE MATCH */ .live-match-banner .play-btn { font-size: 120px; } .live-match-player::after { font-size: 30rem; } /** * BLOG */ .blog-list { grid-template-columns: 1fr 1fr; } /** * NEWSLETTER */ .newsletter :is(.input-wrapper, .newsletter-btn) { margin: 0; } .newsletter .input-wrapper { max-width: unset; width: 100%; } .newsletter .h2 { --fs-4: 2.6rem; } .newsletter-form { display: flex; gap: 10px; max-width: 500px; width: 100%; margin-inline: auto; } /** * FOOTER */ .footer-brand, .footer-wrapper { grid-column: auto; } .footer-bottom-img { display: block; } .footer-bottom { text-align: left; } .footer-bottom .container { display: flex; justify-content: space-between; align-items: center; gap: 20px; } /** * BACK TO TOP */ .back-top-btn { bottom: 50px; right: 45px; }}/** * responsive for larger than 992px screen */@media (min-width: 992px) { /** * REUSED STYLE */ .hero-bannerr { display: none; } .container { max-width: 960px; } :is(.header, .hero, .live-match) .container { max-width: unset; } .scrollbar-item { min-width: calc(33.33% - 20px); } /** * HEADER */ .header-top { display: block; background-image: url(../images/header-top-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; padding-block: 20px; } .header-top .container { display: flex; justify-content: space-between; align-items: center; } .countdown-text { color: var(--quick-silver); font-size: var(--fs-10); font-weight: var(--fw-600); } .countdown-text .span { display: inline-block; color: var(--xiketic); font-size: 1.8rem; font-weight: var(--fw-700); padding: 10px 20px; margin-inline: 5px; } .header :is(.social-wrapper, .social-list) { display: flex; align-items: center; } .header .social-wrapper { gap: 15px; } .header .social-list { gap: 10px; } .social-title { color: var(--white); font-family: var(--ff-oxanium); font-size: var(--fs-8); font-weight: var(--fw-700); } .header .social-link { background-color: var(--jet); color: var(--marigold); font-size: var(--fs-9); padding: 8px 10px; } .header-bottom { outline: 1px solid hsla(0, 0%, 0%, 0.2); } .header-bottom::before { display: block; top: 0; left: -15px; right: auto; width: 170px; --skewX: 16deg; } .nav-toggle-btn { display: none; } .navbar, .navbar.active { all: unset; margin-inline: auto 15px; } .navbar-list { display: flex; } .navbar-item:not(:last-child) { border-block-end: none; } .navbar-link { color: var(--white); font-family: var(--ff-oxanium); font-size: var(--fs-11); text-transform: uppercase; font-weight: var(--fw-700); padding: 10px 20px; } .navbar-link::before { display: block; opacity: 0; transition: var(--transition); } .navbar-link:is(:hover, :focus) { background-color: transparent; color: var(--xiketic); } .navbar-link:is(:hover, :focus)::before { opacity: 1; } /** * HERO */ .hero { text-align: left; } .hero-banner { display: block; } .hero .container { display: grid; grid-template-columns: 1fr 0.9fr; align-items: center; gap: 50px; } .btn { margin-inline: 0; } /** * BRAND */ .brand-item { min-width: calc(20% - 16px); } /** * LATEST GAME */ .latest-game .has-scrollbar { padding-block-end: 0; } /** * LIVE MATCH */ .live-match-banner { max-width: 700px; margin-inline: auto; } .live-match-player { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; } .live-match-detail { margin-block: 0; } /** * FEATURED GAME */ .featured-game .scrollbar-item { min-width: 33.33%; } /** * BLOG */ .blog-list { grid-template-columns: repeat(3, 1fr); gap: 30px; } /** * NEWSLETTER */ .newsletter-form { max-width: 650px; } /** * FOOTER */ .footer .container { grid-template-columns: 1fr 0.7fr 0.7fr; column-gap: 80px; }}/** * responsive for larger than 1200px screen */@media (min-width: 1200px) { /** * REUSED STYLE */ .container, :is(.header, .hero, .live-match) .container { max-width: 1230px; } .h1 { --fs-2: 7.5rem; } .scrollbar-item { min-width: calc(25% - 22.5px); } /** * HEADER */ .header-bottom::before { width: 270px; } .navbar-link { font-size: var(--fs-9); padding-inline: 25px; } /** * HERO */ .hero .container { grid-template-columns: 1fr 1fr; } /** * BRAND */ .brand-item { min-width: calc(16.66% - 16.66px); } /** * LIVE MATCH */ .section-wrapper::before { height: 72%; } .live-match-banner { max-width: max-content; } .live-match-player::after { font-size: 35rem; } /** * FEATURED GAME */ .featured-game .has-scrollbar { padding-block-end: 0; } .featured-game .scrollbar-item { min-width: 25%; } /** * SHOP */ .shop .has-scrollbar { padding-block-end: 15px; } /** * NEWSLETTER */ .newsletter-card { display: flex; justify-content: space-between; align-items: center; padding-inline: 70px; } .newsletter .h2 { margin-block-end: 0; } .newsletter-form { margin-inline: 0; } /** * FOOTER */ .footer .container { grid-template-columns: 1fr 0.7fr 0.7fr 1fr; }}/* modal with video */.modal-vid { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 999; display: none;}.movie-box { top: 0px; left: 0px; display: table; width: 100%; height: 100vh; background-color: #232323; background-color: rgba(0, 0, 0, 0.8); color: #fff; text-align: center;}.close-preview { position: absolute; font-weight: 300; letter-spacing: 0.125em; text-transform: uppercase; font-size: 24px; right: 0px; top: -30px; color: #ffffff; cursor: pointer;}.wide-screen { display: table-cell; text-align: center; vertical-align: middle;}.vid-holder { display: inline-block; top: 0px; left: 0px; position: relative; margin: 0 auto; -webkit-box-shadow: 0 0 10px 0 #000000; box-shadow: 0 0 10px 0 #000000; border-style: solid; border-width: 1px; border-color: #333;}.sixteen-nine { max-height: calc(100vh - 122px); max-width: calc(100vw - 122px); position: relative; margin: 0 auto; /*transition: all 0.5s;*/ display: none;}.show { display: block;}.hide { display: none;}.vid-holder video,.vid-holder iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; background-image: url(https://s3.amazonaws.com/imglibs/video_bg.png); background-position: center center; background-repeat: no-repeat;}/* Team */#team { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin-top: 50px; padding: 20px;}.team-heading { font-size: 2.2rem; padding: 10px 20px; margin: 20px; color: #303030; text-transform: uppercase; font-weight: 800; border-top: 1px solid #535353; border-bottom: 1px solid #535353; text-align: center;}/* talents profile */.talent-profile-image { max-width: 60%; height: auto; margin: 0 auto; display: block;}.talent-profile-section { display: flex; margin-top: 50px; justify-content: space-around; padding: 20px; text-align: justify; flex-basis: calc(25% - 20px); flex-direction: column;}.talent-profile-card { margin-top: 20px;}.talent-profile-card p { text-align: justify;}@media screen and (max-width: 990px) { .talent-profile-section { flex-direction: column; align-items: center; } .talent-profile-card p { text-align: justify; } .talent-profile-image { max-width: 100%; } .mission, .card-goal { flex-basis: 100%; /* margin: 10px 0; */ } .mission p { max-width: 100%; }}.talent-profile-section .mission { background-color: #f9f9f9; padding: 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}.see-more-link { margin-top: 10px; /* Add some space between the description and See more link */ text-align: center; display: inline-block;}.see-more-link i { margin-left: 5px;}/* members */.member-box { box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.2); background-color: #ffffff; position: relative;}.member-img { width: 362px; height: 542px; position: relative;}.member-img img { width: 100%; height: 100%; object-position: center; object-fit: cover;}.hover-img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; display: none;}.member-box:hover .hover-img { display: block; animation: fade 0.3s;}@keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; }}.member-name { width: 100%; padding: 20px 10px; background-color: #ffffff; z-index: 2;}.member-name h3,.member-name h5 { color: #1b1b1b; margin: 0px; letter-spacing: 0.3px;}.member-name h5 { font-weight: 500;}.member-name h3 { text-transform: uppercase; font-weight: 800;}.team-box-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}.member-social-links { display: flex; justify-content: center; align-items: center; padding-top: 10px;}.member-social-links a { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.1); margin: 5px; border-radius: 50%; font-size: 1.5rem; color: #000000;}.member-social-links a:hover { color: #fff; background-color: #181818; transition: all ease 0.3s;}.parent-container { display: flex; justify-content: center; padding-top: 20px;}.view-work-btn { width: 150px; height: 45px; display: flex; justify-content: center; align-items: center; color: #ffffff; background-color: #202020;}.view-work-btn:hover { color: #fff; background-color: #0e0e0e; transition: all ease 0.3s;}@media (max-width: 990px) { .member-box { flex-basis: calc(25% - 20px); }}@media (max-width: 575px) { .member-box { flex-basis: 50%; }}@media (max-width: 1200px) { .member-img { width: 306px; height: 450px; }}@media (max-width: 990px) { .member-img { width: 232px; height: 335px; }}@media (max-width: 800px) { .member-img { width: 340px; height: 510px; }}@media (max-width: 745px) { .member-img { width: 340px; height: 375px; }}@media (max-width: 575px) { .member-img { width: 340px; height: 355px; } #team { padding: 10px; } .team-heading { font-size: 1.7rem; }}@media (max-width: 450px) { .member-img { width: 340px; height: 500px; }}/* contact us *//* RESET RULES–––––––––––––––––––––––––––––––––––––––––––––––––– */.container-contact { max-width: 800px; margin: 0 auto; padding: 0 1.5rem;}/* FORM ELEMENTS–––––––––––––––––––––––––––––––––––––––––––––––––– */.my-form { margin-top: 150px; margin-bottom: 150px;}.my-form h1 { margin-bottom: 1.5rem; margin-top: 50px; color: white;}.my-form li,.my-form .grid>*:not(:last-child) { margin-bottom: 1.5rem;}.my-form select,.my-form input,.my-form textarea,.my-form button { width: 100%; line-height: 1.5; padding: 15px 10px; border: 1px solid var(--borderFormEls); color: var(--white); background: var(--bgFormEls); transition: background-color 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25), transform 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);}.my-form button { border: 0 !important; background: none !important;}.my-form textarea { height: 170px;}.my-form ::placeholder { color: inherit; /*Fix opacity issue on Firefox*/ opacity: 1;}.my-form select:focus,.my-form input:focus,.my-form textarea:focus,.my-form button:enabled:hover,.my-form button:focus,.my-form inputtypecheckbox:focus+label { background: var(--bgFormElsFocus);}.my-form select:focus,.my-form input:focus,.my-form textarea:focus { transform: scale(1.02);}.my-form *:required,.my-form select { background-repeat: no-repeat; background-position: center right 12px; background-size: 15px 15px;}.my-form *:required { background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/asterisk.svg);}.my-form *:disabled { cursor: default; filter: blur(2px);}/* Add this CSS to style the radio buttons and labels */.my-form .radio-buttons { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 10px;}.my-form .radio-buttons inputtyperadio { display: none;}.my-form .radio-buttons label { display: block; padding: 10px 15px; border: 1px solid var(--borderFormEls); color: var(--white); background: var(--bgFormEls); text-align: center; cursor: pointer; transition: background-color 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);}.my-form .radio-buttons inputtyperadio:checked+label { background: var(--bgFormElsFocus);}.my-form .checkboxes { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 10px;}.my-form .checkboxes inputtypecheckbox { display: none;}.my-form .checkboxes label { display: block; padding: 10px 15px; border: 1px solid var(--borderFormEls); color: var(--white); background: var(--bgFormEls); text-align: center; cursor: pointer; transition: background-color 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);}.my-form .checkboxes inputtypecheckbox:checked+label { background: var(--bgFormElsFocus);}/* FORM BTNS–––––––––––––––––––––––––––––––––––––––––––––––––– */.my-form .required-msg { display: none; background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/asterisk.svg) no-repeat center left / 15px 15px; padding-left: 20px;}.my-form .btn-grid { position: relative; overflow: hidden; transition: filter 0.2s;}.my-form button { font-weight: bold;}/* FOOTER–––––––––––––––––––––––––––––––––––––––––––––––––– *//* MQ–––––––––––––––––––––––––––––––––––––––––––––––––– */@media screen and (min-width: 600px) { .my-form .grid { display: grid; grid-gap: 1.5rem; } .my-form .grid-2 { grid-template-columns: 1fr 1fr; } .my-form .grid-3 { grid-template-columns: auto auto auto; align-items: center; } .my-form .grid>*:not(:last-child) { margin-bottom: 0; } .my-form .required-msg { display: block; }}/* talent-profile-gallery */.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: -1; display: flex; justify-content: center; align-items: center; opacity: 0; transition: all 0.5s ease-in-out;}.modal.active { opacity: 1; z-index: 100;}.modal .close-btn { position: absolute; top: 20px; right: 20px; color: #fff; background-color: transparent; border: 0; font-size: 25px; cursor: pointer;}.modal img { max-width: 95%; max-height: 95%; display: block; margin: 0 auto;}.gallery-main { margin-top: 30px; display: flex; justify-content: center; height: auto;}.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}.gallery-grid img { width: 300px; height: 400px; cursor: pointer; transition: opacity 0.5s ease-in-out;}.gallery-grid img:hover { opacity: 0.8;}@media (max-width:980px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width:720px) { .gallery-grid { grid-template-columns: repeat(1, 1fr); }}.iframes-container { display: flex; flex-wrap: wrap; margin: 0 auto; /* Center horizontally */ justify-content: center; /* Center content horizontally */ max-width: 1000px; /* margin-left: 200px !important; */ margin-top: 100px; margin-bottom: 30px; /* Set a maximum width for responsiveness */}.iframe-wrapper { flex: 1 0 calc(33.33% - 20px); /* 3 iframes per row with a 20px gap */ box-sizing: border-box;}@media only screen and (max-width: 900px) { /*When screen size is below 900px*/ .iframes-container { /*Make the form and map stack over each other*/ flex-direction: column; /*flex-direction: column-reverse;*/ /* If you want them to stack the other way around*/ margin-left: 1px !important; } .iframe-wrapper { /* margin-left: 20px; */ flex: 1 0 calc(50% - 20px); /* 3 iframes per row with a 20px gap */ }}/* about us *//* About us logo and text */.new-section { display: flex; margin-top: 50px; justify-content: space-around; align-items: stretch; padding: 40px; text-align: justify; flex-basis: calc(25% - 20px);}.new-class p { text-align: justify;}.styled-image { max-width: 50%; height: auto; /* border: 1px solid #ccc; */ /* border-radius: 5px; */ margin: 0 auto; display: block;}/* Media query for smaller screens */@media screen and (max-width: 768px) { .new-section { flex-direction: column; /* Stack cards vertically */ align-items: center; /* Center-align cards */ } .styled-image { max-width: 100%; } .mission, .card-goal { flex-basis: 100%; /* Take up full width */ margin: 10px 0; /* Add some vertical spacing */ } .mission p { max-width: 100%; /* Full width on smaller screens */ }}.new-section .mission { background-color: #f9f9f9; padding: 20px; /* border-radius: 5px; */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}.img-cover-profile { max-width: 50%;}.column-team:nth-child(n + 4) { margin-top: 20px; /* Adjust the value as needed */}/* Vision and Mission*/.vision-mission-section { display: flex; margin-top: 50px; justify-content: space-around; align-items: stretch; padding: 40px;}.vision,.mission { flex-basis: calc(33.33% - 20px); text-align: center; margin: 5px; color: black; text-align: justify;}/* Media query for smaller screens */@media screen and (max-width: 1068px) { .vision-mission-section { flex-direction: column; /* Stack cards vertically */ align-items: center; /* Center-align cards */ } .vision, .mission { flex-basis: 100%; /* Take up full width */ margin: 10px 0; /* Add some vertical spacing */ } .mission p { max-width: 100%; /* Full width on smaller screens */ }}.card-goal { background-color: #f9f9f9; padding: 20px; /* border-radius: 5px; */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}.vision img,.mission img { max-width: 100%; height: auto; /* border: 1px solid #ccc; */ /* border-radius: 5px; */ margin: 0 auto; /* Center the image horizontally */ display: block; /* Ensures that margin: 0 auto; works for centering */}.vision h2,.mission h2 { text-align: center; /* Center headings */ color: #007bff;}.mission p { max-width: 600px; /* Set a maximum width for the text content */ margin: 0 auto; /* Center the text horizontally */ padding: 20px 0; /* Add padding for spacing */}/* Our team */.row-team { display: flex; flex-wrap: wrap; padding: 1.5em 1em; text-align: center; margin-top: 50px;}.column-team { width: 100%; padding: 0.5em 0;}.card-team { box-shadow: 0 0 2.4em rgba(25, 0, 58, 0.1); padding: 3.5em 1em; border-radius: 0.6em; color: #1f003b; transition: 0.3s; background-color: #ffffff;}.card-team .img-container { width: 8em; height: 8em; background-color: #a993ff; /* padding: 0.5em; */ border-radius: 50%; margin: 0 auto 2em auto; overflow: hidden;}.card-team img { width: 100%; height: 100%; object-fit: cover; /* Add this line to make the image fit within the container */ border-radius: 50%;}.card-team h3 { font-weight: 500;}.card-team p { font-weight: 300; text-transform: uppercase; margin: 0.5em 0 2em 0; letter-spacing: 2px;}.icons-team { width: 50%; min-width: 180px; margin: auto; display: flex; justify-content: space-between; cursor: pointer;}.card-team a { text-decoration: none; color: inherit; font-size: 1.4em;}.card-team:hover { background: linear-gradient(#6045ea, #8567f7); color: #ffffff;}.card-team:hover .img-container { transform: scale(1.15);}@media screen and (min-width: 768px) { section-team { padding: 1em 7em; }}@media screen and (min-width: 992px) { section-team { padding: 1em; } .card-team { padding: 2.5em 1em; } .column-team { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 1em; }}/*talent group social*/.about-social { display: flex; justify-content: center; align-items: center; padding-top: 10px;}.about-social a { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: black; margin: 5px; border-radius: 50%; font-size: 1.5rem; color: #ffffff;}.about-social a:hover { color: #000; background-color: #ffffff; transition: all ease 0.3s;}.back { display: flex; justify-content: center; align-items: center;}/* Schedules */.event-container { font-family: Roboto, sans-serif; max-width: 800px; margin-top: 50px; margin: 0 auto;}.event-container h3.month { font-size: 40px; text-align: center; border-bottom: 1px solid #b1b1b1; color: white;}.event-container .event { box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.4); display: flex; border-radius: 8px; margin: 32px 0;}.event .event-left { background: #222; min-width: 200px; display: flex; align-items: center; justify-content: center; color: #eee; padding: 8px 48px; font-weight: bold; text-align: center; border-radius: 8px 0 0 8px;}.event .event-left .date { font-size: 56px;}.event .event-left .month { font-size: 16px; font-weight: normal;}.event .event-right { display: flex; flex-direction: column; justify-content: center; padding: 0 24px; background-color: white;}.event .event-right h3.event-title { font-size: 24px; margin: 24px 0 10px 0; color: #218bbb; text-transform: uppercase;}.event .event-right h3.event-title:hover { color: var(--marigold);}.event-timings { display: flex; justify-content: space-between;}.event-timing { display: flex; align-items: center; width: 250px; padding: 8px; border-radius: 16px; margin: 12px 0; font-size: 14px;}.event-timing i { margin-right: 8px;}@media (max-width: 770px) { .event { flex-direction: column; } .event .event-left { padding: 0; border-radius: 8px 8px 0 0; } .event .event-left .event-date .date, .event .event-left .event-date .month { display: inline-block; font-size: 24px; } .event .event-left .event-date { padding: 10px 0; }}.month-navigation { display: flex; align-items: center; justify-content: space-between; padding: 10px; /* Adjust the padding as needed */}.month-navigation button { background: #000; border: none; cursor: pointer; font-size: 20px; color: white; padding: 8px; /* Adjust the padding as needed */ border-radius: 8px; /* Add border-radius for rounded corners */}.month-navigation button:hover { color: var(--marigold);}.month-navigation i { margin: 0;}#targeted-month { color: #fff; /* Set text color to white */}/* achievements */.grow { transition: transform 0.5s ease; display: inline-block;}.grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}.img-achievements { display: flex; justify-content: center; align-items: center; margin-bottom: 70px; /* Add some space between rows */}.talent-profile-image .grow { transition: transform 0.5s ease; max-width: 60%; /* Ensure images are responsive */ height: auto;}/* Adjust hover scaling to avoid overlap */.talent-profile-image .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}@media only screen and (max-width: 620px) { .talent-profile-image .grow { max-width: 40%; /* Adjusted max-width for mobile screens */ } .grow:hover { -webkit-transform: none; -ms-transform: none; transform: none; }}/style>script>use strict;const navbar document.querySelector(data-navbar);const navbarLinks document.querySelectorAll(data-nav-link);const navbarToggler document.querySelector(data-nav-toggler);navbarToggler.addEventListener(click, function() { navbar.classList.toggle(active); this.classList.toggle(active);});for (let i 0; i navbarLinks.length; i++) { navbarLinksi.addEventListener(click, function() { navbar.classList.remove(active); navbarToggler.classList.remove(active); });}/** * header */const header document.querySelector(data-header);const backTopBtn document.querySelector(data-back-top-btn);window.addEventListener(scroll, function() { if (window.scrollY > 200) { header.classList.add(active); backTopBtn.classList.add(active); } else { header.classList.remove(active); backTopBtn.classList.remove(active); }});$(document).ready(function() { $(.loader).fadeOut(slow); $(data-nav-toggler).on(click, function() { // Toggle the visibility of spans $(this).find(span).toggle(); }); $(.tube-link).click(function() { $(.youTube).removeClass(hide); $(.youTube).addClass(show); $(.myVideo).addClass(hide); $(.myVideo).removeClass(show); $(.youTube).attr(src, $(this).attr(vidUrl)); }); $(.sixteen-nine-btn).click(function() { $(.modal-vid).fadeIn(500); $(.vid-holder img).removeClass(show); $(.sixteen-nine).addClass(show); }); $(.close-preview).click(function() { $(.modal-vid).fadeOut(500); /*document.getElementById(myVideo).pause();*/ $(.youTube, .myVideo).attr(src, ); });});window.document.onkeydown function(e) { if (!e) e event; if (e.keyCode 27) { $(.youTube, .myVideo).attr(src, ); $(.modal-vid).fadeOut(500); document.getElementById(myVideo).pause(); }};const images Array.from(document.querySelectorAll(.gallery-grid img));const modal document.querySelector(.modal);const closeBtn document.querySelector(.close-btn);images.forEach(image > { image.addEventListener(click, () > { modal.classList.add(active); const img document.createElement(img); img.src image.src; if (modal.children1) { modal.removeChild(modal.children1); } modal.appendChild(img); // Add a class to the modal to indicate that an image is shown modal.classList.add(image-active); });});window.addEventListener(click, (e) > { if (e.target modal && modal.classList.contains(image-active)) { modal.classList.remove(active); modal.classList.remove(image-active); }});closeBtn.addEventListener(click, () > { modal.classList.remove(active); modal.classList.remove(image-active);});/script>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]