JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr.google-theme *, .google-theme :after, .google-theme :before { box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-decoration: inherit; vertical-align: inherit; } html { outline: none; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } h1, .h1 { font: var(--h1); } h2, .h2 { font: var(--h2); } h3, .h3 { font: var(--h3); } h4, .h4 { font: var(--h4); } h5, .h5 { font: var(--h5); } h6, .h6 { font: var(--h6); } h1, h2, h3, h4, h5, h6 { margin: 0; } body { margin: 0; padding: 0; height: 100%; width: 100%; overflow-x: hidden; } p, li, ul, ol { margin: 0; padding: 0; list-style: none; font: var(--common-text); } a { text-decoration: none; } .d-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .align-items-start { -ms-flex-align: start; align-items: flex-start; } .align-items-end { -ms-flex-align: end; align-items: flex-end; } .align-items-center { -ms-flex-align: center; align-items: center; } .justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .justify-content-between { -ms-flex-pack: justify; justify-content: space-between; } .justify-content-evenly { justify-content: space-evenly; } .justify-content-start { -ms-flex-pack: start; justify-content: flex-start; } .justify-content-center { -ms-flex-pack: center; justify-content: center; } .justify-content-end { -ms-flex-pack: end; justify-content: flex-end; } .text-center { text-align: center; } .row-reverse { flex-direction: row-reverse; } .google-theme::-webkit-scrollbar { width: 6px; } .google-theme::-webkit-scrollbar-track { background: #f1f1f1; } .google-theme::-webkit-scrollbar-thumb { background: #888; } /* ============================================= */ /* !!!! Google Card 1 css !!!! */ /* ============================================= */ :root .google-theme-1 { --first-font: 'Poppins'; --h2: normal 600 35px/1.2 var(--first-font); --bg-color: #FFFBF4; --black: #222222; --white: #ffffff; } /*Google theme 1 color variables 1 css start */ :root .google-theme-1.google-color-v1 { --theme-color: #7AB2B2; } /*Google theme 1 color variables 1 css end */ /*Google theme 1 color variables 2 css start */ :root .google-theme-1.google-color-v2 { --theme-color: #CA8787; } /*Google theme 1 color variables 2 css end */ /*Google theme 1 color variables 3 css start */ :root .google-theme-1.google-color-v3 { --theme-color: #75A47F; } /*Google theme 1 color variables 3 css end */ /*Google theme 1 color variables 4 css start */ :root .google-theme-1.google-color-v4 { --theme-color: #B99470; } /*Google theme 1 color variables 4 css end */ /*Google theme 1 color variables 5 css start */ :root .google-theme-1.google-color-v5 { --theme-color: #7BC9FF; } /*Google theme 1 color variables 5 css end */ .google-theme-1, .google-theme-2, .google-theme-3, .google-theme-4, .google-theme-5 { display: flex; justify-content: center; } .google-card { position: relative; max-width:570px; width: 100%; height: 100vh; padding: 45px 20px 20px; overflow: hidden; z-index: 1; } .google-theme-1 .google-card { background-color: var(--bg-color); } .google-theme-1 .google-card::before, .google-theme-1 .google-card::after { position: absolute; content: ''; width: 405px; height: 405px; background-color: var(--theme-color); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: -1; } .google-theme-1 .google-card::before { top: -100px; left: -80px; } .google-theme-1 .google-card::after { bottom: -120px; right: -80px; } .card-title { margin-bottom: 30px; } .google-inner-card { height: calc(100vh - 140px); width: 100%; box-shadow: 0px 4px 26px 0px #00000040; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; } .google-inner-card iframe { width: 100%; height: 100%; } /* ============================================= */ /* !!!! Google Card 2 css !!!! */ /* ============================================= */ :root .google-theme-2 { --first-font: 'Poppins'; --h2: normal 600 35px/1.2 var(--first-font); --black: #222222; --white: #ffffff; } /*Google theme 2 color variables 1 css start */ :root .google-theme-2.google-color-v1 { --theme-color: #9CAFAA; } /*Google theme 2 color variables 1 css end */ /*Google theme 2 color variables 2 css start */ :root .google-theme-2.google-color-v2 { --theme-color: #AD88C6; } /*Google theme 2 color variables 2 css end */ /*Google theme 2 color variables 3 css start */ :root .google-theme-2.google-color-v3 { --theme-color: #99BC85; } /*Google theme 2 color variables 3 css end */ /*Google theme 2 color variables 4 css start */ :root .google-theme-2.google-color-v4 { --theme-color: #749BC2; } /*Google theme 2 color variables 4 css end */ /*Google theme 2 color variables 5 css start */ :root .google-theme-2.google-color-v5 { --theme-color: #A76F6F; } /*Google theme 2 color variables 5 css end */ .google-theme-2 .google-card, .google-theme-5 .google-card { box-shadow: rgb(100 100 111 / 23%) 0px 7px 29px 0px; } .google-theme-2 .google-card::before, .google-theme-2 .google-card::after { position: absolute; content: ''; width: 100%; background-color: var(--theme-color); z-index: -1; } .google-theme-2 .google-card::before { top: 0; left: 0; right: 0; height: 270px; border-radius: 0 0 30px 30px; -webkit-border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; -ms-border-radius: 0 0 30px 30px; -o-border-radius: 0 0 30px 30px; } .google-theme-2 .google-card::after { bottom: 0; left: 0; right: 0; height: 85px; } /* ============================================= */ /* !!!! Google Card 3 css !!!! */ /* ============================================= */ :root .google-theme-3 { --first-font: 'Poppins'; --h2: normal 600 35px/1.2 var(--first-font); --black: #222222; --white: #ffffff; } /*Google theme 3 color variables 1 css start */ :root .google-theme-3.google-color-v1 { --theme-color: #BB8493; --second-color: rgba(187, 132, 147, 0.55); } /*Google theme 3 color variables 1 css end */ /*Google theme 3 color variables 2 css start */ :root .google-theme-3.google-color-v2 { --theme-color: #50727B; --second-color: rgba(80, 114, 123, 0.55); } /*Google theme 3 color variables 2 css end */ /*Google theme 3 color variables 3 css start */ :root .google-theme-3.google-color-v3 { --theme-color: #7E6363; --second-color: rgba(126, 99, 99, 0.55); } /*Google theme 3 color variables 3 css end */ /*Google theme 3 color variables 4 css start */ :root .google-theme-3.google-color-v4 { --theme-color: #827397; --second-color: rgba(130, 115, 151, 0.55); } /*Google theme 3 color variables 4 css end */ /*Google theme 3 color variables 5 css start */ :root .google-theme-3.google-color-v5 { --theme-color: #219897; --second-color: rgba(33, 152, 151, 0.55); } /*Google theme 3 color variables 5 css end */ .google-theme-3 .google-card { background: linear-gradient(140deg, var(--second-color)33%, var(--theme-color) 33%, var(--theme-color) 67%, var(--second-color) 67%); } /* ============================================= */ /* !!!! Google Card 4 css !!!! */ /* ============================================= */ :root .google-theme-4 { --first-font: 'Poppins'; --h2: normal 600 35px/1.2 var(--first-font); --black: #222222; --white: #ffffff; } /*Google theme 4 color variables 1 css start */ :root .google-theme-4.google-color-v1 { --theme-color: linear-gradient(180deg, #F1E5F9 0%, #DFE6F9 52.77%, #CBD0F6 100%); } /*Google theme 4 color variables 1 css end */ /*Google theme 4 color variables 2 css start */ :root .google-theme-4.google-color-v2 { --theme-color: linear-gradient(171.78deg, #BCC7CD 6.31%, #E9D4D1 56.11%, #B3C3CD 100.69%); } /*Google theme 4 color variables 2 css end */ /*Google theme 4 color variables 3 css start */ :root .google-theme-4.google-color-v3 { --theme-color: linear-gradient(180deg, #C1E0DB 0%, #E0EBED 52.77%, #F3F3FB 100%); } /*Google theme 4 color variables 3 css end */ /*Google theme 4 color variables 4 css start */ :root .google-theme-4.google-color-v4 { --theme-color: linear-gradient(180deg, #DBEAF0 0%, #AFD7E1 52.77%, #F5E2E4 100%); } /*Google theme 4 color variables 4 css end */ /*Google theme 4 color variables 5 css start */ :root .google-theme-4.google-color-v5 { --theme-color: linear-gradient(173.45deg, #D9C1D5 -1.41%, #969ECB 32.1%, #CED8EC 51.69%, #B5CCE7 94.85%); } /*Google theme 4 color variables 5 css end */ .google-theme-4 .google-card { background: var(--theme-color); } /* ============================================= */ /* !!!! Google Card 5 css !!!! */ /* ============================================= */ :root .google-theme-5 { --first-font: 'Poppins'; --h2: normal 600 35px/1.2 var(--first-font); --black: #222222; --white: #ffffff; } /*Google theme 5 color variables 1 css start */ :root .google-theme-5.google-color-v1 { --theme-color: #DFA67B; } /*Google theme 5 color variables 1 css end */ /*Google theme 5 color variables 2 css start */ :root .google-theme-5.google-color-v2 { --theme-color: #D0B8A8; } /*Google theme 5 color variables 2 css end */ /*Google theme 5 color variables 3 css start */ :root .google-theme-5.google-color-v3 { --theme-color: #AC7088; } /*Google theme 5 color variables 3 css end */ /*Google theme 5 color variables 4 css start */ :root .google-theme-5.google-color-v4 { --theme-color: #ECB159; } /*Google theme 5 color variables 4 css end */ /*Google theme 5 color variables 5 css start */ :root .google-theme-5.google-color-v5 { --theme-color: #7C96AB; } /*Google theme 5 color variables 5 css end */ .google-theme-5 .google-card::before { position: absolute; content: ''; top: 0; left: 0; width: 85%; height: 100%; background-color: var(--theme-color); z-index: -1; }