JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr.eventBody *, :after, :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%; } .eventTemplate h1, .eventTemplate .h1 { font: var(--h1); } .eventTemplate h2, .eventTemplate .h2 { font: var(--h2); } .eventTemplate h3, .eventTemplate .h3 { font: var(--h3); } .eventTemplate h4, .eventTemplate .h4 { font: var(--h4); } .eventTemplate h5, .eventTemplate .h5 { font: var(--h5); } .eventTemplate h6, .eventTemplate .h6 { font: var(--h6); } .eventTemplate h1, .eventTemplate h2, .eventTemplate h3, .eventTemplate h4, .eventTemplate h5, .eventTemplate h6 { margin: 0; } body { margin: 0; padding: 0; height: 100%; width: 100%; overflow-x: hidden; } .eventTemplate p, .eventTemplate li, .eventTemplate ul, .eventTemplate ol { margin: 0; padding: 0; list-style: none; font: var(--common-text); } .eventTemplate a{ text-decoration: none; } .eventTemplate .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; } .eventTemplate .align-items-start { -ms-flex-align: start; align-items: flex-start; } .eventTemplate .align-items-end { -ms-flex-align: end; align-items: flex-end; } .eventTemplate .align-items-center { -ms-flex-align: center; align-items: center; } .eventTemplate .justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .eventTemplate .justify-content-between { -ms-flex-pack: justify; justify-content: space-between; } .eventTemplate .justify-content-start { -ms-flex-pack: start; justify-content: flex-start; } .eventTemplate .justify-content-center { -ms-flex-pack: center; justify-content: center; } .eventTemplate .justify-content-end { -ms-flex-pack: end; justify-content: flex-end; } .eventTemplate .row-reverse { flex-direction: row-reverse; } .eventTemplate .direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .eventTemplate .no-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } /* ============================================= */ /* !!!! event theme 1 css !!!! */ /* ============================================= */ :root .event-theme-1{ --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #222222; --white: #FFFFFF; --text-color:#989898; } /* event theme 1 color variables 1 css strat */ :root .event-theme-1.event-color-v1{ --theme-color: #F4B41A; } /* event theme 1 color variables 1 end strat */ /* event theme 1 color variables 2 css strat */ :root .event-theme-1.event-color-v2{ --theme-color: #7469B6; } /* event theme 1 color variables 2 end strat */ /* event theme 1 color variables 3 css strat */ :root .event-theme-1.event-color-v3{ --theme-color: #F6995C; } /* event theme 1 color variables 3 end strat */ /* event theme 1 color variables 4 css strat */ :root .event-theme-1.event-color-v4{ --theme-color: #AD88C6; } /* event theme 1 color variables 4 end strat */ /* event theme 1 color variables 5 css strat */ :root .event-theme-1.event-color-v5{ --theme-color: #59B4C3; } /* event theme 1 color variables 5 end strat */ .event-card { max-width: calc(600px - 30px); width: 100%; margin: auto; max-height: 900px; background-color: var(--theme-color); position: relative; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .event-theme-1 .event-bg-image { text-align: center; padding-top: 50%; position: relative; } .event-theme-1 .event-bg-image img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; object-fit: cover; object-position: top; } .event-theme-1 .event-card-content{ background-color: rgba(255, 255, 255, 1); padding: 30px 30px 40px 30px; border-radius: 30px 30px 0 0; -webkit-border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0; -ms-border-radius: 30px 30px 0 0; -o-border-radius: 30px 30px 0 0; margin-top: -27px; z-index: 2; position: relative; } .event-theme-1 .event-card-inner{ height: 900px; overflow: auto; } .event-theme-1 .event-top-content{ position: relative; text-align: center; } .event-theme-1 .event-top-content .event-bg-left{ position: absolute; z-index: 0; top: 90px; left: 16px; } .event-theme-1 .event-top-content .event-bg-right{ position: absolute; z-index: 0; bottom: 30px; right: 0px; } .event-theme-1 .event-top-content .event-bg-left path,.event-theme-1 .event-top-content .event-bg-right path{ fill: var(--theme-color); } .event-theme-1 .event-card-inner .event-top-content .event-thum-img{ width: 136px; height: 136px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 50%; overflow: hidden; margin: -90px auto 15px; } .event-theme-1 .event-card-inner .event-top-content h3,.event-theme-5 .event-card-inner h3 { margin-bottom: 15px; } .event-theme-1 .event-card-inner .section-title,.event-theme-5 .event-card-inner .section-title{ max-width: 70%; width: 100%; margin: 0 auto; } .event-theme-1 .event-card-inner .event-top-content p{ color: var(--text-color); margin-bottom:15px; letter-spacing: .3px; } .event-theme-1 .event-card-inner .event-top-content h4,.event-theme-5 .event-card-inner h4{ margin-bottom: 25px; } .event-theme-2 .event-card{ margin-bottom: 20px; overflow:hidden ; max-height: 950px; } .event-theme-1 .event-button,.event-theme-2 .event-top-content .event-button, .event-theme-4 .event-top-content .event-button,.event-theme-5 .event-button{ padding: 10px 30px; color: var(--black); background-color: var(--theme-color); font-family: var(--first-font); font-size: 16px; transition: .5s all ease-in-out; -webkit-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -ms-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; border: 1px solid transparent; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; font-weight: 500; } .event-theme-1 .event-bottom-content { margin: 20px 0 0; position: relative; } /* .event-theme-1 .event-bottom-content .event-content-form,.event-theme-2 .event-bottom-content .event-content-form ,.event-theme-3 .event-bottom-content .event-content-form ,.event-theme-4 .event-bottom-content .event-content-form{ padding: 20px; background-color: var(--theme-color); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; font-family: var(--first-font); } */ /* .event-theme-1 .event-content-form H3,.event-theme-1 .event-content-form.event-location-form .event-form-title, .event-theme-2 .event-content-form h3,.event-theme-2 .event-content-form.event-location-form .event-form-title, .event-theme-3 .event-content-form h3,.event-theme-3 .event-content-form.event-location-form .event-form-title, .event-theme-4 .event-content-form h3,.event-theme-4 .event-content-form.event-location-form .event-form-title{ margin-bottom: 20PX; } */ /* .event-theme-1 .event-content-form .form-group:not(:last-of-type),.event-theme-2 .event-content-form .form-group:not(:last-of-type), .event-theme-3 .event-content-form .form-group:not(:last-of-type),.event-theme-4 .event-content-form .form-group:not(:last-of-type){ margin-bottom: 15px; } */ /* .event-theme-1 .form-group span ,.event-theme-2 .form-group span, .event-theme-3 .form-group span,.event-theme-4 .form-group span { display: inline-block; margin-bottom: 7px; font-size: 14px; font-weight: 500; } */ /* .event-theme-1 .form-group p ,.event-theme-1 .event-details-form .form-details, .event-theme-2 .form-group p,.event-theme-2 .event-details-form .form-details, .event-theme-3 .form-group p,.event-theme-3 .event-details-form .form-details, .event-theme-4 .form-group p,.event-theme-4 .event-details-form .form-details{ position: relative; display: block; width: 100%; padding: 12px 20px; background: rgba(255, 255, 255, 0.5); color: var(--black); font-size: 14px; font-weight: 400; line-height: 1; border: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } */ .event-bottom-content .event-content-form{ padding: 20px; background-color: var(--theme-color); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; font-family: var(--first-font); } .event-card .event-content-form H3,.event-card .event-content-form.event-location-form .event-form-title{ margin-bottom: 20PX; } .event-theme-1 .event-bottom-content .event-content-form:not(:last-of-type),.event-theme-5 .event-bottom-content .event-content-form:not(:last-of-type){ margin-bottom: 20px; } .event-card .event-content-form .form-group:not(:last-of-type){ margin-bottom: 15px; } .event-card .event-content-form .form-group span { display: inline-block; margin-bottom: 7px; font-size: 14px; font-weight: 500; } .event-card .event-content-form .form-group p ,.event-card .event-details-form .form-details{ position: relative; display: block; width: 100%; padding: 12px 20px; background: rgba(255, 255, 255, 0.5); color: var(--black); font-size: 14px; font-weight: 400; line-height: 1; border: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .event-theme-1 .form-group input::placeholder{ color: var(--black); } .event-theme-1 .form-group input:focus,.event-theme-1 .form-group input:focus-visible{ border: none; outline: none; } .event-card .event-card-inner::-webkit-scrollbar ,.event-card .event-details-form .form-details::-webkit-scrollbar{ width: 6px; height: 100%; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .event-card .event-card-inner::-webkit-scrollbar-thumb,.event-card .event-details-form .form-details::-webkit-scrollbar-thumb { background-color: var(--theme-color); } .event-card .event-card-inner::-webkit-scrollbar-track,.event-card .event-details-form .form-details::-webkit-scrollbar-track{ background-color: #DEDEDE; } .event-card .event-time-form .form-group{ background-color: rgba(255, 255, 255, 0.5); padding: 20px ; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; gap: 7px; } .event-card .event-time-form .form-group span{ margin-bottom: 0; font-weight: 400; } .event-card .event-time-form .form-group .form-left-group span{ min-width: 135px; } .event-card .event-time-form .form-right-group .form-right-iteam{ gap: 10px; } .event-card .event-time-form .form-right-group .form-right-iteam:not(:last-of-type){ margin-bottom: 7px; } .event-card .event-content-form.event-location-form H3{ margin-bottom: 0; } .event-card .event-details-form .form-details{ overflow: auto; min-height: 80px; line-height: 1.2; max-height: 80px; } .event-card .event-details-form .form-details::-webkit-scrollbar-thumb{ background-color: #bdbcbc; } /* ============================================= */ /* !!!! event theme 2 css !!!! */ /* ============================================= */ :root .event-theme-2{ --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #222222; --white: #FFFFFF; } /* event theme 2 color variables 1 css strat */ :root .event-theme-2.event-color-v1{ --theme-color: #FF8891; } /* event theme 2 color variables 1 css end */ /* event theme 2 color variables 2 css strat */ :root .event-theme-2.event-color-v2{ --theme-color: #FFB07A; } /* event theme 2 color variables 2 css end */ /* event theme 2 color variables 3 css strat */ :root .event-theme-2.event-color-v3{ --theme-color: #C9EA92; } /* event theme 2 color variables 3 css end */ /* event theme 2 color variables 4 css strat */ :root .event-theme-2.event-color-v4{ --theme-color: #8BE5C5; } /* event theme 2 color variables 4 css end */ /* event theme 2 color variables 5 css strat */ :root .event-theme-2.event-color-v5{ --theme-color: #93A4E9; } /* event theme 2 color variables 5 css end */ .event-theme-2 .event-card { background-image: url(../images/event-card-bg.png); background-size: cover; } .event-theme-2 .event-card-inner { padding:50px 30px; color: var(--white); max-height: calc(950px - 50px); height: 100%; overflow: auto; } .event-theme-2 .event-card-inner .event-thum-img { width:140px; height: 140px; border-radius: 50%; overflow: hidden; border: 3px solid var(--theme-color); } .event-theme-2 .event-card-inner .event-thum-content{ width:calc(100% - 140px); padding-left: 20px; color: var(--white); } .event-theme-2 .event-card-inner .event-thum-content h3, .event-theme-4 .event-card-inner .event-thum-content h3{ margin-bottom: 15px; } .event-theme-2 .event-image-wrapper{ padding-bottom: 25px; margin-bottom: 25px; border: none; border-bottom: 1px solid var(--white); justify-content: center; } .event-theme-2 .event-top-content h4{ text-align: center; margin-bottom: 20px; } .event-theme-2 .event-bottom-content .event-content-form:not(:last-of-type), .event-theme-3 .event-bottom-content .event-content-form:not(:last-of-type), .event-theme-4 .event-bottom-content .event-content-form:not(:last-of-type){ margin-bottom: 20px; } .event-theme-2 .event-bottom-content .event-content-form{ background-color: rgba(255, 255, 255, 0.3); } .event-theme-2 .event-time-form .form-group,.event-theme-2 .event-card .event-content-form .form-group p,.event-theme-2 .event-details-form .form-details { background-color: var(--white); color: var(--black); } .event-theme-2 .event-location-form .event-form-title svg path{ fill: var(--white); } .event-theme-2 .event-top-content .event-button:hover{ background-color: var(--white); } .event-theme-2 .event-bottom-content { margin: 50px 0 0; position: relative; z-index: 1; } .event-theme-2 .event-card::after{ top: 3%; right: -300px; } .event-theme-2 .event-card::before{ bottom: 3%; left: -300px; } .event-theme-2 .event-card::after,.event-theme-2 .event-card::before{ content: ''; position: absolute; background:var(--theme-color); border-radius: 50%; width: 500px; height: 500px; filter: blur(57.5px); z-index: 0; opacity: 0.2; } .event-theme-2 .event-top-content { position: relative; z-index: 1; } /* ============================================= */ /* !!!! event theme 3 css !!!! */ /* ============================================= */ :root .event-theme-3{ --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #222222; --white: #FFFFFF; } /* event theme 3 color variables 1 css strat */ :root .event-theme-3.event-color-v1{ --theme-color: #80BCBD; } /* event theme 3 color variables 1 css end */ /* event theme 3 color variables 2 css strat */ :root .event-theme-3.event-color-v2{ --theme-color: #AAD9BB; } /* event theme 3 color variables 2 css end */ /* event theme 3 color variables 3 css strat */ :root .event-theme-3.event-color-v3{ --theme-color: #D5F0C1; } /* event theme 3 color variables 3 css end */ /* event theme 3 color variables 4 css strat */ :root .event-theme-3.event-color-v4{ --theme-color: #F9F7C9; } /* event theme 3 color variables 4 css end */ /* event theme 3 color variables 5 css strat */ :root .event-theme-3.event-color-v5{ --theme-color: #64CCC5; } /* event theme 3 color variables 5 css end */ .event-theme-3 .event-card { background-image: url(../images/event-card3-bg.png); background-size: cover; } .event-theme-3 .event-card::after{ content: ''; background-color: var(--theme-color); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; } .event-theme-3 .event-card-inner{ max-height: calc(900px - 80px); overflow: auto; padding-top: 80px; } .event-theme-3 .event-card-content{ padding: 30px 30px 40px; } .event-theme-3 .event-image-wrapper{ max-width: 95%; width: 100%; } .event-theme-3 .event-image-wrapper .event-thum-img{ width:140px; height: 140px; border-radius: 50%; overflow: hidden; border: 2px solid var(--white); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-left:-30px ; } .event-theme-3 .event-image-wrapper .event-thum-content{ max-width: calc(100% - 120px); width: 100%; padding: 25px 40px 25px 20px; background-color: var(--white); text-align: center; } .event-theme-3 .event-top-content { text-align: center; color: var(--black); max-width: 70%; width: 100%; margin: 0 auto; } .event-theme-3 .event-top-content p{ margin-bottom: 15px; font-weight: 500; } .event-theme-3 .event-top-content h4{ margin-bottom: 15px; } .event-theme-3 .event-top-content .event-button { padding: 10px 30px; color: var(--black); background-color: var(--white); font-family: var(--first-font); font-size: 16px; transition: .5s all ease-in-out; -webkit-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -ms-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; border: 1px solid transparent; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; font-weight: 500; } .event-theme-3 .event-bottom-content { position: relative; z-index: 1; margin-top: 30px; } .event-theme-3 .event-bottom-content .event-content-form,.event-theme-4 .event-bottom-content .event-content-form{ background-color: var(--white); } .event-theme-3.event-color-v1 .event-time-form .form-group,.event-theme-3.event-color-v1 .form-group p, .event-theme-3.event-color-v1 .event-details-form .form-details{ background-color: rgba(128, 188, 189, 0.3); } .event-theme-3.event-color-v2 .event-time-form .form-group,.event-theme-3.event-color-v2 .form-group p, .event-theme-3.event-color-v2 .event-details-form .form-details{ background-color: rgba(170, 217, 187, 0.3); } .event-theme-3.event-color-v3 .event-time-form .form-group,.event-theme-3.event-color-v3 .form-group p, .event-theme-3.event-color-v3 .event-details-form .form-details{ background-color:rgba(213, 240, 193, 0.3); } .event-theme-3.event-color-v4 .event-time-form .form-group,.event-theme-3.event-color-v4 .form-group p, .event-theme-3.event-color-v4 .event-details-form .form-details{ background-color:rgba(249, 247, 201, 0.6); } .event-theme-3.event-color-v5 .event-time-form .form-group,.event-theme-3.event-color-v5 .form-group p, .event-theme-3.event-color-v5 .event-details-form .form-details{ background-color:rgba(115, 204, 191, 0.3); } .event-theme-3 .event-bottom-content::-webkit-scrollbar-thumb, .event-theme-4 .event-card-inner::-webkit-scrollbar-thumb{ background-color:#c2c5c5; } /* ============================================= */ /* !!!! event theme 4 css !!!! */ /* ============================================= */ :root .event-theme-4{ --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #222222; --white: #FFFFFF; } /* event theme 4 color variables 1 css strat */ :root .event-theme-4.event-color-v1{ --theme-color: #FFBE98; --second-color:#FFDFCC; } /* event theme 4 color variables 1 css end */ /* event theme 4 color variables 2 css strat */ :root .event-theme-4.event-color-v2{ --theme-color: #CED4B2; --second-color:#E8EEC9; } /* event theme 4 color variables 2 css end */ /* event theme 4 color variables 3 css strat */ :root .event-theme-4.event-color-v3{ --theme-color: #CDA47A; --second-color:#EDC59C; } /* event theme 4 color variables 3 css end */ /* event theme 4 color variables 4 css strat */ :root .event-theme-4.event-color-v4{ --theme-color: #E29B82; --second-color:#F8BEA9; } /* event theme 4 color variables 4 css end */ /* event theme 4 color variables 5 css strat */ :root .event-theme-4.event-color-v5{ --theme-color: #EFD9AA; --second-color:#FBEED3; } /* event theme 4 color variables 5 css end */ .event-theme-4 .event-card{ overflow: hidden; z-index: 1; } .event-theme-4 .event-card svg.top-bg-img path{ fill: var(--second-color); } .event-theme-4 .event-card svg.top-bg-img{ position: absolute; left: -150px; top: -16%; z-index: -1; } .event-theme-4 .event-card-inner { padding: 50px 30px 40px; position: relative; z-index: 1; max-height: calc(900px - 40px); height: 100%; overflow: auto; display: block; } .event-theme-4 .event-image-wrapper{ position: relative; margin-bottom: 30px; } .event-theme-4 .event-image-wrapper .event-thum-img{ max-width: 50%; width: 100%; border-radius: 0 40px 0 0; -webkit-border-radius: 0 40px 0 0; -moz-border-radius: 0 40px 0 0; -ms-border-radius: 0 40px 0 0; -o-border-radius: 0 40px 0 0; overflow: hidden; display: block; position: relative; padding-top: 60%; } .event-theme-4 .event-image-wrapper .event-thum-img img{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .event-theme-4 .event-image-wrapper .event-thum-img::after{ content: ''; position: absolute; bottom: 0px; width: 100%; height: 70px; right: 0; left: 0; background: linear-gradient( 180deg, rgba(255, 190, 152, 0) 0%, var(--theme-color) 100% ); } .event-theme-4 .event-image-wrapper .event-thum-content{ padding-left: 20px; max-width: 50%; width: 100%; margin: auto; } .event-theme-4 .event-image-wrapper .event-thum-content h3{ font-size: 24px; } .event-theme-4 .event-top-content h4{ margin-bottom: 15px; text-align: center; } .event-theme-4 .event-bottom-content { margin: 30px 0 0; position: relative; z-index: 1; } .event-theme-4.event-color-v1 .event-time-form .form-group,.event-theme-4.event-color-v1 .form-group p, .event-theme-4.event-color-v1 .event-details-form .form-details{ background-color:rgba(255, 190, 152, 0.3); } .event-theme-4.event-color-v2 .event-time-form .form-group,.event-theme-4.event-color-v2 .form-group p, .event-theme-4.event-color-v2 .event-details-form .form-details{ background-color: rgba(206, 212, 178, 0.3); } .event-theme-4.event-color-v3 .event-time-form .form-group,.event-theme-4.event-color-v3 .form-group p, .event-theme-4.event-color-v3 .event-details-form .form-details{ background-color:rgba(205, 164, 122, 0.3); } .event-theme-4.event-color-v4 .event-time-form .form-group,.event-theme-4.event-color-v4 .form-group p, .event-theme-4.event-color-v4 .event-details-form .form-details{ background-color:rgba(226, 155, 130, 0.3); } .event-theme-4.event-color-v5 .event-time-form .form-group,.event-theme-4.event-color-v5 .form-group p, .event-theme-4.event-color-v5 .event-details-form .form-details{ background-color:rgba(239, 217, 170, 0.3); } .event-theme-4 .event-card-inner::-webkit-scrollbar-track{ background-color: var(--white); } .event-theme-4 .event-top-content .event-button { background-color: var(--white); } /* ============================================= */ /* !!!! event theme 5 css !!!! */ /* ============================================= */ :root .event-theme-5{ --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #222222; --white: #FFFFFF; } /* event theme 5 color variables 1 css strat */ :root .event-theme-5.event-color-v1{ --theme-color: #AFDDD4; } /* event theme 5 color variables 1 css end */ /* event theme 5 color variables 2 css strat */ :root .event-theme-5.event-color-v2{ --theme-color: #A1D9F2; } /* event theme 5 color variables 2 css end */ /* event theme 5 color variables 3 css strat */ :root .event-theme-5.event-color-v3{ --theme-color: #FFB9B9; } /* event theme 5 color variables 3 css end */ /* event theme 5 color variables 4 css strat */ :root .event-theme-5.event-color-v4{ --theme-color: #ECBD97; } /* event theme 5 color variables 4 css end */ /* event theme 5 color variables 5 css strat */ :root .event-theme-5.event-color-v5{ --theme-color: #F48F8A; } /* event theme 5 color variables 5 css end */ .event-theme-5 .event-card-inner .event-thum-img { display: block; position: relative; padding-top: 70%; } .event-theme-5 .event-card-inner .event-thum-img img{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .event-theme-5 .event-card{ overflow: hidden; } .event-theme-4 .event-card-inner::-webkit-scrollbar-thumb /* ,.event-theme-5 .event-card-inner::-webkit-scrollbar-thumb */ { background-color: #504e4e38; } .event-theme-5 .event-image-wrapper{ position: relative; } .event-theme-5 .event-image-wrapper .event-thum-bg{ position: absolute; bottom: 0; left: -35px; right: 0; z-index: 0; } .event-theme-5 .event-image-wrapper .event-thum-bg path{ fill: var(--theme-color); } .event-theme-5 .event-card-inner .section-title{ text-align: center; } .event-theme-5 .event-button { background-color: var(--white); } .event-theme-5 .event-card-inner .section-title p { margin-bottom:15px; } .event-theme-5 .event-card-inner { height: 900px; overflow: auto; } .event-theme-5 .event-bottom-content .event-content-form{ background-color: rgba(255, 255, 255, 0.4); } .event-theme-5 .event-card-content{ padding: 20px 30px 30px; position: relative; z-index: 1; } .event-theme-5 .event-bottom-content{ margin-top: 25px; } .event-theme-5 .event-card-inner::-webkit-scrollbar-thumb{ background-color: #1e1b1b38; } .event-theme-5 .event-card .event-time-form .form-group,.event-theme-5 .event-card .event-details-form .form-details,.event-theme-5 .event-card .event-content-form .form-group p{ background-color: var(--white); }