œ_#ÁÕ§TE NAŒ“KeÉ:”(åŽÖJÞùY’‚ñùž7; «]Û ý`8g“¯B© jdÖÖ¸ðzœ¸¦4Ç3Kó^(ÍÖ¼ Õ€pvìwšõB4df$Èü^0˜…åÌC$#2FŽÑ§±¦ÛZ/÷š&m£ñzÒÖ ’.Î]!Î;ƒ(Õ–¢d/—#Kª+tZyuÏB>NÛÖ†(¸ŒSà'³„Y˜´-_•¦¼´˜OlNK§¶ÒàŠˆTHµƒeTPå·fïM’…þuÏÍüp6دªE£åü‡ZØ'CKF#â«;‹eyO Qp„†l"ö1èíÙP ÏŒúl! BÝ2ñª•_VÁÉ÷3eu`–F¸ìI--ö<¿žë¯4õ캿¢)34Å{wMÉ2ÆÖFŸ¥`e9Ú¶¸P‡.”FÔï rY ‚²ÈTB,{ÛœéJ}«àQ4¹0Rû4D‚B§S‘ dO•v¾„™Sן¯3FeŸ™«+ÓâwH dÕÛÌì·P4ë&¥#rÜÉ Ù¦ê†ý·xòqk¯2,¹§™E\ék‚×Sá”ÚºÙ⺷ö£6…à ʾ qSá³Å|;àû}4Ÿ($â¹VY~óÍ!èÜÒŒËX½Ù1j‚VíÍŸš³+œ]«½g{_{/vµ½\¢¶vÉWKÿ:ñám½ ¥ S²x‘t ŽšÝÙÿÀÇ^ný PK IW™k‚½÷ á _rels/.relsUT dìd dìd dìd’ÏNÃ0‡ï{ŠÈ÷ÕÝ@¡¥» ¤Ý*`%îÑ&QâÁöö‚J£ì°cœŸ¿|¶²ÙÆA½rL½wVE Šñ¶w†çúay * 9Kƒw¬áÈ ¶ÕbóÄIîI]’Ê—4t"á1™ŽGJ…ìòMããH’±Å@æ…ZÆuYÞ`üÍ€jÂT;«!îì T}|Û7MoøÞ›ýÈNN<|v–í2ÄÜ¥ÏèšbË¢Ázó˜Ë )„"£OÏ7ú{ZYÈ’yÞç#1'tuÉM?6o>Z´_å9›ëKÚ˜}?þ³žÏÌ·N>fµx PK IWª½e ¢ U € word/document.xmlUT dìdPK IWþË3” z €J¢ word/settings.xmlUT dìdPK IWC‡{š' ƒ €¤ docProps/custom.xmlUT dìdPK IW츱=Œ €‡¥ [Content_Types].xmlUT dìdPK IWV%ë±" €U§ docProps/app.xmlUT dìdPK IW€RŒ 3 €¶¨ docProps/core.xmlUT dìdPK IWkòDn ô €ª word/_rels/document.xml.relsUT dìdPK IW;$î €Î« word/fontTable.xmlUT dìdPK IW+åäz] ÷. €ý¬ word/numbering.xmlUT dìdPK IW¤2×r- ¿ €›° word/styles.xmlUT dìdPK IWMFÒ ø €´ word/header1.xmlUT dìdPK IWF— T e €· word/media/image1.jpegUT dìdPK IW!Yéáå €°Ë word/media/image2.pngUT dìdPK IW°Àºë ú €ÙÌ word/media/image3.pngUT dìdPK IW$“†ª L €Î word/footer1.xmlUT dìdPK IWzaGôM €ñÑ word/footer2.xmlUT dìdPK IW–µâº P €}Õ word/theme/theme1.xmlUT dìdPK IW™k‚½÷ á €{Û _rels/.relsUT PK ! bîh^ [Content_Types].xml ¢( ¬”ËNÃ0E÷HüCä-Jܲ@5í‚Ç*Q>Àēƪc[žiiÿž‰ûB¡j7±ÏÜ{2ñÍh²nm¶‚ˆÆ»R‹ÈÀU^7/ÅÇì%¿’rZYï @1__f› ˜q·ÃR4DáAJ¬h>€ãÚÇV߯¹ªZ¨9ÈÛÁàNVÞ8Ê©ÓãÑÔji){^óã-I‹"{Üv^¥P!XS)bR¹rú—K¾s(¸3Õ`cÞ0†½ÝÎß»¾7M4²©ŠôªZÆk+¿|\|z¿(Ž‹ôPúº6h_-[ž@!‚ÒØ Pk‹´2nÏ}Ä?£LËð Ýû%áÄßdºždN"m,à¥ÇžDO97*‚~§Èɸ8ÀOíc|n¦Ñ äEøÿöéºóÀBÉÀ!$}‡íàÈé;{ìÐå[ƒîñ–é2þ ÿÿ PK ! µU0#ô L _rels/.rels ¢( ¬’MOÃ0†ïHü‡È÷ÕÝBKwAH»!T~€Iܵ£$Ý¿'TƒG½~üÊÛÝ<êÈ!öâ4¬‹;#¶w†—úqu *&r–Fq¬áÄvÕõÕö™GJy(v½*«¸¨¡KÉß#FÓñD±Ï.W ¥†=™ZÆMYÞbø®ÕBS톰·7 ê“Ï›×–¦é ?ˆ9LìÒ™ÈsbgÙ®|Èl!õùUSh9i°bžr:"y_dlÀóD›¿ý|-NœÈR"4ø2ÏGÇ% õZ´4ñËyÄ7 ëÈðÉ‚‹¨Þ ÿÿ PK ! Q48wÛ — xl/workbook.xml¤UÙnâ0}iþ!cñ‡ *–¢AšVU×$dC¬&vÆv UÕŸë@XÊK§/¹p|Žï¹N÷b“¥Ö •Š ÞC¸î"‹òHÄŒ¯zèá~b·‘¥4á1I§=ôJºèÿüÑ] ù¼âÙ ®z(Ñ:GE ͈ª‹œrˆ,…̈†©\9*—”Ä*¡Tg©ã¹nàd„q´Eåg0ÄrÉ":Q‘Q®· ’¦D}•°\UhYô¸ŒÈç"·#‘å ±`)Ó¯%(²²(œ®¸d‘‚ì nZ w v¡ñª• t¶TÆ")”Xê:@;[Ògú±ë`|²›ó=ø’ïHúÂL÷¬dðEVÁ+8€a÷Ûh¬Uz%„Íû"ZsÏÍCýî’¥ôqk]‹äù5ÉL¦Rd¥Dé˘i÷P ¦bM/|dÉ",…¨çãFNoçiûéë>aêiçsó#ðÄ ÕTr¢éHp ÜIú®ÝJìQ"ÀÜÖ-ý[0I¡¦ÀZ Z…d¡nˆN¬B¦=4 g %PDF-1.4 %âãÏÓ 3 0 obj << /Linearized 1 /L 422775 ÿØÿà JFIF ÿÛ C ÿÛ C ÿÀ X" ÿÄ ÿÄ H !1A"Qaq2‘¡#±ÁBRÑ3Cbrá$S‚¢²ð4ñ%6DTc’ÂsÿÄ ÿÄ = !1AQ"aq‘Á2R¡±BÑð#3br’²4á$‚¢ÂñÿÚ ? áHBßÝ`„! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! ! stream
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<link rel="profile" href="https://gmpg.org/xfn/11">
<title>Portfolio – Qi</title>
<meta name="robots" content="max-image-preview:large" />
<script data-cfasync="false" data-pagespeed-no-defer>
var gtm4wp_datalayer_name = "dataLayer";
var dataLayer = dataLayer || [];
</script>
<link rel="dns-prefetch" href="https://fonts.googleapis.com/" />
<link rel="dns-prefetch" href="https://s.w.org/" />
<link rel="alternate" type="application/rss+xml" title="Qi » Feed" href="../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Qi » Comments Feed"
href="../comments/feed/index.html" />
<script type="text/javascript">
window._wpemojiSettings = { "baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/", "ext": ".png", "svgUrl": "https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/", "svgExt": ".svg", "source": { "concatemoji": "https:\/\/qi37.qodeinteractive.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.0.9" } };
/*! This file is auto-generated */
!function (e, a, t) { var n, r, o, i = a.createElement("canvas"), p = i.getContext && i.getContext("2d"); function s(e, t) { var a = String.fromCharCode, e = (p.clearRect(0, 0, i.width, i.height), p.fillText(a.apply(this, e), 0, 0), i.toDataURL()); return p.clearRect(0, 0, i.width, i.height), p.fillText(a.apply(this, t), 0, 0), e === i.toDataURL() } function c(e) { var t = a.createElement("script"); t.src = e, t.defer = t.type = "text/javascript", a.getElementsByTagName("head")[0].appendChild(t) } for (o = Array("flag", "emoji"), t.supports = { everything: !0, everythingExceptFlag: !0 }, r = 0; r < o.length; r++)t.supports[o[r]] = function (e) { if (!p || !p.fillText) return !1; switch (p.textBaseline = "top", p.font = "600 32px Arial", e) { case "flag": return s([127987, 65039, 8205, 9895, 65039], [127987, 65039, 8203, 9895, 65039]) ? !1 : !s([55356, 56826, 55356, 56819], [55356, 56826, 8203, 55356, 56819]) && !s([55356, 57332, 56128, 56423, 56128, 56418, 56128, 56421, 56128, 56430, 56128, 56423, 56128, 56447], [55356, 57332, 8203, 56128, 56423, 8203, 56128, 56418, 8203, 56128, 56421, 8203, 56128, 56430, 8203, 56128, 56423, 8203, 56128, 56447]); case "emoji": return !s([129777, 127995, 8205, 129778, 127999], [129777, 127995, 8203, 129778, 127999]) }return !1 }(o[r]), t.supports.everything = t.supports.everything && t.supports[o[r]], "flag" !== o[r] && (t.supports.everythingExceptFlag = t.supports.everythingExceptFlag && t.supports[o[r]]); t.supports.everythingExceptFlag = t.supports.everythingExceptFlag && !t.supports.flag, t.DOMReady = !1, t.readyCallback = function () { t.DOMReady = !0 }, t.supports.everything || (n = function () { t.readyCallback() }, a.addEventListener ? (a.addEventListener("DOMContentLoaded", n, !1), e.addEventListener("load", n, !1)) : (e.attachEvent("onload", n), a.attachEvent("onreadystatechange", function () { "complete" === a.readyState && t.readyCallback() })), (e = t.source || {}).concatemoji ? c(e.concatemoji) : e.wpemoji && e.twemoji && (c(e.twemoji), c(e.wpemoji))) }(window, document, window._wpemojiSettings);
</script>
<style>
/* Container styling for video portfolio */
.portfolio-section {
padding: 20px;
background-color: #ffffff;
margin-bottom: -400px;
}
.portfolio-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 10px;
gap: 10px; /* Space between each video horizontally */
}
.portfolio-item {
flex: 0 0 calc(50% - 10px); /* Two items in a row by default */
margin-bottom: -100px; /* Adjusted space between rows */
}
.portfolio-row {
display: flex; /* Flexbox for video rows */
justify-content: space-between; /* Space between videos */
width: 100%; /* Full width */
margin-bottom: 15px; /* Space below each row */
}
/* Video container for individual reels */
.reel-video {
flex: 0 0 calc(33.33% - 10px); /* Each video takes one-third of the row width */
height: 0; /* Maintain aspect ratio using padding */
padding-bottom: 56.25%; /* 16:9 aspect ratio for video */
position: relative;
overflow: hidden;
/* Rounded corners */
}
/* Video element styling */
.reel-video video {
position: absolute; /* Absolute positioning within container */
top: 0;
left: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
object-fit: cover; /* Cover the container area */
}
/* Full-width video styling */
.full-width-video {
width: 100vw; /* Full viewport width */
padding: 0;
margin: 0;
height: auto;
}
.full-width-video video {
width: 100%; /* Full width of parent */
height: auto;
object-fit: cover; /* Maintain aspect ratio */
}
/* Responsive layout adjustments for smaller screens */
@media (max-width: 768px) {
.portfolio-item {
flex: 0 0 100%; /* Stacks items vertically on mobile */
margin-bottom: 15px; /* Space between items */
}
.portfolio-row {
flex-wrap: wrap; /* Allow wrapping on mobile */
}
.reel-video {
flex: 0 0 100%; /* Full-width for each video on mobile */
padding-bottom: 56.25%; /* Maintain 16:9 aspect ratio */
margin-bottom: 15px; /* Space between stacked videos */
}
.full-width-video {
width: 100%; /* Full width of the viewport */
margin: 0; /* No negative margin needed */
padding: 0;
}
}
</style>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="wp-block-library-css"
href="../wp-includes/css/dist/block-library/style.min.css@ver=6.0.9.css" type="text/css" media="all" />
<style id="global-styles-inline-css" type="text/css">
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--duotone--dark-grayscale: url('../index.html@p=217.html');
--wp--preset--duotone--grayscale: url('../index.html@p=217.html');
--wp--preset--duotone--purple-yellow: url('../index.html@p=217.html');
--wp--preset--duotone--blue-red: url('../index.html@p=217.html');
--wp--preset--duotone--midnight: url('../index.html@p=217.html');
--wp--preset--duotone--magenta-yellow: url('../index.html@p=217.html');
--wp--preset--duotone--purple-green: url('../index.html@p=217.html');
--wp--preset--duotone--blue-orange: url('../index.html@p=217.html');
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
</style>
<link rel="stylesheet" id="titan-adminbar-styles-css"
href="../wp-content/plugins/anti-spam/assets/css/admin-bar.css@ver=7.3.3.css" type="text/css" media="all" />
<link rel="stylesheet" id="contact-form-7-css"
href="../wp-content/plugins/contact-form-7/includes/css/styles.css@ver=5.6.4.css" type="text/css" media="all" />
<link rel="stylesheet" id="swiper-css"
href="../wp-content/plugins/qi-addons-for-elementor/assets/plugins/swiper/swiper.min.css@ver=6.0.9.css"
type="text/css" media="all" />
<link rel="stylesheet" id="qi-addons-for-elementor-grid-style-css"
href="../wp-content/plugins/qi-addons-for-elementor/assets/css/grid.min.css@ver=6.0.9.css" type="text/css"
media="all" />
<link rel="stylesheet" id="qi-addons-for-elementor-helper-parts-style-css"
href="../wp-content/plugins/qi-addons-for-elementor/assets/css/helper-parts.min.css@ver=6.0.9.css"
type="text/css" media="all" />
<link rel="stylesheet" id="qi-addons-for-elementor-style-css"
href="../wp-content/plugins/qi-addons-for-elementor/assets/css/main.min.css@ver=6.0.9.css" type="text/css"
media="all" />
<link rel="stylesheet" id="qode-essential-addons-style-css"
href="../wp-content/plugins/qode-essential-addons/assets/css/main.min.css@ver=6.0.9.css" type="text/css"
media="all" />
<link rel="stylesheet" id="qi-google-fonts-css"
href="https://fonts.googleapis.com/css?family=DM+Sans%3A400%2C500%2C600%2C700%2C100%7CDM+Sans%3A400%2C500%2C600%2C700%2C100%7CGayathri%3A400%2C500%2C600%2C700%2C100&subset=latin-ext&display=swap&ver=1.0.0"
type="text/css" media="all" />
<link rel="stylesheet" id="qi-grid-css" href="../wp-content/themes/qi/assets/css/grid.min.css@ver=6.0.9.css"
type="text/css" media="all" />
<link rel="stylesheet" id="qi-main-css" href="../wp-content/themes/qi/assets/css/main.min.css@ver=6.0.9.css"
type="text/css" media="all" />
<style id="qi-main-inline-css" type="text/css">
#qodef-back-to-top .qodef-back-to-top-icon {
color: #000000;
background-color: rgba(255, 255, 255, 0);
}
#qodef-back-to-top:hover .qodef-back-to-top-icon {
color: #000000;
background-color: rgba(255, 255, 255, 0);
}
#qodef-back-to-top .qodef-back-to-top-icon svg {
width: 40px;
}
label {
color: #000000;
font-family: "DM Sans";
font-size: 18px;
line-height: 34px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: capitalize;
}
#qodef-page-comments-form .qodef-comment-form .comment-form-cookies-consent,
.qodef-woo-results .woocommerce-result-count,
.widget.woocommerce.widget_price_filter .price_slider_amount .price_label {
color: #000000;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="date"],
textarea,
select,
body .select2-container--default .select2-selection--single,
body .select2-container--default .select2-selection--multiple,
.widget[class*="_search"] button.qodef-search-form-button,
.wp-block-search .wp-block-search__input,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
.widget.widget_block .wp-block-woocommerce-product-search input {
color: #000000;
font-family: "DM Sans";
font-size: 18px;
line-height: 34px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: capitalize;
border-color: #000000;
border-width: 0 0 1px;
border-style: solid;
padding: 0;
}
.qodef-blog.qodef--single .qodef-blog-item .qodef-e-content,
#qodef-author-info,
#qodef-page-comments-list,
#qodef-page-comments-list .qodef-comment-item,
#qodef-related-posts {
border-color: #000000;
border-width: 0 0 1px;
}
table tr,
table td,
table th,
#qodef-woo-page.qodef--cart .cart_totals .shop_table .order-total,
#qodef-woo-page.qodef--cart .cross-sells .shop_table .order-total,
#qodef-woo-page.qodef--cart .cart_totals>h2,
#qodef-woo-page.qodef--cart .cross-sells>h2,
#qodef-woo-page.qodef--checkout #order_review table tr td:first-child,
#qodef-woo-page.qodef--checkout #order_review table tr th:first-child,
#qodef-woo-page.qodef--checkout #order_review table,
#qodef-woo-page.qodef--checkout .wc_payment_methods li,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
#qodef-woo-page.qodef--single .woocommerce-tabs {
border-color: #000000;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range,
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle,
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs:before {
background-color: #000000;
}
.widget[class*="_search"] button,
.widget .wp-block-search button,
.qodef-search .qodef-search-form .qodef-search-form-button {
color: #000000;
}
.widget[class*="_search"] button:hover,
.widget[class*="_search"] button:focus,
.widget .wp-block-search button:hover,
.widget .wp-block-search button:focus,
.qodef-search .qodef-search-form .qodef-search-form-button:hover {
color: #000000;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus,
body .select2-container--default .select2-selection--single:focus,
body .select2-container--default .select2-selection--multiple:focus,
.widget[class*="_search"] button.qodef-search-form-button:hover,
.wp-block-search .wp-block-search__input:focus {
color: #000000;
border-color: #000000;
}
input[type="submit"],
button[type="submit"],
.qodef-theme-button.qodef--filled,
button.qodef-theme-button.qodef--filled,
#qodef-woo-page .added_to_cart,
#qodef-woo-page .button,
.qodef-woo-shortcode .added_to_cart,
.qodef-woo-shortcode .button,
.widget.woocommerce .button,
.woocommerce-page div.woocommerce>.return-to-shop a,
.woocommerce-account .button,
#qodef-page-header .widget.woocommerce.widget_shopping_cart .buttons a,
.widget.woocommerce.widget_shopping_cart .buttons a {
color: #000000;
font-family: "DM Sans";
font-size: 18px;
line-height: 26px;
font-weight: 500;
letter-spacing: 0px;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:focus,
.qodef-theme-button.qodef--filled:hover,
button.qodef-theme-button.qodef--filled:hover,
.qodef-theme-button.qodef--filled:focus,
button.qodef-theme-button.qodef--filled:focus,
#qodef-woo-page .added_to_cart:hover,
#qodef-woo-page .button:hover,
.qodef-woo-shortcode .added_to_cart:hover,
.qodef-woo-shortcode .button:hover,
.widget.woocommerce .button:hover,
#qodef-woo-page .added_to_cart:focus,
#qodef-woo-page .button:focus,
.qodef-woo-shortcode .added_to_cart:focus,
.qodef-woo-shortcode .button:focus,
.widget.woocommerce .button:focus,
.woocommerce-page div.woocommerce>.return-to-shop a:hover,
.woocommerce-page div.woocommerce>.return-to-shop a:focus,
.woocommerce-account .button:hover,
.woocommerce-account .button:focus,
#qodef-page-header .widget.woocommerce.widget_shopping_cart .buttons a:hover,
.widget.woocommerce.widget_shopping_cart .buttons a:hover {
color: #000000;
}
.qodef-theme-button.qodef--simple .qodef-theme-button-icon,
button.qodef-theme-button.qodef--simple .qodef-theme-button-icon {
color: #000000;
}
.qodef-theme-button.qodef--simple,
button.qodef-theme-button.qodef--simple,
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button,
#qodef-woo-page .qodef-woo-to-swap .button,
#qodef-woo-page .qodef-woo-to-swap .added_to_cart {
color: #000000;
}
.qodef-theme-button.qodef--simple:hover,
button.qodef-theme-button.qodef--simple:hover,
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover,
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover,
#qodef-woo-page .qodef-woo-to-swap .button:hover,
#qodef-woo-page .qodef-woo-to-swap .added_to_cart:hover,
.qodef-theme-button.qodef--simple:focus,
button.qodef-theme-button.qodef--simple:focus,
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus,
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus,
#qodef-woo-page .qodef-woo-to-swap .button:focus,
#qodef-woo-page .qodef-woo-to-swap .added_to_cart:focus {
color: #000000;
}
.qodef-swiper-container .swiper-button-next,
.qodef-swiper-container .swiper-button-prev {
color: #000000;
}
#qodef-single-portfolio-navigation .qodef-m-nav,
.qodef-m-pagination.qodef--wp .page-numbers,
.qodef-m-pagination.qodef--wp .page-numbers.next,
.qodef-m-pagination.qodef--wp .page-numbers.prev,
#qodef-woo-page .woocommerce-pagination .page-numbers,
#qodef-woo-page .woocommerce-pagination .page-numbers.next,
#qodef-woo-page .woocommerce-pagination .page-numbers.prev,
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers,
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next,
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev {
color: #000000;
}
#qodef-single-portfolio-navigation .qodef-m-nav:hover,
.qodef-m-pagination.qodef--wp .page-numbers:hover,
.qodef-m-pagination.qodef--wp .page-numbers.current,
.qodef-m-pagination.qodef--wp .page-numbers.next:hover,
.qodef-m-pagination.qodef--wp .page-numbers.prev:hover,
#qodef-woo-page .woocommerce-pagination .page-numbers:hover,
#qodef-woo-page .woocommerce-pagination .page-numbers.current,
#qodef-woo-page .woocommerce-pagination .page-numbers.next:hover,
#qodef-woo-page .woocommerce-pagination .page-numbers.prev:hover,
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers:hover,
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.current,
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev:hover,
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next:hover {
color: #000000;
}
#qodef-page-footer-top-area {
background-color: #ffffff;
}
#qodef-page-footer-top-area-inner {
padding-top: 0px;
padding-left: 0px !important;
padding-right: 0px !important;
border-top-width: 0px;
}
#qodef-page-footer-bottom-area {
background-color: #ffffff;
}
#qodef-page-footer-bottom-area-inner {
padding-top: 0px;
padding-bottom: 70px;
padding-left: 0px !important;
padding-right: 0px !important;
border-top-width: 0px;
}
body {
background-color: #ffffff;
}
#qodef-page-inner {
padding: 0 0;
}
@media only screen and (max-width: 1024px) {
#qodef-page-inner {
padding: 0 0;
}
}
#qodef-page-wrapper {
padding: 0px 5.2%;
margin-left:-75px;
margin-right:-80px;
}
.qodef-header--fixed-display #qodef-page-header {
padding: 0px 5.2%;
}
@media only screen and (max-width: 1024px) {
#qodef-page-wrapper {
padding: 0px 4%;
}
}
#qodef-page-header .widget.woocommerce.widget_shopping_cart .widgettitle {
color: #000000;
font-family: "DM Sans";
font-size: 20px;
line-height: 30px;
font-style: normal;
font-weight: 500;
letter-spacing: 0px;
text-transform: capitalize;
}
.qodef-header-navigation>ul>li>a,
#qodef-page-header .widget_qode_essential_addons_icon_svg .qodef-m-text {
color: #000000;
font-family: "DM Sans";
font-size: 20px;
line-height: 30px;
font-style: normal;
font-weight: 500;
letter-spacing: 0px;
text-transform: capitalize;
}
.qodef-header-navigation>ul>li>a:hover,
.qodef-header-navigation>ul>li>a:focus {
color: #000000;
text-decoration: none;
}
.qodef-header-navigation>ul>li.current-menu-ancestor>a,
.qodef-header-navigation>ul>li.current-menu-item>a {
color: #000000;
}
.wpcf7 label {
color: #000000;
margin-bottom: 0px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="number"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="search"],
.wpcf7 input[type="date"],
.wpcf7 textarea,
.wpcf7 select {
color: #000000;
border-color: #000000;
border-width: 0 0 1px;
margin-bottom: 72px;
padding: 0;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="search"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
color: #000000;
border-color: #000000;
}
.wpcf7 input[type=submit] {
color: #000000;
background-color: rgba(255, 255, 255, 0);
border-color: #000000;
border-width: 2px;
border-style: solid;
border-radius: 0px;
margin-top: 28px;
padding: 20px 60px;
}
.wpcf7 input[type=submit]:hover {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.qodef-portfolio-list .qodef-e-info-category {
color: #000000;
}
.qodef-portfolio-list .qodef-e-info-category a,
.qodef-e-content-follow .qodef-e-content .qodef-e-category-holder .qodef-e-info-category {
color: #000000;
font-family: "DM Sans";
font-size: 20px;
line-height: 25px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: capitalize;
}
.qodef-portfolio-list .qodef-e-info-category a:hover,
.qodef-portfolio-list .qodef-e-info-category a:focus {
color: #000000;
text-decoration: none;
}
.qodef-portfolio-single .qodef-portfolio-info .qodef-style--meta,
.qodef-portfolio-single.qodef-info-text-position--adjacent .qodef-portfolio-info .qodef-style--meta {
margin-bottom: -5px;
}
.qodef-portfolio-single .qodef-portfolio-info .qodef-style--meta,
.qodef-portfolio-single.qodef-info-text-position--adjacent .qodef-portfolio-info .qodef-style--meta,
.qodef-portfolio-project-info .qodef-e-label {
color: #000000;
font-family: "Gayathri";
font-size: 23px;
line-height: 35px;
font-style: normal;
font-weight: 700;
text-decoration: none;
letter-spacing: 0px;
text-transform: uppercase;
margin-bottom: -5px;
}
.qodef-portfolio-single .qodef-portfolio-info p,
.qodef-portfolio-single .qodef-portfolio-info a,
.qodef-portfolio-single .qodef-portfolio-info .qodef-e>span,
.qodef-portfolio-project-info .qodef-e-info-data,
.qodef-portfolio-project-info .qodef-e-info-data a {
color: #000000;
font-family: "DM Sans";
font-size: 20px;
line-height: 25px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: none;
}
.qodef-portfolio-single .qodef-portfolio-info a:hover,
.qodef-portfolio-project-info .qodef-e-info-data a:hover {
color: #000000;
text-decoration: none;
}
body {
color: #000000;
font-family: "DM Sans";
font-size: 20px;
line-height: 25px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: none;
}
.mfp-bottom-bar .mfp-counter,
.mfp-bottom-bar .mfp-title {
font-family: "DM Sans";
font-size: 20px;
line-height: 25px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: none;
}
h1,
.qodef-h1 {
color: #000000;
font-family: "Gayathri";
font-size: 56px;
line-height: 54px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: uppercase;
}
h2,
.qodef-h2 {
color: #000000;
font-family: "Gayathri";
font-size: 160px;
line-height: 150px;
font-style: normal;
font-weight: 100;
letter-spacing: 0px;
text-transform: uppercase;
}
#qodef-woo-page.qodef--checkout #customer_details h3,
#qodef-woo-page.qodef--checkout #order_review_heading {
color: #000000;
font-family: "Gayathri";
font-size: 160px;
line-height: 150px;
font-style: normal;
font-weight: 100;
letter-spacing: 0px;
text-transform: uppercase;
}
h3,
.qodef-h3 {
color: #000000;
font-family: "Gayathri";
font-size: 110px;
line-height: 100px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: uppercase;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-Reviews-title,
#qodef-woo-page.qodef--single #review_form .comment-reply-title,
#qodef-woo-page.qodef--cart .cart_totals>h2,
#qodef-woo-page.qodef--cart .cross-sells>h2,
.woocommerce-page div.woocommerce>.cart-empty,
body[class*="theme-qi"] #qodef-related-posts .qodef-m-title {
color: #000000;
font-family: "Gayathri";
font-size: 110px;
line-height: 100px;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: uppercase;
}
h4,
.qodef-h4 {
color: #000000;
font-family: "Gayathri";
font-size: 60px;
line-height: 64px;
font-weight: 700;
letter-spacing: 0px;
text-transform: uppercase;
}
h5,
.qodef-h5 {
color: #000000;
font-family: "Gayathri";
font-size: 34px;
line-height: 40px;
font-style: normal;
font-weight: 700;
letter-spacing: 0px;
text-transform: uppercase;
}
.woocommerce-page div.woocommerce .shop_table th,
#qodef-woo-page.qodef--cart .shop_table td.product-name a {
color: #000000;
font-family: "Gayathri";
font-size: 34px;
line-height: 40px;
font-style: normal;
font-weight: 700;
letter-spacing: 0px;
text-transform: uppercase;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a {
font-family: "Gayathri";
font-size: 34px;
line-height: 40px;
font-style: normal;
font-weight: 700;
letter-spacing: 0px;
text-transform: uppercase;
}
a,
p a {
color: #000000;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
a:hover,
p a:hover,
a:focus,
p a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
#qodef-woo-page.qodef--single .woocommerce-product-rating .woocommerce-review-link:hover,
.qodef-page-title .qodef-breadcrumbs a:hover,
#qodef-page-comments-list .qodef-comment-item .qodef-e-links a:hover {
color: #000000;
text-decoration: none;
outline: none;
}
h1 a:hover,
h1 a:focus,
.qodef-woo-shortcode-product-list .qodef-woo-product-inner:hover h1.qodef-woo-product-title {
color: #000000;
text-decoration: none;
}
h2 a:hover,
h2 a:focus,
.qodef-woo-shortcode-product-list .qodef-woo-product-inner:hover h2.qodef-woo-product-title {
color: #000000;
text-decoration: none;
}
h3 a:hover,
h3 a:focus,
.qodef-woo-shortcode-product-list .qodef-woo-product-inner:hover h3.qodef-woo-product-title {
color: #000000;
text-decoration: none;
}
h4 a:hover,
h4 a:focus,
.qodef-woo-shortcode-product-list .qodef-woo-product-inner:hover h4.qodef-woo-product-title {
color: #000000;
text-decoration: none;
}
h5 a:hover,
h5 a:focus,
#qodef-woo-page.qodef--cart .shop_table td.product-name a:hover,
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a:hover,
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li.active a,
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li.ui-state-active a,
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li.ui-state-hover a,
.qodef-woo-shortcode-product-list .qodef-woo-product-inner:hover h5.qodef-woo-product-title {
color: #000000;
text-decoration: none;
}
.qodef-header--standard #qodef-page-header {
height: 140px;
background-color: #ffffff;
}
.qodef-header--standard #qodef-page-header-inner {
padding-left: 0px;
padding-right: 0px;
border-bottom-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
}
#qodef-page-header .qodef-widget-holder .widget {
margin-left: 0px;
margin-right: 0px;
}
.qodef-mobile-header--standard .qodef-mobile-header-navigation {
background-color: #ffffff;
}
.qodef-mobile-header--standard #qodef-page-mobile-header {
background-color: #ffffff;
}
.qodef-mobile-header--standard #qodef-page-mobile-header-inner {
padding-left: 0px;
padding-right: 0px;
}
.qodef-mobile-header--standard .qodef-mobile-header-navigation>ul:not(.qodef-content-grid) {
padding-left: 0px;
padding-right: 0px;
}
.qodef-mobile-header-opener {
color: #000000;
}
.qodef-mobile-header-opener:hover {
color: #000000;
}
.qodef-mobile-header-navigation>ul>li>a:hover,
.qodef-mobile-header-navigation>ul>li>a:focus {
text-decoration: none;
}
.qodef-mobile-header-navigation>ul>li.current-menu-ancestor>a,
.qodef-mobile-header-navigation>ul>li.current-menu-item>a {
text-decoration: underline;
}
@media only screen and (max-width: 1366px) {
body {
font-size: 20px;
line-height: 25px;
letter-spacing: 0px;
}
h1,
.qodef-h1 {
font-size: 56px;
line-height: 54px;
letter-spacing: 0px;
}
h2,
.qodef-h2 {
font-size: 160px;
line-height: 150px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--checkout #customer_details h3,
#qodef-woo-page.qodef--checkout #order_review_heading {
font-size: 160px;
line-height: 150px;
letter-spacing: 0px;
}
h3,
.qodef-h3 {
font-size: 110px;
line-height: 100px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-Reviews-title,
#qodef-woo-page.qodef--single #review_form .comment-reply-title,
#qodef-woo-page.qodef--cart .cart_totals>h2,
#qodef-woo-page.qodef--cart .cross-sells>h2,
.woocommerce-page div.woocommerce>.cart-empty,
body[class*="theme-qi"] #qodef-related-posts .qodef-m-title {
font-size: 110px;
line-height: 100px;
letter-spacing: 0px;
}
h4,
.qodef-h4 {
font-size: 60px;
line-height: 64px;
letter-spacing: 0px;
}
h5,
.qodef-h5 {
font-size: 34px;
line-height: 40px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a,
.woocommerce-page div.woocommerce .shop_table th,
#qodef-woo-page.qodef--cart .shop_table td.product-name a {
font-size: 34px;
line-height: 40px;
letter-spacing: 0px;
}
}
@media only screen and (max-width: 1024px) {
body {
font-size: 20px;
line-height: 25px;
letter-spacing: 0px;
}
h1,
.qodef-h1 {
font-size: 56px;
line-height: 54px;
letter-spacing: 0px;
}
h2,
.qodef-h2 {
font-size: 120px;
line-height: 110px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--checkout #customer_details h3,
#qodef-woo-page.qodef--checkout #order_review_heading {
font-size: 120px;
line-height: 110px;
letter-spacing: 0px;
}
h3,
.qodef-h3 {
font-size: 100px;
line-height: 90px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-Reviews-title,
#qodef-woo-page.qodef--single #review_form .comment-reply-title,
#qodef-woo-page.qodef--cart .cart_totals>h2,
#qodef-woo-page.qodef--cart .cross-sells>h2,
.woocommerce-page div.woocommerce>.cart-empty,
body[class*="theme-qi"] #qodef-related-posts .qodef-m-title {
font-size: 100px;
line-height: 90px;
letter-spacing: 0px;
}
h4,
.qodef-h4 {
font-size: 60px;
line-height: 64px;
letter-spacing: 0px;
}
h5,
.qodef-h5 {
font-size: 34px;
line-height: 40px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a,
.woocommerce-page div.woocommerce .shop_table th,
#qodef-woo-page.qodef--cart .shop_table td.product-name a {
font-size: 34px;
line-height: 40px;
letter-spacing: 0px;
}
}
@media only screen and (max-width: 768px) {
body {
font-size: 20px;
line-height: 25px;
letter-spacing: 0px;
}
h1,
.qodef-h1 {
font-size: 56px;
line-height: 54px;
letter-spacing: 0px;
}
h2,
.qodef-h2 {
font-size: 110px;
line-height: 110px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--checkout #customer_details h3,
#qodef-woo-page.qodef--checkout #order_review_heading {
font-size: 110px;
line-height: 110px;
letter-spacing: 0px;
}
h3,
.qodef-h3 {
font-size: 90px;
line-height: 90px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-Reviews-title,
#qodef-woo-page.qodef--single #review_form .comment-reply-title,
#qodef-woo-page.qodef--cart .cart_totals>h2,
#qodef-woo-page.qodef--cart .cross-sells>h2,
.woocommerce-page div.woocommerce>.cart-empty,
body[class*="theme-qi"] #qodef-related-posts .qodef-m-title {
font-size: 90px;
line-height: 90px;
letter-spacing: 0px;
}
h4,
.qodef-h4 {
font-size: 50px;
line-height: 64px;
letter-spacing: 0px;
}
h5,
.qodef-h5 {
font-size: 34px;
line-height: 40px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a,
.woocommerce-page div.woocommerce .shop_table th,
#qodef-woo-page.qodef--cart .shop_table td.product-name a {
font-size: 34px;
line-height: 40px;
letter-spacing: 0px;
}
}
@media only screen and (max-width: 680px) {
body {
font-size: 16px;
line-height: 20px;
letter-spacing: 0px;
}
h1,
.qodef-h1 {
font-size: 40px;
line-height: 38px;
letter-spacing: 0px;
}
h2,
.qodef-h2 {
font-size: 50px;
line-height: 40px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--checkout #customer_details h3,
#qodef-woo-page.qodef--checkout #order_review_heading {
font-size: 50px;
line-height: 40px;
letter-spacing: 0px;
}
h3,
.qodef-h3 {
font-size: 45px;
line-height: 40px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-Reviews-title,
#qodef-woo-page.qodef--single #review_form .comment-reply-title,
#qodef-woo-page.qodef--cart .cart_totals>h2,
#qodef-woo-page.qodef--cart .cross-sells>h2,
.woocommerce-page div.woocommerce>.cart-empty,
body[class*="theme-qi"] #qodef-related-posts .qodef-m-title {
font-size: 45px;
line-height: 40px;
letter-spacing: 0px;
}
h4,
.qodef-h4 {
font-size: 33px;
line-height: 30px;
letter-spacing: 0px;
}
h5,
.qodef-h5 {
font-size: 30px;
line-height: 36px;
letter-spacing: 0px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a,
.woocommerce-page div.woocommerce .shop_table th,
#qodef-woo-page.qodef--cart .shop_table td.product-name a {
font-size: 30px;
line-height: 36px;
letter-spacing: 0px;
}
}
</style>
<link rel="stylesheet" id="qi-style-css" href="../wp-content/themes/qi/style.css@ver=6.0.9.css" type="text/css"
media="all" />
<link rel="stylesheet" id="qode-essential-addons-elementor-css"
href="../wp-content/plugins/qode-essential-addons/inc/plugins/elementor/assets/css/elementor.min.css@ver=6.0.9.css"
type="text/css" media="all" />
<link rel="stylesheet" id="elementor-icons-css"
href="../wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css@ver=5.16.0.css"
type="text/css" media="all" />
<link rel="stylesheet" id="elementor-frontend-legacy-css"
href="../wp-content/plugins/elementor/assets/css/frontend-legacy.min.css@ver=3.7.8.css" type="text/css"
media="all" />
<link rel="stylesheet" id="elementor-frontend-css"
href="../wp-content/plugins/elementor/assets/css/frontend.min.css@ver=3.7.8.css" type="text/css" media="all" />
<link rel="stylesheet" id="elementor-post-5-css"
href="../wp-content/uploads/elementor/css/post-5.css@ver=1663259175.css" type="text/css" media="all" />
<link rel="stylesheet" id="elementor-post-217-css"
href="../wp-content/uploads/elementor/css/post-217.css@ver=1663311226.css" type="text/css" media="all" />
<link rel="stylesheet" id="qi-demos-toolbar-css"
href="../wp-content/plugins/qi-demos-toolbar/assets/css/main.css@ver=6.0.9.css" type="text/css" media="all" />
<link rel="stylesheet" id="google-fonts-1-css"
href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=auto&ver=6.0.9"
type="text/css" media="all" />
<script type="text/javascript" src="../wp-includes/js/jquery/jquery.min.js@ver=3.6.0" id="jquery-core-js"></script>
<script type="text/javascript" src="../wp-includes/js/jquery/jquery-migrate.min.js@ver=3.3.2"
id="jquery-migrate-js"></script>
<script type="text/javascript" src="../wp-content/plugins/qi-demos-toolbar/assets/js/main.js@ver=6.0.9"
id="qi-demos-toolbar-js"></script>
<link rel="https://api.w.org/" href="../wp-json/index.html" />
<link rel="alternate" type="application/json" href="../wp-json/wp/v2/pages/217" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://qi37.qodeinteractive.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 6.0.9" />
<link rel="canonical" href="../index.html@p=217.html" />
<link rel="shortlink" href="../index.html@p=217.html" />
<link rel="alternate" type="application/json+oembed"
href="../wp-json/oembed/1.0/embed@url=https%253A%252F%252Fqi37.qodeinteractive.com%252Fportfolio%252F" />
<link rel="alternate" type="text/xml+oembed"
href="../wp-json/oembed/1.0/embed@url=https%253A%252F%252Fqi37.qodeinteractive.com%252Fportfolio%252F&format=xml" />
<script type="text/javascript">
(function (url) {
if (/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)) { return; }
var addEvent = function (evt, handler) {
if (window.addEventListener) {
document.addEventListener(evt, handler, false);
} else if (window.attachEvent) {
document.attachEvent('on' + evt, handler);
}
};
var removeEvent = function (evt, handler) {
if (window.removeEventListener) {
document.removeEventListener(evt, handler, false);
} else if (window.detachEvent) {
document.detachEvent('on' + evt, handler);
}
};
var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' ');
var logHuman = function () {
if (window.wfLogHumanRan) { return; }
window.wfLogHumanRan = true;
var wfscr = document.createElement('script');
wfscr.type = 'text/javascript';
wfscr.async = true;
wfscr.src = url + '&r=' + Math.random();
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(wfscr);
for (var i = 0; i < evts.length; i++) {
removeEvent(evts[i], logHuman);
}
};
for (var i = 0; i < evts.length; i++) {
addEvent(evts[i], logHuman);
}
})('//qi37.qodeinteractive.com/?wordfence_lh=1&hid=C09ED4BA92401B7A8A0312C8703593B7');
</script>
<script data-cfasync="false" data-pagespeed-no-defer>
var dataLayer_content = { "pagePostType": "page", "pagePostType2": "single-page", "pagePostAuthor": "admin" };
dataLayer.push(dataLayer_content);
</script>
<script data-cfasync="false">
(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'//www.googletagmanager.com/gtm.' + 'js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-N6TG7SZ');
</script>
<style type="text/css">
.recentcomments a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
}
</style>
<link rel="icon" href="../wp-content/uploads/2021/04/cropped-qi-favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="../wp-content/uploads/2021/04/cropped-qi-favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="../wp-content/uploads/2021/04/cropped-qi-favicon-180x180.png" />
<meta name="msapplication-TileImage"
content="https://qi37.qodeinteractive.com/wp-content/uploads/2021/04/cropped-qi-favicon-270x270.png" />
<style>
body, html {
padding: 0;
font-family: Arial, sans-serif;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.video-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
/* General styles for video */
video {
background-color: #000;
object-fit: cover;
}
/* Row-specific styles */
.row-1, .row-2, .row-5, .row-6, .row-7, .row-8 {
display: flex;
gap: 10px;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.row-1 .video-1 {
width: 50%;
height: 700px;
}
.row-1 .video-2 {
width: 50%;
height: 400px;
}
.row-2 .video-1 {
width: 50%;
height: 400px;
}
.row-2 .video-2 {
width: 50%;
height: 700px;
}
.row-2 video {
width: 40%;
height: 200px;
}
.row-3 {
display: flex;
justify-content: space-around;
gap: 10px;
width: 100%;
margin-bottom: 20px;
}
.row-3 video {
width: 33%;
height: 700px; /* Instagram Reels size */
}
.row-4 video {
width: 1490px;
height: 660px;
}
.row-5 video {
width: 50%;
height: 660px;
}
/* Row 6: One horizontal and one vertical */
.row-6 .horizontal, .row-8 .horizontal {
width: 35%;
height: 660px;
}
.row-6 .vertical, .row-8 .vertical {
width: 75%;
height: 500px;
}
/* Row 7: Inverse of Row 6 */
.row-7 .vertical {
width: 75%;
height: 500px;
}
.row-7 .horizontal {
width: 35%;
height: 660px;
}
</style>
</head>
<body
class="page-template page-template-qi-full-width page-template-qi-full-width-php page page-id-217 wp-embed-responsive qodef-qi--no-touch qi-addons-for-elementor-1.5.4 qodef-back-to-top--enabled qodef-content-grid-1200 qodef-header--standard qodef-header-appearance--none qodef-mobile-header--standard qodef-nav-1st-lvl--draw-hover-underline qodef-portfolio-category--draw-hover-underline qodef-portfolio-info--draw-hover-underline qode-essential-addons-1.4.6 theme-qi qi-1.0.10 qode-export-1.0 qodef-header-standard--right qodef-mobile-menu-1st-lvl--draw-hover-underline qodef-search--covers-header elementor-default elementor-kit-5 elementor-page elementor-page-217"
itemscope itemtype="https://schema.org/WebPage">
<a class="skip-link screen-reader-text" href="../index.html@p=217.html#qodef-page-content">Skip to the content</a>
<div id="qodef-page-wrapper" class>
<?php include('includes/headers.php'); ?>
</div>
<br>
<div class="video-container">
<!-- Row 1: Two videos in one row -->
<div class="row-1">
<video src="videos/Cult_Slides.mov" class="video-1" autoplay muted loop></video>
<video src="videos/Yameen.mp4" class="video-2" autoplay muted loop></video>
</div>
<!-- Row 2: Two videos in one row -->
<div class="row-2">
<video src="videos/KESSAKU_Bangalore.mp4" class="video-1" autoplay muted loop></video>
<video src="videos/Freshivors_Photoshoot_slides.mov" class="video-2" autoplay muted loop></video>
</div>
<!-- Row 3: Three Instagram Reels-sized videos -->
<div class="row-3">
<video src="videos/Cult_2.mp4" autoplay muted loop></video>
<video src="videos/Cult_1.mp4" autoplay muted loop></video>
<video src="videos/Cult_3.mp4" autoplay muted loop></video>
</div>
<!-- Row 4: Single large video -->
<div class="row-4">
<video src="videos/VCC%20FULL%20MOVIE.mp4" autoplay muted loop></video>
</div>
<!-- Row 5: Two square videos -->
<div class="row-5">
<video src="videos/Video_2_2.mov" autoplay muted loop></video>
<video src="videos/Video_01.mov" autoplay muted loop></video>
</div>
<!-- Row 6: One horizontal and one vertical video -->
<div class="row-6">
<video src="videos/Freshivores_Appam%20new.mp4" class="horizontal" autoplay muted loop></video>
<video src="videos/Freshivores.mp4" class="vertical" autoplay muted loop></video>
</div>
<!-- Row 7: Inverse of Row 6 -->
<div class="row-7">
<video src="videos/Satrang_Mehandi.mp4" class="vertical" autoplay muted loop></video>
<video src="videos/Swiggy_Instamart.mp4" class="horizontal" autoplay muted loop></video>
</div>
<!-- Row 8: Same as Row 6 -->
<div class="row-8">
<video src="videos/Freshivores_Peanut_Butter new.mp4" class="horizontal" autoplay muted loop></video>
<video src="videos/Architecture_slide.mp4" class="vertical" autoplay muted loop></video>
</div>
</div>
</div>
<?php include('includes/footer-about.php'); ?>
</div>
</body>
</html>