diff --git a/config/app.php b/config/app.php index 6c3d256..a1cefa7 100644 --- a/config/app.php +++ b/config/app.php @@ -79,7 +79,7 @@ return [ | */ - 'timezone' => 'Asia/Dhaka', + 'timezone' => 'Asia/Jakarta', /* |-------------------------------------------------------------------------- @@ -92,7 +92,7 @@ return [ | */ - 'locale' => 'en', + 'locale' => 'id', /* |-------------------------------------------------------------------------- @@ -105,7 +105,7 @@ return [ | */ - 'fallback_locale' => 'en', + 'fallback_locale' => 'id', /* |-------------------------------------------------------------------------- diff --git a/public/assets/frontend/default/css/style.css b/public/assets/frontend/default/css/style.css index 4ee84b4..030a5dc 100644 --- a/public/assets/frontend/default/css/style.css +++ b/public/assets/frontend/default/css/style.css @@ -8,48 +8,95 @@ Type of Content Import Google fonts Default Css */ + + /***** Import Google Fonts /*****************************************************/ + @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap"); + /* Fonts */ + /* Inter */ + @import url("../fonts/inter/stylesheet.css"); + /* font-family: 'Inter'; */ + + /* Ubuntu */ + @import url("../fonts/ubuntu/stylesheet.css"); + /* font-family: 'Ubuntu'; */ + + /* Euclid Circular A */ + @import url("../fonts/euclid-circular-a/stylesheet.css"); + /* font-family: 'Euclid Circular A'; */ + + /* Manrope */ + @import url("../fonts/manrope/stylesheet.css"); + /* font-family: 'Manrope'; */ + + /* Mica Valo */ + @import url("../fonts/mica-valo/stylesheet.css"); + /* font-family: 'Mica Valo'; */ + + /* Mulish */ + @import url("../fonts/mulish/stylesheet.css"); + /* font-family: 'Mulish'; */ + + /* Raleway */ + @import url("../fonts/raleway/stylesheet.css"); + /* font-family: 'Raleway'; */ + + /* Montserrat */ + @import url("../fonts/montserrat/stylesheet.css"); + /* font-family: 'Montserrat'; */ + @import url("../fonts/rubik/stylesheet.css"); + /* font-family: 'Rubik'; */ + @import url("../fonts/lexend-deca/stylesheet.css"); + /* font-family: 'Lexend Deca'; */ + @import url("../fonts/outfit/stylesheet.css"); + /* font-family: 'Outfit'; */ + @import url("../fonts/lato/stylesheet.css"); + /* font-family: 'Lato'; */ + @import url("../fonts/dm-sens/stylesheet.css"); + /* font-family: 'DM Sans'; */ + /***** Default Css /***************************************************/ + :root { --font-family: "Poppins", sans-serif; --bg-white: #fff; @@ -61,13 +108,18 @@ Default Css --box-shadow: rgba(100, 100, 111, 0.2) 12px 11px 34px 11px; --box-shadow-2: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } + + /* Smooth scroll behavior */ + :root { scroll-behavior: smooth; } + html { font-size: 62.5%; } + body { font-size: 15px; font-weight: 400; @@ -76,6 +128,7 @@ body { font-family: var(--font-family); color: var(--text-color); } + .container { max-width: 1180px; margin: auto; @@ -86,6 +139,7 @@ body { .cursor-pointer { cursor: pointer !important; } + h1, h2, h3, @@ -97,13 +151,16 @@ p, a { margin: 0; } + ul { padding: 0; list-style: none; } + a { text-decoration: none; } + img { display: block; max-width: 100%; @@ -112,142 +169,188 @@ img { .text-color { color: var(--text-color) !important; } + .color-white { color: var(--color-white) !important; } + .color-1 { color: var(--color-1) !important; } + .color-2 { color: var(--color-2) !important; } + .color-black { color: var(--color-black) !important; } + .g-5 { gap: 5px; } + .mt-10 { margin-top: 10px; } + .mt-15 { margin-top: 15px; } + .mt-20 { margin-top: 20px; } + .mt-25 { margin-top: 25px; } + .mt-28 { margin-top: 28px; } + .mt-50 { margin-top: 50px !important; } + .mb-10 { margin-bottom: 10px !important; } + .mb-15 { margin-bottom: 15px !important; } + .mb-20 { margin-bottom: 20px !important; } + .mb-25 { margin-bottom: 25px; } + .mb-30 { margin-bottom: 30px; } + .ml-20 { margin-left: 20px; } + .pt-10 { padding-top: 10px; } + .pt-15 { padding-top: 15px !important; } + .pt-20 { padding-top: 20px; } + .pt-25 { padding-top: 25px; } + .pt-30 { padding-top: 30px; } + .p-30 { padding: 30px !important; } + .pb-10 { padding-bottom: 10px; } + .pb-15 { padding-bottom: 15px !important; } + .text-12 { font-size: 12px !important; } + .text-14 { font-size: 14px !important; } + .text-16 { font-size: 16px !important; } + .text-18 { font-size: 18px !important; } + .text-20 { font-size: 20px !important; } + .text-22 { font-size: 22px !important; } + .text-24 { font-size: 24px !important; } + .text-26 { font-size: 26px !important; } + .text-28 { font-size: 28px !important; } + .text-30 { font-size: 30px !important; } + .text-32 { font-size: 32px !important; } + .text-34 { font-size: 34px !important; } + .text-36 { font-size: 36px !important; } + .text-38 { font-size: 38px !important; } + .text-40 { font-size: 40px !important; } + .form-select:focus { box-shadow: none; border-color: var(--color-1); } + .radius-10 { border-radius: 10px !important; } + .radius-20 { border-radius: 20px !important; } + .radius-22 { border-radius: 22px !important; } + .radius-24 { border-radius: 24px !important; } + .eBtn { padding: 12px 30px; border-radius: 10px; @@ -256,28 +359,29 @@ img { font-weight: 600; display: inline-block; } + .gradient { - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); transition: 0.5s; background-size: 200% auto; box-shadow: 0 0 20px #eee; } + .shadow-none { box-shadow: none !important; } + .gradient:hover { background-position: right center; color: #fff; text-decoration: none; } + .section-padding { padding-top: 80px; } + + /******** Sub Header Area Start ***************************************************************/ @@ -285,23 +389,28 @@ img { padding: 16px 0; border-bottom: 1px solid #edf0f7; } + .sub-header-left ul { gap: 20px; flex-wrap: wrap; } + .sub-header-left ul li a { font-size: 15px; font-weight: 400; color: var(--color-2); transition: 0.5s; } + .sub-header-left ul li a:hover { color: #c664ff; } + .right-sub ul { justify-content: flex-end; gap: 16px; } + .right-sub ul li a i { height: 20px; width: 20px; @@ -312,20 +421,25 @@ img { display: none; } + /******** Header Area Start ***************************************************************/ + .header-area { padding: 12px 0; background-color: var(--bg-white); } + .logo-image img { height: 40px; object-fit: cover; } + .nav-menu { display: flex; align-items: center; } + .primary-menu li { padding: 4px 20px; } @@ -337,6 +451,7 @@ img { transition: 0.5s; position: relative; } + .primary-menu li a::after { position: absolute; content: ""; @@ -348,21 +463,26 @@ img { background-color: var(--color-1); transition: 0.5s; } + .primary-menu li a:hover:after { width: 100%; } + .primary-menu li a:hover { color: var(--color-1); } + .primary-menu li a.active { color: var(--color-1) !important; font-weight: 600; } + .gSearch-icon { position: relative; margin-right: 40px; margin-left: 10px; } + .gSearch-icon:after { position: absolute; content: ""; @@ -372,6 +492,7 @@ img { height: 100%; background-color: #edf0f7; } + .gSearch-icon i { color: var(--color-black); font-size: 16px; @@ -379,31 +500,38 @@ img { .primary-end .nice-control { border: none; - width: 92px; + width: 101px; font-size: 14px; text-transform: uppercase; margin-right: 8px; } + .nice-select .option.selected { font-weight: 400; } + .primary-end .nice-control .current { font-weight: 500; color: #192335; } + .primary-end .nice-select::after { display: none; } + .primary-end .nice-select .option { line-height: 28px; min-height: 30px; } + .nice-control { height: auto; } + .nice-select .list { width: 100%; } + .gSearch-icon { cursor: pointer; } @@ -419,20 +547,17 @@ img { opacity: 0; transition: 0.5s; } + .gSearch-show.active { top: 80px; visibility: visible; opacity: 1; transition: 0.5s; } + .gSearch-show button { border: none; - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); padding: 12px 46px; border-radius: 0 12px 12px 0; color: #fff; @@ -440,14 +565,17 @@ img { right: -1px; top: -1px; } + .gSearch-show .form-control:focus, .gSearch-show .form-control { color: var(--color-2) !important; border: none; } + .gSearch-show .form-control::placeholder { color: var(--text-color); } + .toggle-bar { font-size: 26px; color: var(--color-white); @@ -465,11 +593,13 @@ img { padding-right: 12px; position: relative; } + .Esearch_entry .form-control { height: 40px; border-radius: 8px; padding-right: 28px; } + .Esearch_entry button { position: absolute; right: 21px; @@ -480,26 +610,30 @@ img { width: 20px; color: #6b7385; } + .Esearch_entry .form-control::placeholder { color: #979fb2; font-weight: 500; font-size: 15px; } + /* Mega Menu */ -.main-menu-ul > li { - position: relative; -} -.main-menu-ul > li.have-mega-menu { + +.main-menu-ul>li { position: relative; } +.main-menu-ul>li.have-mega-menu { + position: relative; +} -.main-menu-ul > li:hover .main-mega-menu { +.main-menu-ul>li:hover .main-mega-menu { visibility: visible; opacity: 1; top: 48px; } + .main-mega-menu { border-radius: 15px; background: #fff; @@ -519,6 +653,7 @@ img { z-index: 9999; transition: 0.5s; } + .mega-menu-items h4 { font-size: 15px; font-weight: 500; @@ -534,7 +669,8 @@ img { padding-right: 0; transition: .4s; } -.child_category_menu{ + +.child_category_menu { position: absolute; top: 20px; left: calc(100% + 20px); @@ -548,11 +684,13 @@ img { opacity: 0; transition: .4s; } + .mega_list li:hover .child_category_menu { top: 0; visibility: visible; opacity: 1; } + .mega_list li a { padding: 8px 12px; font-weight: 500; @@ -563,9 +701,11 @@ img { justify-content: space-between; position: relative; } + .mega_list li a::after { display: none; } + .mega_list li a:hover { background-color: #eee; color: var(--text-color) !important; @@ -578,15 +718,17 @@ img { border-radius: 10px; } + /* User Profile */ + .Userprofile img { height: 40px; width: 40px; border-radius: 50%; } + .us-btn { position: relative; - border-radius: 30px; background-color: #f5f6f8; border: none; @@ -607,10 +749,12 @@ img { border-left: 6px solid transparent; border-radius: 3px; } -.Userprofile .btn-check:focus + .btn, + +.Userprofile .btn-check:focus+.btn, .btn:focus { box-shadow: none; } + .Userprofile .dropmenu-end a { padding: 0; font-size: 15px !important; @@ -619,22 +763,26 @@ img { margin-bottom: 16px; transition: 0.5s; } + .Userprofile .dropmenu-end a:hover svg path, .Userprofile .dropmenu-end a:hover { color: #c664ff; fill: #c664ff; } + .Userprofile .dropmenu-end a i { height: 24px; width: 24px; text-align: center; } + .Userprofile .dropmenu-end a i, .Userprofile .dropmenu-end a svg { height: 24px; width: 24px; margin-right: 10px; } + .Userprofile .dropmenu-end { border: none; border-radius: 1px 1px 12px 12px; @@ -645,6 +793,7 @@ img { margin-top: 2px !important; padding: 15px; } + .Userprofile .dropdown-item.active, .Userprofile .dropdown-item:active { background-color: transparent; @@ -655,48 +804,60 @@ img { gap: 10px; margin-bottom: 21px; } + .figure_user h4 { font-size: 15px; font-weight: 500; margin-bottom: 3px; } + .figure_text p { font-size: 13px; color: var(--text-color); } + .figure_user img { height: 44px; width: 44px; } + /* off canves */ + .btn-off { margin: 30px 0; } + .btn-off .eBtn { width: 100%; } + .off-menu .primary-menu li { padding-right: 0; margin-bottom: 4px; } + .off-menu .primary-menu li a::after { display: none; } + .off-menu .primary-menu li a:hover { background-color: #eee; } + .off-menu .primary-menu li a { width: 100%; display: inline-block; padding: 7px 10px; border-radius: 5px; } + .has-menu { display: flex !important; justify-content: space-between; align-items: center; } + .offcanvas-header .btn-close { position: absolute; top: 10px; @@ -711,19 +872,27 @@ img { z-index: 999; font-size: 11px; } + .off-menu .mega-menu-items { margin-top: 16px; } + .droup-menu { display: none; } + .off-show { display: block; } + + /******** Header Area End ***************************************************************/ + + /******** Banner Area Start ***************************************************************/ + .banner-wraper { margin-top: 40px; } @@ -731,6 +900,7 @@ img { .banner-content { margin-top: 30px; } + .banner-content h5 { font-size: 15px; font-weight: 600; @@ -738,9 +908,11 @@ img { margin-bottom: 12px; align-items: center; } + .banner-content h5 img { margin-right: 5px; } + .banner-content h1 { font-size: 52px; font-weight: 600; @@ -749,6 +921,7 @@ img { color: var(--color-2); margin-bottom: 30px; } + .color { color: var(--color-1); background-clip: border-box; @@ -758,21 +931,26 @@ img { background-clip: text; -webkit-text-fill-color: transparent; } + .banner-content p { line-height: 27px; color: var(--text-color); font-weight: 500; } + .banner-btn { margin-top: 50px; } + .banner-btn a { display: inline-block; } + .banner-btn .learn-btn { font-weight: 500; color: var(--color-black); } + .banner-btn .learn-btn i { height: 38px; width: 38px; @@ -790,11 +968,13 @@ img { .banner-image { position: relative; } + .banner-image img { height: auto; object-fit: cover; width: 100%; } + .over-text { display: flex; gap: 16px; @@ -807,6 +987,7 @@ img { bottom: 12px; left: 20px; } + .over-text span { display: inline-block; height: 44px; @@ -816,58 +997,66 @@ img { background: #01bc40; line-height: 44px; } + .position-relative { position: relative; } + .b-text h5 { font-size: 20px; font-weight: 600; color: var(--color-2); } + .b-text p { font-size: 13px; font-weight: 400; } + /******** Banner Area End ***************************************************************/ + + /******** performance Area Start ***************************************************************/ + .pr-wrap { - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); transition: 0.5s; background-size: 200% auto; box-shadow: 0 0 20px #eee; border-radius: 20px; } + .ps-single-wrap { padding: 30px; border-radius: 20px; transition: 0.5s; } + .ps-single-wrap img { height: 50px; width: 50px; margin-bottom: 30px; } + .ps-single-wrap h4 { font-size: 18px; font-weight: 600; color: var(--color-white); margin-bottom: 12px; } + .ps-single-wrap p { color: var(--color-white); } + .ps-border { position: relative; cursor: pointer; } + .ps-border::before { content: ""; position: absolute; @@ -878,24 +1067,33 @@ img { right: 0; transition: 0.5s; } + .ps-border:last-child::before { display: none; } + .ps-single-wrap:hover { background-color: var(--color-2); margin-top: -30px; } + .ps-border:hover::before { visibility: visible; opacity: 0; } + + /******** Performance Area End ***************************************************************/ + + /******** Category Area Start ***************************************************************/ + .section-title { margin-bottom: 50px; } + .title-head { font-size: 15px; display: inline-block; @@ -903,6 +1101,7 @@ img { font-weight: 500; color: var(--color-1); } + .title { font-size: 40px; font-weight: 500; @@ -927,26 +1126,31 @@ img { background-color: var(--color-2); color: #fff; } + .single-category:hover p, .single-category:hover h4 { color: #fff; } -.single-category .single-category-logo{ + +.single-category .single-category-logo { width: 80px; height: 80px; object-fit: cover; margin: 10px 10px 10px 10px; } -.single-category .single-category-name{ + +.single-category .single-category-name { padding: 25px 0px; text-align: left; } -.single-category .single-category-logo img{ + +.single-category .single-category-logo img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } + .single-category h4 { font-family: "Euclid Circular A"; font-size: 20px; @@ -955,6 +1159,7 @@ img { transition: 0.5s; margin-bottom: 6px; } + .single-category p { font-family: "Euclid Circular A"; font-weight: 500; @@ -962,10 +1167,15 @@ img { color: var(--text-color); transition: 0.5s; } + + /******** Category Area End ***************************************************************/ + + /******** Feature Area Start ***************************************************************/ + .single-feature { background-color: var(--bg-white); padding: 20px; @@ -975,11 +1185,13 @@ img { color: var(--text-color); transition: 0.5s; } + .courses-img { position: relative; overflow: hidden; border-radius: 10px; } + .single-feature:hover .courses-img img { transform: scale(1.1); transition: 0.5s; @@ -995,6 +1207,7 @@ img { background: url(../image/safe.png) no-repeat center center / cover; border-radius: 10px; } + .courses-img img { height: 221px; width: 100%; @@ -1003,6 +1216,7 @@ img { transition: 0.5s; transform: scale(1); } + .cText { position: absolute; bottom: 10px; @@ -1012,24 +1226,29 @@ img { align-items: center; flex-wrap: wrap; } + .cText h4 { font-size: 24px; font-weight: 600; font-family: "Euclid Circular A"; color: var(--color-white); } + .cText del { font-size: 15px; font-weight: 500; color: var(--color-white); } + .entry-details { margin-top: 10px; } + .entry-title { display: flex; justify-content: space-between; } + .entry-title h3 { font-size: 20px; font-family: "Euclid Circular A"; @@ -1039,23 +1258,28 @@ img { line-height: 25px; width: 270px; } + .en-title h3 { width: 368px; } + .single-feature:hover .learn-creator .learn-more { color: var(--color-1); } + .learn-creator .learn-more { color: var(--color-2); font-weight: 500; margin-right: 7px; transition: 0.5s; } + .learn-creator { display: flex; justify-content: space-between; align-items: center; } + .heart { display: inline-block; height: 30px; @@ -1066,41 +1290,49 @@ img { background: #ebedf2; transition: 0.5s; } + .heart:hover, .heart.inList { background-color: var(--color-1); color: var(--color-white); } -.fill-heart:hover{ + +.fill-heart:hover { background-color: #e92175 !important; color: var(--color-white) !important; } + .instructor-motion, .entry-details ul { display: flex; gap: 30px; margin-bottom: 20px; } + .instructor-motion li, .entry-details ul li { color: var(--text-color); font-size: 15px; font-weight: 400; } + .instructor-motion img, .entry-details ul li svg { margin-right: 8px; } + .entry-details .description { line-height: 27px; margin-bottom: 12px; font-size: 13px; font-weight: 500; } + .creator { display: flex; align-items: center; } + .creator img { height: 30px; width: 30px; @@ -1108,30 +1340,40 @@ img { object-fit: cover; margin-right: 12px; } + .creator p span { color: var(--color-2); font-weight: 500; } + + /******** Feature Area End ***************************************************************/ + + /******** Skill Area Start ***************************************************************/ + .description { font-size: 15px; font-weight: 500; line-height: 27px; color: var(--text-color); } + .skil-content ul { margin-top: 50px; } + .skil-content ul li { display: flex; margin-bottom: 30px; } + .skil-content ul li:last-child { margin-bottom: 0; } + .skil-content ul li .svg { height: 50px; width: 50px; @@ -1142,132 +1384,164 @@ img { background-color: #faecf1; margin-right: 12px; } + .skill-text { width: 465px; } + .skill-text span { font-size: 18px; font-weight: 500; color: var(--color-2); display: inline-block; } + .skill-text p { line-height: 27px; font-weight: 500; margin-top: 16px; } + .color-dash { background-color: #e4e9fd !important; } + .color-green { background-color: #e4fde7 !important; } + .skill-image .over-text { width: 210px; bottom: 50%; left: -20px; } + .skill-image .b-text h5 { color: var(--color-1); } + .skill-image .over-text span { background-color: var(--color-1); } + .skill-image img { height: 480px; object-fit: cover; width: 100%; } + /******** Skill Area End ***************************************************************/ - /******** Instructor Area Start + +/******** Instructor Area Start ***************************************************************/ -.eCard2{ + +.eCard2 { padding: 20px; } -.eCard2 .card-head{ + +.eCard2 .card-head { overflow: hidden; } + .eCard2 .card-head img { - height: 280px !important; + height: 280px !important; transition: .5s; } -.eCard2 .entry-details span{ + +.eCard2 .entry-details span { display: inline-block; margin: 8px 0 2px 0; } -.eCard2 .entry-details p{ + +.eCard2 .entry-details p { color: var(--text-color); } -.eCard2:hover img{ + +.eCard2:hover img { transform: scale(1.1); } - /******** Instructor Area End + + +/******** Instructor Area End ***************************************************************/ - /******** Blog Area Start + +/******** Blog Area Start ***************************************************************/ + .Ecard { background-color: var(--bg-white); box-shadow: var(--box-shadow-2); border-radius: 20px; transition: .5s; } -.card{ + +.card { border: none; } -.Ecard .card-head img{ +.Ecard .card-head img { height: 220px; width: 100%; object-fit: cover; border-radius: 20px 20px 0 0; transition: .5s; } -.Ecard .card-body h4{ + +.Ecard .card-body h4 { font-size: 20px; font-weight: 600; font-family: 'Euclid Circular A'; color: var(--color-2); line-height: 32px; } -.Ecard .card-body{ + +.Ecard .card-body { padding: 16px 30px; } -.Ecard .card-body p{ + +.Ecard .card-body p { margin-top: 8px; font-size: 13px; font-weight: 500; line-height: 23px; } -.Ecard .card-body .read-text{ + +.Ecard .card-body .read-text { display: inline-block; margin-top: 30px; font-weight: 500; color: var(--color-2); transition: .5s; } -.Ecard:hover .read-text{ + +.Ecard:hover .read-text { color: var(--color-1); } -.g-card .card-head{ + +.g-card .card-head { overflow: hidden; border-radius: 10px; } -.b-card .card-head{ + +.b-card .card-head { border-radius: 20px 20px 0 0; overflow: hidden; } + .b-card:hover .card-head img, -.g-card:hover .card-head img{ +.g-card:hover .card-head img { transform: scale(1.1); } -.b-card .card-head{ + +.b-card .card-head { position: relative; } -.b-card .card-head span{ + +.b-card .card-head span { position: absolute; top: 16px; left: 16px; @@ -1280,74 +1554,90 @@ img { padding: 6px 12px; z-index: 999; } -.b_bottom{ + +.b_bottom { margin-top: 30px; padding-bottom: 10px; } -.b_bottom span{ + +.b_bottom span { display: inline-block; font-size: 13px; font-weight: 500; color: var(--text-color); line-height: 23px; } + .blog-widget li { - justify-content: space-between; - align-items: center; - padding: 12px; - border-radius: 10px; + justify-content: space-between; + align-items: center; + padding: 12px; + border-radius: 10px; transition: .5s; margin-top: 0 !important; } -.blog-widget li:hover{ + +.blog-widget li:hover { background: #674DF030; color: var(--color-1); } + .blog-widget li .form-check { - display: flex; - align-items: center; + display: flex; + align-items: center; } + .blog-widget li .form-check-input { - margin-right: 10px; - height: 18px; - width: 18px; - margin-top: 2px; + margin-right: 10px; + height: 18px; + width: 18px; + margin-top: 2px; border: var(--bs-border-width) solid #838694; } -.border-none{ + +.border-none { border: none !important; } + .form-check-input:checked { - border-color: var(--color-1) !important; + border-color: var(--color-1) !important; } -.border-bottom{ + +.border-bottom { border-bottom: 1px solid #eee; } -.blog-widget li:last-child{ + +.blog-widget li:last-child { margin-bottom: 8px; } -.blog-sidebar{ + +.blog-sidebar { padding: 30px !important; } -.blog-sidebar .widget-title{ + +.blog-sidebar .widget-title { font-family: 'Euclid Circular A'; font-size: 20px; font-weight: 500; } -.ttr-post-media img{ + +.ttr-post-media img { height: 75px; width: 79px; border-radius: 10px; } + .blog-widget-post li:hover { - background: transparent; + background: transparent; } -.ttr-post-header span{ + +.ttr-post-header span { font-size: 13px; font-weight: 500; color: var(--text-color); } -.ttr-post-header .post-titles{ + +.ttr-post-header .post-titles { font-size: 15px; font-weight: 500; color: var(--color-2); @@ -1355,57 +1645,74 @@ img { } .widget-posts { - gap: 12px; + gap: 12px; } -.blog-widget-post li{ + +.blog-widget-post li { padding: 0 !important; } + .ttr-post-header { - margin-top: -3px; + margin-top: -3px; } + .widget .tags { - gap: 12px; + gap: 12px; } - /******** Blog Area End + + +/******** Blog Area End ***************************************************************/ + + /******** Testimnonials Area Start ***************************************************************/ + .testimonials-wrapper { position: relative; background-color: #eeeeee59; overflow: hidden; } + .elips { position: absolute; } + .left-elips { top: 0; left: -77px; z-index: -1; } + .left-elips img { height: 350px; } + .right-elips { bottom: 0; right: 0; z-index: -1; } + .right-elips img { height: 240px; } + .testimonials-wrapper .section-title { margin-top: 40px; } + .single-opinion { position: relative; } + .user-image img { width: 291px !important; height: 425px; border-radius: 10px; object-fit: cover; } + .testimonial-border { position: absolute; top: 50%; @@ -1415,12 +1722,14 @@ img { border-radius: 20px; transform: translate(0, -50%); } + .testimonial-des { padding: 45px 20px 26px 80px; position: relative; background: #fff; border-radius: 20px; } + .testimonial-des::before { content: ""; position: absolute; @@ -1432,32 +1741,39 @@ img { border-radius: 41px 0 0px 41px; z-index: -1; } + .user-info { margin-top: 30px; align-items: center; justify-content: space-between; } + .user-info h4 { font-size: 20px; font-weight: 500; line-height: 27px; color: var(--color-2); } + .user-info p { font-size: 13px; font-weight: 500; } + .user-info ul { gap: 8px; margin-right: 10px; } + .user-info ul li i { color: #efbb02; font-size: 15px; } + .testimonial-des .description { position: relative; } + .testimonial-des .description::before { content: ""; position: absolute; @@ -1475,14 +1791,10 @@ img { bottom: 40px; z-index: 999; } + .user-slider .owl-nav .owl-prev, .user-slider .owl-nav .owl-next { - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ) !important; + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%) !important; transition: 0.5s; background-size: 200% auto !important; box-shadow: 0 0 20px #eee; @@ -1492,25 +1804,33 @@ img { border-radius: 10px; transition: 0.5s; } + .user-slider .owl-nav .owl-prev { margin-right: 30px; } + .user-slider .owl-nav .owl-prev:hover, .user-slider .owl-nav .owl-next:hover { background-position: right center; color: #fff; text-decoration: none; } + + /******** Testimnonials Area End ***************************************************************/ + + /******** Blog Area Start ***************************************************************/ + .ol-card p-4 { background-color: var(--bg-white); box-shadow: var(--box-shadow-2); border-radius: 20px; transition: 0.5s; } + .card { cursor: pointer; border: none; @@ -1523,6 +1843,7 @@ img { border-radius: 20px 20px 0 0; transition: 0.5s; } + .ol-card p-4 .card-body h4 { font-size: 20px; font-weight: 600; @@ -1530,15 +1851,18 @@ img { color: var(--color-2); line-height: 32px; } + .ol-card p-4 .card-body { padding: 16px 30px; } + .ol-card p-4 .card-body p { margin-top: 8px; font-size: 13px; font-weight: 500; line-height: 23px; } + .ol-card p-4 .card-body .read-text { display: inline-block; margin-top: 30px; @@ -1546,24 +1870,30 @@ img { color: var(--color-2); transition: 0.5s; } + .ol-card p-4:hover .read-text { color: var(--color-1); } + .g-card .card-head { overflow: hidden; border-radius: 10px; } + .b-card .card-head { border-radius: 20px 20px 0 0; overflow: hidden; } + .b-card:hover .card-head img, .g-card:hover .card-head img { transform: scale(1.1); } + .b-card .card-head { position: relative; } + .b-card .card-head span { position: absolute; top: 16px; @@ -1577,10 +1907,12 @@ img { padding: 6px 12px; z-index: 999; } + .b_bottom { margin-top: 30px; padding-bottom: 10px; } + .b_bottom span { display: inline-block; font-size: 13px; @@ -1588,6 +1920,7 @@ img { color: var(--text-color); line-height: 23px; } + .blog-widget li { justify-content: space-between; align-items: center; @@ -1595,14 +1928,17 @@ img { transition: 0.5s; margin-top: 0 !important; } + .blog-widget li:hover { background: #674df030; color: var(--color-1); } + .blog-widget li .form-check { display: flex; align-items: center; } + .blog-widget li .form-check-input { margin-right: 10px; height: 18px; @@ -1610,40 +1946,50 @@ img { margin-top: 2px; border: var(--bs-border-width) solid #838694; } + .border-none { border: none !important; } + .form-check-input:checked { border-color: var(--color-1) !important; } + .border-bottom { border-bottom: 1px solid #eee; } + .blog-widget li:last-child { margin-bottom: 8px; } + .blog-sidebar { padding: 30px !important; } + .blog-sidebar .widget-title { font-family: "Euclid Circular A"; font-size: 20px; font-weight: 500; } + .ttr-post-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; } + .blog-widget-post li:hover { background: transparent; } + .ttr-post-header span { font-size: 13px; font-weight: 500; color: var(--text-color); } + .ttr-post-header .post-titles { font-size: 15px; font-weight: 500; @@ -1654,81 +2000,97 @@ img { .widget-posts { gap: 12px; } + .blog-widget-post li { padding: 0 !important; } + .ttr-post-header { margin-top: -3px; } + .widget .tags { gap: 12px; } + + /******** Blog Area End ***************************************************************/ + + /************ List View Page ***************/ + /******** Breadcumb Area Start ***************************************************************/ + .breadcum-area { padding-top: 30px; padding-bottom: 200px; - background: linear-gradient( - 200deg, - rgba(200, 162, 254, 0.3) 3%, - rgba(220, 162, 254, 0.39) 26%, - rgb(147, 155, 247) 93% - ); + background: linear-gradient( 200deg, rgba(200, 162, 254, 0.3) 3%, rgba(220, 162, 254, 0.39) 26%, rgb(147, 155, 247) 93%); } + .eNtry-breadcum .breadcrumb { margin-bottom: 12px; } + .eNtry-breadcum .breadcrumb-item a { font-size: 15px; font-weight: 500; color: var(--color-2); } -.breadcrumb-item + .breadcrumb-item::before { + +.breadcrumb-item+.breadcrumb-item::before { padding: 0 12px; color: var(--color-2); content: var(--bs-breadcrumb-divider, ">"); margin-top: 1px; } + .eNtry-breadcum .breadcrumb-item.active { color: var(--text-color); font-size: 15px; font-weight: 500; } + .g-title { font-size: 24px; font-weight: 600; color: var(--color-2); font-family: "Euclid Circular A"; } + .form-area { display: flex; gap: 30px; margin-top: 50px; margin-bottom: 30px; } + .form-area .form-group { position: relative; } + .form-area .form-group .form-control { background: transparent !important; width: 487px; color: #fff; } + .form-area .form-group .form-control::placeholder { color: var(--color-white); } + .form-area .form-group svg { position: absolute; top: 14px; right: 16px; } -.breadcrumb-item + .breadcrumb-item { + +.breadcrumb-item+.breadcrumb-item { padding-left: 0; } + .g-btn { border: none; background-color: var(--bg-white); @@ -1738,6 +2100,7 @@ img { color: var(--color-2); padding: 12px 30px; } + .g-btn svg { margin-right: 5px; } @@ -1758,19 +2121,23 @@ img { display: flex; padding: 5px; } + .tab-list ul li { padding: 6px; } + .tab-list a { color: var(--color-2); font-weight: 500; display: inline-block; } + .tab-list li.active { padding: 7px 14px; background: var(--bg-white); border-radius: 10px; } + .eNtery-item { margin-top: -180px; } @@ -1780,18 +2147,15 @@ img { justify-content: center; --bs-pagination-border-width: none; } + .entry-pagination { margin-top: 50px; } + .page-link:hover, .page-item.active .page-link, .entry-pagination .pagination li.active a { - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ) !important; + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%) !important; transition: 0.5s; background-size: 200% auto; box-shadow: 0 0 20px #eee; @@ -1814,69 +2178,81 @@ img { border: none !important; } -.instructor-photo{ +.instructor-photo { width: 330px; aspect-ratio: 1/1; overflow: hidden; border-radius: 50%; } -.instructor-photo img{ +.instructor-photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; } + /******** Breadcumb Area End ***************************************************************/ + /******** Grid View Area Start ***************************************************************/ + .info-card { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } + .info-card .heart { position: relative; z-index: 999; cursor: pointer; } + .ct-text { display: flex; justify-content: space-between; align-items: center; } + .ct-text h3 { font-size: 24px; font-weight: 600; color: var(--color-1); font-family: "Euclid Circular A"; } + .ct_hover span { color: var(--color-2); transition: 0.5s; } + .ol-card p-4:hover .ct_hover span { color: var(--color-1); } + .ct-text h3 del { font-size: 15px; font-weight: 500; color: var(--text-color); font-family: "Euclid Circular A"; } + .ct-text p { font-size: 15px; color: var(--text-color); } + .ct-text p span { font-size: 15px; font-weight: 500; color: var(--color-2); } + .ct-text p i { font-size: 13px; margin: 0 6px; @@ -1889,48 +2265,62 @@ img { line-height: 23px; color: var(--color-2); } + .g-card .entry-title h3 { margin-bottom: 8px; line-height: 32px; width: 270px; } + .g-card .card-head img { border-radius: 10px !important; height: 180px; } + .g-card { padding: 20px; border-radius: 15px; } + .g-card .card-body { padding: 0; margin-top: 20px; } + + /******** Grid View Area End ***************************************************************/ + + /******** Search Filter Area Start ***************************************************************/ + .sidebar { background-color: var(--bg-white); box-shadow: var(--box-shadow-2); border-radius: 20px; padding: 20px; } + .widget { margin-bottom: 30px; } + .search { position: relative; } + .search .form-control { background-color: transparent; border: 1px solid #eee; color: var(--text-color); } + .search .form-control:focus, .search .form-control::placeholder { color: var(--text-color) !important; } + .search .submit { position: absolute; top: 12px; @@ -1939,9 +2329,11 @@ img { background: transparent; color: var(--text-color); } + .search .form-control::placeholder { font-weight: 500; } + .widget-title { font-size: 18px; font-weight: 600; @@ -1949,11 +2341,13 @@ img { padding-bottom: 11px; border-bottom: 1px solid #eee; } + .entry-widget li { margin-top: 16px; font-weight: 500; cursor: pointer; } + .entry-widget li a { font-size: 15px; font-weight: 500; @@ -1961,9 +2355,11 @@ img { display: inline-block; transition: 0.5s; } + .entry-widget li a:hover { color: var(--color-1); } + .down-text { display: flex; justify-content: space-between; @@ -1973,44 +2369,55 @@ img { color: var(--color-1); cursor: pointer; } + .down-text i { font-size: 13px; } + .form-check-input { width: 20px; height: 20px; margin-right: 8px; } + .form-check-input:focus { box-shadow: none; } + .form-check-label { cursor: pointer; } + /* Price Range */ + .entry_range { display: flex; overflow: hidden; align-items: center; margin-top: 36px; } + .entry_range .form-control { border: none; font-weight: 500; color: var(--text-color); } + .entry_range .form-control::placeholder { color: var(--color-2); } + .entry_range p { font-weight: 500; color: var(--color-2); } + .entry_range .form-control:focus { box-shadow: none; color: var(--text-color) !important; } + .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, @@ -2025,25 +2432,31 @@ html .ui-button.ui-state-disabled:active { height: 18px; width: 18px; } + .ui-widget-header { border: 1px solid var(--color-1) !important; background: var(--color-1) !important; } + .ui-slider-horizontal .ui-slider-range { top: 0 !important; height: 3px !important; } + .ui-widget-content { border-color: #d9d9d9 !important; background-color: #d9d9d9 !important; } + .ui-slider .ui-slider-handle { width: 10px !important; height: 10px !important; } + .ui-slider-horizontal .ui-slider-handle { top: -4px !important; } + .ui-widget.ui-widget-content { border: 1px solid var(--text-color); height: 3px !important; @@ -2059,53 +2472,68 @@ html .ui-button.ui-state-disabled:active { .g-star { margin-top: 3px; } + .g-star li { margin-top: 0; } + .g-star li i { color: #edf0f7; } + .color-g i { color: #efbb02 !important; } + .widget:last-child { margin-bottom: 0; } + + /*New Grid View */ + .eBar-card { padding: 20px; } + .eBar-card .entry-title h3 { font-size: 18px; line-height: 30px; } + .eBar-card .card-body { padding: 12px 0; } + .eBar-card .creator h5 { font-size: 16px; font-weight: 500; } + .eBar-card ul { margin-bottom: 0; justify-content: space-between; align-items: center; } + .eBar-card ul li span { font-weight: 500; color: var(--color-2); } + .eBar-card .heart { position: absolute; top: 10px; right: 10px; z-index: 999; } + .eBar-card ul li i { font-size: 13px; color: #efbb02; margin-left: 5px; } + .eBar-card .learn-more { font-size: 15px; font-weight: 500; @@ -2115,6 +2543,7 @@ html .ui-button.ui-state-disabled:active { position: relative; margin-top: 6px; } + .eBar-card .learn-more::after { position: absolute; content: ""; @@ -2127,49 +2556,67 @@ html .ui-button.ui-state-disabled:active { opacity: 0; transition: 0.5s; } + .eBar-card:hover .learn-more::after { visibility: visible; opacity: 1; width: 104px; } + .eBar-card:hover .learn-more { color: var(--color-1); } + .eBar-card .courses-img img { height: 165px; } + + /******** Search Filter Area End ***************************************************************/ + + /******** Instructor Area Start ***************************************************************/ + .ol-card p-42 { padding: 20px; } + .ol-card p-42 .card-head { overflow: hidden; } + .ol-card p-42 .card-head img { height: 280px !important; transition: 0.5s; } + .ol-card p-42 .entry-details span { display: inline-block; margin: 8px 0 2px 0; } + .ol-card p-42 .entry-details p { color: var(--text-color); } + .ol-card p-42:hover img { transform: scale(1.1); } + + /******** Instructor Area End ***************************************************************/ + /******** Instructor Details Area Start ***************************************************************/ + .instructor-details { margin: 50px 0; } + .single-details { padding: 50px; background-color: #f8f7fe; @@ -2177,15 +2624,18 @@ html .ui-button.ui-state-disabled:active { position: relative; overflow: hidden; } + .left-profile img { height: 330px; border-radius: 50%; object-fit: cover; } + .instruct-img { position: relative; z-index: 1; } + .instruct-img::before { position: absolute; content: ""; @@ -2197,11 +2647,13 @@ html .ui-button.ui-state-disabled:active { z-index: -1; transform: rotate(180deg); } + .btn-wrap { margin-top: 27px; display: flex; gap: 30px; } + .btn-wrap a { padding: 10px 21px; border-radius: 5px; @@ -2209,11 +2661,13 @@ html .ui-button.ui-state-disabled:active { width: 150px; text-align: center; } + .btn-wrap .learn-btn { color: var(--color-2); font-family: "Euclid Circular A"; border: 1px solid #2f57ef38; } + .right-profile .g-title { font-size: 32px; margin-bottom: 12px; @@ -2225,9 +2679,11 @@ html .ui-button.ui-state-disabled:active { display: inline-block; margin-bottom: 30px; } + .right-profile .description { margin-bottom: 30px; } + .instruct-add li { font-family: "Euclid Circular A"; font-weight: 500; @@ -2236,54 +2692,70 @@ html .ui-button.ui-state-disabled:active { align-items: center; margin-bottom: 16px; } + .instruct-add li span { color: var(--text-color) !important; margin-left: 12px; } + .instruct-add li:last-child { margin-bottom: 0; } + .instruct-add p { width: 90px; } + .right-profile .f-socials { gap: 30px; margin-bottom: 0; margin-top: 30px; } + .right-profile .f-socials li a { border-color: #97989b47; color: #7b7d82f2; border-radius: 5px; } + .right-profile .f-socials li a:hover { color: #fff; } + .group-overly img { position: absolute; right: 0; } + .top-overly { top: 0; width: 156px; height: 70px; } + .bottom-overly { bottom: 0; height: 170px; } + + /******** Instructor Details Area End ***************************************************************/ + + /******** Contact Page Start ***************************************************************/ + .contact-card { padding: 30px 50px; text-align: center; } + .contact-card .g-title { font-size: 20px; margin-bottom: 16px; } + .contact-icon { display: inline-block; height: 70px; @@ -2295,20 +2767,24 @@ html .ui-button.ui-state-disabled:active { border-radius: 50%; margin-bottom: 16px; } + .contact-card p { font-weight: 500; color: var(--text-color); line-height: 27px; } + .contact-card a { color: var(--color-1); font-weight: 500; } + .conatact-map iframe { height: 628px; border-radius: 15px; width: 100%; } + .form-label { font-size: 16px; line-height: 28px; @@ -2317,39 +2793,49 @@ html .ui-button.ui-state-disabled:active { color: var(--color-2); font-family: "Euclid Circular A"; } + .global-form .form-control { padding: 14px 22px; line-height: 28px; margin-bottom: 8px; color: var(--text-color); } + .global-form .form-control::placeholder { color: var(--text-color); } + .global-form .form-control:focus { color: var(--text-color) !important; } + .global-form textarea { height: 157px; resize: none; } + .global-form button { border: none; padding: 12px 30px; } + .contact-left { margin-top: 10px; margin-left: 40px; } + /******** About Us Area Start ***************************************************************/ + .about-wrapper { padding-top: 90px; } + .intro-about { text-align: center; } + .trophy-text { padding: 11px 30px; background-color: rgba(47, 87, 239, 12%); @@ -2363,23 +2849,28 @@ html .ui-button.ui-state-disabled:active { margin: auto; margin-bottom: 16px; } + .intro-about h2 { font-size: 64px; margin-bottom: 30px; } + .intro-about .description { width: 750px; margin: auto; margin-bottom: 30px; } + .intro-about .btn-wrap { justify-content: center; } + .intro-about .btn-wrap a { width: auto; padding: 12px 30px; border-radius: 10px; } + .single-motion { padding: 18px 27px; box-shadow: var(--box-shadow-2); @@ -2390,41 +2881,44 @@ html .ui-button.ui-state-disabled:active { transition: 0.5s; background-size: 200% auto; } + .single-motion:hover { - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); transition: 0.5s; background-position: left center; color: #fff; } + .single-motion span svg path { transition: 0.5s; } + .single-motion:hover span svg path, .single-motion:hover .g-title, .single-motion:hover p { color: #fff; stroke: #fff; } + .motion-text h4 { font-size: 32px; margin-bottom: 4px; transition: 0.5s; } + .motion-text p { font-weight: 500; transition: 0.5s; } + .skill-image { margin-right: 20px; } + .about-skill .skill-image { margin-top: 35px; } + .about-skill .skill-image img { height: 508px; width: 100%; @@ -2432,13 +2926,18 @@ html .ui-button.ui-state-disabled:active { border-radius: 10px; } + /******** About Us Area End ***************************************************************/ + + /******** My Courses Area Start ***************************************************************/ + .Mycourses-wrapper { margin-top: 50px; } + .my-panel { position: relative; padding: 30px; @@ -2447,12 +2946,14 @@ html .ui-button.ui-state-disabled:active { box-shadow: var(--box-shadow-2); padding-bottom: 42px; } + .image-panel { display: flex; position: absolute; bottom: 30px; left: 43px; } + .image-panel img { height: 180px; width: 180px; @@ -2460,17 +2961,21 @@ html .ui-button.ui-state-disabled:active { object-fit: cover; object-position: center; } + .image-panel h4 { font-size: 24px; margin-bottom: 12px; } + .image-panel ul { gap: 40px; } + .image-panel ul li { font-weight: 500; position: relative; } + .image-panel ul li::after { position: absolute; content: ""; @@ -2480,20 +2985,25 @@ html .ui-button.ui-state-disabled:active { width: 1px; background-color: #eee; } + .image-panel ul li:last-child::after { display: none; } + .image-panel ul li svg { margin-right: 5px; } + .over-image { position: relative; } + .over-image .banner { height: 230px; width: 100%; border-radius: 20px; } + .upload-image-btn { border: none; background: transparent; @@ -2508,6 +3018,7 @@ html .ui-button.ui-state-disabled:active { width: 180px; height: 180px; } + .upload-image-btn::before { content: ""; position: absolute; @@ -2521,9 +3032,11 @@ html .ui-button.ui-state-disabled:active { border: 2px solid transparent; transition: 0.4s; } + .upload-image-btn:hover:before { background: rgba(0, 0, 0, 0.308); } + .upload-hover-text { width: 100px; opacity: 0; @@ -2547,6 +3060,7 @@ html .ui-button.ui-state-disabled:active { height: 200px; overflow: hidden; } + .preview-image img { width: 100%; height: 100%; @@ -2559,6 +3073,7 @@ html .ui-button.ui-state-disabled:active { visibility: visible; color: #fff; } + .my-info { margin-left: 204px; } @@ -2568,72 +3083,81 @@ html .ui-button.ui-state-disabled:active { align-items: center; justify-content: flex-end; } + .gradient-border { - background: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); border-radius: 12px; padding: 2px; width: 100%; } + .course-sideBar { padding: 30px; border-radius: 10px; background-color: var(--bg-white); box-shadow: var(--box-shadow-2); } + .course-sideBar p { text-transform: uppercase; font-weight: 500; margin-bottom: 30px; color: #a1a7b4; } + .couses-tab-list li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #edf0f7; } + .couses-tab-list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } + .couses-tab-list li a { font-size: 15px; font-weight: 500; color: var(--text-color); display: inline-block; } + .couses-tab-list li svg { height: 24px; width: 24px; margin-right: 12px; } + .couses-tab-list li.active a { color: var(--color-1); } + .couses-tab-list li.active a svg path { fill: var(--color-1); } + .couses-tab-list li a:hover svg path, .couses-tab-list li a:hover { color: var(--color-1); fill: var(--color-1); } + .course-content .g-title { font-size: 24px; margin-bottom: 12px; } + .course-content .g-card { padding: 20px !important; } + .progress, .progress-stacked { --bs-progress-height: 8px; } + .single-progress p, .single-progress h5 { font-size: 13px !important; @@ -2641,6 +3165,7 @@ html .ui-button.ui-state-disabled:active { text-transform: uppercase; color: var(--text-color) !important; } + .f-500 { font-weight: 500 !important; } @@ -2652,20 +3177,19 @@ html .ui-button.ui-state-disabled:active { color: var(--color-2); border: 1px solid #2f57ef38; } + .c-card:hover .eBtn { - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); background-size: 200% auto; box-shadow: 0 0 20px #eee; transition: 0.5s; color: var(--color-white) !important; } + + /******** My Courses Area End ***************************************************************/ + .privacy-policy, .entry_panel { background-color: #fff; @@ -2673,41 +3197,53 @@ html .ui-button.ui-state-disabled:active { padding: 30px; border-radius: 20px; } + .privacy-policy h3 { font-size: 36px; font-weight: 500; margin-bottom: 30px; } + .privacy-policy p { margin-bottom: 20px; } + .privacy-policy p:last-child { margin-bottom: 0; } + + /******** Privay Policy Area End ***************************************************************/ + + /******** Login Area Start ***************************************************************/ .login-area { margin-top: 50px; } + .login-img img { height: 630px; object-fit: cover; } + .global-form .g-title { font-size: 36px; line-height: 38px; margin-bottom: 20px; } + .global-form .description { margin-bottom: 30px; } + .remember-me a { font-weight: 500; color: var(--color-1); } + .login-form .eBtn { padding: 14px 30px; } @@ -2717,6 +3253,7 @@ html .ui-button.ui-state-disabled:active { font-weight: 500; border: 1px solid #edf0f7; } + .sign-motion { text-align: center; font-size: 16px; @@ -2726,12 +3263,15 @@ html .ui-button.ui-state-disabled:active { justify-content: center; position: relative; } + .login-form .learn-btn svg { margin-right: 5px; } + .login-form p a { font-weight: 600; } + .sign-motion::before, .sign-motion::after { position: absolute; @@ -2741,16 +3281,23 @@ html .ui-button.ui-state-disabled:active { height: 1px; background-color: #edf0f7; } + .sign-motion::after { left: 0; } + .sign-motion::before { right: 0; } + + /******** Login Area End ***************************************************************/ + + /******** Courses Playing Area Start ***************************************************************/ + .playing-header { background-color: var(--color-2); padding: 22px 0 !important; @@ -2765,30 +3312,23 @@ html .ui-button.ui-state-disabled:active { transition: 0.5s; margin-right: 13px; } + .mybtn-play:hover { - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); transition: 0.5s; background-size: 200% auto; color: #fff !important; border-color: transparent; } + .entry-player .g-title { font-size: 20px; color: var(--color-white); - background: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); background-size: 200% auto; padding: 15px 0; } + .entry-player h4 i { height: 38px; width: 38px; @@ -2798,18 +3338,22 @@ html .ui-button.ui-state-disabled:active { background-color: #ffffff4a; margin: 0 17px; } + .plr-bg { --bs-gutter-x: 0 !important; } + .player-left h4 { font-size: 20px; padding: 22px 30px; text-align: center; background-color: #edf0f7; } + .lesson-play-list { padding: 20px; } + .player-search { margin-bottom: 16px; } @@ -2820,65 +3364,80 @@ html .ui-button.ui-state-disabled:active { color: var(--color-2); padding: 20px; } + .accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; color: var(--color-1); } -.accordion-collapse{ + +.accordion-collapse { padding: 0px 20px; } + .accordion-button:focus { border-color: transparent; box-shadow: none; } + .accordion-item { border: none; border-bottom: 1px solid #eee; border-radius: 0; } + .accordion-item:last-of-type, .accordion-item:first-of-type { border-radius: 0; } + .lesson-list span { font-size: 13px; font-weight: 500; } + .lesson-list li { margin-bottom: 16px; } + .lesson-list li a { font-weight: 500; transition: 0.5s; color: var(--color-2); } + .lesson-list li a:hover svg path, .lesson-list li a:hover { color: var(--color-1); fill: var(--color-1); } + .lesson-list li svg, .lesson-list li i { margin-right: 10px; transition: 0.5s; margin-top: 5px; } + .accordion-body { padding: 0; } + .accordion-button::after { background: url(../image/plus.svg) no-repeat scroll center center / cover; background-size: 17px; transition: inherit; } + .accordion-button:not(.collapsed)::after { background: url(../image/minus.svg) no-repeat scroll center center / cover; background-size: 17px; transition: inherit; } + /* Tab */ + .entry-tab .nav-link { padding: 0; font-size: 20px; @@ -2886,13 +3445,16 @@ html .ui-button.ui-state-disabled:active { color: var(--text-color); border: none; } + .entry-tab .nav-tabs .nav-item.show .nav-link, .entry-tab .nav-tabs .nav-link.active { color: var(--color-2); } + .entry-tab .nav-tabs .nav-link.active { position: relative; } + .entry-tab .nav-tabs .nav-link.active::after { position: absolute; bottom: -16px; @@ -2902,19 +3464,27 @@ html .ui-button.ui-state-disabled:active { background-color: var(--color-1); content: ""; } + .entry-tab ul { margin-left: 30px; } + .entry-tab ul li { padding: 30px 60px 16px 0; } + .entry-tab .tab-content { padding: 30px; } + + /******** Courses Playing Area End ***************************************************************/ + + /******** Courses Detals Area Start ***************************************************************/ + .course-details .trophy-text { width: 171px; border: 1px solid #eee; @@ -2926,6 +3496,7 @@ html .ui-button.ui-state-disabled:active { gap: 60px; justify-content: center; } + .course-motion-top li { display: flex; align-items: center; @@ -2933,10 +3504,12 @@ html .ui-button.ui-state-disabled:active { color: var(--color-2); position: relative; } + .course-motion-top li i { color: #efbb02; margin-left: 8px; } + .course-motion-top li::after { position: absolute; content: ""; @@ -2947,18 +3520,22 @@ html .ui-button.ui-state-disabled:active { width: 1px; height: 17px; } + .course-motion-top li:last-child::after { display: none; } + .course-motion-top li img { margin-right: 8px; } + .pro-32 { height: 32px; width: 32px; border-radius: 50%; object-fit: cover; } + .pro-20 { width: 20px; height: 20px; @@ -2967,21 +3544,25 @@ html .ui-button.ui-state-disabled:active { .bottom-motion { margin-left: 27px; } + .hero-details { position: relative; } + .hero-details img { width: 100%; height: 480px; border-radius: 20px; object-fit: cover; } + .overly-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + .hero-details a { height: 46px; width: 46px; @@ -2992,10 +3573,12 @@ html .ui-button.ui-state-disabled:active { border-radius: 50%; position: relative; } + .hero-details a::before { height: 60px; width: 60px; } + .hero-details a:after, .hero-details a:before { border-radius: 50%; @@ -3006,17 +3589,21 @@ html .ui-button.ui-state-disabled:active { position: absolute; content: ""; } + .hero-details a:after { height: 75px; width: 75px; } + .playing-breadcum { padding-bottom: 150px; } + .player-feature .hero-details { position: relative; top: -90px; } + .course-details h2 { font-size: 40px; margin-bottom: 30px !important; @@ -3030,18 +3617,22 @@ html .ui-button.ui-state-disabled:active { top: 0; z-index: 99; } + .fDetails-tab .nav-pills { gap: 8px; } + .fDetails-tab .nav-pills .nav-link.active, -.fDetails-tab .nav-pills .show > .nav-link { +.fDetails-tab .nav-pills .show>.nav-link { color: var(--color-white); background-color: var(--color-1); } + .fDetails-tab .nav-link:focus, .fDetails-tab .nav-link:hover { color: var(--color-2); } + .fDetails-tab .nav-pills .nav-link { border-radius: 10px; padding: 10px 30px; @@ -3049,13 +3640,16 @@ html .ui-button.ui-state-disabled:active { color: var(--text-color); transition: 0.5s; } + .fDetails-tab .nav-pills .nav-link:hover { background-color: var(--color-1); color: var(--color-white); } + .desc-control { margin-top: -40px; } + .fDetails-tab { background: var(--bg-white); box-shadow: var(--box-shadow-2); @@ -3063,6 +3657,7 @@ html .ui-button.ui-state-disabled:active { border-radius: 15px; max-width: 712px; } + .ps-box { margin-top: 30px; padding: 20px; @@ -3070,18 +3665,21 @@ html .ui-button.ui-state-disabled:active { box-shadow: var(--box-shadow-2); border-radius: 20px; } + .ps-box .g-title { font-size: 20px; padding-bottom: 16px; border-bottom: 1px solid #eee; margin-bottom: 30px; } + .s_stext { font-weight: 500; color: var(--color-1); display: inline-block; margin-top: 30px; } + .ps-box .accordion-button { font-size: 18px; } @@ -3091,6 +3689,7 @@ html .ui-button.ui-state-disabled:active { gap: 11px; align-items: center; } + .preview-text p { font-size: 13px; font-weight: 500; @@ -3100,33 +3699,42 @@ html .ui-button.ui-state-disabled:active { background-color: rgba(47, 87, 239, 12%); transition: 0.5s; } + .preview-text p svg { margin-top: 0; margin-right: 0; } + .lesson-list li a:hover .preview-text p { color: var(--color-1); } + .svg-mt svg { margin-top: 0 !important; } + .course_list li { margin-bottom: 25px; } + .accordion-item:last-child { border-bottom: none; } + .requirment { display: flex; gap: 30px; } + .requirment ul li { gap: 7px; margin-bottom: 16px; } + .requirment ul li:last-child { margin-bottom: 0; } + .requirment ul li i { background: rgba(47, 87, 239, 12%); height: 20px; @@ -3138,6 +3746,7 @@ html .ui-button.ui-state-disabled:active { font-size: 12px; justify-content: center; } + .requirment ul li p { max-width: 290px; margin-top: -4px; @@ -3149,23 +3758,27 @@ html .ui-button.ui-state-disabled:active { align-items: center; margin-bottom: 20px; } + .ins-left { display: flex; gap: 12px; align-items: center; } + .ins-left img { height: 50px; width: 50px; border-radius: 50%; object-fit: cover; } + .ins-designation h5 { font-size: 18px; font-weight: 600; color: var(--color-2); margin-bottom: 3px; } + .ins-right .action { display: flex; gap: 12px; @@ -3173,39 +3786,48 @@ html .ui-button.ui-state-disabled:active { visibility: hidden; transition: 0.2s; } + .E-review:hover .ins-right .action { opacity: 1; visibility: visible; } + .ins-right a { color: var(--text-color); font-weight: 500; } + .ins-right { display: flex; gap: 8px; } + .ins-right p { font-weight: 500; color: var(--color-2); } + .re-star { gap: 5px; } + .re-star li i { color: #efbb02; font-size: 13px; } + .instructor-motion { margin-bottom: 0; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } + .instructor-motion li { position: relative; display: flex; } + .instructor-motion li::after { position: absolute; content: ""; @@ -3215,23 +3837,28 @@ html .ui-button.ui-state-disabled:active { height: 17px; background-color: #eee; } + .instructor-motion img { height: 20px; width: 20px; } + .entry-like { gap: 30px; padding-bottom: 20px; } + .entry-like li { font-weight: 500; transition: 0.5s; } + .entry-like li:hover, .entry-like li:hover svg path { color: var(--color-1); fill: var(--color-1); } + .entry-like li svg { margin-top: -2px; } @@ -3240,41 +3867,51 @@ html .ui-button.ui-state-disabled:active { max-height: 910px; overflow: hidden; } + .review .E-review:last-child { border-bottom: none; padding-bottom: 0; } + .E-review { margin-bottom: 21px; padding-bottom: 20px; border-bottom: 1px solid #eee; } + .entry-like:last-child { padding-bottom: 0; } + .review .E-review:last-child { border: none; } + .review .see-more { font-weight: 600; color: var(--text-color); transition: 0.3s; } + .review .see-more:hover { color: var(--color-1); } + .review .see-more i { margin-left: 10px; } + .ps-sidebar { margin-top: 0; padding: 12px 20px; } + .ps-sidebar .g-title { font-size: 36px; border-bottom: 0; margin-bottom: 0; } + .ps-sidebar del { font-family: "Euclid Circular A"; font-size: 20px; @@ -3283,6 +3920,7 @@ html .ui-button.ui-state-disabled:active { margin-left: 5px; color: var(--text-color); } + .ps-sidebar .eBtn { display: flex; align-items: center; @@ -3290,36 +3928,37 @@ html .ui-button.ui-state-disabled:active { padding: 12px 20px; font-weight: 500; } + .ps-sidebar .eBtn img { height: 20px; width: 20px; margin-right: 8px; } + .ps-sidebar .learn-btn { border: 1px solid #edf0f7; color: var(--color-2); margin: 20px 0 12px 0; transition: 0.5s; } + .ps-sidebar .learn-btn:hover { - background: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); color: var(--color-white); border-color: transparent; transition: 0.5s; background-size: 200% auto; box-shadow: 0 0 20px #eee; } + .ps-sidebar .description { font-size: 13px; } + .ps-side-feature { margin-top: 30px; } + .ps-side-feature li { color: var(--color-2); font-size: 15px; @@ -3329,37 +3968,38 @@ html .ui-button.ui-state-disabled:active { margin-bottom: 12px; text-transform: capitalize; } + .ps-side-feature li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } + .ps-side-feature li span { color: var(--text-color) !important; display: flex; gap: 5px; } + .ps-side-feature li span img { height: 20px; } + .ps-sidebar .f-socials { flex-wrap: wrap; gap: 30px; justify-content: center; margin: 20px 0; } + .ps-sidebar .f-socials li a { border-color: #ccd1db; color: var(--text-color); border-radius: 5px; } + .ps-sidebar .f-socials li a:hover { - background: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); color: var(--color-white); border-color: transparent; transition: 0.5s; @@ -3367,6 +4007,7 @@ html .ui-button.ui-state-disabled:active { box-shadow: 0 0 20px #eee; border-color: transparent; } + .dt_group a { background: #2f57ef33; padding: 11px 50px; @@ -3375,29 +4016,38 @@ html .ui-button.ui-state-disabled:active { font-weight: 500; color: var(--color-2); } + .dt_group a img { margin-right: 5px; } + .dt_group a p { color: var(--text-color); font-weight: 600; margin-left: 3px; } + /******** Courses Detals Area End ***************************************************************/ + + /******** Blog Detals Area Start ***************************************************************/ + .blog-details { margin-top: -200px; } + .details-breadcum { padding-bottom: 230px; } + .figar { justify-content: center; margin-bottom: 27px; } + .figar img { height: 40px; width: 40px; @@ -3405,12 +4055,15 @@ html .ui-button.ui-state-disabled:active { object-fit: cover; margin-right: 8px; } + .figar p { color: var(--color-2); } -.blog-box{ + +.blog-box { margin-top: -65px; } + .blog-box .course-motion-top { margin-bottom: 30px; } @@ -3420,15 +4073,19 @@ html .ui-button.ui-state-disabled:active { height: 13px; background-color: #edf0f7; } + .blog-box .course-motion-top li { color: var(--text-color); } + .blog-box .g-title { border-bottom: none; } + .f-40 { font-size: 40px !important; } + .blog-f-image img { height: 478px; width: 100%; @@ -3436,9 +4093,11 @@ html .ui-button.ui-state-disabled:active { border-radius: 15px; margin-bottom: 50px; } + .blog-f-image p { margin-bottom: 30px; } + .italic { font-style: italic; padding: 17px; @@ -3448,6 +4107,7 @@ html .ui-button.ui-state-disabled:active { color: var(--color-2); font-size: 22px; } + .single-bg-img img { height: 200px !important; width: 100%; @@ -3455,12 +4115,14 @@ html .ui-button.ui-state-disabled:active { border-radius: 10px; margin-bottom: 0 !important; } + .tags { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 50px; } + .tags li a { display: inline-block; border: 1px solid #edf0f7; @@ -3471,14 +4133,18 @@ html .ui-button.ui-state-disabled:active { transition: 0.5s; border-radius: 6px; } -.tags li a:hover, .tags li a.active { + +.tags li a:hover, +.tags li a.active { color: var(--color-white); background-color: var(--color-1); border-color: var(--color-1); } + .details-socialsLink { margin-top: 50px; } + .details-socialsLink span { display: flex; align-items: center; @@ -3487,9 +4153,11 @@ html .ui-button.ui-state-disabled:active { font-weight: 500; color: var(--color-2); } + .details-socialsLink span svg { margin-top: -3px; } + .details-socialsLink span .like-svg { height: 38px; width: 38px; @@ -3498,10 +4166,12 @@ html .ui-button.ui-state-disabled:active { border-radius: 50%; text-align: center; } + .details-socialsLink .f-socials { gap: 20px; margin-bottom: 0; } + .details-socialsLink .f-socials li a { border: 1px solid #6b738559; color: #192335; @@ -3510,9 +4180,11 @@ html .ui-button.ui-state-disabled:active { border-radius: 50%; line-height: 38px; } + .details-socialsLink .f-socials li a:hover { color: var(--color-white); } + .comment-head { display: flex; justify-content: space-between; @@ -3521,6 +4193,7 @@ html .ui-button.ui-state-disabled:active { border-top: 1px solid #edf0f7; border-bottom: 1px solid #edf0f7; } + .comment-head .g-title { margin-bottom: 0; padding-bottom: 0; @@ -3528,74 +4201,92 @@ html .ui-button.ui-state-disabled:active { font-family: "Euclid Circular A"; font-weight: 600; } + .g_font { font-size: 28px !important; font-family: "Euclid Circular A"; font-weight: 600; } + .comment-form { margin-top: 30px; } + .comment-form .form-group { display: flex; gap: 30px; } + .comment-form .form-control { padding: 15px 18px; color: var(--color-2); margin-bottom: 30px; } + .comment-form .form-control::placeholder { color: var(--text-color); } + .comment-form button { border: none; } + .comment-form textarea { height: 170px; resize: none; } + .comment-form .form-control:focus { color: var(--color-2) !important; } + .eComment { margin-top: 20px; } + .single-comment { gap: 16px; padding-bottom: 30px; padding-top: 30px; } + .comment-entry { border-bottom: 1px solid #edf0f7; } + .cUser-img { height: 90px; width: 90px; } + .cUser-img img { height: 90px; width: 90px; object-fit: cover; border-radius: 50%; } + .cUser-info { max-width: 87%; } + .cUser-info h5 { font-size: 18px; font-weight: 600; color: var(--color-2); margin-bottom: 6px; } + .date-pack { display: flex; gap: 35px; margin-bottom: 16px; } + .date-pack p { font-weight: 500; } + .date-pack a { font-size: 15px; font-weight: 500; @@ -3603,6 +4294,7 @@ html .ui-button.ui-state-disabled:active { color: var(--text-color); position: relative; } + .date-pack a::after { position: absolute; content: ""; @@ -3613,10 +4305,12 @@ html .ui-button.ui-state-disabled:active { background-color: #edf0f7; border-radius: 50%; } + .reply-comment { margin-left: 100px; border-top: 1px solid #edf0f7; } + .eComment .comment-entry:last-child { border-bottom: none; } @@ -3624,6 +4318,7 @@ html .ui-button.ui-state-disabled:active { .comment-wrap { margin-top: 50px; } + .comment-wrap .f-socials li a { border: 1px solid #6b738559; color: #192335; @@ -3632,17 +4327,21 @@ html .ui-button.ui-state-disabled:active { line-height: 38px; border-radius: 50%; } + .Eins_image, .comment-wrap .ins-left img { height: 110px; width: 110px; } + .comment-wrap .ins-left { gap: 20px; } + .E_desig { max-width: 910px; } + .E_desig h5 { font-size: 24px; } @@ -3651,8 +4350,11 @@ html .ui-button.ui-state-disabled:active { border-radius: 10px !important; } + /******** Blog Detals Area End ***************************************************************/ + + /******** Wishlist Area Start ***************************************************************/ @@ -3661,6 +4363,7 @@ html .ui-button.ui-state-disabled:active { line-height: 30px; margin-bottom: 16px; } + .wish-card .ct-text h3 { color: var(--color-2); transition: 0.5s; @@ -3669,30 +4372,36 @@ html .ui-button.ui-state-disabled:active { .wish-card:hover .ct-text h3 { color: var(--color-1); } + .wish-card .heart { color: #e92175; } + .wish-card .info-card { margin-bottom: 12px; } + .wish-card .card-body { margin-top: 16px; } + /******** Wishlist Area End ***************************************************************/ + /******** Purchase History Area Start ***************************************************************/ + .purchase-history-panel .eTable { margin-top: 24px; } -.eTable > :not(caption) > * > :first-child { +.eTable> :not(caption)>*> :first-child { color: var(--color-2); } -.eTable > :not(caption) > * > * { +.eTable> :not(caption)>*>* { border-bottom: 1px dashed #d2d2d2; padding: 15px 20px !important; vertical-align: middle; @@ -3705,10 +4414,12 @@ html .ui-button.ui-state-disabled:active { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } + .eTable thead tr th:nth-last-child(1) { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } + .eTable thead tr th { font-size: 14px; font-weight: 500; @@ -3717,20 +4428,24 @@ html .ui-button.ui-state-disabled:active { background-color: #f4f7fd; } + /******** Footer Area Start ***************************************************************/ + .footer-area { margin-top: 110px; background: linear-gradient(180deg, #1E3764 0%, #192335 100%); padding: 50px 0 30px 0; color: var(--color-white); } + .footer-content img { height: 46px; width: 161px; object-fit: cover; margin-bottom: 29px; } + .footer-content p { font-size: 13px; font-weight: 500; @@ -3738,10 +4453,12 @@ html .ui-button.ui-state-disabled:active { margin-bottom: 30px; color: var(--color-white); } + .f-socials { gap: 16px; margin-bottom: 30px; } + .f-socials li a { display: inline-block; height: 32px; @@ -3753,6 +4470,7 @@ html .ui-button.ui-state-disabled:active { color: var(--color-white); transition: 0.5s; } + .f-socials li a:hover { background: var(--color-1); transition: 0.5s; @@ -3760,6 +4478,7 @@ html .ui-button.ui-state-disabled:active { color: #fff !important; border: 1px solid transparent; } + .gradient-border-btn { display: inline-block; font-size: 15px; @@ -3772,39 +4491,33 @@ html .ui-button.ui-state-disabled:active { background: #1e3764; width: 208px; } + .gradient-border2 { - background: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); border-radius: 10px; padding: 1px; width: 210px; } .gradient-border-btn:hover { - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); color: var(--color-white); border-color: transparent; background-position: center; } + .footer-widget h4 { font-size: 18px; font-weight: 600; font-family: "Euclid Circular A"; margin-bottom: 24px; } + .footer-widget ul { display: flex; flex-direction: column; } + .footer-widget ul li a { display: inline-block; color: #dedede; @@ -3813,22 +4526,27 @@ html .ui-button.ui-state-disabled:active { font-weight: 400; transition: 0.5s; } + .footer-widget ul li a:hover { color: var(--color-1); } + .newslater-bottom p { margin-bottom: 16px; color: #dedede; } + .newslater-form { position: relative; border-radius: 10px; border: 1px solid var(--color-1); } + .newslater-form .form-control { background-color: transparent; border: none; } + .newslater-form .eBtn { border: none; position: absolute; @@ -3838,35 +4556,43 @@ html .ui-button.ui-state-disabled:active { box-shadow: none; padding: 10.5px 24px; } + .form-control { padding: 11px 16px; font-size: 15px; color: var(--text-color); border-radius: 10px; } + .form-control:focus { box-shadow: none; border-color: inherit; color: var(--text-color) !important; border-color: var(--color-1); } + .form-control::placeholder { color: var(--text-color); } + .newslater-bottom { margin-top: 20px; } + .footer-bottom { margin-top: 50px; padding-top: 30px; border-top: 1px solid #ffffff38; } + .footer-policy { display: flex; } + .footer-policy li { margin-right: 40px; } + .copyright-text p, .footer-policy li a { display: inline-block; @@ -3874,10 +4600,13 @@ html .ui-button.ui-state-disabled:active { font-weight: 400; color: #dedede; } + .copyright-text { display: flex; justify-content: flex-end; } + + /******** Footer Area End ***************************************************************/ @@ -3937,8 +4666,10 @@ textarea::placeholder { color: #2f57ef; } + /******** Cart list style start ***************************************************************/ + .cart-items thead th { font-size: 15px; font-weight: 500; @@ -3989,6 +4720,7 @@ textarea::placeholder { padding: 20px; padding-top: 0; } + .cart-total-price h2 { font-size: 20px; color: var(--color-2); @@ -4019,10 +4751,12 @@ textarea::placeholder { display: flex; align-items: center; } + .coupon input:nth-child(1) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } + .coupon input:nth-child(2) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; @@ -4033,13 +4767,18 @@ textarea::placeholder { font-size: 15px; font-weight: 500; } + + /******** Cart list style end ***************************************************************/ + /******** bootstrap toastr start ***************************************************************/ + /*Bootstrap toaster*/ + .toast { border-radius: 10px; } @@ -4078,6 +4817,7 @@ textarea::placeholder { background-color: rgb(255 85 119); } + /******** bootstrap toastr end ***************************************************************/ @@ -4100,6 +4840,7 @@ textarea::placeholder { padding: 4px; display: inline-flex; } + .ins-right i.fi-rr-trash { font-size: 17px; color: red; @@ -4110,10 +4851,14 @@ textarea::placeholder { color: blue; } + /******** modal css starts ***************************************************************/ + + /******** Message Area Start ***************************************************************/ + .empty-inbox-msg { font-size: 15px; margin-top: 20px; @@ -4128,9 +4873,11 @@ textarea::placeholder { .message-panel { padding: 20px 23px; } + .message-intro .g-title { margin-bottom: 23px; } + .message-intro .Esearch_entry .form-control { height: auto; padding: 10px 10px 10px 40px; @@ -4139,16 +4886,19 @@ textarea::placeholder { border-color: #f4f7fd; color: var(--color-2); } + .message-intro .form-control:focus { color: var(--color-2) !important; } + .message-intro .Esearch_entry button { right: auto; top: 11px; left: 10px; } + .message-left .nav-pills .nav-link.active, -.message-left .nav-pills .show > .nav-link { +.message-left .nav-pills .show>.nav-link { color: transparent; background-color: transparent; } @@ -4167,19 +4917,23 @@ textarea::placeholder { padding: 8px; cursor: pointer; } + .message-left .contact:hover, .message-left .contact.active { background: #f4f7fd !important; } + .ins-nav .ins-left img { height: 40px; width: 40px; border-radius: 50%; object-fit: cover; } + .active-image { position: relative; } + .active-image::after { position: absolute; content: ""; @@ -4190,6 +4944,7 @@ textarea::placeholder { bottom: 3px; right: 4.5px; } + .active-image::before { position: absolute; content: ""; @@ -4200,29 +4955,35 @@ textarea::placeholder { right: 3px; bottom: 1px; } + .ins-nav { display: flex; justify-content: space-between; } + .ins-figure { display: flex; flex-direction: column; align-items: start; } + .ins-figure h4 { font-size: 14px; font-weight: 500; color: var(--color-2); } + .ins-figure .typing { color: #5dbd93; } + .ins-figure p { color: var(--text-color); font-size: 12px; font-weight: 500; text-align: left; } + .ins-rights .time { font-size: 12px; font-weight: 500; @@ -4230,6 +4991,7 @@ textarea::placeholder { display: inline-block; margin-bottom: 4px; } + .ins-rights p { height: 16px; width: 16px; @@ -4245,10 +5007,12 @@ textarea::placeholder { align-items: center; justify-content: center; } + .header-image img { height: 44px !important; width: 44px !important; } + .elips-dots { height: 36px; width: 36px; @@ -4260,7 +5024,10 @@ textarea::placeholder { font-size: 17px; cursor: pointer; } + + /* Message */ + .custome-height { height: 575px; overflow-y: auto; @@ -4273,18 +5040,22 @@ textarea::placeholder { justify-content: space-between; scrollbar-gutter: stable; } + .message-send-option { background: #f4f7fd; padding: 16px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } + .message-text { flex: 0 0 calc(100% - 116px); } + .pb-17 { padding-bottom: 17px; } + .g-14 { gap: 20px; } @@ -4295,13 +5066,16 @@ textarea::placeholder { color: #747579; margin: 0 6px; } + .message-list li { max-width: 100%; margin-bottom: 10px; } + .message-list li:last-child { margin-bottom: 0; } + .message-list li p { display: inline-block; background-color: var(--bg-white); @@ -4311,17 +5085,21 @@ textarea::placeholder { padding: 10px; line-height: 20px; } + .message-list li p:last-child { border-radius: 0rem 1.25rem 1.25rem; } + .message-for-me .message-list li { text-align: right; } + .message-for-me .message-list li p { background-color: var(--color-1); color: var(--color-white); border-radius: 10px 10px 0 10px; } + .message-for-me .message-list li p:last-child { border-radius: 10px 10px 0 10px; } @@ -4332,6 +5110,7 @@ textarea::placeholder { background-color: #fff; padding: 8px 12px; } + .message-input .form-control { background-color: transparent; border: none; @@ -4343,12 +5122,15 @@ textarea::placeholder { resize: none; height: 30px; } + .message-input .form-control::placeholder { color: #a2a3a8; } -.message-input .ic-control label{ + +.message-input .ic-control label { cursor: pointer; } + .send_message_btn { background-color: var(--color-1); padding: 8px; @@ -4356,19 +5138,24 @@ textarea::placeholder { outline: none; border-radius: 10px; } + .message-input .form-control:focus { color: var(--color-2) !important; } + .g-12 { gap: 12px; } + .ic-control { gap: 10px; } + .message-header .ins-figure h4 { font-size: 16px; font-weight: 600; } + .message-header { margin-bottom: 8px; } @@ -4435,6 +5222,8 @@ textarea::placeholder { border-radius: 10px; background-color: var(--color-1); } + + /******** Message Area End ***************************************************************/ @@ -4447,39 +5236,41 @@ textarea::placeholder { .modal-header { padding: 10px 16px; border-bottom: 0; - background-image: linear-gradient( - to right, - #2f57ef 0%, - #c664ff 51%, - #c664ff 100% - ); + background-image: linear-gradient( to right, #2f57ef 0%, #c664ff 51%, #c664ff 100%); transition: 0.5s; background-position: center; color: #fff !important; } + .modal-header h2 { font-size: 20px; color: #fff; padding: 8px; } + .modal-header .btn-close { color: #fff; margin-right: 10px; } + .modal-header button:focus:not(:focus-visible) { box-shadow: none; } + .eModal .modal-body { padding: 0; } + /******** modal css ends ***************************************************************/ + .entry-like a, .entry-like a.active { padding: 8px; border-radius: 50%; } + .entry-like a, .entry-like a path { transition: 0.4s; @@ -4489,6 +5280,7 @@ textarea::placeholder { .entry-like a.active { background: var(--color-1); } + .entry-like a:hover path, .entry-like a.active path { fill: #fff !important; @@ -4503,9 +5295,11 @@ textarea::placeholder { .popular-blogs { display: flex; } + .popular-blogs .ttr-post-info { flex-basis: 75%; } + .popular-blogs .ttr-post-media { width: 75px; aspect-ratio: 1/1; @@ -4517,6 +5311,7 @@ textarea::placeholder { .cUser-info a { transition: 0.4s; } + .cUser-info a:hover { color: var(--color-1); } @@ -4524,37 +5319,42 @@ textarea::placeholder { textarea.form-control { font-weight: 500; } + .like-svg, .like-svg path { cursor: pointer; transition: 0.4s; } + .like-svg:hover, .like-svg.active { background: var(--color-1); } + .like-svg:hover path, .like-svg.active path { fill: #fff; } + /*============================= bootcamp style end ==============================*/ -.bootcamp-grid-card .info li{ + +.bootcamp-grid-card .info li { display: flex; align-items: center; gap: 4px; } -.bootcamp-grid-card .btns{ +.bootcamp-grid-card .btns { display: flex; gap: 10px; align-items: center; margin-top: 20px; } -.bootcamp-grid-card .btns a{ +.bootcamp-grid-card .btns a { flex-basis: 50%; font-weight: 500 !important; font-size: 12px !important; @@ -4567,60 +5367,61 @@ bootcamp style end transition: .3s ease; } -.bootcamp-grid-card .btns a:nth-child(2){ +.bootcamp-grid-card .btns a:nth-child(2) { background: transparent; color: var(--color-2); border: 1px solid var(--color-2) !important; } -.bootcamp-grid-card .btns a:nth-child(2):hover{ +.bootcamp-grid-card .btns a:nth-child(2):hover { background: var(--color-2) !important; color: var(--color-white); } -.my-bootcamps .bootcamp-thumbnail{ +.my-bootcamps .bootcamp-thumbnail { width: 140px; height: 100px; border-radius: 8px; overflow: hidden; } -.my-bootcamps .bootcamp-title span{ +.my-bootcamps .bootcamp-title span { width: 630px; } -.my-bootcamps .bootcamp-thumbnail img{ +.my-bootcamps .bootcamp-thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center; } -ul.my-bootcamps li{ +ul.my-bootcamps li { padding-bottom: 20px; border-bottom: 1px solid var(--border-clr); margin-bottom: 20px; } -ul.my-bootcamps li:nth-last-child(1){ +ul.my-bootcamps li:nth-last-child(1) { padding-bottom: 0; margin-bottom: 0; border: none; } -.bootcamp{ +.bootcamp { color: var(--color-2) !important; transition: .4s ease; } -.bootcamp:hover .bootcamp-title{ +.bootcamp:hover .bootcamp-title { color: var(--color-1); } -.bootcamp-details{ + +.bootcamp-details { flex-grow: 1; } - .bootcamp .bootcamp-title{ +.bootcamp .bootcamp-title { font-size: 18px; font-weight: 600; line-height: 30px; @@ -4631,54 +5432,60 @@ ul.my-bootcamps li:nth-last-child(1){ transition: .3s; } - .bootcamp-title i{ +.bootcamp-title i { display: inline-flex; } - .bootcamp-title ~ p,.module-details{ + +.bootcamp-title~p, +.module-details { font-size: 12px; font-weight: 500; color: var(--text-color); } -.module-details.no-data{ + +.module-details.no-data { font-size: 14px; font-weight: 500; color: var(--text-color); text-align: center; padding: 16px 0; } -.my-bootcamp-details .bootcamp-thumbnail{ + +.my-bootcamp-details .bootcamp-thumbnail { width: 100%; height: 120px; overflow: hidden; border-radius: 8px; } -.my-bootcamp-details .bootcamp-thumbnail img{ +.my-bootcamp-details .bootcamp-thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center; } -.my-bootcamp-details .bootcamp-title{ +.my-bootcamp-details .bootcamp-title { color: var(--color-2); display: block; line-height: 22px; max-width: 550px; } -.modules{ +.modules { margin-top: 30px; } -.modules:empty{ + +.modules:empty { display: none; } -.modules .accordion-button{ + +.modules .accordion-button { padding-left: 30px; position: relative; } -.modules .accordion-button::after{ +.modules .accordion-button::after { background: url(../image/arrow-down.svg) no-repeat scroll center center / cover; transition: var(--bs-accordion-btn-icon-transition); margin: 0px !important; @@ -4690,14 +5497,15 @@ ul.my-bootcamps li:nth-last-child(1){ height: 15px; } -.modules .module-title{ +.modules .module-title { font-weight: 500 !important; } .modules .live-classes { padding-left: 30px; } -.modules .live-classes li{ + +.modules .live-classes li { font-size: 15px; font-weight: 500; margin: 22px 0; @@ -4706,17 +5514,17 @@ ul.my-bootcamps li:nth-last-child(1){ justify-content: space-between; } -.class-date{ +.class-date { font-size: 13px; color: var(--text-color); } -.class-status span{ +.class-status span { font-weight: 500; font-size: 10px; } -.class-btns .join-now{ +.class-btns .join-now { background: #1D2939; border-radius: 5px; font-size: 12px; @@ -4727,65 +5535,67 @@ ul.my-bootcamps li:nth-last-child(1){ display: inline-block; } -.class-btns .join-now.disable{ +.class-btns .join-now.disable { background: var(--border-clr); pointer-events: none; cursor: not-allowed; } -.modules .accordion-button{ +.modules .accordion-button { border-bottom: 0px !important; margin-bottom: 0; height: 60px; padding-top: 0 !important; } -.modules .accordion-button:not(.collapsed){ + +.modules .accordion-button:not(.collapsed) { color: var(--color-2) !important; } -.modules .accordion-collapse.collapse{ +.modules .accordion-collapse.collapse { border-top: 1px solid red !important; border-bottom: 1px solid red !important; } -.modules .accordion-button:not(.collapsed){ +.modules .accordion-button:not(.collapsed) { padding-bottom: 0 !important; } -.accordion-collapse.collapse.show{ +.accordion-collapse.collapse.show { border-top: 1px solid var(--border-clr) !important; border-bottom: 1px solid var(--border-clr) !important; } .couses-tab-list li a.bootcamp-sidebar-icon svg, -.couses-tab-list li.active a.bootcamp-sidebar-icon svg{ +.couses-tab-list li.active a.bootcamp-sidebar-icon svg { margin-right: 12px !important; } -.couses-tab-list li.active a.bootcamp-sidebar-icon svg path,.couses-tab-list li a.bootcamp-sidebar-icon:hover svg path{ +.couses-tab-list li.active a.bootcamp-sidebar-icon svg path, +.couses-tab-list li a.bootcamp-sidebar-icon:hover svg path { stroke: var(--color-1) !important; fill: none !important; } -.Userprofile .dropmenu-end a.bootcamp-menu-icon svg{ +.Userprofile .dropmenu-end a.bootcamp-menu-icon svg { margin-right: 10px !important; } -.Userprofile .dropmenu-end a.bootcamp-menu-icon:hover svg path{ +.Userprofile .dropmenu-end a.bootcamp-menu-icon:hover svg path { stroke: #c664ff; fill: none; } -.bootcamp-grid-card .entry-title h3{ + +.bootcamp-grid-card .entry-title h3 { height: 60px !important; } -.bootcamp-grid-card .bootcamp-purchased{ +.bootcamp-grid-card .bootcamp-purchased { background: var(--color-2) !important; color: var(--color-white) !important; } - -.resource-title{ +.resource-title { font-weight: 500; font-size: 14px; line-height: 20px; @@ -4795,7 +5605,7 @@ ul.my-bootcamps li:nth-last-child(1){ z-index: 1; } -.resource-title::before{ +.resource-title::before { content: ''; position: absolute; top: 50%; @@ -4807,7 +5617,7 @@ ul.my-bootcamps li:nth-last-child(1){ z-index: -2; } -.resource-title::after{ +.resource-title::after { content: ''; position: absolute; top: 50%; @@ -4819,15 +5629,16 @@ ul.my-bootcamps li:nth-last-child(1){ z-index: -1; } -.modules .badge{ +.modules .badge { width: 67px; } + /*============================= bootcamp style end ==============================*/ -#dashboard-icon{ +#dashboard-icon { scale: .7; } @@ -4846,30 +5657,34 @@ bootcamp style end transition: .3s; } -#msg-search-list.active{ +#msg-search-list.active { top: 110%; visibility: visible; opacity: 1; } + /*============================= badges start ==============================*/ -.badge.bg-success{ + +.badge.bg-success { background-color: #17b06d2e !important; color: #17b06d !important; border: 1px solid #17b06d2e !important; font-weight: 600; border-radius: 5px; } -.badge.bg-danger{ + +.badge.bg-danger { background-color: #ef3f6e2e !important; border-radius: 5px; color: #ef3f6e !important; border: 1px solid #ef3f6e2e !important; font-weight: 600; } -.badge.bg-warning{ + +.badge.bg-warning { background-color: #f2bb122e !important; border-radius: 5px; color: #f2bb12 !important; @@ -4877,35 +5692,41 @@ badges start font-weight: 600; } -.badge.bg-secondary{ +.badge.bg-secondary { background-color: #5d6c7d2e !important; border-radius: 5px; color: #5d6c7d !important; border: 1px solid #5d6c7d2e !important; font-weight: 600; } -.badge.bg-primary{ + +.badge.bg-primary { background-color: #1b84ff2e !important; border-radius: 5px; color: #1b84ff !important; border: 1px solid #1b84ff2e !important; font-weight: 600; } + + /*============================= badges end ==============================*/ /* Sham started */ + + /*============================= team training start ==============================*/ -a#team-training-header-menu-icon svg{ +a#team-training-header-menu-icon svg { width: 20px; height: 20px; margin-right: 14px; } + .package-img-container { width: 100%; height: 100%; @@ -4939,26 +5760,28 @@ a#team-training-header-menu-icon svg{ color: var(--color-white); } -.en-title h3{ +.en-title h3 { flex-grow: 1; } -.package-thumbnail{ +.package-thumbnail { width: 100%; border-radius: 10px; overflow: hidden; } -.package-thumbnail img{ + +.package-thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center; } -#members .search-members{ +#members .search-members { position: relative; } -#members .search-result{ + +#members .search-result { margin-top: 8px; padding: 8px 0; border-radius: 8px; @@ -4975,18 +5798,18 @@ a#team-training-header-menu-icon svg{ transition: .3s; } -#members .search-result.active{ +#members .search-result.active { display: block; top: 40px; opacity: 1; visibility: visible; } -#members .result:hover{ +#members .result:hover { background: #4141410d; } -#members .result{ +#members .result { display: flex; gap: 12px; align-items: center; @@ -4998,39 +5821,41 @@ a#team-training-header-menu-icon svg{ padding: 12px; } -#members .result:nth-last-child(1){ +#members .result:nth-last-child(1) { border: none; } -#members .result .user-photo{ +#members .result .user-photo { width: 45px; height: 45px; overflow: hidden; border-radius: 50%; } -#members .result .user-data{ +#members .result .user-data { display: flex; align-items: center; - gap:12px; + gap: 12px; } -#members .result .user-details h4{ + +#members .result .user-details h4 { font-size: 14px; color: var(--color-2); } -.package-title{ +.package-title { color: var(--text-color); } -.team-package{ +.team-package { min-height: 600px; } /* Buttons Css Start *** **********************/ -.ol-btn-primary{ + +.ol-btn-primary { border-radius: 8px; padding: 10.5px 24px; background: var(--color-1); @@ -5043,14 +5868,17 @@ a#team-training-header-menu-icon svg{ text-align: center; width: max-content; } + .ol-btn-primary:active, -.ol-btn-primary:hover{ +.ol-btn-primary:hover { color: var(--whiteColor) !important; background-color: #005fcf !important; } + /* Light button */ -.ol-btn-light{ + +.ol-btn-light { border-radius: 8px; padding: 10.5px 24px; background: #f4f7fe; @@ -5063,13 +5891,14 @@ a#team-training-header-menu-icon svg{ text-align: center; width: max-content; } + .ol-btn-light:active, -.ol-btn-light:hover{ +.ol-btn-light:hover { background: var(--color-1) !important; color: var(--whiteColor) !important; } -.ol-btn-outline-secondary{ +.ol-btn-outline-secondary { border: 1px solid var(--borderColor); border-radius: 8px; padding: 9.5px 23px; @@ -5080,13 +5909,14 @@ a#team-training-header-menu-icon svg{ transition: .3s; width: max-content; } + .ol-btn-outline-secondary:active, -.ol-btn-outline-secondary:hover{ +.ol-btn-outline-secondary:hover { border-color: var(--color-1) !important; color: var(--color-1) !important; } -.btn-outline-gray-small{ +.btn-outline-gray-small { border: 1px solid #e0e5f3; border-radius: 4px; padding: 7px 9px; @@ -5099,13 +5929,14 @@ a#team-training-header-menu-icon svg{ z-index: 1; width: max-content; } + .btn-outline-gray-small:active, -.btn-outline-gray-small:hover{ +.btn-outline-gray-small:hover { border: 1px solid var(--color-1) !important; color: var(--color-1) !important; } -.ol-btn-light-primary{ +.ol-btn-light-primary { border: none; border-radius: 8px; padding: 8px 20px; @@ -5116,30 +5947,37 @@ a#team-training-header-menu-icon svg{ transition: .3s; width: max-content; } + .ol-btn-light-primary:active, -.ol-btn-light-primary:hover{ +.ol-btn-light-primary:hover { color: var(--whiteColor) !important; background-color: var(--color-1) !important; } + /* Small button */ -.ol-btn-light-primary.ol-btn-sm{ + +.ol-btn-light-primary.ol-btn-sm { padding: 6px 16px; } -.ol-btn-sm{ + +.ol-btn-sm { font-size: 12px; border-radius: 4px; padding: 7px 16px; } + /* Rounded */ -.ol-btn-rounded{ + +.ol-btn-rounded { border-radius: 99px; } /* Ony Icon btn */ -.ol-icon-btn{ + +.ol-icon-btn { width: 40px; height: 40px; padding: 0; @@ -5147,45 +5985,58 @@ a#team-training-header-menu-icon svg{ align-items: center; justify-content: center; } -.ol-icon-btn ::before{ + +.ol-icon-btn ::before { display: block; font-size: 20px; } -.ol-icon-btn-sm{ + +.ol-icon-btn-sm { min-width: 31.67px; width: 31.67px; height: 31.67px; border-radius: 4px; } -.ol-icon-btn-sm ::before{ + +.ol-icon-btn-sm ::before { font-size: 12px; margin-bottom: -1px !important; } + /* For icon */ + .ol-btn-light-primary ::before, .ol-btn-light ::before, .ol-btn-outline-secondary ::before, -.ol-btn-primary ::before{ +.ol-btn-primary ::before { display: block; margin-bottom: -1.5px; } + + /* Buttons Css End *** *********************/ + + /* Sham ended */ + /* =================================================================== Tutor Filter CSS Start ====================================================================*/ -.in-title-44px{ + +.in-title-44px { color: #1E293B; font-family: 'Inter'; font-size: 44px; font-style: normal; font-weight: 600; - line-height: 100%; /* 44px */ + line-height: 100%; + /* 44px */ } -.in-title-20px{ + +.in-title-20px { color: #1E293B; font-family: 'Inter'; font-size: 20px; @@ -5193,62 +6044,76 @@ a#team-training-header-menu-icon svg{ font-weight: 600; line-height: normal; } -.in-title-16px{ + +.in-title-16px { color: #1E293B; font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 500; - line-height: 100%; /* 16px */ + line-height: 100%; + /* 16px */ } -.in-title-14px{ + +.in-title-14px { color: #1E293B; font-family: 'Inter'; font-size: 14px; font-style: normal; font-weight: 500; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ } -.in-title-18px{ + +.in-title-18px { color: #1E293B; font-family: 'Inter'; font-size: 18px; font-style: normal; font-weight: 600; - line-height: 100%; /* 18px */ + line-height: 100%; + /* 18px */ } -.in-subtitle-16px{ + +.in-subtitle-16px { color: #6E798A; font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 500; - line-height: 24px; /* 150% */ + line-height: 24px; + /* 150% */ } -.in-subtitle-14px{ + +.in-subtitle-14px { color: #6E798A; font-family: 'Inter'; font-size: 14px; font-style: normal; font-weight: 500; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ } -.in-subtitle2-14px{ + +.in-subtitle2-14px { color: #6E798A; font-family: 'Inter'; font-size: 14px; font-style: normal; font-weight: 500; - line-height: 20px; /* 142.857% */ + line-height: 20px; + /* 142.857% */ } -.min-w-158px{ + +.min-w-158px { min-width: 158px; } -.lms-w-298px{ + +.lms-w-298px { width: 298px; } -.btn-purple-sm2{ +.btn-purple-sm2 { border: none; transition: .3s; width: max-content; @@ -5266,18 +6131,22 @@ a#team-training-header-menu-icon svg{ font-weight: 500; line-height: normal; } -.btn-purple-sm2 path{ + +.btn-purple-sm2 path { fill: var(--whiteColor); } -.btn-purple-sm2:hover{ + +.btn-purple-sm2:hover { background: #5324FF; color: var(--whiteColor); } -.btn-purple-sm2:active{ + +.btn-purple-sm2:active { background: #5324FF !important; color: var(--whiteColor) !important; } -.btn-purple-sm3{ + +.btn-purple-sm3 { border: none; transition: .3s; width: max-content; @@ -5295,18 +6164,22 @@ a#team-training-header-menu-icon svg{ font-weight: 500; line-height: normal; } -.btn-purple-sm3 path{ + +.btn-purple-sm3 path { fill: var(--whiteColor); } -.btn-purple-sm3:hover{ + +.btn-purple-sm3:hover { background: #5324FF; color: var(--whiteColor); } -.btn-purple-sm3:active{ + +.btn-purple-sm3:active { background: #5324FF !important; color: var(--whiteColor) !important; } -.btn-purple-md{ + +.btn-purple-md { border: none; transition: .3s; width: max-content; @@ -5325,18 +6198,22 @@ a#team-training-header-menu-icon svg{ line-height: 100%; text-transform: capitalize; } -.btn-purple-md path{ + +.btn-purple-md path { fill: var(--whiteColor); } -.btn-purple-md:hover{ + +.btn-purple-md:hover { background: #5324FF; color: var(--whiteColor); } -.btn-purple-md:active{ + +.btn-purple-md:active { background: #5324FF !important; color: var(--whiteColor) !important; } -.btn-outline-purple-sm{ + +.btn-outline-purple-sm { transition: .3s; width: max-content; display: flex; @@ -5353,27 +6230,33 @@ a#team-training-header-menu-icon svg{ font-weight: 500; line-height: normal; } -.btn-outline-purple-sm path{ + +.btn-outline-purple-sm path { fill: #754FFE; transition: .3s; } -.btn-outline-purple-sm:hover{ + +.btn-outline-purple-sm:hover { color: var(--whiteColor); background: #754FFE; border-color: #754FFE; } -.btn-outline-purple-sm:active{ + +.btn-outline-purple-sm:active { color: var(--whiteColor) !important; background: #754FFE !important; border-color: #754FFE !important; } -.btn-outline-purple-sm:hover path{ + +.btn-outline-purple-sm:hover path { fill: var(--whiteColor); } -.btn-outline-purple-sm:active path{ + +.btn-outline-purple-sm:active path { fill: var(--whiteColor); } -.btn-outline-purple-sm2{ + +.btn-outline-purple-sm2 { transition: .3s; width: max-content; display: flex; @@ -5390,101 +6273,118 @@ a#team-training-header-menu-icon svg{ font-weight: 500; line-height: normal; } -.btn-outline-purple-sm2 path{ + +.btn-outline-purple-sm2 path { fill: #754FFE; transition: .3s; } -.btn-outline-purple-sm2:hover{ + +.btn-outline-purple-sm2:hover { color: var(--whiteColor); background: #754FFE; border-color: #754FFE; } -.btn-outline-purple-sm2:active{ + +.btn-outline-purple-sm2:active { color: var(--whiteColor) !important; background: #754FFE !important; border-color: #754FFE !important; } -.btn-outline-purple-sm2:hover path{ - fill: var(--whiteColor); -} -.btn-outline-purple-sm2:active path{ + +.btn-outline-purple-sm2:hover path { fill: var(--whiteColor); } -.column-gap-12px{ +.btn-outline-purple-sm2:active path { + fill: var(--whiteColor); +} + +.column-gap-12px { column-gap: 12px !important; } + /* top */ - -.lms1-breadcrumb-section{ +.lms1-breadcrumb-section { padding: 36px 0; background: linear-gradient(270deg, rgba(102, 81, 245, 0.06) 1.37%, rgba(129, 58, 244, 0.06) 86.05%); } -.lms1-breadcrumb{ + +.lms1-breadcrumb { margin-bottom: 0; } -.lms1-breadcrumb .breadcrumb-item{ + +.lms1-breadcrumb .breadcrumb-item { color: #6E798A; font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 500; - line-height: 30px; /* 187.5% */ + line-height: 30px; + /* 187.5% */ letter-spacing: 0.32px; position: relative; } -.lms1-breadcrumb .breadcrumb-item > a:hover{ + +.lms1-breadcrumb .breadcrumb-item>a:hover { color: #1E293B; } -.lms1-breadcrumb .breadcrumb-item + .breadcrumb-item { - margin-left: 16px; + +.lms1-breadcrumb .breadcrumb-item+.breadcrumb-item { + margin-left: 16px; padding-left: 22px; } -.lms1-breadcrumb .breadcrumb-item + .breadcrumb-item::before { - padding-right: 0px; - color: #6E798A; - content: ""; - background: url(../image/angle-right-gray-6.svg) no-repeat scroll center center / cover; - width: 8px; - height: 13px; - position: absolute; - left: 0; - top: 8px; + +.lms1-breadcrumb .breadcrumb-item+.breadcrumb-item::before { + padding-right: 0px; + color: #6E798A; + content: ""; + background: url(../image/angle-right-gray-6.svg) no-repeat scroll center center / cover; + width: 8px; + height: 13px; + position: absolute; + left: 0; + top: 8px; padding: 0 3px; } + .lms1-category-sidebar .form-check-input { - width: 16px; - height: 16px; - -} -.lms1-breadcrumb .breadcrumb-item.active { - color: #1E293B; + width: 16px; + height: 16px; } +.lms1-breadcrumb .breadcrumb-item.active { + color: #1E293B; +} + + /* sidebar */ -.lms1-category-sidebar{ + +.lms1-category-sidebar { border-radius: 10px; background: var(--whiteColor); box-shadow: 0px 30px 27.5px 0px rgba(100, 121, 150, 0.10); padding: 20px; width: 100%; } -.side-accordion-title{ + +.side-accordion-title { color: #1E293B; font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 500; - line-height: 100%; /* 16px */ + line-height: 100%; + /* 16px */ position: relative; padding-right: 20px; width: 100%; cursor: pointer; transition: .3s; } -.side-accordion-title::after{ + +.side-accordion-title::after { content: ""; position: absolute; right: 0; @@ -5495,66 +6395,84 @@ a#team-training-header-menu-icon svg{ background-size: 20px; transition: 300ms; } -.side-accordion-item:first-child .side-accordion-title::after{ + +.side-accordion-item:first-child .side-accordion-title::after { top: -2px; } -.side-accordion-item.active .side-accordion-title::after{ + +.side-accordion-item.active .side-accordion-title::after { transform: rotate(180deg); } -.side-accordion-item:not(:first-child) .side-accordion-title{ + +.side-accordion-item:not(:first-child) .side-accordion-title { padding-top: 18px; } -.side-accordion-item:not(:last-child) .side-accordion-title{ + +.side-accordion-item:not(:last-child) .side-accordion-title { padding-bottom: 18px; } -.side-accordion-item.active:last-child .side-accordion-title{ + +.side-accordion-item.active:last-child .side-accordion-title { padding-bottom: 18px; } -.side-accordion-item:not(:last-child){ + +.side-accordion-item:not(:last-child) { border-bottom: 1px solid #D9D9DF; } -.side-accordion-item .side-accordion-body{ + +.side-accordion-item .side-accordion-body { padding-bottom: 16px; } -.side-accordion-item.active:last-child .side-accordion-body{ + +.side-accordion-item.active:last-child .side-accordion-body { padding-bottom: 0; } -.side-accordion-body{ + +.side-accordion-body { display: none; } + /* Checkbox */ -.form-checkbox{ + +.form-checkbox { min-height: 16px; margin-bottom: 5px; padding-left: 27px; } -.form-checkbox-input{ + +.form-checkbox-input { border: 1px solid #6E798A; margin-top: 0; cursor: pointer; } -.form-checkbox-input:focus{ + +.form-checkbox-input:focus { box-shadow: none; border-color: #6E798A; } + .form-checkbox-input:checked { - background-color: #754FFE; - border-color: #754FFE !important; + background-color: #754FFE; + border-color: #754FFE !important; } + .form-checkbox .form-checkbox-input { - margin-left: -27px; + margin-left: -27px; } + .form-checkbox-input[type="checkbox"] { - border-radius: 3px; + border-radius: 3px; } -.form-checkbox-label{ + +.form-checkbox-label { color: #1E293B; font-family: 'Inter'; font-size: 14px; font-style: normal; font-weight: 500; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ display: flex; column-gap: 10px; row-gap: 8px; @@ -5563,50 +6481,63 @@ a#team-training-header-menu-icon svg{ flex-wrap: wrap; padding: 1px 0; } -.form-checkbox-input:checked ~ .form-checkbox-label{ + +.form-checkbox-input:checked~.form-checkbox-label { color: #754FFE; } -.side-accordion-price{ +.side-accordion-price { border-bottom: 1px solid #D9D9DF; } + + /* Slider Range */ -.lms-slider-range-wrapper{ + +.lms-slider-range-wrapper { padding: 4px 0; } -.lms-slider-range-wrapper .ui-widget-content{ + +.lms-slider-range-wrapper .ui-widget-content { border: none; background: rgba(206, 213, 222, 1); border-radius: 52px; } + .lms-slider-range-wrapper .ui-slider-horizontal { - height: 6px; -} -.lms-slider-range-wrapper .ui-widget-header{ - background: rgba(117, 79, 254, 1); -} -.lms-slider-range-wrapper .ui-slider .ui-slider-handle { - width: 14px !important; - height: 14px !important; - border-radius: 14px; - border: 1px solid #CED5DE !important; - background: #FFF !important; - top: -5px !important; -} -.lms-slider-range-wrapper .ui-widget.ui-widget-content { - height: 5px !important; + height: 6px; } + .lms-slider-range-wrapper .ui-widget-header { - border: 1px solid #754FFE !important; - background: #754FFE !important; + background: rgba(117, 79, 254, 1); } -.lms-slider-range-wrapper .ui-slider-horizontal .ui-slider-range { - height: 6px !important; + +.lms-slider-range-wrapper .ui-slider .ui-slider-handle { + width: 14px !important; + height: 14px !important; + border-radius: 14px; + border: 1px solid #CED5DE !important; + background: #FFF !important; + top: -5px !important; } + .lms-slider-range-wrapper .ui-widget.ui-widget-content { - top: 0 !important; + height: 5px !important; } -.slider-range-value{ + +.lms-slider-range-wrapper .ui-widget-header { + border: 1px solid #754FFE !important; + background: #754FFE !important; +} + +.lms-slider-range-wrapper .ui-slider-horizontal .ui-slider-range { + height: 6px !important; +} + +.lms-slider-range-wrapper .ui-widget.ui-widget-content { + top: 0 !important; +} + +.slider-range-value { display: flex; align-items: center; color: #6E798A; @@ -5614,30 +6545,36 @@ a#team-training-header-menu-icon svg{ font-size: 12px; font-style: normal; font-weight: 500; - line-height: 100%; /* 12px */ + line-height: 100%; + /* 12px */ transition: .3s; } .lms-slider-range-wrapper .ui-slider .ui-slider-handle:focus-visible, -.lms-slider-range-wrapper .ui-slider .ui-slider-handle:focus-visible{ +.lms-slider-range-wrapper .ui-slider .ui-slider-handle:focus-visible { box-shadow: none; outline: none; } -.lms1-category-offcanvas .offcanvas-body{ + +.lms1-category-offcanvas .offcanvas-body { padding: 0; } -.lms1-category-offcanvas .offcanvas-header{ + +.lms1-category-offcanvas .offcanvas-header { padding-bottom: 0; } + .lms1-category-offcanvas .btn-close { - width: 15px; - height: 15px; - background-size: 15px; + width: 15px; + height: 15px; + background-size: 15px; } + .lms1-category-offcanvas .btn-close:focus { - box-shadow: none; + box-shadow: none; } -.lms1-sidebar-btn{ + +.lms1-sidebar-btn { height: 32px; width: 32px; min-width: 32px; @@ -5649,20 +6586,24 @@ a#team-training-header-menu-icon svg{ color: #1E293B; padding: 0; } -.lms1-sidebar-btn span::before{ + +.lms1-sidebar-btn span::before { display: block; } -.lms1-sidebar-btn:hover{ + +.lms1-sidebar-btn:hover { border-color: #754FFE; background: #754FFE; color: var(--whiteColor); } -.lms1-sidebar-btn:active{ + +.lms1-sidebar-btn:active { border-color: #754FFE !important; background: #754FFE !important; color: var(--whiteColor) !important; } -.sm-search-btn{ + +.sm-search-btn { width: 28px; height: 28px; border-radius: 4px; @@ -5675,10 +6616,12 @@ a#team-training-header-menu-icon svg{ right: 4px; top: 4px; } -.sm-search-btn:hover{ + +.sm-search-btn:hover { background: #5324FF; } -.sm-search-input{ + +.sm-search-input { border-radius: 6px; border: 1px solid #D9D9DF; padding: 8.5px 32px 8.5px 11px; @@ -5687,39 +6630,49 @@ a#team-training-header-menu-icon svg{ font-size: 14px; font-style: normal; font-weight: 500; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ transition: .3s; } -.sm-search-input:hover{ + +.sm-search-input:hover { border-color: #754FFE; } -.sm-search-input:focus{ + +.sm-search-input:focus { border-color: #754FFE; color: #6E798A; } -.sm-search-input:has(~ .sm-search-btn:hover){ + +.sm-search-input:has(~.sm-search-btn:hover) { border-color: #754FFE; } + + /* Select */ -.lms-sm-select{ + +.lms-sm-select { padding: 10px 30px 10px 11px; color: #6E798A; font-family: 'Inter'; font-size: 14px; font-style: normal; font-weight: 500; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ height: auto; border-radius: 6px; border: 1px solid #D9D9DF; float: none; } -.lms-sm-select:active, -.lms-sm-select.open, + +.lms-sm-select:active, +.lms-sm-select.open, .lms-sm-select:focus { - border-color: #D9D9DF; + border-color: #D9D9DF; } -.lms-sm-select::after{ + +.lms-sm-select::after { border: none; right: 12px; height: 16px; @@ -5729,10 +6682,12 @@ a#team-training-header-menu-icon svg{ transform: rotate(0deg); transform-origin: center; } -.lms-sm-select.open::after{ + +.lms-sm-select.open::after { transform: rotate(180deg); } -.lms-sm-select .list{ + +.lms-sm-select .list { padding: 8px; border-radius: 8px; background: var(--whiteColor); @@ -5740,17 +6695,19 @@ a#team-training-header-menu-icon svg{ box-shadow: 0px 5px 27.5px 0px rgba(100, 121, 150, 0.15); min-width: 100%; } -.lms-sm-select .option{ + +.lms-sm-select .option { min-height: auto; line-height: 14px; padding: 8px; border-radius: 4px; } + .lms-sm-select .option.selected { - font-weight: 500; + font-weight: 500; } -.tutor-bootcamp-card{ +.tutor-bootcamp-card { padding: 16px; border-radius: 12px; background: var(--whiteColor); @@ -5758,52 +6715,63 @@ a#team-training-header-menu-icon svg{ display: flex; gap: 16px; } + + /* Video */ -.lms1-video-player{ + +.lms1-video-player { width: 100%; } + .lms1-video-player .plyr--video { width: 100%; border-radius: 8px; } -.lms1-video-player .plyr__control--overlaid{ + +.lms1-video-player .plyr__control--overlaid { background: rgba(0, 0, 0, 0.42); color: var(--whiteColor); padding: 16px; transition: .3s; } -.lms1-video-player .plyr__control svg{ + +.lms1-video-player .plyr__control svg { height: 20px; width: 20px; } -.lms1-video-player .plyr--video .plyr__control:hover{ + +.lms1-video-player .plyr--video .plyr__control:hover { background: #754FFE; color: var(--whiteColor); } -.lms1-video-player .plyr--full-ui input[type=range]{ + +.lms1-video-player .plyr--full-ui input[type=range] { color: #754FFE; } -.tutor-bootcamp-video{ + +.tutor-bootcamp-video { width: 267px; } -.tutor-bootcamp-video .plyr--video .plyr__controls{ + +.tutor-bootcamp-video .plyr--video .plyr__controls { display: none; } -.img-wrap-39px{ +.img-wrap-39px { width: 39px; height: 39px; flex: 0 0 39px; border-radius: 6px; } -.img-wrap-39px img{ + +.img-wrap-39px img { width: 100%; height: 100%; border-radius: 6px; object-fit: cover; } -.lms-pagination-link{ +.lms-pagination-link { width: 40px; height: 40px; border-radius: 6px; @@ -5818,30 +6786,37 @@ a#team-training-header-menu-icon svg{ line-height: normal; transition: .3s; } + .lms-pagination-link.active, -.lms-pagination-link:hover{ +.lms-pagination-link:hover { background: #754FFE; color: var(--whiteColor); } -.lms-pagination-link path{ + +.lms-pagination-link path { transition: .3s; stroke: #1E293B; } + .lms-pagination-link.active path, -.lms-pagination-link:hover path{ +.lms-pagination-link:hover path { stroke: var(--whiteColor); } -.lms-pagination-link.disable{ + +.lms-pagination-link.disable { pointer-events: none; } -.lms-pagination-link.disable{ + +.lms-pagination-link.disable { pointer-events: none; opacity: 0.7; } -.lms-pagination-link.disable path{ + +.lms-pagination-link.disable path { stroke: #6E798A; } + /* =================================================================== Tutor Filter CSS End ====================================================================*/ @@ -5850,30 +6825,36 @@ a#team-training-header-menu-icon svg{ /* =================================================================== Tutor Details CSS Start ====================================================================*/ -.lms-border-bottom{ + +.lms-border-bottom { border-bottom: 1px solid #D9D9DF; } -.lms2-border-bottom{ + +.lms2-border-bottom { border-bottom: 1px solid rgba(110, 121, 138, 0.37); } -.svg-link path{ + +.svg-link path { transition: .3s; } -.svg-link:hover path{ + +.svg-link:hover path { fill: #754FFE; } -.gap-5px{ + +.gap-5px { gap: 5px !important; } -.pb-20px{ + +.pb-20px { padding-bottom: 20px !important; } -.w-277px{ + +.w-277px { width: 277px !important; } - -.lms-btn-secondary{ +.lms-btn-secondary { border: none; transition: .3s; display: inline flex; @@ -5888,19 +6869,21 @@ a#team-training-header-menu-icon svg{ font-size: 14px; font-style: normal; font-weight: 500; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ } -.lms-btn-secondary:hover{ + +.lms-btn-secondary:hover { background: #754FFE; color: var(--whiteColor); } -.lms-btn-secondary:active{ + +.lms-btn-secondary:active { background: #754FFE !important; color: var(--whiteColor) !important; } - -.lms-sm-btn-outline-secondary{ +.lms-sm-btn-outline-secondary { transition: .3s; display: inline flex; align-items: center; @@ -5916,48 +6899,55 @@ a#team-training-header-menu-icon svg{ font-weight: 500; line-height: normal; } -.lms-sm-btn-outline-secondary path{ + +.lms-sm-btn-outline-secondary path { fill: #1E293B; transition: .3s; } -.lms-sm-btn-outline-secondary:hover{ + +.lms-sm-btn-outline-secondary:hover { color: var(--whiteColor); background: #754FFE; border-color: #754FFE; } -.lms-sm-btn-outline-secondary:active{ + +.lms-sm-btn-outline-secondary:active { color: var(--whiteColor) !important; background: #754FFE !important; border-color: #754FFE !important; } -.lms-sm-btn-outline-secondary:hover path{ - fill: var(--whiteColor); -} -.lms-sm-btn-outline-secondary:active path{ + +.lms-sm-btn-outline-secondary:hover path { fill: var(--whiteColor); } +.lms-sm-btn-outline-secondary:active path { + fill: var(--whiteColor); +} -.lms1-tutor-sidebar{ +.lms1-tutor-sidebar { border-radius: 12px; background: var(--whiteColor); box-shadow: 0px 0px 29.6px 0px rgba(110, 121, 138, 0.10); padding: 20px; width: 100%; } -.tutor-profile-wrap{ + +.tutor-profile-wrap { width: 96px; min-width: 96px; height: 96px; border-radius: 50%; } -.tutor-profile-wrap img{ + +.tutor-profile-wrap img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } -.tutor-star-rating{ + +.tutor-star-rating { border-radius: 4px; background: var(--whiteColor); box-shadow: 0px 0px 29.6px 0px rgba(110, 121, 138, 0.38); @@ -5967,29 +6957,32 @@ a#team-training-header-menu-icon svg{ position: relative; } -.lms1-tutor-offcanvas .offcanvas-body{ +.lms1-tutor-offcanvas .offcanvas-body { padding: 0; } -.lms1-tutor-offcanvas .offcanvas-header{ + +.lms1-tutor-offcanvas .offcanvas-header { padding-bottom: 0; } + .lms1-tutor-offcanvas .btn-close { - width: 15px; - height: 15px; - background-size: 15px; -} -.lms1-tutor-offcanvas .btn-close:focus { - box-shadow: none; + width: 15px; + height: 15px; + background-size: 15px; } -.lms-content-card{ +.lms1-tutor-offcanvas .btn-close:focus { + box-shadow: none; +} + +.lms-content-card { border-radius: 12px; background: #FFF; box-shadow: 0px 0px 29.6px 0px rgba(110, 121, 138, 0.10); padding: 24px; } -.tutor-tab-link{ +.tutor-tab-link { display: flex; align-items: center; gap: 4px; @@ -5998,12 +6991,13 @@ a#team-training-header-menu-icon svg{ font-size: 16px; font-style: normal; font-weight: 500; - line-height: 100%; + line-height: 100%; border-radius: 0 !important; padding: 0 12px 14px 12px; position: relative; } -.tutor-tab-link.active::after{ + +.tutor-tab-link.active::after { position: absolute; content: ""; bottom: -1px; @@ -6013,83 +7007,95 @@ a#team-training-header-menu-icon svg{ background: #754FFE; border-radius: 8px; } -.tutor-tab-link path{ + +.tutor-tab-link path { transition: .3s; stroke: #6E798A; } -.tutor-tab-link.svg-fill path{ + +.tutor-tab-link.svg-fill path { stroke: inherit; fill: #6E798A; } -.tutor-tab-link.nav-link:focus, + +.tutor-tab-link.nav-link:focus, .tutor-tab-link.nav-link:hover { - color: #1E293B; -} -.nav-pills .nav-link.tutor-tab-link.active { - color: #754FFE; - background-color: transparent; -} -.nav-pills .nav-link.tutor-tab-link.active path{ - stroke: #754FFE; -} -.nav-pills .nav-link.tutor-tab-link.svg-fill.active path{ - stroke: inherit; - fill: #754FFE; + color: #1E293B; } -.icontext-link{ +.nav-pills .nav-link.tutor-tab-link.active { + color: #754FFE; + background-color: transparent; +} + +.nav-pills .nav-link.tutor-tab-link.active path { + stroke: #754FFE; +} + +.nav-pills .nav-link.tutor-tab-link.svg-fill.active path { + stroke: inherit; + fill: #754FFE; +} + +.icontext-link { color: #1E293B; font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 500; - line-height: 100%; /* 16px */ + line-height: 100%; + /* 16px */ display: inline flex; align-items: center; gap: 3px; transition: .3s; - } -.icontext-link span::before{ + +.icontext-link span::before { display: block; font-size: 18px; } -.icontext-link:hover{ + +.icontext-link:hover { color: #754FFE; } + /* Flat Pickr */ -.flat-picker-dropdown .flatpickr-months .flatpickr-prev-month svg path, + +.flat-picker-dropdown .flatpickr-months .flatpickr-prev-month svg path, .flat-picker-dropdown .flatpickr-months .flatpickr-next-month svg path { - fill: #6E798A; -} -.flat-picker-dropdown .flatpickr-months .flatpickr-prev-month:hover svg path, -.flat-picker-dropdown .flatpickr-months .flatpickr-next-month:hover svg path { - fill: #754FFE; + fill: #6E798A; } -.flat-picker-dropdown .flatpickr-day.selected, -.flat-picker-dropdown .flatpickr-day.startRange, -.flat-picker-dropdown .flatpickr-day.endRange, -.flat-picker-dropdown .flatpickr-day.selected.inRange, -.flat-picker-dropdown .flatpickr-day.startRange.inRange, -.flat-picker-dropdown .flatpickr-day.endRange.inRange, -.flat-picker-dropdown .flatpickr-day.selected:focus, -.flat-picker-dropdown .flatpickr-day.startRange:focus, -.flat-picker-dropdown .flatpickr-day.endRange:focus, -.flat-picker-dropdown .flatpickr-day.selected:hover, -.flat-picker-dropdown .flatpickr-day.startRange:hover, -.flat-picker-dropdown .flatpickr-day.endRange:hover, -.flat-picker-dropdown .flatpickr-day.selected.prevMonthDay, -.flat-picker-dropdown .flatpickr-day.startRange.prevMonthDay, -.flat-picker-dropdown .flatpickr-day.endRange.prevMonthDay, -.flat-picker-dropdown .flatpickr-day.selected.nextMonthDay, -.flat-picker-dropdown .flatpickr-day.startRange.nextMonthDay, -.flat-picker-dropdown .flatpickr-day.endRange.nextMonthDay { - background: #754FFE; - border-color: #754FFE; +.flat-picker-dropdown .flatpickr-months .flatpickr-prev-month:hover svg path, +.flat-picker-dropdown .flatpickr-months .flatpickr-next-month:hover svg path { + fill: #754FFE; } -.date-picker-input{ + +.flat-picker-dropdown .flatpickr-day.selected, +.flat-picker-dropdown .flatpickr-day.startRange, +.flat-picker-dropdown .flatpickr-day.endRange, +.flat-picker-dropdown .flatpickr-day.selected.inRange, +.flat-picker-dropdown .flatpickr-day.startRange.inRange, +.flat-picker-dropdown .flatpickr-day.endRange.inRange, +.flat-picker-dropdown .flatpickr-day.selected:focus, +.flat-picker-dropdown .flatpickr-day.startRange:focus, +.flat-picker-dropdown .flatpickr-day.endRange:focus, +.flat-picker-dropdown .flatpickr-day.selected:hover, +.flat-picker-dropdown .flatpickr-day.startRange:hover, +.flat-picker-dropdown .flatpickr-day.endRange:hover, +.flat-picker-dropdown .flatpickr-day.selected.prevMonthDay, +.flat-picker-dropdown .flatpickr-day.startRange.prevMonthDay, +.flat-picker-dropdown .flatpickr-day.endRange.prevMonthDay, +.flat-picker-dropdown .flatpickr-day.selected.nextMonthDay, +.flat-picker-dropdown .flatpickr-day.startRange.nextMonthDay, +.flat-picker-dropdown .flatpickr-day.endRange.nextMonthDay { + background: #754FFE; + border-color: #754FFE; +} + +.date-picker-input { border-radius: 8px; border: 1px solid #D9D9DF; background-color: var(--whiteColor); @@ -6103,32 +7109,42 @@ a#team-training-header-menu-icon svg{ font-size: 14px; font-style: normal; font-weight: 400; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ } -.date-picker-input:hover{ + +.date-picker-input:hover { border-color: #754FFE; } -.date-picker-input:focus{ + +.date-picker-input:focus { border-color: #754FFE; color: #6E798A; } + /* Hide the default date picker icon in Chrome, Safari, and Edge */ + .date-picker-input::-webkit-calendar-picker-indicator { opacity: 0; position: absolute; - left: 0; /* Ensures the calendar still shows up */ + left: 0; + /* Ensures the calendar still shows up */ width: 100%; height: 100%; cursor: pointer; } - + + /* Hide the default date picker icon in Firefox */ + .date-picker-input::-webkit-inner-spin-button, .date-picker-input::-webkit-calendar-picker-indicator { - display: none; - -webkit-appearance: none; + display: none; + -webkit-appearance: none; } + + /* .date-picker-input { position: relative; z-index: 0; @@ -6138,38 +7154,45 @@ a#team-training-header-menu-icon svg{ background-color: white; } */ -.tutor-single-service{ +.tutor-single-service { border-radius: 6px; background: #F6F7F8; padding: 16px; } -.service-activity-list-item > svg{ + +.service-activity-list-item>svg { min-width: 20px; } -.service-activity-list-item > .in-title-14px{ + +.service-activity-list-item>.in-title-14px { padding-top: 4px; } -.tutor-single-service:hover .lms-sm-btn-outline-secondary{ +.tutor-single-service:hover .lms-sm-btn-outline-secondary { color: var(--whiteColor); background: #754FFE; border-color: #754FFE; } -.tutor-single-service:hover .lms-sm-btn-outline-secondary:hover{ + +.tutor-single-service:hover .lms-sm-btn-outline-secondary:hover { background: #5324FF; border-color: #5324FF; } -.tutor-single-service:hover .lms-sm-btn-outline-secondary path{ + +.tutor-single-service:hover .lms-sm-btn-outline-secondary path { fill: var(--whiteColor); } + /* Slider */ + .date-swiper-main { height: 100%; width: 100%; position: relative; display: block; } + .date-swiper-main .swiper-button-next { margin-top: 0px; position: absolute; @@ -6180,6 +7203,7 @@ a#team-training-header-menu-icon svg{ transform: translateY(-50%); color: #1E293B; } + .date-swiper-main .swiper-button-prev { position: absolute; top: 50%; @@ -6191,15 +7215,17 @@ a#team-training-header-menu-icon svg{ color: #1E293B; } -.date-slider .swiper-slide{ +.date-slider .swiper-slide { width: fit-content; } -.date-check-single{ + +.date-check-single { position: relative; width: fit-content; padding-right: 24px; } -.date-check-single::after{ + +.date-check-single::after { position: absolute; content: ""; right: 0; @@ -6209,14 +7235,16 @@ a#team-training-header-menu-icon svg{ width: 1px; background: #D9D9DF; } -.date-check-btn{ + +.date-check-btn { padding: 6px 16px; border-radius: 6px; background: transparent; position: relative; cursor: pointer; } -.date-checkbox-date{ + +.date-checkbox-date { display: block; text-align: center; margin-bottom: 8px; @@ -6225,9 +7253,11 @@ a#team-training-header-menu-icon svg{ font-size: 16px; font-style: normal; font-weight: 600; - line-height: 100%; /* 16px */ + line-height: 100%; + /* 16px */ } -.date-checkbox-day{ + +.date-checkbox-day { display: block; text-align: center; color: #6E798A; @@ -6236,114 +7266,144 @@ a#team-training-header-menu-icon svg{ font-size: 16px; font-style: normal; font-weight: 500; - line-height: 100%; /* 16px */ + line-height: 100%; + /* 16px */ } -.date-check-input{ + +.date-check-input { position: absolute; - clip: rect(0,0,0,0); + clip: rect(0, 0, 0, 0); pointer-events: none; } -.date-check-input:checked ~ .date-check-btn{ + +.date-check-input:checked~.date-check-btn { background: #754FFE; color: var(--whiteColor); } -.date-check-input:checked ~ .date-check-btn .date-checkbox-day, -.date-check-input:checked ~ .date-check-btn .date-checkbox-date{ + +.date-check-input:checked~.date-check-btn .date-checkbox-day, +.date-check-input:checked~.date-check-btn .date-checkbox-date { color: var(--whiteColor); } .date-swiper-main .swiper-button-next::after, -.date-swiper-main .swiper-button-prev::after{ +.date-swiper-main .swiper-button-prev::after { font-size: 17px; font-weight: bold !important; } -.date-swiper-main .swiper-button-next.swiper-button-disabled, + +.date-swiper-main .swiper-button-next.swiper-button-disabled, .date-swiper-main .swiper-button-prev.swiper-button-disabled { - opacity: 1; - color: #6E798A; + opacity: 1; + color: #6E798A; } + + /* Modal */ + @media (min-width: 992px) { .tutor-service-modal .modal-lg { - --bs-modal-width: 846px; + --bs-modal-width: 846px; } } -.tutor-service-modal .modal-content{ + +.tutor-service-modal .modal-content { border-radius: 12px; background: #FFF; padding: 24px 9px 17px 24px; max-height: 546px; } -.tutor-service-modal .modal-body{ + +.tutor-service-modal .modal-body { padding: 0 7px 0 0; } + /* Scrollbar */ + + /* Firefox (uncomment to work in Firefox, although other properties will not work!) */ + .tutor-service-modal .modal-body { - scrollbar-width: thin; - scrollbar-color: rgba(110, 121, 138, 0.3) rgba(146, 154, 167, 0.3); + scrollbar-width: thin; + scrollbar-color: rgba(110, 121, 138, 0.3) rgba(146, 154, 167, 0.3); } + + /* Chrome, Edge and Safari */ + .tutor-service-modal .modal-body::-webkit-scrollbar { height: 5px; width: 5px; } + .tutor-service-modal .modal-body::-webkit-scrollbar-track { border-radius: 32px; background-color: rgba(110, 121, 138, 0.3); } + .tutor-service-modal .modal-body::-webkit-scrollbar-track:hover { background-color: rgba(110, 121, 138, 0.3); } + .tutor-service-modal .modal-body::-webkit-scrollbar-track:active { background-color: rgba(110, 121, 138, 0.3); } + .tutor-service-modal .modal-body::-webkit-scrollbar-thumb { border-radius: 32px; background-color: rgba(146, 154, 167, 0.3); } + .tutor-service-modal .modal-body::-webkit-scrollbar-thumb:hover { background-color: rgba(146, 154, 167, 0.3); } + .tutor-service-modal .modal-body::-webkit-scrollbar-thumb:active { background-color: rgba(146, 154, 167, 0.3); } - - -.image-circle-24px{ + +.image-circle-24px { height: 24px; width: 24px; flex: 0 0 24px; border-radius: 50%; overflow: hidden; } -.image-circle-24px img{ + +.image-circle-24px img { height: 100%; width: 100%; border-radius: 50%; object-fit: cover; } -@media all and (min-width: 992px){ - .lg-w-329px{ + +@media all and (min-width: 992px) { + .lg-w-329px { width: 329px; flex: 0 0 329px; } } -.service-banner-image{ + +.service-banner-image { width: 100%; overflow: hidden; border-radius: 8px; } -.service-banner-image img{ + +.service-banner-image img { width: 100%; border-radius: 8px; } + + /* List */ -.lms1-details-list:not(:last-child){ + +.lms1-details-list:not(:last-child) { margin-bottom: 12px; } -.lms1-details-list{ + +.lms1-details-list { position: relative; color: #6E798A; font-family: 'Inter'; @@ -6353,37 +7413,44 @@ a#team-training-header-menu-icon svg{ line-height: 20px; list-style: disc; } -.lms1-details-list::marker{ - color: #1E293B; -} -.lms1-details-list span{ + +.lms1-details-list::marker { color: #1E293B; } +.lms1-details-list span { + color: #1E293B; +} + + /* Reviews */ -.in-title-30px{ + +.in-title-30px { color: #1E293B; font-family: 'Inter'; font-size: 30px; font-style: normal; font-weight: 500; - line-height: 100%; /* 30px */ + line-height: 100%; + /* 30px */ } -.mt-20px{ +.mt-20px { margin-top: 20px !important; } -.tutor-rating-stars{ +.tutor-rating-stars { display: flex; align-items: center; gap: 6.28px; } -.tutor-review-rating{ + +.tutor-review-rating { padding: 26.5px 30px 26.5px 0; position: relative; } -.tutor-review-rating::after{ + +.tutor-review-rating::after { position: absolute; content: ""; right: 0; @@ -6392,57 +7459,69 @@ a#team-training-header-menu-icon svg{ background: #D9D9DF; top: 0; } -.tutor-rating-progress-wrap{ + +.tutor-rating-progress-wrap { display: flex; align-items: center; column-gap: 20.5px; } -.tutor-rating-progress-wrap:not(:last-child){ + +.tutor-rating-progress-wrap:not(:last-child) { margin-bottom: 16px; } -.lms-progress{ + +.lms-progress { border-radius: 100px; background: rgba(110, 121, 138, 0.20); height: 8px; } -.lms-progress .progress-bar{ + +.lms-progress .progress-bar { background: #754FFE; } -.tutor-rating-progress{ + +.tutor-rating-progress { width: 341px; } -.tutor-rating-progress-star{ + +.tutor-rating-progress-star { text-align: right; min-width: 54.2167px; } + /* Comment Reply */ -.commentator-profile{ + +.commentator-profile { width: 53px; height: 53px; flex: 0 0 53px; border-radius: 50%; overflow: hidden; } -.commentator-profile img{ + +.commentator-profile img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } -.comment-date-stars{ + +.comment-date-stars { display: flex; align-items: center; column-gap: 11px; flex-wrap: wrap; row-gap: 8px; } -.comment-stars-group{ + +.comment-stars-group { display: flex; gap: 4.56px; align-items: center; } -.icontext-link2{ + +.icontext-link2 { display: inline flex; align-items: center; gap: 4px; @@ -6451,41 +7530,50 @@ a#team-training-header-menu-icon svg{ font-size: 14px; font-style: normal; font-weight: 500; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ } -.icontext-link2 path{ + +.icontext-link2 path { transition: .3s; } -.icontext-link2:hover{ + +.icontext-link2:hover { color: #754FFE; } -.icontext-link2:hover path{ + +.icontext-link2:hover path { stroke: #754FFE; } -.single-comment-wrap:not(:last-child){ + +.single-comment-wrap:not(:last-child) { margin-bottom: 30px; } -.text-link{ +.text-link { color: #1E293B; font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 500; - line-height: 100%; /* 16px */ + line-height: 100%; + /* 16px */ } -.text-link:hover{ + +.text-link:hover { color: #754FFE; } -.all-reply-wrap{ +.all-reply-wrap { padding: 20px 0 0 32px; } -.single-comment-reply{ + +.single-comment-reply { padding: 20px 0 0 0; position: relative; } -.single-comment-reply::after{ + +.single-comment-reply::after { position: absolute; content: ""; height: calc(100% - 12px); @@ -6496,21 +7584,24 @@ a#team-training-header-menu-icon svg{ top: 0; left: -32px; } -.single-comment-reply + .single-comment-reply::after{ + +.single-comment-reply+.single-comment-reply::after { height: calc(100% + 3px); top: -15px; } -.lms-form-label{ +.lms-form-label { margin-bottom: 0; color: #1E293B; font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 500; - line-height: 100%; /* 16px */ + line-height: 100%; + /* 16px */ } -.lms-form-control{ + +.lms-form-control { padding: 19px; border-radius: 8px; border: 1px solid #D9D9DF; @@ -6519,39 +7610,48 @@ a#team-training-header-menu-icon svg{ font-size: 14px; font-style: normal; font-weight: 500; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ } -.lms-form-control:hover{ + +.lms-form-control:hover { border-color: #754FFE; } -.lms-form-control:focus{ + +.lms-form-control:focus { border-color: #754FFE; color: #6E798A; } -textarea.lms-form-control{ + +textarea.lms-form-control { min-height: 186px; } + /* Select */ -.lms-md-select{ + +.lms-md-select { padding: 13px 40px 13px 19px; color: #6E798A; font-family: 'Inter'; font-size: 14px; font-style: normal; font-weight: 500; - line-height: 100%; /* 14px */ + line-height: 100%; + /* 14px */ height: auto; border-radius: 8px; border: 1px solid #D9D9DF; float: none; } -.lms-md-select:active, -.lms-md-select.open, + +.lms-md-select:active, +.lms-md-select.open, .lms-md-select:focus { - border-color: #D9D9DF; + border-color: #D9D9DF; } -.lms-md-select::after{ + +.lms-md-select::after { border: none; right: 18px; height: 20px; @@ -6561,10 +7661,12 @@ textarea.lms-form-control{ transform: rotate(0deg); transform-origin: center; } -.lms-md-select.open::after{ + +.lms-md-select.open::after { transform: rotate(180deg); } -.lms-md-select .list{ + +.lms-md-select .list { padding: 10px; border-radius: 8px; background: var(--whiteColor); @@ -6572,16 +7674,19 @@ textarea.lms-form-control{ box-shadow: 0px 5px 27.5px 0px rgba(100, 121, 150, 0.15); min-width: 100%; } -.lms-md-select .option{ + +.lms-md-select .option { min-height: auto; line-height: 14px; padding: 10px; border-radius: 4px; } + .lms-md-select .option.selected { - font-weight: 500; + font-weight: 500; } -.max-w-469px{ + +.max-w-469px { max-width: 469px; }