:root { --color1: #489198; --color2: #60c2cb; --color3: #e0f4f5; --color4: #eb996e; --color5: #ba0202; --color6: #fad2d2; --color7: #afafaf; --color8: #222; --color9:#979797; --color10:#dadada; --color11:#adadad; --color12:#f2f2f2; --color13:#7a7a7a; --color14:#999; --color15: #fdbc4b; --color16:#ff6405; --color17:#808080; --color18:#ddd; --color19:#666; --color20:#303188; --color21:#828282; --color22:#0a5c64; --color23:#f5f5f5; --color24:#4d4d4d; --color25:#6a6a6a; --color26:#f7f7f7; --whitecolor:#fff; --blackcolor:#000; --redcolor:#ff0000; --fontsize10 : 0.625rem; --fontsize12 : 0.75rem; --fontsize14 : 0.875rem; --fontsize15 : 0.9375rem; --fontsize16 : 1rem; --fontsize20 : 1.25rem; --fontsize22 : 1.375rem; --fontsize25 : 1.5625rem; --fontsize28 : 1.75rem; --fontsize32 : 2rem; --fullwidth:100%; --fullheight:100%; --radius5:5px; --radius10:10px; --radius20:20px; --padding2-10:2px 10px; --defaultfont : Muli; --fontfamilysemibold : MuliSemiBold; --fontfamilybold : MuliBold; --fontfamilylight : MuliLight; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{margin:0; padding:0; text-rendering: optimizeLegibility; letter-spacing: normal; background-color: var(--whitecolor); scroll-behavior: smooth; font-family:var(--defaultfont); font-style:normal; font-size: 0.875rem;} html{margin:0; padding:0; scroll-behavior: smooth; font-size: 100%;} ul{margin:0; padding: 0; list-style-type: none;} ol{margin:0; padding: 0; list-style-type: none;} select{outline: 0px none;} a{color: var(--color2); text-decoration: none;} a:hover{color: var(--color2); text-decoration: none; outline: 0px none;} a:active{color: var(--color2); text-decoration: none; outline: 0px none;} a:focus{text-decoration: none; outline: 0px none;} a:visited{color: var(--color2); text-decoration: none; outline: 0px none;} img{max-width: 100%;} h1,h2,h3,h4,h5,h6{margin:0; padding:0; line-height: normal;} p{margin:0; padding:0; line-height: normal;} .textalignleft{text-align: left} .textaligncenter{text-align:center} button:hover{text-decoration: none;} main{display: flex; margin:0px 0px; margin-top: 0px; padding:0px 0 0px; flex-direction: column;} input,button:focus{outline: 0px none;} .email-confirmation-msg{background-color: var(--color6); max-width: none; width: 100%; font-size: 15px; border-radius:0px; margin:0 auto; text-align: center; border:1px solid var(--color5); color:var(--color5); padding:5px 10px;} .color-accent,.color-accent-hover:hover, .color-accent-hover:focus,:root .has-accent-color, .has-drop-cap:not(:focus):first-letter,.wp-block-button.is-style-outline, a { color: var(--color15); }blockquote,.border-color-accent,.border-color-accent-hover:hover, .border-color-accent-hover:focus { border-color: var(--color1); }button:not(.toggle), .button,.faux-button,.wp-block-button__link,.wp-block-file .wp-block-file__button, input[type="button"],input[type="reset"],input[type="submit"],.bg-accent, .bg-accent-hover:hover,.bg-accent-hover:focus,:root .has-accent-background-color, .comment-reply-link { background-color: var(--color15); }.fill-children-accent, .fill-children-accent * { fill: var(--color1); }body,.entry-title a, :root .has-primary-color { color: #000000; }:root .has-primary-background-color { background-color: #000000; }cite, figcaption,.wp-caption-text,.post-meta,.entry-content .wp-block-archives li,.entry-content .wp-block-categories li, .entry-content .wp-block-latest-posts li,.wp-block-latest-comments__comment-date,.wp-block-latest-posts__post-date, .wp-block-embed figcaption,.wp-block-image figcaption,.wp-block-pullquote cite,.comment-metadata, .comment-respond .comment-notes,.comment-respond .logged-in-as,.pagination .dots,.entry-content hr:not(.has-background), hr.styled-separator,:root .has-secondary-color { color: #6d6d6d; }:root .has-secondary-background-color { background-color: #6d6d6d; }pre, fieldset,input,textarea,table,table *,hr { border-color: #dcd7ca; }caption,code,code,kbd,samp, .wp-block-table.is-style-stripes tbody tr:nth-child(odd),:root .has-subtle-background-background-color { background-color: #dcd7ca; } .wp-block-table.is-style-stripes { border-bottom-color: #dcd7ca; } .wp-block-latest-posts.is-grid li { border-top-color: #dcd7ca; }:root .has-subtle-background-color { color: #dcd7ca; } body:not(.overlay-header) .primary-menu > li > a,body:not(.overlay-header) .primary-menu > li > .icon,.modal-menu a, .footer-menu a, .footer-widgets a,#site-footer .wp-block-button.is-style-outline,.wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a,.archive-header a,.header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover { color: var(--color1); }.social-icons a, #site-footer button:not(.toggle),#site-footer .button,#site-footer .faux-button, #site-footer .wp-block-button__link,#site-footer .wp-block-file__button, #site-footer input[type="button"],#site-footer input[type="reset"], #site-footer input[type="submit"] { background-color:var(--color1); }.header-footer-group,body:not(.overlay-header) #site-header .toggle,.menu-modal .toggle { color: #000000; }body:not(.overlay-header) .primary-menu ul { background-color: #000000; } body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: #000000; } body:not(.overlay-header) .primary-menu ul ul:after { border-left-color: #000000; }.site-description, body:not(.overlay-header) .toggle-inner .toggle-text,.widget .post-date,.widget .rss-date,.widget_archive li, .widget_categories li,.widget cite,.widget_pages li,.widget_meta li,.widget_nav_menu li,.powered-by-wordpress, .to-the-top,.singular .entry-header .post-meta,.singular:not(.overlay-header) .entry-header .post-meta a { color: #6d6d6d; } .header-footer-group pre,.header-footer-group fieldset,.header-footer-group input,.header-footer-group textarea, .header-footer-group table,.header-footer-group table *,.footer-nav-widgets-wrapper,#site-footer,.menu-modal nav *, .footer-widgets-outer-wrapper,.footer-top { border-color: #dcd7ca; }.header-footer-group table caption,body:not(.overlay-header) .header-inner .toggle-wrapper::before { background-color: #dcd7ca; } @font-face { font-family:Muli; src: url(../fonts/Muli.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:MuliSemiBold; src: url(../fonts/Muli-SemiBold.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:MuliBold; src: url(../fonts/Muli-Bold.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:MuliLight; src: url(../fonts/Muli-Light.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:Poppins; src: url(../fonts/Poppins-Regular.ttf); font-weight: normal; font-style: normal } @font-face { font-family:PoppinsSemiBold; src: url(../fonts/Poppins-SemiBold.ttf); font-weight: normal; font-style: normal } @font-face { font-family:PoppinsBold; src: url(../fonts/Poppins-Bold.ttf); font-weight: normal; font-style: normal } @font-face { font-family:PoppinsLight; src: url(../fonts/Poppins-Light.ttf); font-weight: normal; font-style: normal } @font-face { font-family:PoppinsMedium; src: url(../fonts/Poppins-Medium.ttf); font-weight: normal; font-style: normal } @font-face { font-family:PoppinsExtraBold; src: url(../fonts/Poppins-ExtraBold.ttf); font-weight: normal; font-style: normal } @font-face { font-family:helvetica; src: url(../fonts/Helvetica.ttf); font-weight: normal; font-style: normal } /*Student Carrer Path Page Start here*/ .careerbook-loader{position: fixed; width:100%; top:0; height:100%; right:0; bottom:0; left:0;} .careerbook-loader .loaderoverlay{background-color: rgb(238 238 238 / 80%); display: flex; align-items: center; justify-content: center; width: 100%; height:100%;} .careerbook-loader .loaderoverlay img{max-width: 80px;} .pageloaded .careerbook-loader{display: none;} .pageloaded .cskWrapper {opacity:1; visibility: visible;} .pageloaded .cskbannerSectionsWrapper {opacity:1; visibility: visible;} .cskWrapper{display: flex; width: 100%; flex-direction: column; opacity:0; visibility: hidden; background-color: #000;} .cskWrapper .cskContainer{display: flex; width: 100%; flex-direction: column;} .cskWrapper .cskContainer .mainContentSectionWrapper{display:flex; width:100%; } .cskWrapper .cskContainer .mainContentSection{display:flex; flex-direction: column; width:calc(100% - 220px); width:100%; padding:30px 60px;} .cskWrapper.open .navigationMenuWrapper{ margin-left: 0; } .cskWrapper .navigationMenuWrapper .schoolsonweb-logo{width:60px; margin:0 auto; display: flex; align-items: center;} .cskWrapper .cskContainer .navigationMenuWrapper{display: flex; width:220px; flex-shrink: 0; height:100vh; padding:0px 0; flex-direction: column; position: sticky; position: -webkit-sticky; top:0px; bottom:0; align-self: flex-start;} .cskWrapper .cskContainer .navigationMenuWrapper ol{display: flex; border-top:0px solid #ddd; flex-direction: column; overflow-y:auto; padding:0px 0; margin-top:0px; } .cskWrapper .cskContainer .navigationMenuWrapper ol li{display: flex; position: relative; flex-shrink: 0; flex-direction: column; margin:0px 0 0px; padding:0; height:70px; } .cskWrapper .cskContainer .navigationMenuWrapper ol li a{color:var(--whitecolor); width: 100%; font-size: 20px; border-radius:0 5px 5px 0;border-top:0px solid #ddd; display: flex; align-items: center;} .cskWrapper .cskContainer .navigationMenuWrapper ol li span{flex-shrink: 0; cursor: pointer; display: flex; display: none; align-items: center; justify-content: center; border-radius:100%; margin-right: 10px; border:1px solid var(--color15); color:var(--color15); width: 30px; height:30px;} .cskWrapper .cskContainer .navigationMenuWrapper ol li div{border-bottom:1px solid #171717; position: absolute; display: flex; align-items: center; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,1); padding:10px 15px; } .cskWrapper .cskContainer .navigationMenuWrapper ol li a i{width:28px; height: 28px; border:0px solid #ddd; flex-shrink: 0; margin-right: 10px; margin-bottom: 0px;} .cskWrapper .cskContainer .navigationMenuWrapper ol li a:hover{color:var(--color15);} .cskWrapper .cskContainer .navigationMenuWrapper ol li span i{max-width: 15px;} .cskWrapper .cskContainer .navigationMenuWrapper ol li.active a{font-family:var(--fontfamilybold); color:var(--color15);} .cskWrapper .cskContainer .navigationMenuWrapper ol li.viewLink{align-items: center; display: flex;} .cskWrapper .cskContainer .navigationMenuWrapper ol li.viewLink i{border:0px none; display: flex; align-items: center; justify-content: center; width: auto; height:auto; margin-left:5px; margin-top:6px; margin-right: 0} .cskWrapper .cskContainer .navigationMenuWrapper ol li.viewLink a{color:var(--blackcolor); background-color:var(--color15); padding:5px 15px; margin:15px 0 0; height:auto; border-radius:5px; justify-content: center;} .cskWrapper .cskContainer .navigationMenuWrapper .screen-reader-text{display: none;} .cskWrapper .cskContainer .navigationMenuWrapper ol li:last-child a{border:0px none; width:auto;} .cskWrapper .cskContainer .navigationMenuWrapper ol li:last-child img.imaginxp{ width:36%;} .cskWrapper .cskContainer .navigationMenuWrapper ol li:last-child div{ display: flex; width:100%; align-items: center; margin:0px 0;} .cskWrapper .cskContainer .navigationMenuWrapper ol li:nth-child(1){background-image:url(../images/csk-experiencebg.jfif); background-repeat: no-repeat; background-size: cover;} .cskWrapper .cskContainer .navigationMenuWrapper ol li:nth-child(2){background-image:url(../images/csk-storiesbg.jpg); background-repeat: no-repeat; background-size: cover;} .cskWrapper .cskContainer .navigationMenuWrapper ol li:nth-child(3){background-image:url(../images/csk-conversationbg.jpg); background-repeat: no-repeat; background-size: cover;} .cskWrapper .cskContainer .navigationMenuWrapper ol li:nth-child(4){background-image:url(../images/csk-trendsbg.jpg); background-repeat: no-repeat; background-size: cover;} .cskWrapper .cskContainer .navigationMenuWrapper ol li:nth-child(5){background-image:url(../images/csk-certifiedbg.jpg); background-repeat: no-repeat; background-size: cover;} .cskWrapper .cskContainer .navigationMenuWrapper ol li:nth-child(6){background-image:url(../images/csk-bagadegree.jpg); background-repeat: no-repeat; background-size: cover;} .cskWrapper .cskContainer .navigationMenuWrapper .banner{justify-content: center; width: 100%; align-items: center; padding:30px 10px; border:0px solid var(--color15); display: flex; flex-direction: column;} .cskWrapper .cskContainer .navigationMenuWrapper .banner img{max-width: 60px; margin-bottom: 10px;} .cskWrapper .cskContainer .navigationMenuWrapper .banner p{color:var(--whitecolor); text-align: center; font-size: 15px;} .cskWrapper .cskContainer .navigationMenuWrapper .banner a{padding:5px 15px; font-weight: bold; border-radius:5px; background-color: var(--color15); font-size: 15px; color: #000; margin-top: 15px; border-radius:5px;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper .banner{justify-content: center; width: 100%; margin-top:30px; align-items: center; padding:30px 10px; border: 1px solid #4f4e4d;; display: flex; flex-direction: column;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper .banner img{max-width: 60px; margin-bottom: 10px;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper .banner p{color:var(--whitecolor); text-align: center; font-size: 15px;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper .banner a{padding:5px 15px; font-weight: bold; border-radius:5px; background-color: var(--color15); font-size: 15px; color: #000; margin-top: 15px; border-radius:5px;} .listingwrapper .listingcontainer .listingrightlast .banner{justify-content: center; width: 100%; background-color: #000; margin-top:0px; align-items: center; padding:30px 10px; border: 1px solid #4f4e4d;; display: flex; flex-direction: column;} .listingwrapper .listingcontainer .listingrightlast .banner img{max-width: 60px; margin-bottom: 10px;} .listingwrapper .listingcontainer .listingrightlast .banner p{color:var(--whitecolor); text-align: center; font-size: 21px;} .listingwrapper .listingcontainer .listingrightlast .banner a{padding:8px 25px; font-weight: bold; border-radius:5px; background-color: var(--color15); font-size: 18px; color: #000; margin-top: 15px; border-radius:5px;} .listingwrapper .listingcontainer .listingrightlast .banner span{color:var(--color15);} .home.header-fixed .careerPathlanding-header{margin-top:-150px;} .header-fixed .careerPathlanding-header .careerPathlanding-header-inner .right-nav a{ color:var(--blackcolor); } .header-fixed .careerPathlanding-header .careerPathlanding-header-inner .right-nav a:hover{ color:var(--color15);} .header-fixed .careerPathlanding-header .careerPathlanding-header-inner .middle-nav a{ color:var(--whitecolor); } .header-fixed .careerPathlanding-header .careerPathlanding-header-inner .middle-nav a:hover{ color:var(--color15);} .archive.author .careerPathlanding-header-inner .right-nav a:hover{color:var(--color15);} .careerPathlanding-header-inner .right-nav a.userprofileLink{background-color: transparent; padding: 0 15px;} .home .careerPathlanding-header{position: fixed;} .page-template-referral-php .careerPathlanding-header{position: fixed;} .header-fixed.page-template-referral-php .careerPathlanding-header{margin-top: -150px;} .careerPathlanding-header{position: static; top: 0;width: 100%; left:0; right:0; z-index: 2200001;} .careerPathlanding-header .topbar{ display: flex; width: 100%; background-color: #fdbc4b; color:#000;} .careerPathlanding-header .topbar .topbarcontainer{ padding:15px 60px; font-size: 17px; display: flex; justify-content:center; width: 100%; align-items: center;} .careerPathlanding-header .topbar .topbarcontainer .toolbarright{display: flex; align-items: center; margin-left: 30px;} .careerPathlanding-header .topbar .topbarcontainer .toolbarright i{margin-right: 5px;} .careerPathlanding-header .topbar .topbarcontainer .toolbarright div{margin-left: 15px;} .careerPathlanding-header .topbar .topbarcontainer .toolbarright div:first-child{margin-left:0px;} .my-account .careerPathlanding-header{ box-shadow:0px 0px 15px 0 rgb(0 0 0 / 25%)} .woocommerce-notices-wrapper{z-index: 2200001;} .careerPathlanding-header-inner{width: 100%; padding:15px 60px 15px; display: flex; width: 100%; justify-content: space-between; margin:0 auto;} .careerPathlanding-header-inner .logo{width:auto;} .careerPathlanding-header-inner .mobilenav{display: flex; display: none; flex-direction: column; justify-content: center; align-items: center;} .careerPathlanding-header-inner .mobilenav span{height:5px; background-color: #fff; width:50px;} .careerPathlanding-header-inner .mobilenav span + span{margin-top: 8px;} .careerPathlanding-header-inner .mobilenav span + span + span{margin-top: 8px;} .careerPathlanding-header-inner .schoolsonweb-logo{width:60px; display: flex; align-items: center;} .careersetkaro-logo a{display: flex; flex-direction: row; font-weight: bold; font-family:PoppinsBold; font-size: 21px; color: var(--color15); text-transform: uppercase; padding:0px;} .careersetkaro-logo a span:last-child{margin-left: 5px;} .careerPathlanding-header-inner .imaginxp-logo{width:80px; display: flex; align-items: center;} .careerPathlanding-header .screen-reader-text{display: none;} .careerPathlanding-header-inner .right-nav .header-actions-mobile{display: flex; align-items: center; position: relative; display: none;} .careerPathlanding-header-inner .right-nav .header-actions-mobile > a{font-size: 24px; color:var(--color8);} .careerPathlanding-header-inner .right-nav .header-actions-mobile.colorchange a{color: var(--color1); } .careerPathlanding-header-inner .right-nav .header-actions-mobile ul{display: flex; align-items: center; margin:0; padding:0;} .careerPathlanding-header-inner .right-nav .header-actions-mobile ul li{margin:0; margin-right:15px; display: flex;} .careerPathlanding-header-inner .right-nav .header-actions-mobile .header-actions-dd{position: absolute; background-color: var(--whitecolor); right: 0; top: 100%; width: 170px; z-index: 15; display: none; padding:10px; border-radius:5px; border-top: 0 none; box-shadow: 0 2px 10px 0 rgb(105 112 113 / 50%);} .careerPathlanding-header-inner .right-nav .header-actions-mobile .header-actions-dd a{margin-bottom:10px; text-decoration: none; color: var(--color8); font-size: 14px; font-family: var(--defaultfont);} .careerPathlanding-header-inner .right-nav .header-actions-mobile:hover .header-actions-dd{display: flex; flex-direction: column;} .careerPathlanding-header-inner .right-nav .header-actions-mobile .header-actions-dd a:last-child{margin-bottom: 0;} .careerPathlanding-header-inner .right-nav{display: flex; align-items: center; color: gray;} .careerPathlanding-header-inner .right-nav a{color:var(--color15); display: flex;background-color: var(--whitecolor); border-radius:25px; align-items: center; font-size: 16px; margin-left:0px; padding:5px 15px;} .careerPathlanding-header-inner .right-nav .link a{color: var(--blackcolor);} .careerPathlanding-header-inner .right-nav .links.startlearng{margin-left: 20px} .careerPathlanding-header-inner .right-nav .links{background-color: transparent; font-size:18px; padding:0; text-decoration: underline; margin-right: 20px;} .careerPathlanding-header-inner .right-nav .links:hover{background-color: transparent; font-size: 18px; padding:0; color:#fff; text-decoration: none; margin-right: 20px;} .page-template-user-profile-php .careerPathlanding-header-inner .right-nav .links:hover{background-color: transparent; font-size: 18px; padding:0; color: var(--color15); text-decoration: none; margin-right: 20px;} .woocommerce-account .careerPathlanding-header-inner .right-nav .links:hover{background-color: transparent; font-size: 18px; padding:0; color: var(--color15); text-decoration: none; margin-right: 20px;} .page-template-profiles-php .careerPathlanding-header-inner .right-nav .links:hover{background-color: transparent; font-size: 18px; padding:0; color: var(--color15); text-decoration: none; margin-right: 20px;} .careerPathlanding-header-inner .right-nav a:first-child{margin-left:0px;} .careerPathlanding-header-inner .right-nav .links + .links + .links{margin-right:0px;} .careerPathlanding-header-inner .right-nav a:hover{color:var(--blackcolor);} .single.single-post .careerPathlanding-header-inner .right-nav .links:hover{color:var(--blackcolor);} .single .careerPathlanding-header-inner .right-nav .links:hover{color:var(--blackcolor);} .careerPathlanding-header-inner .right-nav ul{display: flex;} .careerPathlanding-header-inner .right-nav ul li{display: flex; margin:0; padding:0; margin-left:10px;} .careerPathlanding-header-inner .right-nav .myaccount{position: relative;} .careerPathlanding-header-inner .right-nav .myaccount{position: relative; margin-left:0px; display: flex; align-items: center;} .careerPathlanding-header-inner .right-nav .myaccount .myaccount_mainlink{display: flex; background-color: transparent; flex-direction: row; align-items: center; color: var(--color1); font-size: 14px;} .careerPathlanding-header-inner .right-nav .myaccount .myaccount_mainlink i{display: flex; margin-right:0px;} .careerPathlanding-header-inner .right-nav .myaccount .myaccount_mainlink img{ background-color: #e6dede; width: 32px; height:32px; margin:0; margin-right:0px; border-radius:50%;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd {position: absolute; background-color:var(--whitecolor); right:0; top:100%;width: 170px; z-index: 15; display: none; padding: 5px 0 0; border-top: 0 none; box-shadow: 0 2px 10px 0 rgba(105,112,113,.5);} .careerPathlanding-header-inner .right-nav .myaccount .accountdd .accountddarrow {position: absolute; width: 0; height: 0; top: -4px; right: 12px; border-color: transparent transparent var(--whitecolor); border-style: solid; border-width: 0 10px 10px;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd .accountddcontainer {clear: both; overflow: hidden; padding: 0; line-height: normal; width: 100%;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd h2 {clear: both; color: var(--blackcolor); font-size: 13px; line-height: normal; margin: 10px 0; overflow: hidden; padding: 0 10px 10px; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px solid var(--color10);} .careerPathlanding-header-inner .right-nav .myaccount .accountdd h3 {clear: both; color: var(--blackcolor); font-size: 13px; line-height: normal; margin: 10px 0; overflow: hidden; padding: 0 10px 10px; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px solid var(--color10);} .careerPathlanding-header-inner .right-nav .myaccount .accountdd ul {margin: 0; padding: 0 0 5px;width: 100%; flex-direction: column; float: none; display: flex;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd ul li{margin:0; padding:4px;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd ul li:first-child { border-top: 0 none;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd ul li a {display: block; width:100%; text-decoration: none; justify-content: flex-start; align-items: flex-start; background-image: none; padding:4px 10px; height: auto; line-height: normal; border-radius:0; font-size: 14px; color:var(--blackcolor); text-transform: uppercase; text-align:center;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd ul li {margin: 0 0 5px;padding: 0; border-left: 0 none; height: auto; list-style-type: none; display: inline-block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; border-top: 0 solid #7e7e7e;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd .accountddcontainer li.logout a {background-image: none;text-decoration: none; line-height: normal;height: auto; padding:8px;text-align: center; color: var(--blackcolor); font-weight: bold;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd .accountddcontainer li.logout{margin-bottom: 0} .careerPathlanding-header-inner .right-nav .myaccount:hover .accountdd {display: block;} .careerPathlanding-header-inner .right-nav .myaccount .accountdd .accountddcontainer li a:hover {color: var(--blackcolor); background-color: #e6e6e6;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddmenuwrapper{display: flex; margin-right:0px; flex-direction: column; position:relative} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sample-main-link{display: flex; background-color: var(--color15); flex-direction: row; align-items: center; color: var(--blackcolor); padding:5px 20px; border-radius:3px; border:0px solid #ddd; font-size: 17px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sample-main-link i{display: flex; margin-right:0px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper {position: absolute; background-color:var(--whitecolor); right:0; top:100%;width: 233px; z-index: 2200003454; display: none; padding: 5px 0 0; border-top: 0 none; box-shadow: 0 2px 10px 0 rgba(105,112,113,.5);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper .sampleddarrow {position: absolute; width: 0; height: 0; top: -4px; right: 12px; border-color: transparent transparent var(--whitecolor); border-style: solid; border-width: 0 10px 10px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper .sampleddcontainer {clear: both; overflow: hidden; padding: 0; line-height: normal; width: 100%;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper h2 {clear: both; color: var(--blackcolor); font-size: 13px; line-height: normal; margin: 10px 0; overflow: hidden; padding: 0 10px 10px; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px solid var(--color10);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper h3 {clear: both; color: var(--blackcolor); font-size: 13px; line-height: normal; margin: 10px 0; overflow: hidden; padding: 0 10px 10px; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px solid var(--color10);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper ul {margin: 0; padding: 0 0 5px;width: 100%; flex-direction: column; float: none; display: flex;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper ul li{margin:0; padding:4px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper ul li:first-child { border-top: 0 none;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper ul li a {display: block; width:100%; text-decoration: none; justify-content: flex-start; align-items: flex-start; background-image: none; padding:4px 10px; height: auto; line-height: normal; border-radius:0; font-size: 15px; color:var(--blackcolor); text-transform: none; text-align:left;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper ul li {margin: 0 0 5px;padding: 0; border-left: 0 none; height: auto; list-style-type: none; display: inline-block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; border-top: 0 solid #7e7e7e;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddmenuwrapper:hover .sampleddwrapper {display: block;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper .sampleddcontainer li a:hover {color: var(--blackcolor); background-color: #e6e6e6;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleddwrapper .sampleblock{margin:0;} .careerPathlanding-header-inner .right-nav ul li:first-child{margin-left: 0;} .careerPathlanding-header-inner .right-nav .badge-logo{ width:auto; margin:0 0px 0px;} .careerPathlanding-header-inner .right-nav .badge-logo img{max-width: 30px; margin-right: 5px; border-radius:0;} .careerPathlanding-header-inner .right-nav a img{max-width: 30px; margin-right: 5px; border-radius:100%;} .careerPathlanding-header-inner .middle-nav{display: flex; align-items: center; color: gray;} .careerPathlanding-header-inner .middle-nav a{color:var(--color15); font-family:var(--fontfamilybold); display: flex; align-items: center; font-size: 18px; margin-left:25px; padding:0px 0px;} .careerPathlanding-header-inner .middle-nav a:first-child{margin-left:0px;} .careerPathlanding-header-inner .middle-nav a:hover{color:var(--blackcolor);} .cskbannerSectionsWrapper{display: flex; width: 100%; position: relative; opacity:0; visibility: hidden; height:680px; overflow: hidden; top:0; left:0; right:0; bottom:0;} .cskbannerSectionsWrapper .bg{ width: 100%; height:100%; z-index: 0; position: absolute;} .cskbannerSectionsWrapper .cskbannerSectionsContainer{display: flex; width: 100%; position: relative;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft{display: flex; width: 100%; display: flex; align-items: center; justify-content: center; max-width: none; background-color: var(--color2)} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk{width: 55%;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk{padding:120px 60px 0; display: flex; height:100%; max-width: 45%; width: 100%; align-items: flex-start; justify-content: center;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk .videowrapper{display: flex; padding-top: 50px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk .videowrapper video{width:100%!important; height:400px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk .expertWebinar{display: flex; flex-direction: column; border-left:3px solid var(--color15); padding-left:10px; width: 100%; justify-content: flex-start; align-items: flex-start; font-size:18px; margin-bottom: 25px; font-family:var(--fontfamilybold); color:var(--whitecolor);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk .expertWebinar span{width: 50px; margin:12px 0 0; height: 3px; background-color:var(--color15);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol{display: flex; height:auto; width: 100%; margin:0; padding:0; flex-wrap: wrap;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li{display: flex; margin:0 0px 24px; padding:0; width: 155px; justify-content: center;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li a{display: flex; flex-direction: column; font-size: 16px; align-items: center; justify-content: center; text-align: center;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li a i{color:#fff; position: relative; border-radius:100%; margin-bottom:5px; color:#fff;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li a i img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70px; border-radius: 50%; max-width: 100%; position: absolute; height: 70px; border-radius:100%;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li a i span{border-radius: 50%; display:flex; animation: stroke-draw 6s ease-out infinite alternate; border:2px dashed #fff; width:80px; height:80px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li a i span.viewall{animation: none; display: flex; align-items: center; justify-content: center; font-size: 22px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li a{color:#fff;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li a:hover{color:var(--color15); } @keyframes stroke-draw { from{ stroke:#8a3ab9; stroke-dasharray: 1; } to{ stroke:#cd486b; transform:rotate(180deg); stroke-dasharray: 8; } } .videoDialogWrapper.open{display: flex;} .videoDialogWrapper{position: fixed; top:0; z-index: 2200045; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.8); display: flex; display: none; width: 100%; align-items: center; justify-content: center;} .videoDialogWrapper .videoDialogContainer{background-color:#fff; width:100%; height:100%; position: absolute; top:0 bottom:0; left:0; right:0;} .videoDialogWrapper .videoDialogContainer video{position: fixed; top:0; left:0; right:0; bottom:0;} .videoDialogWrapper .videoDialogContainer video:focus{outline:0px none;} .videoDialogWrapper .videoDialogContainer .csk-closebtn{ z-index: 1; font-size: 40px; top: 15px; right: 35px; position: absolute; color: #818181;} .videoDialogWrapper .videoDialogContainer .csk-closebtn:hover{color: #fff;} .videoDialogWrapper .videoDialogContainer video{width:100%!important; height:100%!important;} .logindialogwrapper.open{display: flex; align-items: center; width:100%; height: 100%; justify-content: center; position: fixed; z-index: 2200078; align-items: center; justify-content: center;} .logindialogwrapper.open .woo-login-popup-sc-modal-overlay{display: flex;} .logindialogwrapper{display: none;} .logindialogwrapper{position: fixed; top:0; z-index: 2200045; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.8); display: flex; display: none; width: 100%; align-items: center; justify-content: center;} .logindialogwrapper .logindialogcontainer{background-color:#fff; width:100%; height:100%; position: absolute; top:0 bottom:0; left:0; right:0;} /*Lost Password*/ .woocommerce-account #site-content .woocommerce{max-width: none; padding:0; background-color:#f2f2f2} .woocommerce-lost-password #site-content .woocommerce{display: flex; align-items: center; justify-content: center; padding:0px; min-height: 600px;} .woocommerce-lost-password .entry-title{display: flex; flex-direction: column; margin-bottom: 30px; font-weight: normal; font-size:24px; color:var(--blackcolor); font-family: var(--defaultfont);} .woocommerce-lost-password .lostpassword-wrapper{font-size: 14px; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); background-color:#fff; font-family:var(--defaultfont); border: 0px solid #a3dce1; max-width: 500px; margin:20px auto; border-radius: 5px; padding: 15px;} .woocommerce-lost-password .lostpassword-wrapper h2 {margin: 0 0 15px; font-weight: normal; font-size: 18px;} .woocommerce-lost-password .lostpassword-wrapper label{font-family: var(--defaultfont); font-size: 14px;} .woocommerce-lost-password .lostpassword-wrapper form{font-family: var(--defaultfont); font-size: 14px; display: flex; flex-direction: column;} .woocommerce-lost-password .lostpassword-wrapper form .woocommerce-form-row{margin: 15px 0; width: 100%} .woocommerce-lost-password .lostpassword-wrapper form .action-block{margin:0px 0;} .woocommerce-lost-password .lostpassword-wrapper form input[type="text"]{border: 1px solid var(--color18); border-radius: 5px; padding: 5px 15px; font-family: var(--defaultfont); font-size: 14px;} .woocommerce-lost-password .lostpassword-wrapper button{padding:8px 26px; font-size: 15px;} .woocommerce-lost-password .woocommerce-notices-wrapper .woocommerce-error li{margin:0; padding:0; font-size: 15px;} .woocommerce-error{padding:10px; font-size: 15px; margin-bottom: 50px;} .resetpassword-wrapper{font-size: 14px;width:100%; max-width: 500px; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); background-color:#fff; font-family:var(--defaultfont); border: 0px solid #a3dce1; max-width: 500px; margin:0 auto; border-radius: 5px; padding: 15px;} .resetpassword-wrapper h2 {margin: 0 0 15px; font-weight: normal; font-size: 18px;} .resetpassword-wrapper label{font-family: var(--defaultfont); font-size: 14px;} .resetpassword-wrapper form{font-family: var(--defaultfont); font-size: 14px; display: flex; flex-direction: column;} .resetpassword-wrapper form .woocommerce-form-row{margin: 15px 0; width: 100%} .resetpassword-wrapper form .action-block{margin:0px 0;} .resetpassword-wrapper form input[type="text"]{border: 1px solid var(--color18); border-radius: 5px; padding: 5px 15px; font-family: var(--defaultfont); font-size: 14px;} .resetpassword-wrapper form input[type="password"]{border: 1px solid var(--color18); border-radius: 5px; padding: 5px 15px; font-family: var(--defaultfont); font-size: 14px;} .resetpassword-wrapper button{padding:8px 26px; font-size: 15px;} .resetpassword-wrapper .woocommerce-error li{margin:0; padding:0; font-size: 15px;} /*account-page Start from here*/ .woocommerce-account .entry-header{padding:0;} .woocommerce-account .entry-header .entry-title{display: flex; flex-direction: column; margin-bottom:0px; font-weight: normal; font-size:24px; color:var(--color24); font-family: var(--defaultfont);} .woocommerce-account .woocommerce-MyAccount-content p{font-size: 18px; font-family:var(--defaultfont);} .account-page-wrapper{display: flex; width: 100%; padding:0px 0 0; font-size: 14px; font-family:var(--defaultfont);} .account-page-wrapper .account-page-container{display: flex; width: 100%; padding:0px; background-color: var(--whitecolor); padding: 20px; border:0px solid #a3dce1; border-radius:5px;} .account-page-wrapper .account-page-container .congratulationsmsg{ align-items: center; justify-content: center; font-family: var(--defaultfont); margin:50px 0; padding: 25px; border:0px solid #ddd; width: 100%; display: flex; flex-direction: column;} .account-page-wrapper .account-page-container .congratulationsmsg .title{ font-size:42px; padding:0px; color: var(--color15); margin-bottom: 15px; font-weight: bold;} .account-page-wrapper .account-page-container .congratulationsmsg .subtitle{ font-size: 23px; margin-bottom: 15px; color: var(--blackcolor); font-weight: bold;} .account-page-wrapper .account-page-container .congratulationsmsg p{ font-size:23px; margin:0px 0 0; color: var(--color15); font-weight: normal;} .account-page-wrapper .account-page-container .congratulationsmsg .startlearningbtn{margin-top:15px;} .account-page-wrapper .account-page-container .congratulationsmsg .startlearningbtn a { border-radius: 5px; font-weight: bold; background-color: var(--color15); display: flex; font-size: 16px; color: var(--blackcolor); padding: 10px 20px;} .account-page-wrapper .account-page-container .left-block{display:flex; width:20%;} .account-page-wrapper .account-page-container .left-block nav{display: flex; width: 100%; margin-right: 0; float:none; flex-direction: column; background-color: #f1f1f1; padding: 15px;} .account-page-wrapper .account-page-container .left-block nav ul{display: flex; margin:0; padding:0; flex-direction: column;} .account-page-wrapper .account-page-container .left-block nav ul li{display: flex; margin:10px 0 0; padding:0; list-style-type: none;} .account-page-wrapper .account-page-container .left-block nav ul li a{text-decoration: none; font-weight: normal; border-radius:5px; padding:5px 10px; display: flex; flex: 1; font-family:var(--defaultfont); font-size:15px; color:var(--color17);} .account-page-wrapper .account-page-container .left-block nav ul li a:hover{ background-color: var(--color15); color:var(--whitecolor);} .account-page-wrapper .account-page-container .left-block nav ul li.is-active a{ background-color: var(--color1); color:var(--whitecolor);} .account-page-wrapper .account-page-container .right-block{display:flex; flex-direction: column; min-height: 450px; width: 80%; margin-left:30px;} .account-page-wrapper .account-page-container .right-block .woocommerce-MyAccount-content{width:100%; float:none; display: flex; font-family:var(--defaultfont); text-align: left; white-space: normal; flex-direction: column; align-items: flex-start;} .account-page-wrapper .account-page-container .right-block table{width:100%; border-collapse: collapse; border:0px none;} .account-page-wrapper .account-page-container .right-block table th{font-family:var(--defaultfont); font-weight: normal; font-size:14px; background-color: #e2dcdc; padding:8px; text-align: left; white-space: normal;} .account-page-wrapper .account-page-container .right-block table td{font-family:var(--defaultfont); font-weight: normal; font-size:14px; color:var(--color17); padding:8px; text-align: left; white-space: normal;} .account-page-wrapper .account-page-container .right-block table td a{color:var(--whitecolor); font-family:var(--defaultfont); font-weight: normal; background-color: var(--color1); padding:5px 10px; margin:0; border-radius:5px; font-size: 14px;} .account-page-wrapper .account-page-container .right-block table td a:hover{color:var(--whitecolor); text-decoration: none!important;} .account-page-wrapper .account-page-container .woocommerce-Address{margin-top: 20px;} .account-page-wrapper .account-page-container .woocommerce-Address h3{margin-bottom:0px; margin: 0} .account-page-wrapper .account-page-container .woocommerce-Address .woocommerce-Address-title{display: flex; align-items: center; margin-bottom: 20px;} .account-page-wrapper .account-page-container h3{font-size: 18px; margin-bottom: 20px; font-family:var(--defaultfont); font-weight: normal;} .account-page-wrapper .account-page-container .woocommerce-Address a{font-size: 13px; margin-left: 10px; color:var(--color1); text-decoration: underline; font-family:var(--defaultfont); font-weight: normal;} .account-page-wrapper .account-page-container .woocommerce-Address a:hover{text-decoration: none;} .account-page-wrapper .account-page-container .woocommerce-address-fields .form-row{margin-bottom: 15px;} .account-page-wrapper .account-page-container .woocommerce-address-fields .form-row label{margin-bottom: 5px; font-size: 14px;} .account-page-wrapper .account-page-container .woocommerce-address-fields .form-row .input-text {padding:10px; background-color:transparent; color:var(--color17); font-size:13px; border-radius:4px; border:1px solid var(--color18);} .account-page-wrapper .account-page-container .woocommerce-address-fields .select2-container .select2-selection{padding:10px; height:auto; background-color:transparent; border-radius:4px; border:1px solid var(--color18);} .account-page-wrapper .account-page-container .woocommerce-address-fields .select2-container .select2-selection span{line-height: normal;} .account-page-wrapper .account-page-container .woocommerce-address-fields .select2-container .select2-selection__arrow{top:7px;} .account-page-wrapper .account-page-container .woocommerce-address-fields .button{width: 100%;max-width: 140px; margin:10px auto; display:flex; align-items: center; justify-content: center; padding: 12px 0; background-color: var(--color1); color:var(--whitecolor); transition: all 0.2s ease; font-weight: normal; border-radius:5px; font-size: 14px;border:0px none; text-transform: uppercase;font-family:var(--defaultfont);} .account-page-wrapper .account-page-container .woocommerce-address-fields .button:hover{opacity: 0.9} .account-page-wrapper .account-page-container .woocommerce-address-fields .button:focus{outline:0px none;} .account-page-wrapper .account-page-container form{width: 100%;} .account-page-wrapper .account-page-container .woocommerce-address-fields{margin: auto; border: 1px solid var(--color18); padding: 20px;} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm .form-row{margin-bottom: 15px;} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm .form-row label{margin-bottom: 5px; font-size: 14px;} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm .form-row .input-text {padding:10px; background-color:transparent; color:var(--color17); font-size:13px; border-radius:4px; border:1px solid var(--color18);} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm .select2-container .select2-selection{padding:10px; height:auto; background-color:transparent; border-radius:4px; border:1px solid var(--color18);} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm .select2-container .select2-selection span{line-height: normal;} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm .select2-container .select2-selection__arrow{top:7px;} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm .button{width: 100%;max-width: 140px; margin:10px auto; display:flex; align-items: center; justify-content: center; padding: 12px 0; background-color: var(--color1); font-weight: normal; border-radius:5px; color:var(--whitecolor); transition: all 0.2s ease; font-size: 14px;border:0px none; text-transform: uppercase;font-family:var(--defaultfont);} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm .button:hover{opacity: 0.9} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm .button:focus{outline:0px none;} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm{margin: auto; border: 1px solid var(--color18); padding: 20px;} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm fieldset{border:0px none; margin-top: 20px; padding:0;} .account-page-wrapper .account-page-container .woocommerce-EditAccountForm fieldset legend{font-size: 18px; width:100%; margin:0px 0 15px; padding:0; font-family:var(--defaultfont); font-weight: normal;} .woocommerce-info {background: #eee; color: var(--blackcolor); border-top: 2px solid var(--color1);} .woocommerce-info a.button{background-color: var(--color1); color: var(--whitecolor); border-radius:5px; font-size: 14px;} .woocommerce-info a.button:hover{background-color: var(--color1); text-decoration: none!important; color: var(--whitecolor); border-radius:5px; font-size: 14px;} #site-content .woocommerce-error, #site-content .woocommerce-info{font-family:var(--defaultfont);} .account-page-wrapper .account-page-container .woocommerce-Message{width:100%; font-size: 14px;} .account-page-wrapper .account-page-container .block{margin-bottom: 20px;} .account-page-wrapper .account-page-container .block a{color:var(--color20); text-decoration: underline;} .account-page-wrapper .account-page-container .block a:hover{color:var(--color20); text-decoration: none;} .woocommerce-account .woocommerce{display: flex; flex-direction: column;} .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before{display: none;} .account-page-wrapper .account-page-container .right-block .woocommerce-MyAccount-content .woocommerce-notices-wrapper{width: 100%} .account-page-wrapper .account-page-container .view-order-summary{font-size:19px; flex-wrap: wrap; display: flex; margin-bottom: 20px; width: 100%;} .account-page-wrapper .account-page-container .view-order-summary mark{background-color: transparent; font-family:var(--defaultfont); color:var(--blackcolor); margin:0 5px;} .account-page-wrapper .account-page-container .woocommerce-order-details{ width: 100%; } .account-page-wrapper .account-page-container .woocommerce-order-details h2{margin:0 0 15px; font-weight: normal; font-size:18px;} .account-page-wrapper .account-page-container .woocommerce-order-details table{margin-top: 0} .account-page-wrapper .account-page-container .woocommerce-order-details table td{padding: 10px;} .account-page-wrapper .account-page-container .right-block .woocommerce-order-details tfoot th{text-align: right; background-color: transparent;} .account-page-wrapper .account-page-container .right-block .woocommerce-customer-details p{margin-top: 10px;} .account-page-wrapper .account-page-container .right-block .woocommerce-customer-details h2{margin:0 0 15px; font-weight: normal; font-size:18px;} .account-page-wrapper .account-page-container .right-block .woocommerce-customer-details address{color:var(--color14);} body .woo-login-popup-sc-modal .woo-login-popup-sc h2{font-size: 23px;} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner input[type='text']{font-size: 14px;} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner input[type='password']{font-size: 14px;} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner input[type='email']{font-size: 14px;} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner input[type='tel']{font-size: 14px;} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner select{border: 1px solid #ddd; font-size: 14px; line-height: 25px; font-weight: 400; width: 100%; padding: 7px; margin: 2px 6px 16px 0;} .woocommerce-privacy-policy-text{display: none;} .detailBottomBarWrapper{position: fixed;bottom:-100px; left: 0; right: 0; z-index: 999999; overflow: hidden; background: #fff; box-shadow: 0 3px 6px 2px rgb(42 42 42 / 40%); transition: all .3s;} .bottombar-up .detailBottomBarWrapper{bottom: 0;} .detailBottomBarWrapper .detailBottomBarContainer{width: 100%; max-width: 1280px; padding: 10px; margin: 0 auto; display: flex;} .detailBottomBarWrapper .detailBottomBarContainer .leftpart{flex: 1; display: flex;} .detailBottomBarWrapper .detailBottomBarContainer .rightpart{ width: 200px; justify-content: flex-end; display: flex;} .detailBottomBarWrapper .detailBottomBarContainer .leftpart h4{color: var(--color8); font-size:25px; padding: 0 0px; font-family: var(--fontfamilybold); font-weight: bold; margin-bottom:0px;} .detailBottomBarWrapper .detailBottomBarContainer .rightpart .actions a:last-child {text-transform: uppercase; padding: 10px 35px; border-radius: 35px; margin-left: 0px; display: flex; font-size: 0.875rem; border: 1px solid var(--color15); font-weight: bold; color: var(--blackcolor); background-color: var(--color15);} /*account-page ends here*/ .footer-nav-widgets-wrapper{display: none;} .my-account main{background-color: #fffbfb} .login-wrapper{display: flex; width: 100%; flex-direction: column; font-family:var(--defaultfont); font-size: 14px; padding:20px 15px 60px;} .login-wrapper .register-form-wrapper{ display: flex; width: 100%; } .login-wrapper .register-form-wrapper .register-form-right{display: flex; width: 100%; height: auto; align-items:center; max-width: none; justify-content:center;} .login-wrapper .register-form-wrapper .register-form-right .login-btn{display: flex; align-items: center; justify-content: space-between; width: 100%;} .login-wrapper .register-form-wrapper .register-form-right .login-btn p{margin-top: 0} .login-wrapper .register-form-wrapper .register-form-right .login-btn div{display: flex; align-items: center; margin-left:15px; } .login-wrapper .register-form-wrapper .register-form-right .login-btn div a{margin-left:5px;} .login-wrapper .register-form-wrapper .register-form-right .login-btn button{padding:8px 26px; font-size: 15px; color:var(--blackcolor); background-color: var(--color15)} .login-wrapper .register-form-wrapper .register-form-right .donot-have{ margin-top: 25px; font-size: 17px; display: flex; align-items: center; justify-content: center; } .login-wrapper .register-form-wrapper .register-form-right .donot-have a{margin-left:5px; font-size: 23px;} .login-wrapper .register-form-wrapper .register-form-right .donot-have a:hover{color:var(--color15);} .login-wrapper .woocommerce-form-register__submit {padding:8px 26px; font-size: 15px; font-size: 15px; color:var(--blackcolor); background-color: var(--color15)} .login-wrapper .register-form-wrapper .register-form-right .woocommerce-password-strength{color:#ff0000;} .login-wrapper .register-form-wrapper .register-form-right .woocommerce-password-strength.strong{color:#03c600;} .login-wrapper .register-form-wrapper .register-form-right .woocommerce-password-strength.good{color:#03c600;} .login-wrapper .register-form-wrapper .register-form-left .widget{display: flex; width: 100%;} .login-wrapper .register-form-wrapper .register-form-left {display: flex; min-height: 620px; opacity: 0; visibility: hidden; width: 100%; border: 0px solid var(--blackcolor); max-width: 50%; background-color:var(--color3); background-color: var(--whitecolor);} .login-wrapper .register-form-wrapper .register-form-left .execphpwidget{display: flex; width: 100%;} .login-wrapper .register-form-wrapper .register-form-left .slider-block{display: flex; flex-direction: column; align-items: center; width: 100%; } .jsloaded .login-wrapper .register-form-wrapper .register-form-left{visibility: visible; opacity: 1} .login-wrapper .register-form-wrapper .register-form-left .slider-block .slider{display: flex; height: auto; align-items: center; justify-content: center; width: 100%;} .login-wrapper .register-form-wrapper .register-form-left .slider-block .slides{display: flex; flex-direction: column; height:100%; align-items: center; justify-content: center;} .login-wrapper .register-form-wrapper .register-form-left .slider-block .slides .thumb{ margin-bottom:35px; display: flex; justify-content: center;} .login-wrapper .register-form-wrapper .register-form-left .slider-block .slides .thumb img{max-width: 100%;} .login-wrapper .register-form-wrapper .register-form-left .slider-block .slides h3{margin-top:0; margin-bottom: 0; font-family: var(--defaultfont); margin-bottom: 15px; color:var(--color1); font-size:22px;} .login-wrapper .register-form-wrapper .register-form-left .slider-block .slides h1{margin-top:0; margin-bottom: 0; font-family: var(--defaultfont); margin-bottom: 15px; color:var(--color1); font-size:22px;} .login-wrapper .register-form-wrapper .register-form-left .slider-block .slides p{ font-family: var(--defaultfont); max-width: 500px; text-align: center; margin:auto; color:var(--blackcolor); font-size:18px;} .login-wrapper .register-form-wrapper .register-form-left .enroll-action{display:flex; margin-top:15px; align-items:center; flex-direction: column;} .login-wrapper .register-form-wrapper .register-form-left .enroll-action a{margin-top: 20px; display: none;} .login-wrapper .register-form-wrapper .register-form-left .enroll-action span{margin-right:10px; font-size: 14px;} .login-wrapper .register-form-wrapper .register-form-left .enroll-action a{padding:10px 15px; white-space: nowrap; border:1px solid var(--color1); background-color: var(--whitecolor); border-radius: var(--radius10); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--color1);} .login-wrapper .register-form-wrapper .register-form-left .owl-carousel .owl-item{height: 100%; display: flex; align-items: center; justify-content: center;} .login-wrapper .register-form-wrapper .register-form-left .owl-carousel .owl-stage{display: flex; align-items: center;} .login-wrapper .register-form-wrapper .register-form-left .owl-dots {z-index: 1; position: absolute; bottom:-40px; left:0; right:0; display: flex; width: 100%; justify-content: center; align-items: center;} .login-wrapper .register-form-wrapper .register-form-left .owl-dots .owl-dot{opacity: 0.50; margin:5px; border-radius:10px; width: 15px; height:12px; box-shadow:0px 0px 0px 0px; background-color: var(--color2);} .login-wrapper .register-form-wrapper .register-form-left .owl-dots .owl-dot.active{opacity: 1; width: 36px; background-color: var(--color1);} .woocommerce-account .entry-header .entry-title{opacity: 0; height:0; visibility: hidden;} .login-wrapper h2{margin:0 0 15px; display: flex; letter-spacing: normal; align-items: center; justify-content: center; text-align: center; color:var(--blackcolor); font-family:var(--fontfamilybold); font-weight: normal; font-size:34px;} .login-wrapper h2 span{font-size: 14px; margin-top: 9px; margin-left: 15px; font-family:var(--defaultfont); font-weight: normal;} .login-wrapper h2 span a{font-size: 23px;} .login-wrapper h2 span a:hover{font-size: 23px; color:var(--color15);} .login-wrapper .subtitle{margin:0 0 25px; display: flex; letter-spacing: normal; align-items: center; justify-content: center; text-align: center; color:var(--blackcolor); font-family:var(--defaultfont); font-weight: normal; font-size:15px;} .login-wrapper .woocommerce-form-row{font-family:var(--defaultfont); font-size: 14px; margin-bottom: 15px;} .woocommerce form.woocommerce-form-login label, .woocommerce form.woocommerce-form-login p, .woocommerce form.woocommerce-form-register label, .woocommerce form.woocommerce-form-register p{font-family:var(--defaultfont); font-size: 14px;} .login-wrapper .form-row label{display: flex; align-items: center;} .login-wrapper .woocommerce-form__label-for-checkbox{display: flex!important; align-items: center;} .login-wrapper .woocommerce-form__label-for-checkbox input[type="checkbox"]{margin-right: 10px;} .login-wrapper .woocommerce-form-row input[type="text"]{border:1px solid var(--color18); border-radius:5px; padding: 10px 15px; font-family:var(--defaultfont); font-size: 14px;} .login-wrapper .woocommerce-form-row input[type="password"]{border:1px solid var(--color18); border-radius:5px; padding: 10px 15px; font-family:var(--defaultfont); font-size: 14px;} .login-wrapper .woocommerce-form-row input[type="email"]{border:1px solid var(--color18); border-radius:5px; padding: 10px 15px; font-family:var(--defaultfont); font-size: 14px;} .login-wrapper form.woocommerce-form-register input{border:1px solid var(--color18); border-radius:5px; padding:10px 15px; font-family:var(--defaultfont); font-size: 14px;} .login-wrapper form.woocommerce-form-register select{border:1px solid var(--color18); border-radius:5px; padding:10px 15px; font-family:var(--defaultfont); font-size: 14px;} .login-wrapper .woocommerce-form-row input[type="checkbox"]{width:30px; height:30px; border-radius:5px;} .login-wrapper .woocommerce-FormRow--wide{margin-bottom: 10px;} .login-wrapper .woocommerce-form-login__rememberme{margin-bottom: 15px;} .login-wrapper .woocommerce-form-register__submit{margin-top: 15px} .login-wrapper .lost_password{margin-top: 15px;} .login-wrapper .register-form-right{display: flex; width: 100%; align-items: center; justify-content: center; height:100%;} .login-wrapper .u-column1{border: 1px solid #a3dce1; order:1; display: flex; border-radius:5px; flex-direction: column; padding: 25px; width: 100%;} .login-wrapper .u-column2{border:0px solid #a3dce1; background-color: #fff; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); padding: 25px; border-radius:10px; order:2; display: flex; display: none; flex-direction: column; width: 100%; border-radius:10px; max-width:500px;} .login-wrapper .u-column1{border:0px solid #a3dce1; background-color: #fff; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); padding:25px; border-radius:10px; flex-direction: column; border-radius:10px; max-width:500px;} .login-wrapper .u-column1.open{display: flex;} .login-wrapper .u-column2.close{display: none;} .login-wrapper .u-column1.close{display:none;} .login-wrapper .u-column2.open{display: flex;} .login-wrapper .u-column2 form .form-row label{font-size: 14px;} .login-wrapper .u-column1 form .form-row label:not(.terms-label){font-size:14px;} /*Error Page*/ .error404 #site-content{padding-top: 4em; min-height: 580px;} #errorpage {display: flex; width: 100%; text-align: center; flex-direction: column; align-items: center; justify-content: center; border-radius:5px; border: 1px solid var(--color15); padding:30px; background-color: var(--whitecolor);} #errorpage h1{margin-bottom: 15px; font-family:var(--defaultfont); font-size: 26px;} #errorpage .sorrytext{font-family:var(--defaultfont); font-size: 15px; color:var(--color19); margin-bottom: 20px;} #errorpage .bottomblock {font-size: 15px;color: var(--color19); margin-bottom: 15px;} #errorpage .bottomblock .block {font-size: 12px; color: var(--color19); text-align: center; display: inline-block; width: 100%; text-transform: uppercase; margin: 15px 0 0} #errorpage .buttonblock { display: inline-block; width: 100%; text-align: center;} #errorpage .buttonblock a { border: 0; border-radius:5px; background-color: var(--color15); color: var(--whitecolor); float: none; display: inline-block; font-size:14px; margin: auto; text-align: center; text-transform: uppercase; width: 160px; text-decoration: none} #errorpage .buttonblock a:hover{opacity: 0.8; text-decoration: none;} /*Error Page*/ .loginDialogWrapper.open{display: flex;} .loginDialogWrapper{position: fixed; top:0; z-index: 2200045; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.8); display: flex; display: none; width: 100%; align-items: center; justify-content: center;} .loginDialogwrapper .loginDialogContainer{background-color:#fff; width:100%; height:100%; position: absolute; top:0 bottom:0; left:0; right:0;} .loginDialogwrapper .loginDialogContainer .csk-closebtn{ z-index: 1; font-size: 40px; top: 15px; right: 35px; position: absolute; color: #818181;} .loginDialogwrapper .loginDialogContainer .csk-closebtn:hover{color: #fff;} .videoCategoryDialogWrapper.open{display: flex;} .videoCategoryDialogWrapper{position: fixed; top:0; z-index: 2200045; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.8); display: flex; display: none; width: 100%; align-items: center; justify-content: center;} .videoCategoryDialogWrapper .videoCategoryDialogContainer{background-color:#000; width:100%; height:100%; position: absolute; top:0 bottom:0; left:0; right:0;} .videoCategoryDialogWrapper .videoCategoryDialogContainer video{position: fixed; top:0px; border:0px solid #ff0000; left:0; right:0; bottom:0; height:calc(100%;)} .videoCategoryDialogWrapper .videoCategoryDialogContainer .csk-closebtn{ z-index: 1; font-size: 40px; top: 15px; right: 35px; position: absolute; color: #818181;} .videoCategoryDialogWrapper .videoCategoryDialogContainer .csk-closebtn:hover{color: #fff;} .videoCategoryDialogWrapper .videoCategoryDialogContainer video{width:100%!important; height:calc(100%)!important;} .videoCategoryDialogWrapper .videoCategoryDialogContainer video:focus{outline: 0px none;} .videoCategoryDialogWrapper .categoryInfoWrapper{display: flex; width: 100%; align-items: center; position: fixed; bottom:0; z-index: 3; opacity: 0; visibility: hidden; background-color: #000; justify-content: space-between; padding:20px;} .videoCategoryDialogWrapper:hover .categoryInfoWrapper{opacity: 1; visibility: visible;} .videoCategoryDialogWrapper .categoryInfoWrapper .left-info{display: flex; flex:1;} .videoCategoryDialogWrapper .categoryInfoWrapper .left-info .title{color:#fff; font-size: 16px;} .videoCategoryDialogWrapper .categoryInfoWrapper .left-info .desc{color:#999;} .videoCategoryDialogWrapper .categoryInfoWrapper .left-info .thumb{display: flex; display: none; border:1px solid #ddd; box-shadow: 0 0 6px #ddd; margin-right:15px; width: 100%; max-width: 60px;} .videoCategoryDialogWrapper .categoryInfoWrapper .right-info{display: flex;} .videoCategoryDialogWrapper .categoryInfoWrapper .right-info a{color:var(--color15); font-size: 16px; /*background-color:var(--color15);*/ padding:5px 15px; margin:0px 0 0; height:auto; border-radius:5px; justify-content: center;} .videoCategoryDialogWrapper .categoryInfoWrapper .right-info a i{color:#fff; margin-left: 5px; font-size: 14px;} .back-to-top {bottom: 90px; position: fixed; display: none; right: 25px;z-index: 2200056;} .back-to-top a {color: var(--blackcolor); width: 40px; line-height: 40px; font-size: 16px; height: 40px; display: flex; background-color: var(--whitecolor); align-items: center; justify-content: center; border-radius:100%; box-shadow: 0 5px 10px 0 rgba(72, 145, 152, 0.2); text-align: center; text-decoration: none; text-transform: uppercase; transition: all 1s ease 0s;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft.default-block .overlay{background-color: rgba(0,0,0,0.8)} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft{ background-image: url(../images/referralssectionsbg.jpg); background-repeat: no-repeat; background-size: cover;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk{border:0px solid #fff; display: flex; margin: 0 0px; justify-content: center; height:100%; align-items: flex-start; padding:100px 60px 0; flex-direction: column;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay{border:0px solid #fff; width: 100%; display: flex; margin: 0 0px; justify-content: center; height:100%; align-items: flex-start;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay h3{color:var(--whitecolor); font-family: PoppinsBold; line-height:58px; font-size: 45px; letter-spacing: 0.3px; margin-bottom:25px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay h3 span{color:var(--color15);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk .subtitle{color: var(--color15); margin-bottom: 15px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; font-style: italic; font-size: 16px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk .subtitle span{text-transform: capitalize; font-size: 18px; font-style: normal;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk .subtitle i{text-transform:lowercase; font-style: normal;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk ol{display: flex; flex-direction: column;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk ol li{display: flex; align-items: center; font-size: 21px; margin:0 0 14px; padding: 0; color:var(--whitecolor); } .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk ol li i{color:var(--color15); margin-right:8px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk ol li:last-child{margin-bottom: 0;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay p{color:var(--whitecolor); font-style: italic; font-size:20px; max-width: 650px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay p a{color:var(--color15);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay p a:hover{color:var(--color15);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter{display: flex; margin-top:30px; display: none;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a{display: flex; transition: all 0.2s ease; align-items: center; flex-direction: column; margin-left: 15px; } .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a .video-icon{ visibility: hidden; opacity:0; color:#fff; position: relative; border:1px solid #fff; width:42px; height:42px; border-radius:100%; display: flex; align-items: center; justify-content: center;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a .video-icon:before {content: ""; position: absolute;width: 150%;height: 150%;animation-delay: 0s;animation: pulsate1 2s;animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; border-radius: 50%; border: 5px solid rgba(255, 255, 255, .75); top: -25%; left: -25%; background: rgba(198, 16, 0, 0);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:hover .video-icon{opacity: 1; visibility: visible;} @-webkit-keyframes pulsate1 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; box-shadow: none; } } @keyframes pulsate1 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); } 100% { -webkit-transform: scale(1, 1); transform: scale(1); opacity: 0; box-shadow: none; } } .page-template-careersetkaro-php .screen-reader-text{display: none;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:hover{transform:translateY(-5px);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:hover .design{box-shadow: 0 0 8px #fff;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter .design{display: flex; position: relative; border-radius:5px; text-align: center; flex-direction: column; font-family: var(--fontfamilybold); font-size:20px; width:120px; height:120px; align-items: center; justify-content: center;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter .design video{ width:100%!important; object-fit: cover; border-radius:5px; z-index: 0; height:100%!important; position: absolute; top:0; right:0; left:0; bottom:0;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter .design span{font-size: 14px; margin-top: 5px; color: #fff; background: linear-gradient(-45deg, rgba(2,0,36,1) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); padding: 5px 10px; font-family: var(--defaultfont); width:100%; bottom:0; position: absolute; z-index: 1;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:nth-child(1) .design{background-color:#fdbc4b; color:#000; } .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:nth-child(2) .design{background-color:#eb996e; color:#000;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:nth-child(3) .design{background-color:#ffcf4a; color:#000;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:nth-child(4) .design{background-color:#00c1c1; color:#000;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:nth-child(5) .design{background-color:#ff6405; color:#000;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:hover {background-color:rgba(0,0,0,0.8); color:var(--color15);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:hover i{opacity: 1; visibility: visible; color:#fff;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay .counter a:first-child{margin-left: 0} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .registerbtn {display: flex; margin-top:40px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .registerbtn a{padding:5px 15px; font-weight: bold; white-space: nowrap; border: 1px solid var(--whitecolor); background-color:var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont);color: var(--blackcolor);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .registerbtn a:hover{background-color:var(--color15); color: var(--blackcolor);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerRight{display: flex; display: none; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width:45%; position: relative;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerRight .banner-image{background-color:#fff; position: absolute; right:0; box-shadow: 0 0 0 2px #fff; display: flex; align-items: center; border-radius:10px 0 0 10px; padding:10px; width:600px; height: auto;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerRight .banner-image img{max-width: 100%;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerRight .booknowbtn{display: flex; margin-top: 10px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerRight .booknowbtn a{padding: 10px 15px; white-space: nowrap; border: 1px solid var(--color15); background-color:var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont);color: var(--whitecolor);} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerRight .booknowbtn a:hover{background-color:var(--color15); color: var(--whitecolor);} .cskWrapper .cskContainer .mainContentSection .futureskill-section{display:flex; padding:0px 0 0px; flex-direction: column; width: 100%;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-container{padding:50px; display: flex; flex-direction:column; } .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title{display: flex; margin-bottom:50px; width: 100%; justify-content:center; flex-direction: column; font-size: 31px; align-items:center; font-family: var(--fontfamilybold); color:var(--blackcolor);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title div:first-child{ flex-direction: column; display: flex; align-items: center;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title div:first-child div:first-child{ flex-direction: row; display: flex;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title div span{color:var(--whitecolor); margin:0 0px 0 0;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title div span i{font-style: normal; background-color:var(--color15); color:var(--blackcolor); padding: 0 10px;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title div .desc{color:#fff; margin-top:10px; font-size: 18px; font-weight: normal; font-family: var(--defaultfont);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title div + span{width: 50px; margin:12px 0 0; height: 3px; background-color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title .seperator{width: 80px; margin:20px 0 15px; height:4px; display: none; background-color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content{display: flex; width: 100%;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol{display: flex; width: 100%; flex-wrap: wrap; justify-content: center;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li{display: flex; border:2px solid #282828; border-radius:4px; position: relative; transition: all 0.2s ease; margin:0; margin-left:60px; padding:0px; padding:0px; background: linear-gradient(to top, #000000, rgba(67,67,67,0.8)); width: 100%; max-width: 45%; flex-direction: column; } .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li:first-child{margin-left: 0} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li a{flex-direction: column; display: flex;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li:hover{box-shadow: 0 0 15px #686868;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li:hover .viewmore{visibility: visible; opacity: 1} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .overlay{display: flex; flex-direction: column; padding:25px;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .thumb{width: 100%; height: 235px; display: flex; border-radius:4px 4px 0px 0; background-color: var(--color15);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .thumb img{border-radius:4px 4px 0px 0;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .icon{max-width: 56px; margin-right: 10px;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .title{font-size: 22px; display: flex; align-items: flex-start; margin-bottom:25px; font-family: var(--fontfamilybold); color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .subtitle{font-size: 18px; align-items: flex-start; margin-bottom: 20px; font-family: var(--fontfamilybold); color:var(--color16);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .desc{font-size: 20px; min-height: 88px; flex-direction: column; align-items: flex-start; margin-bottom: 25px; font-family: var(--fontfamilybold); color:var(--whitecolor);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .desc span{color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .enrollnow{display: flex; display: none;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .enrollnow a{background-color:var(--color15); font-size: 19px; color:var(--blackcolor); font-family: var(--fontfamilybold); padding:8px 25px; border-radius: 5px;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .enrollnow a:hover{background-color:var(--color15); color:var(--blackcolor);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .viewmore{display: flex; margin-top: 10px; justify-content: flex-end; font-size: 17px; color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .viewmore a{display: flex; font-size: 17px; align-items: center; text-decoration: none; color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .viewmore a:hover{display: flex; text-decoration: none; color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .viewmore i{margin-left: 5px; margin-top:8px;} .cskWrapper .cskContainer .mainContentSection .caregorysections{display:flex; padding:0px 0 0px; flex-direction: column; width: 100%;} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title{display: flex; margin-bottom:50px; width: 100%; justify-content:center; flex-direction: column; font-size: 31px; align-items: center; font-family: var(--fontfamilybold); color:var(--blackcolor);} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title div:first-child{ flex-direction: column; display: flex;} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title div:first-child div:first-child{ flex-direction: row; display: flex;} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title div span{color:var(--whitecolor); margin:0 0px 0 0;} .cskWrapper .cskContainer .mainContentSection .caregorysections .explorebtn{display: flex; margin-top:15px;} .cskWrapper .cskContainer .mainContentSection .caregorysections .explorebtn a{text-transform: uppercase; color:var(--color15); font-family:var(--fontfamilybold); font-size:14px;} .cskWrapper .cskContainer .mainContentSection .caregorysections .explorebtn a i{margin-left: 5px;} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title div .desc{color:#fff; margin-top:10px; font-size: 18px; font-weight: normal; font-family: var(--defaultfont);} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title div + span{width: 50px; margin:12px 0 0; height: 3px; background-color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title .seperator{width: 80px; margin:20px 0 15px; height:4px; display: none; background-color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .caregorysections ol{display: flex; height:auto; justify-content: center; width: 100%; margin:0; padding:0; flex-wrap: wrap;} .cskWrapper .cskContainer .mainContentSection .caregorysections ol li{display: flex; margin:0 0px 40px; padding:0; width:190px; justify-content: center;} .cskWrapper .cskContainer .mainContentSection .caregorysections ol li a{display: flex; flex-direction: column; font-size: 16px; align-items: center; justify-content: center; text-align: center;} .cskWrapper .cskContainer .mainContentSection .caregorysections ol li a i{color:#fff; position: relative; border-radius:100%; margin-bottom:5px; color:#fff;} .cskWrapper .cskContainer .mainContentSection .caregorysections ol li a i img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; border-radius: 50%; max-width: 100%; position: absolute; height: 80px; border-radius:100%;} .cskWrapper .cskContainer .mainContentSection .caregorysections ol li a i span{border-radius: 50%; display:flex; animation: stroke-draw 6s ease-out infinite alternate; animation: none; border:2px dashed #fff; width:90px; height:90px;} .cskWrapper .cskContainer .mainContentSection .caregorysections ol li a i span.viewall{animation: none; display: flex; align-items: center; justify-content: center; font-size: 22px;} .cskWrapper .cskContainer .mainContentSection .caregorysections ol li a{color:#fff;} .cskWrapper .cskContainer .mainContentSection .caregorysections ol li a:hover{color:var(--color15); } .cskWrapper .cskContainer .mainContentSection .testimonialssections{display:flex; padding:50px 0 50px; flex-direction: column; width: 100%;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title{display: flex; margin-bottom:50px; width: 100%; justify-content:center; font-size: 31px; flex-direction: column; align-items: center; font-family: var(--fontfamilybold); color:var(--blackcolor);} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title div:first-child{ flex-direction: column; display: flex;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title div:first-child div:first-child{ flex-direction: row; display: flex;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title div span{color:var(--whitecolor); width:100%; text-align: center; margin:0 0px 0 0;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .explorebtn{display: flex; margin-top: 15px;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .explorebtn a{text-transform: uppercase; color:var(--color15); font-family:var(--fontfamilybold); font-size:14px;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .explorebtn a i{margin-left: 5px;} .cskWrapper .cskContainer .nodatafound {color:#fff; font-size: 19px;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title div .desc{color:#fff; margin-top: 10px; margin: 10px auto 0; text-align: center; max-width: 800px; font-size: 19px; font-weight: normal; font-family: var(--defaultfont);} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title div + span{width: 50px; margin:12px 0 0; height: 3px; background-color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title .seperator{width: 80px; display: none; margin:20px 0 15px; height:4px; background-color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul{display: flex; width: 100%; flex-direction: row; justify-content: center;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li{ transition: all 0.2s ease; border:0px solid #ddd; display: flex; font-size: 16px; display: flex; align-items: center; padding: 10px 0; width: 100%; max-width: 200px; margin:0 0px 0 20px; flex-direction: column; border-radius:5px;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li:last-child{margin-bottom: 0} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li:first-child{margin-left: 0} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li a{display: flex; width: auto; flex-direction: row; align-items: center;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li:hover{transform: translateY(-2px); border:0px solid #ddd;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumb{ margin-right: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius:100%; width:120px; height: 120px; position: relative; color: var(--color15); border:0px dashed var(--color15); } .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumb .video{margin-top:0px; position: absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumb .video a{border-radius:100%; width:26px; height:26px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color15);} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumb .video a img{max-width: 12px; } .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumb img{border-radius: 100%; width: 120px; height: 120px;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumb .badge{width:30px; height:30px; background-color: #fff;border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); border-radius:100%; position: absolute; right:0; bottom:0;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumb .badge img{border-radius:100%; width: 20px; height:20px; margin:5px; max-width: 100%;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumbContent{display: flex; width: 100%; align-items: center; flex-direction: column;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .title{display: flex; color:#fff; margin-bottom:0px; font-size:17px; font-family:var(--fontfamilybold);} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .desc{display: flex; text-align: center; color:var(--whitecolor); margin-bottom:0px; font-size:13px; font-family:var(--defaultfont);} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumbContent .title a{color:#fff;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumbContent .video{margin-top: 10px;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumbContent .video a{border-radius:100%; width:26px; height:26px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color15);} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li .thumbContent .video a img{max-width: 12px; } .cskWrapper .cskContainer .mainContentSection .careerguidesections{display:flex; flex-direction: column; width: 100%; background-size: cover; background-image: url(../images/infinitecommunity-bg.jpg); background-repeat: no-repeat;} .cskWrapper .cskContainer .mainContentSection .careerguidesections .overlayblock{ padding:50px 0 50px; background-color: rgba(0,0,0,0.7); display:flex; flex-direction: column;} .cskWrapper .cskContainer .mainContentSection .careerguidesections .heading-title{display: flex; margin-bottom:35px; flex-direction: column; width: 100%; justify-content: space-between; font-size: 26px; align-items: center; font-family: var(--fontfamilybold); color:var(--blackcolor);} .cskWrapper .cskContainer .mainContentSection .careerguidesections .heading-title .title{color:var(--whitecolor); margin:0 0px 0 0;} .cskWrapper .cskContainer .mainContentSection .careerguidesections .heading-title .subtitle{color:var(--whitecolor); margin:0 0px 15px 0;} .cskWrapper .cskContainer .mainContentSection .careerguidesections .heading-title .seperator{width: 80px; margin:20px 0 15px; height:4px; background-color:var(--color15);} .cskWrapper .cskContainer .mainContentSection .careerguidesections .heading-title .subtitle:last-child{margin-bottom: 0;} .cskWrapper .cskContainer .referralssections{display:flex; flex-direction: column; width: 100%; background-size: cover; background-color: #a39d9d; background-repeat: no-repeat; background-position: bottom;} .cskWrapper .cskContainer .referralssections .overlayblock{ padding:15px 0 15px; background-color: rgba(0,0,0,0.8); display:flex; flex-direction: column;} .cskWrapper .cskContainer .referralssections .heading-title{display: flex; justify-content: center; margin-bottom:0; width: 100%; font-size: 24px; align-items: center; font-family: var(--fontfamilybold); color:var(--blackcolor);} .cskWrapper .cskContainer .referralssections .heading-title span{color:var(--color15);} .cskWrapper .cskContainer .referralssections .heading-title .title{color:var(--whitecolor); margin:0 0px 0 0;} .cskWrapper .cskContainer .referralssections .heading-title .subtitle{color:var(--whitecolor); margin:0 0px 0 0;} .cskWrapper .cskContainer .referralssections .moneysymbol{display: flex; margin-right: 25px;} .cskWrapper .cskContainer .referralssections .moneysymbol img{max-width: 70px;} .cskWrapper .cskContainer .referralssections .heading-title .seperator{width: 80px; display: none; margin:20px 0 15px; height:4px; background-color:var(--color15);} .cskWrapper .cskContainer .referralssections .bannercontent{display: flex; flex-direction: row; align-items: center; justify-content: center;} .cskWrapper .cskContainer .referralssections .btnblock {display: flex; margin-left:60px;} .cskWrapper .cskContainer .referralssections .btnblock a{padding:8px 25px; font-size: 18px; font-weight: bold; white-space: nowrap; border: 1px solid var(--whitecolor); background-color:var(--color15); border-radius: var(--radius5); cursor: pointer; font-family: var(--defaultfont);color: var(--blackcolor);} .cskWrapper .cskContainer .referralssections .btnblock a:hover{background-color:var(--color15); color: var(--blackcolor);} .cskWrapper .experiencesSectionsWrapper{display: flex; width: 100%; margin-bottom: 0px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer{display: flex; width: 100%; background-color: rgba(0,0,0,0.6); flex-direction: column; padding:50px 0px 20px} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .heading-title{display: flex; margin-bottom:50px; width: 100%; justify-content:center; flex-direction: column; font-size: 31px; align-items: center; font-family: var(--fontfamilybold); color:var(--blackcolor);} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .heading-title div:first-child{ flex-direction: column; display: flex;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .heading-title div:first-child div:first-child{ flex-direction: row; display: flex;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .heading-title .desc{color:#fff; margin-top: 10px; margin: 10px auto 0; text-align: center; max-width: 800px; font-size: 19px; font-weight: normal; font-family: var(--defaultfont);} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .heading-title div span{color:var(--whitecolor); margin:0px 0 0; text-align: center;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .heading-title .seperator{width: 80px; display: none; margin:20px 0 15px; height:4px; background-color:var(--color15);} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol{display: flex; width: 100%; justify-content: center; flex-wrap: wrap;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol li{display: flex; transition: all 0.2s ease; padding:15px; flex-direction: column; max-width:20%; margin:0 25px 25px 0; width: 100%; background-color:#f8f8f8;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol li .thumb{margin-bottom: 10px; display: flex;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol li .title{display: flex; color:#000; margin-bottom: 10px; align-items: center; font-size:16px; font-family:var(--fontfamilybold);} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol li .title i{display: flex; color:var(--color1); margin-top:3px; margin-right:15px; font-size:22px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol li .desc{display: flex; color:#656565; margin-bottom: 10px; font-size:14px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol li .booknowbtn{display: flex; align-items: flex-end; justify-content: flex-end;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol li .booknowbtn a{text-transform: uppercase; background-color:var(--color15); color:var(--whitecolor); padding:5px 15px; border-radius:5px; font-family:var(--fontfamilybold); font-size:14px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol li:hover a{color:var(--whitecolor);} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer ol li:hover{ box-shadow: 4px 6px 10px -2px #808080; background-color: var(--whitecolor)} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .slider-block{display: flex; width: 100%; justify-content: center;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .slider-block .owl-wrapper{ padding-right:0px; } .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item{display: flex; transition: all 0.2s ease; position: relative; padding:0px; flex-direction: column; padding: 0 0px; margin:0 17px 25px 0; width: calc(100% / 4); width: 275px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item .thumb{display: flex; border:0px solid var(--color15); padding:0px; transition: all 0.2s ease; min-height:350px; border-radius:5px; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 0.1); max-height:350px; overflow: hidden;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item .thumb img{max-width: 100%; width: 100%; height:auto;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item .details{display: flex; flex-direction: column; background-color: #fff; width: 100%; padding:10px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item .title{display: flex; margin-top:5px; justify-content: center; color:#fff; margin-bottom:5px; font-size:16px; font-family:var(--fontfamilybold);} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item .title i{display: flex; color:var(--color1); margin-top:3px; margin-right:15px; font-size:22px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .nodatafound{display: flex; justify-content: center; width:100%; font-size:var(--fontsize16); color:var(--whitecolor); height:350px; align-items: center;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item:hover .thumb{ box-shadow: 4px 6px 10px -2px #808080;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .owl-nav{width:100%; display: flex; align-items: flex-end; justify-content: flex-end;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .owl-nav .owl-next { width: 40px; height:40px; position: absolute; right:0; top:50%; margin-top:-20px; background-color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08); font-size:50px; border:1px solid white;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .owl-nav .owl-prev { width: 40px; position: absolute; left:0; top:50%; margin-top:-20px; height: 40px; background-color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08); font-size:50px; border:1px solid white;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .owl-nav button span{width:30px; height:30px; line-height: 15px} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .owl-nav.disabled{display: none;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .explorebtn{display: flex; margin-top: 15px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .explorebtn a{text-transform: uppercase; color:var(--color15); font-family:var(--fontfamilybold); font-size:14px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .explorebtn a i{margin-left: 5px;} .cskWrapper .leadingSectionsWrapper{display: flex; width: 100%; background-image: url('../images/webinar-leading-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer{display: flex; width: 100%; flex-direction: column; padding:30px 60px; background-color:rgba(41,51,51,0.9);} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer .heading-title{display: flex; flex-direction: column; margin-bottom:30px; width: 100%; align-items: center; font-size: 32px; font-family: var(--fontfamilybold); color:var(--whitecolor);} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer .heading-title div{text-align: center; flex-direction: row; display: flex;} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer .heading-title div span{color:var(--color15); margin-left: 10px;} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer .heading-title div + span{width: 50px; margin:12px 0 0; height: 3px; background-color:var(--color15);} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer ol{display: flex; width: 100%; justify-content: center; flex-wrap: wrap; max-width: 1000px; margin:0 auto;} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer ol li{display: flex; flex-direction: column; border:0px solid #fff; padding:15px;justify-content: center; align-items: center; width: 30.3333%;} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer ol li .icon{color:var(--color15); box-shadow: 0 0 0 1px #fff; width:80px; display: flex; align-items: center; justify-content: center; border-radius:100%; height:80px; font-size: 40px; margin-bottom: 10px;} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer ol li .titlevalue{color:var(--whitecolor); font-size: 32px; margin-bottom: 10px;} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer ol li .title{color:var(--whitecolor); font-family: var(--defaultfont); font-size: 18px; margin-bottom: 10px;} .cskWrapper .leadingSectionsWrapper .leadingSectionsContainer p{color:var(--whitecolor); font-family: var(--defaultfont); font-size: 18px; text-align: center; max-width: 750px; margin:20px auto 0;} .cskWrapper .bottom-bottomwrapper{position:relative; background: linear-gradient(90deg, rgba(0,64,70,1) 0%, rgba(75,145,152,1) 39%);} .cskWrapper .bottom-bottomwrapper .bottom-bottomcontainer{display: flex; flex-direction: column;} .cskWrapper .bottom-bottomwrapper .bottom-bottomcontainer .overlay-wrapper{display: flex; justify-content: center; flex-direction: column; position:absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.8); padding: 20px 40px 20px;} .cskWrapper .bottom-bottomwrapper .bottom-bottomcontainer h3{font-family: var(--fontfamilybold); margin-bottom: 15px; font-weight: normal; color:var(--color15); text-align: center; font-size:22px;} .cskWrapper .bottom-bottomwrapper .bottom-bottomcontainer h1{font-family: var(--fontfamilybold); margin-bottom: 15px; font-weight: normal; color:var(--color15); text-align: center; font-size:22px;} .cskWrapper .bottom-bottomwrapper .bottom-bottomcontainer p{ font-family: var(--defaultfont); max-width: 500px; text-align: center; margin:0 auto; color:var(--whitecolor); font-size:18px;} .cskWrapper .bottom-bottomwrapper .bottom-bottomcontainer .enroll-action{display:flex; margin-top:15px; align-items:center; flex-direction: column;} .cskWrapper .bottom-bottomwrapper .bottom-bottomcontainer .enroll-action a{margin-top: 20px;} .cskWrapper .bottom-bottomwrapper .bottom-bottomcontainer .enroll-action span{margin-right:10px; font-size: 14px; color:var(--whitecolor);} .cskWrapper .bottom-bottomwrapper .bottom-bottomcontainer .enroll-action a{padding:10px 15px; white-space: nowrap; border:1px solid var(--color1); background-color: var(--whitecolor); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--color1);} .cskWrapper .bottom-bottomwrapper .video-player{position: relative; overflow:hidden;padding:9.5% 0;} .cskWrapper .bottom-bottomwrapper .video-player video{position: absolute; width: 100%; top:0; right:0; bottom:0; left:0;} .cskWrapper .bottom-bottomwrapper .video-player img{position: absolute; top:0; right:0; bottom:0; left:0;} /*csk Page Ends here*/ /*cskFooter start*/ .careerBookFooterWrapper.colorChange{background-color:#333;} .careerBookFooterWrapper.colorChange .careerBookFooterContainer{display: none;} .careerBookFooterWrapper.colorChange .careerBookFooterContainer .footerColumn h3{font-family: var(--defaultfont); font-weight: 700; color: var(--blackcolor); font-size: 16px;} .careerBookFooterWrapper.colorChange .careerBookFooterContainer .footerColumn ol li a{font-weight: 400; color: var(--blackcolor); font-size: 15px;} .careerBookFooterWrapper.colorChange .careerBookFooterContainer .footerColumn ol li a:hover{color: var(--blackcolor);} .careerBookFooterWrapper.colorChange .footerCopyrights{padding:15px 10px; border-top:0px solid var(--color10); display: flex; align-items: center; justify-content: center; color:var(--color9);} .careerBookFooterWrapper.colorChange .footerCopyrights a{margin: 0 5px;} .careerBookFooterWrapper.colorChange .footerCopyrights a:hover{color: var(--color15)} .careerBookFooterWrapper{display: flex; width: 100%; background-color: var(--color8); flex-direction: column;} .careerBookFooterWrapper .footerCopyrights{padding:15px 10px; border-top:1px solid var(--color9); display: flex; align-items: center; justify-content: center; color:var(--color9);} .careerBookFooterWrapper .careerBookFooterContainer{display: flex; width: 100%; padding:30px;} .careerBookFooterWrapper .careerBookFooterContainer .footerColumn{margin: 0 30px; width: 25%;} .careerBookFooterWrapper .careerBookFooterContainer .footerColumn h3{font-size: 16px; font-family: var(--fontfamilybold); color: var(--whitecolor); margin-bottom: 10px;} .careerBookFooterWrapper .careerBookFooterContainer .footerColumn ol{display: flex; flex-direction: column; width: 100%;} .careerBookFooterWrapper .careerBookFooterContainer .footerColumn ol li{display: flex; width: 100%; margin:5px 0;} .careerBookFooterWrapper .careerBookFooterContainer .footerColumn ol li a{color: var(--color7);} .careerBookFooterWrapper .careerBookFooterContainer .footerColumn ol li a:hover{color: var(--color15);} /*cskFooter ends*/ .pagewrapper{display: flex; width: 100%;} .pagewrapper .pagecontainer{display: flex; padding:30px 0 0; width: 100%; max-width: none; margin:0 auto; flex-direction:column;} .pagewrapper .pagecontainer .breadcrumb-block{display: flex; align-items: center;} .pagewrapper .pagecontainer .breadcrumb-block ol{display: flex; align-items: center;} .pagewrapper .pagecontainer .breadcrumb-block ol li{display: flex; align-items: center;} .pagewrapper .pagecontainer .breadcrumb-block a{color: #333; text-decoration: underline; margin-right: 10px;} .pagewrapper .pagecontainer .breadcrumb-block li:after { padding: 0 5px; color: #ccc; content: "/\00a0";} .pagewrapper .pagecontainer .breadcrumb-block li:last-child{color:var(--color14);} .pagewrapper .pagecontainer .breadcrumb-block li:last-child:after{content:'';} .pagewrapper .pagecontainer header h1 {font-size: 22px; font-family: var(--defaultfont); text-align: left; font-weight: normal;} .comment-respond #submit{padding: 10px; font-size: 14px; background-color: var(--color8);} /*Listing Page*/ body.archive{background-color: var(--blackcolor)} body.archive .careerPathlanding-header{position: relative;} body.archive.category .careerPathlanding-header{position: static; display: flex;} body.archive section#primary.content-area{padding:0px; max-width: none;} body.archive .careerPathlanding-header .schoolsonweb-logo{opacity: 0; visibility: hidden; display: none;} body.archive main{ padding: 0 } body.archive .woocommerce-products-header{display: none;} .listing-form-banner{display: flex; width: 100%; position: relative; background-color:var(--color1); margin:109px 0 30px; padding:0px 40px; overflow: hidden;} .listing-form-banner .listing-form-container{display: flex; width: 100%; align-items:center; display: none; max-width: 1280px; margin:0 auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.2); padding:0px 40px 0px;} .listing-form-banner .listing-form-container .thumb{ margin-right:15px; width:100%; max-width: 150px; display: flex; display: none; justify-content: center;} .listing-form-banner .listing-form-container .thumb img{max-width: 100%;} .listing-form-banner .video-player{display: flex; width: 100%;} .listing-form-banner .video-player:hover{cursor: pointer;} .listing-form-banner .video-player img{max-width: 100%;} .listing-form-banner .listing-form-container h3{font-family: var(--defaultfont); display: none; margin-bottom: 0px; color:var(--whitecolor); font-size:26px;} .listing-form-banner .listing-form-container .form-left p{ font-family: var(--fontfamilybold); max-width: none; margin-top: 0px; color: var(--whitecolor); font-size:19px;} .listing-form-banner .listing-form-container .form-left p + p{ font-family: var(--defaultfont); max-width: none; margin-top: 8px; color: var(--whitecolor); font-size:19px;} .listing-form-banner .listing-form-container .form-left{display: flex; width: 100%; flex-direction: row;} .listing-form-banner .listing-form-container .form-left .thumb{display: flex; display: none;} .listing-form-banner .listing-form-container .form-left .banner-content{display: flex; flex-direction: column; flex: 1; justify-content: center;} .listing-form-banner .listing-form-container .form-right{display: flex; flex-direction: column; margin-left: 30px; width: auto; background-color: var(--whitecolor); padding:0px; border-radius:25px;} .listing-form-banner .listing-form-container .form-right .getintouch-btn{padding: 10px 15px; white-space: nowrap; border: 0px none; background-color: var(--whitecolor); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--color1);} .listing-form-banner .listing-form-container .dialog-right{width: 100%; display: flex; flex-direction: column;} .listing-form-banner .listing-form-container .dialog-close{position: absolute; right:20px; top:20px;} .listing-form-banner .listing-form-container .dialog-right .form-group{flex-wrap: wrap; display: flex; flex-direction: row; width: 100%;} .listing-form-banner .listing-form-container .dialog-right .form-block{display: flex; flex-direction: column; width:42%; margin:8px 15px;} .listing-form-banner .listing-form-container .dialog-right .form-block label{margin-bottom: 5px; font-size: 14px; color: var(--blackcolor)} .listing-form-banner .listing-form-container .dialog-right .form-block input{ border: solid 1px #e0e0e0; font-size: 14px; transition: all 0.2s ease; font-family: var(--defaultfont); border-radius:10px; padding:12px 15px; width: 100%;} .listing-form-banner .listing-form-container .dialog-right .form-block select{ border: solid 1px #e0e0e0; font-size: 14px; transition: all 0.2s ease; font-family: var(--defaultfont); border-radius:10px; padding:12px 15px; width: 100%;} .listing-form-banner .listing-form-container .dialog-right .form-block input:focus{border: solid 1px var(--color1); box-shadow: 0 0 0 1px var(--color1);} .listing-form-banner .listing-form-container .dialog-right.form-block select:focus{border: solid 1px var(--color1); box-shadow: 0 0 0 1px var(--color1);} .listing-form-banner .listing-form-container .dialog-right .form-block .erros-msg{color:var(--redcolor);} .listing-form-banner .listing-form-container .dialog-right .form-actions{display: flex; width: 100%; justify-content: center; margin-top: 30px;} .listing-form-banner .listing-form-container .dialog-right .form-actions button{padding:10px 15px; text-transform: none; line-height: normal; font-weight: normal; white-space: nowrap; border:0px none; background-color: var(--color1); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color:var(--whitecolor);} .listingwrapper{display: flex; width: 100%; padding:15px 60px; margin-top:0px; font-family: var(--defaultfont); flex-direction: column; } .listingwrapper .listingcontainer{display: flex; width: 100%; z-index: 223345;} .listingwrapper .productcaregorywrapper{z-index: 223345; display: flex; width: 100%; flex-direction: column; padding-top:0px; margin-top: 50px; margin-bottom:75px;} .listingwrapper .productcaregorywrapper ol{display: flex; height:auto; width: 100%; margin:0; padding:15px;} .listingwrapper .productcaregorywrapper ol li{display: flex; margin:0 6px 24px; padding:0; width:155px; width:100%; justify-content: center;} .listingwrapper .productcaregorywrapper ol li.viewall a i{display: flex; align-items: center; justify-content: center;} .listingwrapper .productcaregorywrapper ol li.viewall a i span{animation: none; display: flex; align-items: center; justify-content: center; font-size: 22px;} .listingwrapper .productcaregorywrapper ol li a{display: flex; flex-direction: column; font-size: 16px; align-items: center; justify-content: center; text-align: center;} .listingwrapper .productcaregorywrapper ol li a i{color:#fff; position: relative; border-radius:100%; margin-bottom:5px; color:#fff;} .listingwrapper .productcaregorywrapper ol li a i img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70px; border-radius: 50%; max-width: 100%; position: absolute; height: 70px; border-radius:100%;} .listingwrapper .productcaregorywrapper ol li a i span{border-radius: 50%; display:flex; animation: stroke-draw 6s ease-out infinite alternate; border:2px dashed #fff; width:80px; height:80px;} .listingwrapper .productcaregorywrapper ol li a{color:#fff;} .listingwrapper .productcaregorywrapper .category-info-block{display: flex; margin-top: 30px; padding-left: 140px;} .listingwrapper .productcaregorywrapper .category-info-block .category-video{display: flex;} .listingwrapper .productcaregorywrapper .category-info-block .category-video a{position: relative; flex-shrink: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius:100%; margin-right: 10px; border:1px solid var(--color15); color:var(--color15); width: 60px; height:60px;} .listingwrapper .productcaregorywrapper .category-info-block .category-desc{font-family: helvetica; max-width: 70%; line-height: 24px; display: flex; align-items: center; color:#fff; font-size: 18px;} .listingwrapper .productcaregorywrapper .category-info-block .category-video a:before {content: ""; position: absolute;width: 150%;height: 150%;animation-delay: 0s;animation: pulsate1 2s;animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; border-radius: 50%; border: 5px solid rgba(255, 255, 255, .75); top: -25%; left: -25%; background: rgba(198, 16, 0, 0);} .listingwrapper .productcaregorywrapper .category-info-block .category-video a i{max-width: 24px;} .listingwrapper .productcaregorywrapper .category-info-block .trends-link{display: flex;} .listingwrapper .productcaregorywrapper .category-info-block .trends-link a{position: relative; flex-shrink: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius:100%; margin-right:5px; border:0px solid var(--color15); color:#c2a778; width: 60px; height:60px;} .listingwrapper .productcaregorywrapper .category-info-block .trends-link{font-family: helvetica; max-width: 70%; line-height: 24px; display: flex; align-items: center; color:#fff; font-size: 27px;} .listingwrapper .productcaregorywrapper .category-info-block .trends-link a i{max-width: 24px;} .listingwrapper .productcaregorywrapper .item{display: flex; margin:0 6px 0px; padding:0; width:100%; justify-content: center;} .listingwrapper .productcaregorywrapper .item.selected a span{border: 2px dashed var(--color15); animation: stroke-draw 6s ease-out infinite alternate;} .listingwrapper .productcaregorywrapper .item.selected a{color:var(--color15);} .listingwrapper .productcaregorywrapper .item.viewall a i{display: flex; align-items: center; justify-content: center;} .listingwrapper .productcaregorywrapper .item.viewall a i span{animation: none; color:var(--color15); display: flex; align-items: center; justify-content: center; font-size: 22px;} .listingwrapper .productcaregorywrapper .item a{display: flex; flex-direction: column; font-size: 16px; align-items: center; justify-content: center; text-align: center;} .listingwrapper .productcaregorywrapper .item a i{color:#fff; position: relative; border-radius:100%; margin-bottom:5px; color:#fff;} .listingwrapper .productcaregorywrapper .item a i img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70px; border-radius: 50%; max-width: 100%; position: absolute; height: 70px; border-radius:100%;} .listingwrapper .productcaregorywrapper .item.viewall a i span img{width:55px; height:55px; border-radius: 0;} .listingwrapper .productcaregorywrapper .item a i span{border-radius: 50%; display:flex; border:2px dashed #fff; width:80px; height:80px;} .listingwrapper .productcaregorywrapper .item a{color:#fff;} .listingwrapper .productcaregorywrapper .owl-nav{width:100%; display: flex; align-items: flex-end; justify-content: flex-end;} .listingwrapper .productcaregorywrapper .owl-nav .owl-next { width: 40px; height:40px; position: absolute; right:0; top:50%; margin-top:-20px; background-color: #869791; border-radius: 30px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08); font-size:50px; border:0px solid white;} .listingwrapper .productcaregorywrapper .owl-nav .owl-prev { width: 40px; position: absolute; left:0; top:50%; margin-top:-20px; height: 40px; background-color: #869791; border-radius: 30px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08); font-size:50px; border:0px solid white;} .listingwrapper .productcaregorywrapper .owl-nav button span{width:30px; height:30px; line-height: 15px} .listingwrapper .productcaregorywrapper .owl-nav button.disabled{display: none;} .listingwrapper .productcaregorywrapper .owl-nav .owl-next:focus{outline: 0px none; text-decoration: none;} .listingwrapper .productcaregorywrapper .owl-nav .owl-prev:focus{outline: 0px none; text-decoration: none;} .banneroverlay {height: 400px; position: absolute; top: 0; height: 600px; left:0; right:0; opacity:0.5; background-position: center;} .banneroverlay .tint{z-index: 220000; left:0; top:0; right:0; bottom:0; position: absolute; background: linear-gradient(-180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); background:linear-gradient(359deg, rgba(0,0,0,1) 16%, rgba(217,217,217,0) 64%, rgba(0,0,0,1) 100%);} .listingwrapper .listingcontainer .listingleft {position: sticky; position: -webkit-sticky; top:0px; bottom:0; align-self: flex-start;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper{display: flex; width:100%; flex-shrink: 0; padding:0px 0; flex-direction: column;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol{display: flex; border-top:0px solid #ddd; flex-direction: column; overflow-y:auto; padding:0px 0; margin-top:0px; } .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li{display: flex; align-items: flex-start; position: relative; margin:0px 0 25px; padding:0; height:40px; } .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li.badge-logo{height:auto; margin-bottom: 25px;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li.badge-logo img{max-width: 30px; margin-right: 5px;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li a{color:var(--blackcolor); background-color:#fff; padding:5px 10px; font-size:16px; border-radius:30px;border-top:0px solid #ddd; display: flex; align-items: center;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li.linkbutton a{color: #b2b2b2; display: flex; align-items: center; width:100%; cursor: pointer; padding:8px 20px; font-size: 16px; background-color: transparent; border-radius: 30px; border-top: 0px solid #ddd; /* box-shadow: 0 0 0 1px #f0f3ff; */box-shadow: inset 0 0 0 0px #535353; display: flex; align-items: center;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li.linkbutton a:hover{color: var(--whitecolor); background-color: #47494d;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li.linkbutton a i{width: auto; height:auto; margin-top:3px;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li span{flex-shrink: 0; cursor: pointer; display: flex; display: none; align-items: center; justify-content: center; border-radius:100%; margin-right: 10px; border:1px solid var(--color15); color:var(--color15); width: 30px; height:30px;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li span i{max-width: 12px;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li div{border-bottom:0px solid var(--color15); position: absolute; display: flex; align-items: center; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0); color:var(--color15);padding:10px 15px; } .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li a i{width:28px; height: 28px; border:0px solid #ddd; flex-shrink: 0; margin-right: 10px; margin-bottom: 0px;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li a:hover{color:var(--color15);} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li.active a{font-family:var(--fontfamilybold); color:var(--color15);} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li.viewLink{align-items: center; display: flex;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li.viewLink i{border:0px none; display: flex; align-items: center; justify-content: center; width: auto; height:auto; margin-left:5px; margin-top:6px; margin-right: 0} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li.viewLink a{color:var(--blackcolor); background-color:var(--color15); padding:5px 15px; margin:15px 0 0; height:auto; border-radius:5px; justify-content: center;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper .screen-reader-text{display: none;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li:last-child a{border:0px none; width:auto;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li:last-child img.imaginxp{ width:36%;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li:last-child div{ display: flex; width:100%; margin:0px 0;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li label{color: var(--whitecolor); width:100%; cursor: pointer; padding:8px 20px; font-size: 18px; border-radius: 30px; border-top: 0px solid #ddd; /* box-shadow: 0 0 0 1px #f0f3ff; */box-shadow: inset 0 0 0 1px var(--color15); display: flex; align-items: center;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li label:hover{color: var(--blackcolor); background-color: #47494d; background-color:var(--color15)} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li label.selected{background-color:var(--color15); color: var(--blackcolor);} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper ol li label input[type="checkbox"]{display: none;} .listingwrapper .listingcontainer .listingleft .navigationMenuWrapper .aboutdesc{color:#fff; text-align: center;} .listingwrapper .listingcontainer .listingleft{display: flex; width: 100%; order:1;flex-direction:column; max-width:270px; margin-right:30px;} .listingwrapper .listingcontainer .listingleft h3{ font-family: var(--fontfamilybold); font-size:18px; color:var(--blackcolor); font-weight: normal; margin:0 0 15px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner{display: flex; flex-direction: column; border: solid 0px #a3dce1; padding: 15px 15px 15px 15px; border-radius: 10px; flex-direction: column; display: flex; width: 100%;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block{display: flex; flex-direction: column; margin-bottom: 30px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block:last-child{margin-bottom: 0} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block .heading-title{display: flex; flex-direction:column; margin-bottom: 5px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block .heading-title h3{ font-size:22px; color:var(--color22); font-weight: normal; margin:0 0 5px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block h3{ font-family: var(--fontfamilybold); font-size:18px; color:var(--whitecolor); font-weight: normal; margin:0 0 15px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block .heading-title span{ width: 50px; height:3px; background-color: var(--color2);} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ol{display: flex; flex-direction: column; width: 100%;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ol li{display: flex; width: 100%; margin:12px 0 0;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ol li a{color: var(--whitecolor); cursor: pointer; padding: 5px 20px; font-size: 16px; border-radius: 30px; border-top: 0px solid #ddd; /* box-shadow: 0 0 0 1px #f0f3ff; */box-shadow: inset 0 0 0 1px #535353; display: flex; align-items: center;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ol li a:hover{color: var(--whitecolor); background-color: #47494d} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ol li label{color: var(--whitecolor); cursor: pointer; padding: 5px 20px; font-size: 16px; border-radius: 30px; border-top: 0px solid #ddd; /* box-shadow: 0 0 0 1px #f0f3ff; */box-shadow: inset 0 0 0 1px #535353; display: flex; align-items: center;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ol li label input[type="checkbox"]{display: none;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ol li label:hover{color: var(--whitecolor); background-color: #47494d} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ol li label.selected{color: var(--whitecolor); background-color: #47494d} /*.listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block label{display: flex; width: 100%; cursor: pointer; align-items: center; color: var(--color2); font-size:15px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block label:hover{color:var(--color1); font-family: var(--defaultfont)} */.listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block label.shop-sublabel{margin-left: 20px; color:#999;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block label.selected{color:var(--color1); font-family: var(--defaultfont)} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block label input[type="checkbox"]{margin-right:10px; min-width: inherit; border:1px solid var(--color18); width:15px; height:15px; border-radius: 2px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block label input[type="checkbox"]:before{ width: 20px; height:20px; } .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block label input[type="checkbox"]:checked + span{color:var(--whitecolor); font-family: var(--defaultfont)} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block .heading-title span{ width: 50px; height:3px; background-color: var(--color2);} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul{display: flex; flex-direction: column; width: 100%;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul li{display: flex; width: 100%; flex-direction: column; margin:12px 0 0;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul li ul{display: flex; flex-direction: column; width: auto; margin:0; margin-left: 20px; padding:0;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul li label{display: flex; width: 100%; cursor: pointer; align-items: center; color: var(--color14); font-size:13px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul li label:hover{color:var(--color2); font-family: var(--defaultfont)} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul li label.selected{color:var(--color2); font-family: var(--defaultfont)} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul li label input[type="checkbox"]{margin-right:15px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul li a{font-size: 15px; color:var(--color2);font-family: var(--defaultfont)} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul li a:hover{color:var(--color2); font-family: var(--defaultfont)} .listingwrapper .listingcontainer .listingleft .listingleft-inner .filter-block ul li.current-cat a{color:var(--color2); font-family: var(--defaultfont)} .listingwrapper .listingcontainer .listingleft .listingleft-inner .widget_product_categories{display: flex; flex-direction: column; margin-bottom: 30px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .widget_product_categories .heading-title h3{font-family: var(--fontfamilybold); font-size:14px; color:var(--blackcolor); font-weight: normal; margin:0 0 0px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .widget_product_categories ul{display: flex; flex-direction: column; margin:0; padding:0;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .widget_product_categories ul li{display: flex; flex-direction: column; width: 100%; cursor: pointer; align-items: flex-start; color: var(--color2); font-size:13px; margin:12px 0 0px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .widget_product_categories ul li a{color: var(--color2);} .listingwrapper .listingcontainer .listingleft .listingleft-inner .widget_product_categories ul li a:visited{color: var(--color2);} .listingwrapper .listingcontainer .listingleft .listingleft-inner .widget_product_categories ul li ul{margin-left: 15px;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .widget_product_categories ul li ul li a{color:#999;} .listingwrapper .listingcontainer .listingleft .listingleft-inner .widget_product_categories ul li ul li a:visited{color:#999;} .archive .woocommerce-breadcrumb{display: none;} .archive .pagewrapper .pagecontainer{padding-top: 0} .archive .woocommerce-notices-wrapper{margin-top: 0; margin-bottom: 0} .listingwrapper .listingcontainer .listingright{display: flex; width: 100%; order:2;} .listingwrapper .listingcontainer .listingright .aboutdesc{color:#fff; font-size: 16px; color:#fff; max-width: 600px; margin:15px auto 20px;} .listingwrapper .listingcontainer .listingright .listingright-inner{width: 100%; display: flex; flex-direction: column;} .listingwrapper .listingcontainer .listingright .listingright-inner .listing-search-block{display: flex; display: none; width: 100%; margin-bottom: 20px;} .listingwrapper .listingcontainer .listingright .listingright-inner .listing-search-block .widget_product_search{margin-top: 0; display: flex; width: 100%;} .listingwrapper .listingcontainer .listingright .listingright-inner .listing-search-block .woocommerce-product-search{display: flex; width: 100%;} .listingwrapper .listingcontainer .listingright .listingright-inner .listing-search-block input[type="search"]{border:1px solid var(--color18); font-family: var(--defaultfont); font-size: 14px; border-radius:5px; padding:5px 10px;} .listingwrapper .listingcontainer .listingright .listingright-inner .listing-search-block input[type="search"]:focus{outline:0px none;} .listingwrapper .listingcontainer .listingright .listingright-inner .listing-search-block button{border:0px solid var(--color18); display: none; background-color: var(--color1); margin-left: 15px; white-space: nowrap; font-family: var(--defaultfont); font-weight: normal; font-size: 14px; border-radius:5px; padding:5px 10px;} .listingwrapper .listingcontainer .listingright .listingright-inner .woocommerce-result-count{display: none;} .listingwrapper .listingcontainer .listingright .listingright-inner .woocommerce-ordering{display: none;} .listingwrapper .listingcontainer .listingright .listingright-inner .top-block{display: flex; display: none; width: 100%; margin-bottom: 15px; padding-bottom: 10px; align-items: center; border-bottom:1px solid var(--color18); justify-content: space-between;} .listingwrapper .listingcontainer .listingright .listingright-inner .top-block .top-left {display: flex; align-items: center;} .listingwrapper .listingcontainer .listingright .listingright-inner .mobile-filterlink{display: flex; flex-shrink: 0; align-items: center; display: none; margin-right: 15px;} .listingwrapper .listingcontainer .listingright .listingright-inner .mobile-filterlink i{margin-right: 5px; margin-top: 5px; display: flex; align-items: center; justify-content: center;} .listingwrapper .listingcontainer .listingright .listingright-inner .top-block .top-left p{padding:0; margin:0;} .listingwrapper .listingcontainer .listingright .listingright-inner .top-block .top-right select{border:1px solid var(--color18); padding:5px 10px; border-radius:5px;} .listingwrapper .listingcontainer .listingright .listingright-inner .top-block .woocommerce-result-count{display: flex; float:none;} .listingwrapper .listingcontainer .listingright .listingright-inner .top-block .woocommerce-ordering{display: flex; margin:0; padding:0;} .listingwrapper .listingcontainer .listingright ol{display: flex; width: 100%; flex-wrap: wrap;} .listingwrapper .listingcontainer .listingright ol li{display: flex; max-width: 23%; border-radius: 5px; position: relative; transition: all .3s ease; background-color:var(--whitecolor); margin:0 8px 30px; width: 100%; box-shadow: 0 0 30px 0 rgba(32,32,32,.15);} .listingwrapper .listingcontainer .listingright ol li .thumb{border-radius: 5px 5px 0 0; display: flex; position: relative; max-height:192px; } .listingwrapper .listingcontainer .listingright ol li .thumb img{border-radius: 5px 5px 0 0;} .listingwrapper .listingcontainer .listingright .woocommerce-pagination ul li{width: auto; box-shadow: 0 0 0 0; padding:0; margin:0;} .listingwrapper .listingcontainer .listingright ul li.grid-view{ display: flex; position: relative; flex-direction: column; padding: 0px; margin: 0 auto 30px; border-radius: 5px; width: 100%; max-width:600px; background-color:#2a2f36; box-shadow:0 5px 10px 0 rgb(126 126 126 / 74%); border: solid 0px rgba(54, 115, 121, 0.3);} .listingwrapper .listingcontainer .listingright ul li.grid-view .thumb{max-width: none; overflow: hidden; height: auto; width: auto; height: 400px; width: 600px;} .listingwrapper .listingcontainer .listingright ul li.grid-view .title{display: flex; justify-content: center; width: 100%; font-size: 25px;} .listingwrapper .listingcontainer .listingright ul li.grid-view .thumb a{display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;} .listingwrapper .listingcontainer .listingright ul li.grid-view .thumb img{height:400px; width: 100%; border-radius: 5px;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom{display: flex; width: 100%; padding:10px; flex-direction: column;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .comment-section{display: flex; width: 100%; padding:10px 0;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .comment-section .commentthumb{display: flex; margin-right:10px; max-width: 50px; height:50px; border:1px solid #ddd; border-radius:100%; width: 100%;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .comment-section .commentarea{display: flex; border-radius:10px; border:1px solid #ddd; border-radius:100%; width: 100%;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .comment-section .commentarea input{border:1px solid #ddd; border-radius:30px; font-size: 14px; padding:5px 10px;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .comment-section .commentarea input:focus{outline:0px none;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section{border-top:0px solid #ddd; justify-content:flex-end; color:#acacac; padding:5px 0; display: flex; width: 100%; align-items: center; border-bottom:0px solid #ddd;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section i{width:auto; height:auto; margin-right:0px; cursor: pointer; display: flex; align-items: center; font-size: 16px; justify-content:center; border:0px solid #ddd; border-radius:100%;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section div{margin-left:0px; display: flex; align-items: center;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section div:hover{color:#fff; cursor: pointer;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section div:first-child{margin-left: 0} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .liked{display: none;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section a{width: 32px; margin-left: 10px; color:#fff; display: flex; align-items: center; justify-content: center; font-size: 18px; height: 32px; border-radius:100%; border:1px solid #fff;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section a:first-child{margin-left: 0;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section a:hover{background-color: #fff; color:#000;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .share{position: relative; margin-left: 20px;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .copylink a{border:0px none; width:auto; flex:1;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .copylink .copymsg{margin-left: 10px; color:#fff; display: none; cursor: default;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .copylink .copymsg:hover{margin-left: 10px; color:#fff; display: none; cursor: default;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .copylink a:hover{border:0px none; color: #fff; background-color: transparent;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .share > i{margin-right:0px; font-size: 25px; position: relative;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .share div{opacity: 0; visibility:hidden; position: absolute; padding-bottom: 75px; right:0;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .share:hover div{opacity: 1; visibility: visible;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .share div a:nth-child(1){color: #4267B2; background-color: #fff;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .share div a:nth-child(2){color: #1DA1F2; background-color: #fff;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .share-section .share div a:nth-child(3){color: #0077b5; background-color: #fff;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .count-section{border-bottom:1px solid #6a6a6a; color:#827f7f ; font-size: 12px; font-weight: bold; justify-content: flex-start; padding:0px 0 5px; margin-bottom: 10px; display: flex; width: 100%;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .count-section i{width:30px; height:auto; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius:100%;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .count-section div{margin-left: 0px; display: flex; align-items: center;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .count-section span{color:var(--color15); height:14px; display: flex; align-items: center; justify-content: center; width: 20px; text-align: center;} .listingwrapper .listingcontainer .listingright ul li .csk-bottom .count-section div:first-child{margin-left: 0} .listingwrapper .listingcontainer .listingright ul li.liked .share-section .liked{color:#e3e3e3; display: flex; margin-left: 0;} .listingwrapper .listingcontainer .listingright ul li.liked .share-section .like{color:#e3e3e3; display: none;} .listingwrapper .listingcontainer .listingrightlast{display: flex; order:3; position: -webkit-sticky; position: sticky; top: 0; padding:0 46px 0; align-self: flex-start; flex-direction: column; width: 100%; max-width: 24%;} .listingwrapper .listingcontainer .beInspiredSection{padding:20px 10px; display: flex; max-width: none; margin-left: 30px; border-radius:5px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1); flex-direction: column;} .listingwrapper .listingcontainer .beInspiredSection .headingTitle{display: flex; font-family: var(--fontfamilybold); flex-direction: column; width: 100%; color: var(--whitecolor); font-size: 22px;margin-bottom:20px; justify-content:center;} .listingwrapper .listingcontainer .beInspiredSection .headingsubTitle{display: flex; flex-wrap: wrap; font-family: var(--defaultfont); width: 100%; color: var(--whitecolor); font-size: 15px;margin-bottom:20px;} .listingwrapper .listingcontainer .beInspiredSection .headingsubTitle span{color:var(--color15); margin-left:5px;} .listingwrapper .listingcontainer .beInspiredSection .headingTitle span{max-width: 50px; margin: 12px 0 0; height:3px; background-color:var(--color15); width: 100%; } .listingwrapper .listingcontainer .beInspiredSection ul{display: flex; width: 100%; flex-direction: column;} .listingwrapper .listingcontainer .beInspiredSection ul li{ transition: all 0.2s ease; border:0px solid #ddd; display: flex; font-size: 16px; display: flex; align-items: center; padding: 10px 0; width: 100%; margin:0 0px 10px; flex-direction: row; border-radius:5px;} .listingwrapper .listingcontainer .beInspiredSection ul li:last-child{margin-bottom: 0} .listingwrapper .listingcontainer .beInspiredSection ul li a{display: flex; width: auto; flex-direction: row; align-items: center;} .listingwrapper .listingcontainer .beInspiredSection ul li:hover{transform: translateY(-2px); border:0px solid #ddd;} .listingwrapper .listingcontainer .beInspiredSection ul li .thumb{ margin-right: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius:100%; width:80px; height: 80px; position: relative; color: var(--color15); border:1px dashed var(--color15); } .listingwrapper .listingcontainer .beInspiredSection ul li .thumb img{border-radius: 100%; width: 80px; height: 80px;} .listingwrapper .listingcontainer .beInspiredSection ul li .thumb .badge{width:30px; height:30px; background-color: #fff;border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); border-radius:100%; position: absolute; right:0; bottom:0;} .listingwrapper .listingcontainer .beInspiredSection ul li .thumb .badge img{border-radius:100%; width: 20px; height:20px; margin:5px; max-width: 100%;} .listingwrapper .listingcontainer .beInspiredSection ul li .thumbContent{display: flex; flex-direction: column;} .listingwrapper .listingcontainer .beInspiredSection ul li .title{display: flex; color:#fff; margin-bottom:0px; font-size:17px; font-family:var(--fontfamilybold);} .listingwrapper .listingcontainer .beInspiredSection ul li .desc{display: flex; color:var(--whitecolor); margin-bottom:0px; font-size:13px; font-family:var(--defaultfont);} .listingwrapper .listingcontainer .beInspiredSection ul li .thumbContent .title a{color:#fff;} .listingwrapper .listingcontainer .beInspiredSection ul li .thumbContent .video{margin-top: 10px;} .listingwrapper .listingcontainer .beInspiredSection ul li .thumbContent .video a{border-radius:100%; width:26px; height:26px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color15);} .listingwrapper .listingcontainer .beInspiredSection ul li .thumbContent .video a img{max-width: 12px; } /*Listing Page ends*/ /*CSk listing page*/ .csk-listing-wrapper{display: flex; flex-direction: column; width: 100%; margin: 109px 0 30px; } .csk-listing-wrapper .csk-listing-container{display: flex; width: 100%; margin:0 auto; flex-direction:column; max-width: none; padding: 0 15px;} .csk-listing-wrapper .cskListingWrapper{display: flex; width: 100%; margin-top: 45px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer{display: flex; width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer h3{font-family: var(--fontfamilybold); display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom:15px; color: var(--blackcolor); font-size:18px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer h3 .filter-link{display: flex; align-items: center;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer h3 .filter-link a{width:38px; color:var(--whitecolor); height:38px; border-radius:5px; background-color: var(--color1); display: flex; justify-content: center; align-items: center;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer ol + h3{margin-top:35px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft{display: flex; width: 100%; max-width: 25%; flex-direction:column;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner{border: solid 1px #a3dce1; padding: 15px; border-radius:10px; flex-direction: column; display: flex; width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .trending-block{display: flex; margin:0 0 15px; color:var(--whitecolor); background-color: var(--color1); padding:10px 10px; font-family: var(--defaultfont); font-size: 14px; align-items: center; justify-content: space-between; width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block{display: flex; flex-direction: column; width: 100%; margin-bottom: 25px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block:last-child{margin-bottom:0px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block h3{font-family: var(--fontfamilybold); margin-bottom:10px; color: var(--blackcolor); font-size:14px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block h3 span{font-size: 11px; margin-left: 5px; color: var(--color14); font-family:var(--defaultfont); font-weight: normal;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block ul{margin:0; padding:0; max-height:250px; overflow-y: auto;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block ul li{margin:0 0 5px; padding:0;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block ul li:last{margin:0 0 0px; padding:0;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block ul li a{font-size: 13px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block ul li label{font-size: 13px; cursor: pointer;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block ul li label input[type="checkbox"] {margin-right: 10px; min-width: inherit; border: 1px solid var(--color18); width: 15px; height: 15px; border-radius: 2px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block ul li label input[type="checkbox"]:checked + span{color: var(--color1); font-family: var(--fontfamilybold);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block ul li label input[type="checkbox"]:before {width: 20px; height: 20px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block ul li label:hover span{color: var(--color1); font-family: var(--defaultfont);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block input[type="range"]{-webkit-appearance: none; height:8px; border-radius: 8px; appearance: none; display:flex; align-items: center; width: 100%; background-color:var(--color1);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .listingLeftInner .filter-block input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; border: 1px solid var(--color18); height:15px; width: 15px; border-radius:50%; background:var(--whitecolor); cursor: pointer; margin-top: -2px; box-shadow: 0 0 5px var(--color19);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight{display: flex; width: 100%; flex-direction: column; margin-left: 30px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight .listing-search-block{display: flex; width: 100%; position: relative; margin-bottom: 20px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight .listing-search-block .mobile-filterlink{display: flex; align-items: center; display: none; flex-shrink: 0; margin-right: 15px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight .listing-search-block .mobile-filterlink i{margin-right: 5px; margin-top: 5px; position: static; color: var(--color2); display: flex; align-items: center; justify-content: center;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight .listing-search-block .widget_product_search{display: flex; width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight .listing-search-block .woocommerce-product-search{display: flex; width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight .listing-search-block input[type="search"]{border:1px solid var(--color1); font-family: var(--defaultfont); font-size: 14px; border-radius:5px; padding:5px 10px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight .listing-search-block input[type="search"]:focus{outline:0px none;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight .listing-search-block button{border:0px solid var(--color18); background-color: var(--color1); margin-left: 15px; white-space: nowrap; font-family: var(--defaultfont); font-weight: normal; font-size: 14px; border-radius:5px; padding:5px 10px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight .listing-search-block i{position: absolute; right:15px; top:8px; font-size: 15px; color: var(--blackcolor);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol{display: flex; width: 100%; flex-direction: column;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li{display: flex; width: 100%; border: solid 1px var(--color3); box-shadow: 0 12px 22px 0 rgba(72, 145, 152, 0.2); border-radius:10px; margin:0 0 20px; padding:15px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li a{display: flex; width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .thumb{width: 100%; display: flex; position: relative; align-items: flex-start; justify-content: center;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .thumb img{border-radius:5px; width: auto; height: auto;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li.nodata {border:1px solid #ddd; padding:10px; text-align: center; max-width: none;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li{ display: flex; position: relative; flex-direction: column; padding: 0px; margin: 0 auto 30px; border-radius: 5px; width: 100%; max-width: 584px; box-shadow: 0 5px 10px 0 rgba(72, 145, 152, 0.2); border: solid 1px rgba(54, 115, 121, 0.3);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .thumb{max-width: none; height: auto; max-height: 400px; max-width: 600px; overflow: hidden; width: auto; min-height: auto;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .thumb a{display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li.thumb img{height:100%; width: auto;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .csk-bottom{display: flex; width: 100%; padding:10px; flex-direction: column;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .csk-bottom .comment-section{display: flex; width: 100%; padding:10px 0;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .csk-bottom .comment-section .commentthumb{display: flex; margin-right:10px; max-width: 50px; height:50px; border:1px solid #ddd; border-radius:100%; width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .csk-bottom .comment-section .commentarea{display: flex; border-radius:10px; border:1px solid #ddd; border-radius:100%; width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .csk-bottom .comment-section .commentarea input{border:1px solid #ddd; border-radius:10px; font-size: 14px; padding:5px 10px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .csk-bottom .comment-section .commentarea input:focus{outline:0px none;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingRight ol li .csk-bottom .share-section{border-top:1px solid #ddd; padding: 10px 0; display: flex; width: 100%; justify-content: space-between; border-bottom:1px solid #ddd;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingrightlast{display: flex; order:3; position: -webkit-sticky; position: sticky; top: 0; align-self: flex-start; flex-direction: column; width: 100%; max-width: 25%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection{padding:20px 10px; display: flex; max-width: none; margin-left: 30px; border-radius:5px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1); flex-direction: column;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection .headingTitle{display: flex; font-family: var(--fontfamilybold); flex-direction: column; width: 100%; font-size: 22px; align-items: center; margin-bottom:20px; justify-content:center;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection .headingTitle span{max-width: 50px; margin: 12px 0 0; height:3px; background-color:var(--color15); width: 100%; } .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul{display: flex; width: 100%; flex-direction: column;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li{ transition: all 0.2s ease; border:1px solid transparent; display: flex; font-size: 16px; display: flex; align-items: center; padding: 10px; width: 100%; margin:0 0px 10px; flex-direction: column; background-color: #fff; border-radius:5px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li:last-child{margin-bottom: 0} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li a{display: flex; width: 100%; flex-direction: row; justify-content: center; align-items: center;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li:hover{transform: translateY(-2px); border:1px solid #ddd; background-color: #f9f9f9;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li .thumb{ margin-right: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius:100%; width:60px; height: 60px; position: relative; color: var(--color15); border:1px dashed var(--color15); } .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li .thumb .badge{width:30px; height:30px; background-color: #fff;border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); border-radius:100%; position: absolute; right:0; bottom:0;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li .thumb .badge img{border-radius:100%; width: 20px; height:20px; margin:5px; max-width: 100%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li .thumbContent{display: flex; flex-direction: column;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li .title{display: flex; color:#000; margin-bottom:0px; font-size:16px; font-family:var(--fontfamilybold);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .beInspiredSection ul li .desc{display: flex; color:var(--color25); margin-bottom:0px; font-size:14px; font-family:var(--defaultfont);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper{display: flex; width:100%; flex-shrink: 0; padding:0px 0; flex-direction: column;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol{display: flex; border-top:0px solid #ddd; flex-direction: column; overflow-y:auto; padding:0px 0; margin-top:0px; } .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li{display: flex; align-items: flex-start; position: relative; flex-direction: column; margin:0px 0 10px; padding:0; height:40px; } .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li label{color:var(--blackcolor); cursor: pointer; background-color:#d0e9f6; padding:5px 10px; font-size:16px; border-radius:5px;border-top:0px solid #ddd; display: flex; align-items: center;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li label.selected{background-color:var(--color15); color:var(--blackcolor); } .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li label.selected:hover{background-color:var(--color15); color:var(--blackcolor);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li span{flex-shrink: 0; cursor: pointer; display: flex; align-items: center; display: none; justify-content: center; border-radius:100%; margin-right: 10px; border:1px solid var(--color15); color:var(--color15); width: 30px; height:30px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li div{border-bottom:0px solid var(--color15); position: absolute; display: flex; align-items: center; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0); color:var(--color15);padding:10px 15px; } .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li label i{width:28px; height: 28px; border:0px solid #ddd; flex-shrink: 0; margin-right: 10px; margin-bottom: 0px;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li label input[type="checkbox"]{display: none;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li label:hover{color:var(--color15);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li.active label{font-family:var(--fontfamilybold); color:var(--color15);} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li.viewLink{align-items: center; display: flex;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li.viewLink i{border:0px none; display: flex; align-items: center; justify-content: center; width: auto; height:auto; margin-left:5px; margin-top:6px; margin-right: 0} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li.viewLink a{color:var(--blackcolor); background-color:var(--color15); padding:5px 15px; margin:15px 0 0; height:auto; border-radius:5px; justify-content: center;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper .screen-reader-text{display: none;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li:last-child a{border:0px none; width:auto;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li:last-child img{ width:27%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li:last-child img.imaginxp{ width:36%;} .csk-listing-wrapper .cskListingWrapper .cskListingContainer .listingLeft .navigationMenuWrapper ol li:last-child div{ display: flex; width:100%; margin:0px 0;} .csk-listing-wrapper .productcaregorywrapper{display: flex; width: 100%; background-color: #93ccea; margin-bottom:15px;} .csk-listing-wrapper .productcaregorywrapper ol{display: flex; width: 100%; flex-wrap: wrap; justify-content: center;} .csk-listing-wrapper .productcaregorywrapper ol{display: flex; height:auto; width: 100%; margin:0; padding:15px; flex-wrap: wrap;} .csk-listing-wrapper .productcaregorywrapper ol li{display: flex; margin:0 6px 24px; padding:0; width:155px; justify-content: center;} .csk-listing-wrapper .productcaregorywrapper ol li a{display: flex; flex-direction: column; font-size: 16px; align-items: center; justify-content: center; text-align: center;} .csk-listing-wrapper .productcaregorywrapper ol li a i{color:#fff; position: relative; border-radius:100%; margin-bottom:5px; color:#fff;} .csk-listing-wrapper .productcaregorywrapper ol li a i img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70px; border-radius: 50%; max-width: 100%; position: absolute; height: 70px; border-radius:100%;} .csk-listing-wrapper .productcaregorywrapper ol li a i span{border-radius: 50%; display:flex; animation: stroke-draw 6s ease-out infinite alternate; border:2px dashed #fff; width:80px; height:80px;} .csk-listing-wrapper .productcaregorywrapper ol li a{color:#fff;} .csk-listing-wrapper .productcaregorywrapper ol li a i span.viewall {animation: none; display: flex; align-items: center; justify-content: center; font-size: 22px;} /*csk listing page*/ /*userProfile Page Start from here*/ .page-template-user-profile-php .userProfileWrapper{padding-top:0px;} body.archive.author{ background-color: #fff; } body.archive.author .careerPathlanding-header{position: static} body.header-fixed.archive.author .careerPathlanding-header{position: static; display: flex; flex-direction: column;} .archive.author .userProfileWrapper{background-color:#fff;} .userProfileWrapper{display: flex; width: 100%; position: relative; padding: 40px 0;} .userProfileWrapper .userProfileContainer{display: flex; width: 100%; padding:0px; border:0px solid #ddd; max-width: 1280px; margin:0 auto; flex-direction: column; } .userProfileWrapper .sampleoverlay{position: absolute; top:0px; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.2); z-index: 2200001;} .userProfileWrapper .sampleoverlay .message{background-color: #fff; justify-content: center; min-height: 200px; margin:150px auto 0; align-items: center; padding: 10px; max-width:350px; border-radius:5px; display: flex; flex-direction: column;} .userProfileWrapper .sampleoverlay .message .title{font-size: 24px; text-align: center;} .userProfileWrapper .sampleoverlay .message .actions{display: flex; align-items: center; justify-content: center; margin-top: 15px;} .userProfileWrapper .sampleoverlay .message .actions a{color:#000; background-color: var(--color15); color:#000; font-size: 22px; padding:5px 25px; border-radius:3px;} .userProfileWrapper .sampleoverlay .message .havaanaccount{display: flex; margin-top: 15px; font-size: 18px;} .userProfileWrapper .sampleoverlay .message .havaanaccount a{margin-left: 5px;} .userProfileWrapper .sampleoverlay .message .havaanaccount a:hover{color: var(--color15);} .userProfileWrapper .userProfileContainer .ProfileWrapper{display: flex; width: 100%; align-items: flex-start; padding:20px; background-color: #f6f3f3; margin-bottom:30px; position: relative;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper{display: flex; width: 100%; padding:0px 0 0;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .tabSections{display: flex; width: 100%; flex-direction: column;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection{position: -webkit-sticky; position: sticky; top: 0; align-self: flex-start; padding:20px 10px; display: flex; width: 100%; max-width: 260px; display: none; margin-left: 30px; border-radius:5px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1); flex-direction: column;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection .headingTitle{display: flex; font-family: var(--fontfamilybold); flex-direction: column; width: 100%; font-size: 22px; align-items: center; margin-bottom:20px; justify-content:center;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection .headingTitle span{max-width: 50px; margin: 12px 0 0; height:3px; background-color:var(--color15); width: 100%; } .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul{display: flex; width: 100%; flex-direction: column;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li{ transition: all 0.2s ease; border:1px solid transparent; display: flex; font-size: 16px; display: flex; align-items: center; padding: 10px; width: 100%; margin:0 0px 10px; flex-direction: column; background-color: #fff; border-radius:5px;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li:last-child{margin-bottom: 0} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li a{display: flex; width: 100%; flex-direction: row; justify-content: center; align-items: center;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li:hover{transform: translateY(-2px); border:1px solid #ddd; background-color: #f9f9f9;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li .thumb{ margin-right: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius:100%; width:60px; height: 60px; position: relative; color: var(--color15); border:1px dashed var(--color15); } .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li .thumb .badge{width:30px; height:30px; background-color: #fff;border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); border-radius:100%; position: absolute; right:0; bottom:0;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li .thumb .badge img{border-radius:100%; width: 20px; height:20px; margin:5px; max-width: 100%;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li .thumbContent{display: flex; flex-direction: column;} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li .title{display: flex; color:#000; margin-bottom:0px; font-size:16px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .mainProfileContentWrapper .beInspiredSection ul li .desc{display: flex; color:var(--color25); margin-bottom:0px; font-size:14px; font-family:var(--defaultfont);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper{display: flex; margin-right:25px; flex-direction: column;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .ProfileCompletion{display: flex; flex-direction:column; justify-content: center; align-items: center; margin-top: 15px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .ProfileCompletion span{font-weight: bold; font-size: 17px; color:#0a9304;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumb{ width:140px; position: relative; height: 140px; box-shadow: 0px 0px 4px #666; display: flex; align-items: center; justify-content: center; border-radius:100%; } .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumb img{border-radius:100%; width:135px; height: 135px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumb .circular-chart{width: 150px; position: absolute;top:0; left:0; right:0; bottom:0; display:block;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumb .circular-chart .circle{stroke: #4CC790; stroke:#0a9304; fill: none; stroke-width: 2; stroke-linecap: round; animation: progress 1s ease-out forwards;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumb .video{width:50px; height:50px; background-color: #fff;border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); border-radius:100%; position: absolute; right:10px; bottom:0;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumb .video a{border-radius:100%; width:40px; height:40px; margin:5px; display: flex; align-items: center; justify-content: center; max-width: 100%;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumb .video a img{width:auto; height:auto; max-width: 100%; border-radius: 0; max-width: 28px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumb .video a:before {content: ""; position: absolute;width: 150%;height: 150%;animation-delay: 0s;animation: pulsate1 2s;animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; border-radius: 50%; border: 5px solid #fdbc4b63; top: -25%; left: -25%; background: rgba(198, 16, 0, 0);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .copylink{display: flex; margin-top: 15px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .copylink a{color:#000; border:3px solid var(--color15); background-color: var(--color15); font-size: 15px; padding:2px 10px; border-radius:3px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .editprofileblock{display: flex; justify-content: center; margin-top: 10px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .editprofileblock a{color: var(--color15); font-size: 15px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .editprofileblock a:hover{ text-decoration: underline; color: var(--color15);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .profileformBlock{display: flex;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent{display:flex; flex:1; align-items: flex-start;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft{display: flex; flex:1; flex-direction: column; align-items: flex-start; justify-content: space-between;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .top{display: flex; justify-content: space-between; flex-direction: column; width: 100%; align-items: flex-start;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .left{display: flex; flex-direction: column; flex:1; max-width: 70%; width: 100%;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .right{display: flex; flex-direction: column; width:250px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block{display: flex; justify-content: flex-end; align-items: center; width: 100%;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .profilelookingfor{margin-right: 20px; width:auto; margin-bottom: 0;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .editprofileblock{display: flex; margin-left: 20px; justify-content: flex-end;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .sampleblock{display: flex; margin-right: 15px; justify-content: flex-end;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .editprofileblock a{color:#000; margin-top: 0; background-color: var(--color15); font-size: 15px; padding:5px 20px; border-radius:3px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block a{color:var(--color15); font-size:19px; padding:0px 0px; border-radius:3px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block a i{margin-right: 5px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profilelookingfor{display: flex; align-items: center; margin-bottom: 10px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profilelookingfor:last-child{margin-bottom: 15px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profilelookingfor input[type="checkbox"]{ min-width:inherit; width: 18px; height: 18px; border-radius:4px; margin:0 5px 0;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profilelookingfor label{margin:0; color: var(--color17); font-size: 15px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profilelookingfor input[type="checkbox"]:checked::before{margin:-3px 0 0 -4px; width:22px; height: 22px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profileTitle{display:flex; color: var(--blackcolor); margin-bottom:5px; font-size: 24px; font-family: var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profileType{display:flex; color: var(--color17); margin-bottom:0px; font-size: 17px; font-family: var(--defaultfont);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profileLocation{display:flex; color: var(--color17); margin-bottom: 15px; font-size: 17px; font-family: var(--defaultfont);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profileAbout{display:flex; color: var(--color17); line-height: 24px; margin-top:10px; margin-bottom:15px; font-size: 16px; font-family: var(--defaultfont);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profilelookingfor{display: flex; width: 100%; margin-top:0px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profilelookingfor .lookingblock{color: var(--color17); display:flex; align-items: center;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .profilelookingfor .lookingblock img{margin-right: 10px; max-width: 19px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileRight{display: flex; flex-direction: column; margin-left: 20px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block{display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a{ width: 45px; display: flex; align-items: center; font-size: 25px; margin-left:10px; justify-content: center; border:1px solid var(--color15); height:45px; border-radius: 100%;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a img.afterhover{display: none;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a:hover img.afterhover{display: flex;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a:hover img.default{display: none;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a:hover{background-color: var(--color15); color: var(--whitecolor)} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a:first-child{margin-left: 0} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a:last-child{background-color: var(--color15);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a:last-child img{max-width: 22px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .copy-profile-block{display: flex; margin-bottom: 15px; justify-content: flex-end;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .copy-profile-block a{color:#000; width:50px; height: 50px; border-radius:100%; display: flex; align-items: center; justify-content: center; border:3px solid var(--color15); background-color: var(--color15); font-size: 15px; padding:5px 20px; border-radius:100%;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .copy-profile-block a i{margin-right: 5px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .copy-profile-block a img {max-width: 100px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .upload-resume-block{display: flex; margin-bottom: 15px; justify-content: flex-end;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .upload-resume-block .upload-block{display: flex; flex-direction: column;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .upload-resume-block .upload-block a{color:#000; border:3px solid var(--color15); background-color: var(--color15); font-size: 15px; padding:5px 20px; border-radius:3px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .upload-resume-block .upload-block a i{margin-right: 5px;} .resume-loader{display: flex; align-items: center; width: 100%; justify-content: center;} .resume-loader i{margin-left: 5px; margin-top: 4px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block{display: flex; width: 100%; flex-direction: column;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block{display: flex; flex-direction: column; width: 100%} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume{display: flex; width: 100%; height: 300px; position: relative; border:1px solid #ddd;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block{display: flex; align-items: center; width: 100%; height:100%; justify-content: center; flex-direction: column;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block .placeholder{display: flex; align-items: center; justify-content: center; position: relative;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block .placeholder .overlay{background-color: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; position: absolute; top:0; right:0; left:0; bottom: 0;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block a{flex-direction: column; color:var(--color15); opacity: 0; visibility: hidden; position: absolute; top:10px; right:44px; display: flex; align-items: center; justify-content: center; font-size: 18px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block a:hover{color(--color15);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block:hover a{opacity: 1; visibility: visible;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block a.upload-resume{position: static; visibility: visible; opacity:1;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block:hover a.editlink{opacity: 1; visibility: visible;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block a.editlink{color:#000; display: flex; opacity: 0; visibility: hidden; align-items: center; position: absolute; top:10px; right:10px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .edit-resume-block .upload-block .resume .upload-block a.editlink i{margin-right: 5px; color: var(--color15);} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .ambassador-type-block{display: flex; margin-top:0px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .ambassador-type-block img{max-width: 80px; opacity: 0.2; margin:0 0 0 5px; border-radius:100%; padding:5px; border:1px solid #ddd;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .ambassador-type-block img.active{opacity: 1; } .userProfileWrapper .userProfileContainer .profileContentWrapper{display: flex; flex-direction: column; width: 100%; margin:0px 0 0; min-height: 400px; position: relative;} .userProfileWrapper .userProfileContainer .profileContentWrapper .activityTabsWrapper{border-bottom: 1px solid #ddd; white-space: nowrap;overflow: auto; background-color: #fff; padding: 10px; z-index: 220000; display: flex; width: 100%; justify-content: center; align-items: center;} .userProfileWrapper .userProfileContainer .profileContentWrapper .activityTabsWrapper a{color:#000; text-transform: uppercase; font-weight: bold; border-bottom:3px solid var(--color7); font-size: 18px; padding:5px 20px; border-radius:0px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .activityTabsWrapper span{max-width: 50px; text-align: center; color:#ddd; margin:0 15px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .activityTabsWrapper a:first-child{margin-left:0px; border-left:0px none;} .userProfileWrapper .userProfileContainer .profileContentWrapper .activityTabsWrapper a:hover{border-bottom:3px solid var(--color15);} .userProfileWrapper .userProfileContainer .profileContentWrapper .activityTabsWrapper a.active{border-bottom:3px solid var(--color15);} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent{display: flex; position: relative; width: 100%; display: none; flex-direction: column; padding:0px 0 0;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent .headingtitle{display: flex; flex-direction: column; width: 100%; font-size: 22px; margin-bottom: 30px; align-items: flex-start; justify-content:flex-start;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent .headingtitle span{max-width: 50px; text-align: center; color:#ddd; margin:5px 0px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol{display: flex; width: 100%; flex-direction: column;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li{ border:1px solid transparent; padding:15px;border-radius:5px; margin:0; margin-top: 10px; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 0.2); display: flex; width: 100%; align-items: center;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li:first-child{margin-top: 0} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li .title{display: flex; min-width: 250px; color:#000; margin-bottom:0px; font-size:14px; font-family:var(--fontfamilybold); white-space: nowrap; margin-right: 15px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li .progressBlock .title{display: flex; color:var(--color1); margin-bottom:5px; font-size:14px; font-family:var(--defaultfont); white-space: nowrap; margin-right:0px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li .progressBlock{display: flex; width:auto; flex:1; flex-direction: column;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li .progress{ width: 100%; height: 10px; margin-bottom:00px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1);} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li .progress .progress-bar {float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color:var(--color1); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); transition: width .6s ease;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li .boostbtn{display: flex; margin-left: 15px; opacity: 0; visibility: hidden;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li .boostbtn a{border-radius:15px; padding:5px 15px; background-color:var(--color15); color:var(--blackcolor); font-family:var(--defaultfont); font-size:14px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li:hover .boostbtn{opacity: 1; visibility: visible;} .userProfileWrapper .userProfileContainer .profileContentWrapper .skillsTabContent ol li:hover{border:1px solid #ddd;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent{display: flex; width: 100%; display: none; flex-direction: column; padding:30px 0 0;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent .headingtitle{display: flex; flex-direction: column; width: 100%; font-size: 22px; margin-bottom: 30px; align-items: flex-start; justify-content:flex-start;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent .headingtitle span{max-width: 50px; text-align: center; color:#ddd; margin:5px 0px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol{display: flex; width: 100%; flex-direction: column;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li{ border:1px solid transparent; padding:15px;border-radius:5px; margin:0; margin-top: 10px; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 0.2); display: flex; width: 100%; align-items: center;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li:first-child{margin-top: 0} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li .progressBlock .title{display: flex; color:var(--color1); margin-bottom:5px; font-size:14px; font-family:var(--defaultfont); white-space: nowrap; margin-right:0px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li .progressBlock{display: flex; width: auto; flex:1; flex-direction: column;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li .title{display: flex; min-width: 250px; color:#000; margin-bottom:0px; font-size:14px; font-family:var(--fontfamilybold); white-space: nowrap; margin-right: 15px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li .progress{ width: 100%; height: 10px; margin-bottom:00px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1);} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li .progress .progress-bar {float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color:var(--color1); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); transition: width .6s ease;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li .boostbtn{display: flex; margin-left: 15px; opacity: 0; visibility: hidden;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li .boostbtn a{border-radius:15px; padding:5px 15px; background-color:var(--color15); color:var(--blackcolor); font-family:var(--defaultfont); font-size:14px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li:hover .boostbtn{opacity: 1; visibility: visible;} .userProfileWrapper .userProfileContainer .profileContentWrapper .careersTabContent ol li:hover{border:1px solid #ddd;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent{display: flex; width: 100%; flex-direction: column; padding:30px 0 0; display: none;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block{display: flex; width: 100%; margin-top:0px; justify-content: center;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block div{display: flex; opacity: 0.2; flex-direction: column; margin:0 0 0 45px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block div:first-child{margin-left: 0} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block div:nth-child(1) span{color:#CD8034; font-family: var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block div:nth-child(2) span{color:#C0C0C0; font-family: var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block div:nth-child(3) span{color:#FDBC4B; font-family: var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block div span{ margin-top: 10px; text-align: center;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block img{max-width: 100px; border-radius:100%; padding:5px; border:1px solid #ddd;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block img:first-child{margin-left: 0} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .badge-type-block div.active{ opacity: 1; } .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .SectionsBlock{display: flex; flex-direction: column; width: 100%;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .SectionsBlock .headingtitle{display: flex; flex-direction: column; width: 100%; font-size: 22px; align-items: flex-start; justify-content:flex-start;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .SectionsBlock .headingtitle span{max-width: 50px; text-align: center; color:#ddd; margin:5px 0px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol{display: flex; width: 100%; flex-direction: row; margin: 40px 0; flex-wrap: wrap;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li{display: flex; max-width: 30%; width: 100%; margin:0;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .points{position: absolute; top:0; right:0; padding:1px 10px; border-radius:0px 0px 5px 5px; background-color: var(--color5); color:var(--whitecolor);} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item{display: flex; flex-direction: column; width: 100%; transition: all 0.2s ease; position: relative; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 0.1); border-radius:5px; padding: 15px; margin:0px 12px 25px; width:100%;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item:first-child{margin-top: 0} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item a{display:flex; align-items: flex-start; color: var(--blackcolor); flex-direction: column;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .thumb{display: flex; flex-shrink: 0; margin-right: 15px; width: 100%; max-width: 250px; overflow: hidden;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .thumb-content{display: flex; width: 100%; flex-direction: column;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .thumb img{max-width: 100%; width: 100%; height:auto;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .details{display: flex; flex-direction: column; background-color: #fff; width: 100%; padding:10px 0;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .details .institute-info{display: flex; color:#000; margin-bottom:10px; font-size:14px; font-family:var(--defaultfont); align-items: center;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .details .institute-info i{margin-right: 10px; padding: 2px; border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); width:30px; height:30px; border-radius: 100%;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .details .title{display: flex; color:#000; margin-bottom:5px; font-size:14px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .details .title i{display: flex; color:var(--color1); margin-top:3px; margin-right:15px; font-size:22px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .details .desc{display: flex; color:#656565; margin-bottom:3px; font-size:13px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .details .subjects{display: flex; color:#656565; margin-bottom:3px; margin-top: 5px; font-size:13px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .subjects span{margin-right: 5px; color: var(--color15);} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .details .subjects span:last-child{margin-right: 0} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .skills span:last-child{margin-right: 0} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .detail-top{display: flex; justify-content: space-between; width: 100%;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .detail-top .subcategory-block{display: flex; margin-bottom: 5px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .detail-top .subcategory-block span{display: flex; border-radius: 4px; background-color: var(--color3); color: var(--color1); text-transform: uppercase; font-family: var(--fontfamilybold); font-size: 10px; padding: 3px 5px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .skills span{margin-right: 5px; color: var(--color15);} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .skills{display: flex; color:#656565; margin-top: 5px; margin-bottom:3px; font-size:13px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .student-block{display: flex; align-items: center; color: var(--blackcolor); margin-top: 5px; margin-bottom:0px; font-size:13px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .tagline-block{display: flex; align-items: center; color: var(--color4); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .locations{display: flex; align-items: center; color: var(--blackcolor); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .locations i{margin-right: 5px; margin-top: 5px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .status{display: flex; align-items: center; color: var(--color15); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .status i{margin-right: 5px; margin-top: 5px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .type{display: flex; align-items: center; color: var(--blackcolor); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .mentorItem{display: flex; transition: all 0.2s ease; position: relative; width:100%;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .mentorItem .thumb-content{display: flex; width: 100%; flex-direction: column; text-align: center; align-items: center; justify-content: center;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .mentorItem a{display: flex; width:100%; transition: all 0.2s ease; position: relative; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 0.1); border-radius:5px; padding:0px; flex-direction: column; padding:15px; align-items: center; background-color: #fff; margin:0 25px 0px 0;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .mentorItem a{display: flex; align-items: center; justify-content: center; flex-direction: column;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .mentorItem .mentorThumb{margin-bottom: 10px; display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 100px; height: 100px; position: relative; color: var(--color15); border: 1px dashed var(--color15)} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .mentorItem .mentorThumb .badge{width:30px; height:30px; background-color: #fff;border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); border-radius:100%; position: absolute; right:0; bottom:0;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .mentorItem .mentorThumb .badge img{border-radius:100%; width: 20px; height:20px; margin:5px; max-width: 100%;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .mentorItem .mentorTitle{display: flex; color:#000; text-align: center; margin-bottom:0px; font-size:15px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .mentorItem .mentorDesc{display: flex; text-align: center; color:var(--color25); margin-bottom:0px; font-size:16px; font-family:var(--defaultfont);} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .enrollnow-block{display: flex; align-items: center; color: var(--blackcolor); font-size:14px; width:100%; justify-content: flex-end;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .enrollnow-block i{margin-left:5px; margin-top: 6px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .details .type i{margin-right: 5px; margin-top: 7px; color: var(--color15)} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .status{display: flex; color:var(--color15); padding:0 0px; margin-bottom:0px; background-color: var(--whitecolor); font-size:14px; ;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .footer-content{display: flex; justify-content: space-between; align-items: center; width: 100%; background-color: #fff; border-top:1px solid #ddd; padding:10px 0px 0;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .footer-left{color:var(--blackcolor); font-size:16px; font-family:var(--fontfamilybold)} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item .footer-right{border-radius:15px; padding:5px 15px; background-color:var(--color15); color:var(--blackcolor); font-family:var(--defaultfont); font-size:14px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent ol li .item:hover{ box-shadow: 4px 6px 10px -2px #808080;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .userinfo{display: flex; margin:55px 0; font-size: 22px; width: 100%; align-items: flex-start; justify-content: center; width: 100%;} .userProfileWrapper .userProfileContainer .profileContentWrapper .recommendedTabContent .userinfo span{font-family:var(--fontfamilybold); color:var(--color15); margin:0 10px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .headingTitle{display: flex; color:#000; flex-direction: column; margin-bottom:0px; font-size:30px; display: flex; align-items: center; justify-content: center; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .profileContentWrapper .headingTitle span{width: 50px; margin: 12px 0 0; height: 3px; background-color: var(--color15);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper{display:flex; flex-direction:column; width: 100%; padding:30px 0 0;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .profileTimelineContainer{position: relative; padding:5px 0 0; margin:0 0 0 150px; display:flex; flex-direction:column; border-left:5px solid var(--color3);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem{display: block; width: 100%; margin-bottom: 70px; margin-left: -6px; position: relative;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem:last-child{margin-bottom:0 } .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .timelineImg{width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; color:#fff; font-size: 22px; left: -27px; background-color: var(--whitecolor); border:2px dashed var(--color15); border-radius: 50%; position: absolute; margin-top:0px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .timelineImg img{width: 40px; height: 40px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .timelineType{display: flex; border-bottom:1px dashed #ddd; font-family: var(--fontfamilybold); width: 100%; color:var(--blackcolor); max-width: 125px; padding-left: 10px; margin-top: 12px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .timelineContent{position: relative;display: flex; align-items: flex-start; justify-content: flex-start; margin-left: 33px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .timelineInner{position: relative; float:none; width: 100%; background-color: #fff;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .timelineDate{position: absolute; top:17px; left:-150px; font-family: var(--fontfamilybold); color: var(--blackcolor);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .timelineImgHeader .timelineTitle{position: absolute; bottom:5px; left:10px; font-size: 18px; color:var(--whitecolor); font-family: var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .timelineContent .timelineDesc{display:flex; color: var(--color17); margin-bottom:0px; font-size: 14px; font-family: var(--defaultfont);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item{display: flex; transition: all 0.2s ease; position: relative; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 0.1); border-radius:5px; padding:0px; flex-direction: row; padding: 15px; margin:25px 25px 0px 0; width:100%;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item:first-child{margin-top: 0} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item a{display:flex; align-items: flex-start; color:var(--blackcolor); width: 100%;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .thumb{display: flex; flex-shrink: 0; margin-right: 15px; width: 100%; max-width: 250px; overflow: hidden;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .thumb-content{display: flex; width: 100%; flex-direction: column;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .thumb img{max-width: 100%; width: 100%; height:auto;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details{display: flex; flex-direction: column; background-color: #fff; width: 100%; padding:10px 0;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .institute-info{display: flex; color:#000; margin-bottom:10px; font-size:14px; font-family:var(--defaultfont); align-items: center;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .institute-info i{margin-right: 10px; padding: 2px; border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); width:30px; height:30px; border-radius: 100%;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .title{display: flex; color:#000; margin-bottom:5px; font-size:14px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .title i{display: flex; color:var(--color1); margin-top:3px; margin-right:15px; font-size:22px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .desc{display: flex; color:#656565; margin-bottom:3px; font-size:13px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .subjects{display: flex; color:#656565; margin-bottom:3px; margin-top: 5px; font-size:13px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .subjects span{margin-right: 5px; color: var(--color15);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .subjects span:last-child{margin-right: 0} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .skills span:last-child{margin-right: 0} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .detail-top{display: flex; justify-content: space-between; width: 100%;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .detail-top .subcategory-block{display: flex; margin-bottom: 5px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .detail-top .subcategory-block span{display: flex; border-radius: 4px; background-color: var(--color3); color: var(--color1); text-transform: uppercase; font-family: var(--fontfamilybold); font-size: 10px; padding: 3px 5px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .skills span{margin-right: 5px; color: var(--color15);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .skills{display: flex; color:#656565; margin-top: 5px; margin-bottom:3px; font-size:13px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .student-block{display: flex; align-items: center; color: var(--blackcolor); margin-top: 5px; margin-bottom:0px; font-size:13px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .tagline-block{display: flex; align-items: center; color: var(--color4); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .locations{display: flex; align-items: center; color: var(--blackcolor); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .locations i{margin-right: 5px; margin-top: 5px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .status{display: flex; align-items: center; color: var(--color15); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .status i{margin-right: 5px; margin-top: 5px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .type{display: flex; align-items: center; color: var(--blackcolor); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .mentorItem{display: flex; transition: all 0.2s ease; position: relative; width:100%;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .mentorItem .thumb-content{display: flex; width: 100%; flex-direction: column; text-align: center; align-items: center; justify-content: center;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .mentorItem a{display: flex; transition: all 0.2s ease; position: relative; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 0.1); border-radius:5px; padding:0px; flex-direction: column; padding:15px; align-items: center; background-color: #fff; margin:0 25px 0px 0;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .mentorItem a{display: flex; align-items: center; justify-content: center; flex-direction: column;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .mentorItem .mentorThumb{margin-bottom: 10px; display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 100px; height: 100px; position: relative; color: var(--color15); border: 1px dashed var(--color15)} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .mentorItem .mentorThumb .badge{width:30px; height:30px; background-color: #fff;border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); border-radius:100%; position: absolute; right:0; bottom:0;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .mentorItem .mentorThumb .badge img{border-radius:100%; width: 20px; height:20px; margin:5px; max-width: 100%;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .mentorItem .mentorTitle{display: flex; color:#000; text-align: center; margin-bottom:0px; font-size:15px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .mentorItem .mentorDesc{display: flex; text-align: center; color:var(--color25); margin-bottom:0px; font-size:16px; font-family:var(--defaultfont);} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .enrollnow-block{display: flex; align-items: center; color: var(--blackcolor); font-size:14px; width:100%; justify-content: flex-end;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .enrollnow-block i{margin-left:5px; margin-top: 6px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .details .type i{margin-right: 5px; margin-top: 7px; color: var(--color15)} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .status{display: flex; color:var(--color15); padding:0 0px; margin-bottom:0px; background-color: var(--whitecolor); font-size:14px; ;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .footer-content{display: flex; justify-content: space-between; align-items: center; width: 100%; background-color: #fff; border-top:1px solid #ddd; padding:10px 0px 0;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .footer-left{color:var(--blackcolor); font-size:16px; font-family:var(--fontfamilybold)} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item .footer-right{border-radius:15px; padding:5px 15px; background-color:var(--color15); color:var(--blackcolor); font-family:var(--defaultfont); font-size:14px;} .userProfileWrapper .userProfileContainer .profileTimelineWrapper .timelineItem .item:hover{ box-shadow: 4px 6px 10px -2px #808080;} .userProfileWrapper .userProfileContainer .resumeTabContent{display:none; position: relative;} .userProfileWrapper .userProfileContainer .resumeTabContent .upload-resume-block{display: flex; margin-bottom: 15px; justify-content:center;} .userProfileWrapper .userProfileContainer .resumeTabContent .upload-resume-block .upload-block{display: flex; flex-direction: column;} .userProfileWrapper .userProfileContainer .resumeTabContent .upload-resume-block .upload-block a{color:#000; border:3px solid var(--color15); background-color: var(--color15); font-size: 15px; padding:5px 20px; border-radius:3px;} .userProfileWrapper .userProfileContainer .resumeTabContent .upload-resume-block .upload-block a i{margin-right: 5px;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block{display: flex; width: 100%; flex-direction: column;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block{display: flex; min-height: 400px; flex-direction: column; width: 100%} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume{display: flex; width: 100%; height: auto; position: relative; border:1px solid #ddd;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block{display: flex; align-items: center; width: 100%; height:100%; justify-content: center; flex-direction: column;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block .placeholder{display: flex; align-items: center; justify-content: center; position: relative;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block .placeholder .overlay{background-color: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; position: absolute; top:0; right:0; left:0; bottom: 0;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block a{flex-direction: column; color:var(--color15); opacity: 0; visibility: hidden; position: absolute; top:10px; right:44px; display: flex; align-items: center; justify-content: center; font-size: 18px;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block a:hover{color(--color15);} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block:hover a{opacity: 1; visibility: visible;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block a.upload-resume{position: static; visibility: visible; opacity:1;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block:hover a.editlink{opacity: 1; visibility: visible;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block a.editlink{color:#000; display: flex; opacity: 0; visibility: hidden; align-items: center; position: absolute; top:10px; right:10px;} .userProfileWrapper .userProfileContainer .resumeTabContent .edit-resume-block .upload-block .resume .upload-block a.editlink i{margin-right: 5px; color: var(--color15);} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .pdfviewer{width: 100%; display: flex;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .docviewer{width: 100%; display: flex;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .docviewer iframe{width: 100%!important;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .resumeactions{display: flex; border-bottom:0px solid #ddd; justify-content: flex-end; align-items: flex-end; margin-bottom:8px; padding-bottom:0px;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .resumeactions a{color:var(--color15); margin-left:25px; font-size:19px; padding:5px 0px; border-radius:3px;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .resumeactions a i{margin-right: 5px;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .resumeactions a:first-child{margin-left:0px;} .supporttype{display: flex; border-bottom:0px solid #ddd; color:#999; justify-content: flex-end; align-items: flex-end; margin-bottom: 15px; padding-bottom:0px;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper{display:flex; min-height: 400px; flex-direction:column; width: 100%; padding:30px 0 0;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .uploadblock{display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; height: 300px; position: relative; border:1px solid #ddd;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .uploadblock a{font-size: 19px;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .uploadblock a:hover{color:var(--color15);} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .uploadblock a i{margin-right: 5px;} .userProfileWrapper .userProfileContainer .resumeTabContent .resumeWrapper .uploadblock .supporttype{margin-bottom:0px; margin-top: 10px;} .userProfileWrapper .userProfileContainer .journeyTabContent{position: relative; display: none;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyWrapper{display:flex; min-height: 450px; flex-direction:column; position: relative; width: 100%; padding:30px 0 0;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer{position: relative; padding:5px 0 0; margin:0 0 0 0px; display:flex; flex-direction:column;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper{display: flex; flex-direction: column; border-bottom:1px solid #ddd; padding-bottom: 25px; margin-bottom: 25px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper:last-child{border-bottom:0px none; padding-bottom: 0;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper .headingtitle{display: flex; flex-direction: row; justify-content: flex-start;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper .headingtitle{display: flex; color:#000; align-items:center; justify-content: flex-start; margin-bottom:35px; font-size:24px; padding-left: 10px; border-left:4px solid var(--color15); font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper .headingtitle a{margin-left: 15px; color:var(--color15); font-size: 15px; margin-top: 5px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper .headingtitle a:hover{ color:var(--color15); text-decoration:underline;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper .headingtitle a i{margin-right: 5px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol{display: flex; position: relative; width: 100%; flex-wrap: wrap;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li:before {content: ''; position: absolute; width: 6px; background-color:var(--color3); top: 0; bottom: 0; left: 30px; margin-left:0px; z-index: 0} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li.nocontentfound{display: flex; width: 100%; border:1px solid #ddd; padding:30px; background-color: #ededed; color:#999; font-size: 19px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li:last-child:before {content: ''; position: absolute; width: 0px; background-color:transparent; top: 0; bottom: 0; margin-left:0px; z-index: 0} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li{display: flex; position: relative; z-index: 1; transition: all 0.2s ease; flex-direction: column; position: relative; padding:0px; padding:0px; margin:0px 0px 0px 0; width:100%;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li:last-child .timelineItem{margin-bottom: 0;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .thumb-content{display: flex; flex-direction: column; width: 100%; padding:0 10px 0px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .thumb{overflow: hidden; max-height: 233px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .title{display: flex; color:#000; margin-bottom:5px; font-size:17px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .subtitle{display: flex; color:#656565; margin-bottom:0px; font-size:15px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem{display: block; position: relative; width: 100%; margin-bottom: 25px; margin-left:0px; position: relative;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .actions{position: absolute; right:10px; top:10px; z-index: 1} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .actions a{margin-left: 15px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .actions a:hover{color:var(--color15);text-decoration: underline;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .actions a i{margin-right:5px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .actions a:first-child{margin-left:0px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineImg{width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; color:#fff; font-size: 22px; background-color: var(--whitecolor); border:2px dashed var(--color15); border-radius: 50%; position: absolute; margin-top:0px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineImg img{width: 40px; height: 40px; border-radius: 50%; } .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineType{display: flex; border-bottom:1px dashed #ddd; font-family: var(--fontfamilybold); width: 100%; color:var(--blackcolor); max-width: 180px; padding-left: 10px; margin-top: 12px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineContent{position: relative;display: flex; align-items: flex-start; justify-content: flex-start; margin-left: 60px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineInner{position: relative; float:none; width: 100%; background-color: #fff;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineDate{position: absolute; top:17px; left:-150px; font-family: var(--fontfamilybold); color: var(--blackcolor);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineImgHeader .timelineTitle{position: absolute; bottom:5px; left:10px; font-size: 18px; color:var(--whitecolor); font-family: var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineContent .timelineDesc{display:flex; color: var(--color17); margin-bottom:0px; font-size: 14px; font-family: var(--defaultfont);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item{display: flex; transition: all 0.2s ease; position: relative; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 0.1); border-radius:5px; padding:0px; flex-direction: row; padding: 15px; margin:25px 25px 0px 0; width:100%;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item:first-child{margin-top: 0} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item a{display:flex; align-items: flex-start; color:var(--blackcolor);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .thumb{display: flex; flex-shrink: 0; margin-right: 15px; position: relative; width: 100%; max-width: 250px; overflow: hidden;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .thumb .overlay{position: absolute; top:0; right:0; bottom:0; left:0; font-size: 25px; color: var(--color15); opacity: 0; visibility:hidden; background-color: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item:hover .overlay{ opacity: 1; visibility: visible; } .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .thumb-content{display: flex; width: 100%; flex-direction: column;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .thumb img{max-width: 100%; width: 100%; height:auto;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details{display: flex; flex-direction: column; background-color: #fff; width: 100%; padding:0px 0;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .institute-info{display: flex; color:#000; margin-bottom:10px; font-size:14px; font-family:var(--defaultfont); align-items: center;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .institute-info i{margin-right: 10px; padding: 2px; border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); width:30px; height:30px; border-radius: 100%;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .title{display: flex; color:#000; margin-bottom:5px; font-size:17px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .title i{display: flex; color:var(--color1); margin-top:3px; margin-right:15px; font-size:22px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .desc{display: flex; color:#656565; margin-bottom:3px; font-size:15px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .institute{display: flex; color:#656565; margin-bottom:3px; font-size:15px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .subjects{display: flex; color:#656565; margin-bottom:3px; margin-top: 5px; font-size:13px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .subjects span{margin-right: 5px; color: var(--color15);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .subjects span:last-child{margin-right: 0} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .skills span:last-child{margin-right: 0} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .detail-top{display: flex; justify-content: space-between; width: 100%;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .detail-top .subcategory-block{display: flex; margin-bottom: 5px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .detail-top .subcategory-block span{display: flex; border-radius: 4px; background-color: var(--color3); color: var(--color1); text-transform: uppercase; font-family: var(--fontfamilybold); font-size: 10px; padding: 3px 5px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .skills span{margin-right: 5px; color: var(--color15);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .skills{display: flex; color:#656565; margin-top: 5px; margin-bottom:3px; font-size:13px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .student-block{display: flex; align-items: center; color: var(--blackcolor); margin-top: 5px; margin-bottom:0px; font-size:13px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .tagline-block{display: flex; align-items: center; color: var(--color4); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .locations{display: flex; align-items: center; color: var(--blackcolor); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .locations i{margin-right: 5px; margin-top: 5px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .status{display: flex; align-items: center; color: var(--color15); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .status i{margin-right: 5px; margin-top: 5px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .type{display: flex; align-items: center; color: var(--blackcolor); margin-top: 5px; margin-bottom:0px; font-size:14px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .mentorItem{display: flex; transition: all 0.2s ease; position: relative; width:100%;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .mentorItem .thumb-content{display: flex; width: 100%; flex-direction: column; text-align: center; align-items: center; justify-content: center;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .mentorItem a{display: flex; transition: all 0.2s ease; position: relative; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 0.1); border-radius:5px; padding:0px; flex-direction: column; padding:15px; align-items: center; background-color: #fff; margin:0 25px 0px 0;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .mentorItem a{display: flex; align-items: center; justify-content: center; flex-direction: column;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .mentorItem .mentorThumb{margin-bottom: 10px; display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 100px; height: 100px; position: relative; color: var(--color15); border: 1px dashed var(--color15)} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .mentorItem .mentorThumb .badge{width:30px; height:30px; background-color: #fff;border: 1px solid #ddd; box-shadow: 0 0 5px var(--color18); border-radius:100%; position: absolute; right:0; bottom:0;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .mentorItem .mentorThumb .badge img{border-radius:100%; width: 20px; height:20px; margin:5px; max-width: 100%;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .mentorItem .mentorTitle{display: flex; color:#000; text-align: center; margin-bottom:0px; font-size:15px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .mentorItem .mentorDesc{display: flex; text-align: center; color:var(--color25); margin-bottom:0px; font-size:16px; font-family:var(--defaultfont);} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .enrollnow-block{display: flex; align-items: center; color: var(--blackcolor); font-size:14px; width:100%; justify-content: flex-end;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .enrollnow-block i{margin-left:5px; margin-top: 6px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .details .type i{margin-right: 5px; margin-top: 7px; color: var(--color15)} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .status{display: flex; color:var(--color15); padding:0 0px; margin-bottom:0px; background-color: var(--whitecolor); font-size:14px; ;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .footer-content{display: flex; justify-content: space-between; align-items: center; width: 100%; background-color: #fff; border-top:1px solid #ddd; padding:10px 0px 0;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .footer-left{color:var(--blackcolor); font-size:16px; font-family:var(--fontfamilybold)} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .footer-right{border-radius:15px; padding:5px 15px; background-color:var(--color15); color:var(--blackcolor); font-family:var(--defaultfont); font-size:14px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item:hover{ box-shadow: 4px 6px 10px -2px #808080;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsWrapper{display:flex; min-height: 400px; flex-direction:column; width: 100%; padding:0px 0 0; position: relative;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer{position: relative; padding:5px 0 0; margin:0 0 0 0px; display:flex; flex-direction:column;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper:last-child{border-bottom:0px none; padding-bottom: 0;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper{display: flex; flex-direction: column; border-bottom:1px solid #ddd; padding-bottom: 25px; margin-bottom: 25px;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper .headingtitle{display: flex; flex-direction: column;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper .headingtitle{display: flex; color:#000; margin-bottom:10px; font-size:24px; padding-left: 10px; border-left:4px solid var(--color15); font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol{display: flex; width: 100%; flex-wrap: wrap;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li{display: flex; position: relative; align-items: center; transition: all 0.2s ease; max-width:50%; position: relative; background-color: #fff; padding:10px; margin:15px 0px 0px 0; width:100%;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .actions {position: absolute; display: flex; align-items: center; top:10px; font-size: 14px; right:10px;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .actions a{color:var(--color15); margin-left: 15px;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .actions a:hover{color:var(--color15); text-decoration: underline;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .actions a:first-child{margin-left: 0;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .actions i{margin-right: 5px;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li:last-child{margin-bottom: 0;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .skillscontent{display: flex; flex-direction: column; width: 100%; padding:0px;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .skillsthumb{overflow: hidden; max-width: 100px; display: flex; margin-right: 15px; border:1px solid #ddd;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .title{display: flex; min-width: inherit; color:#000; margin-bottom:8px; font-size:17px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .subtitle{display: flex; color:#656565; margin-bottom:0px; font-size:15px;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li.nocontentfound{max-width: none; flex-direction: column; justify-content: center; box-shadow: 0 0 0 0; border-radius: 0;display: flex; width: 100%; border:1px solid #ddd; padding:30px; background-color: #ededed; color:#999; font-size: 19px;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li.nocontentfound .addcontentbtn{display:flex; justify-content: center; margin-top: 15px; width: 100%;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li.nocontentfound .addSkills-btn{padding: 5px 15px; white-space: nowrap; border: 0px none; background-color: var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--blackcolor);} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li.nocontentfound .addSkills-btn i{margin-right: 5px;} .noresumefound{max-width: none; flex-direction: column; justify-content: center; box-shadow: 0 0 0 0; border-radius: 0;display: flex; width: 100%; align-items: center; border:1px solid #ddd; padding:30px; background-color: #ededed; color:#999; font-size: 19px;} .userProfileWrapper .userProfileContainer .portfolioTabContent{display: none; position: relative;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioWrapper{display:flex; flex-direction:column; width: 100%; min-height: 550px; padding:30px 0 0;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer{position: relative; padding:5px 0 0; margin:0 0 0 0px; display:flex; flex-direction:column;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper{display: flex; flex-direction: column;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper .headingtitle{display: flex; flex-direction: column;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper .headingtitle{display: flex; color:#000; margin-bottom:0px; align-items: flex-start; font-size:24px; padding-left: 10px; border-left:4px solid var(--color15); font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol{display: flex; width: 100%; flex-wrap: wrap;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li{display: flex; position: relative; transition: all 0.2s ease; flex-direction: column; position: relative; background-color: #fff; max-width: 295px; box-shadow: 0px 2px 4px 0px rgba(29, 37, 46, 25%); border-radius:5px; padding:0px; padding:0px; margin:25px 25px 0px 0; width:100%;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li:hover .actions{visibility: visible; opacity: 1;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .actions {position: absolute; z-index: 2; opacity: 0; visibility: hidden; display: flex; align-items: center; top:10px; font-size: 14px; right:10px;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .actions a{color:var(--color15); margin-left: 15px;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .actions a:hover{color:var(--color15);} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .actions a:first-child{margin-left: 0;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .actions i{margin-right: 5px;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .thumb-content{display: flex; flex-direction: column; width: 100%; padding:10px;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .thumb{overflow: hidden; position: relative; min-height: 170px; max-height: 170px; margin:0 auto;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .thumb a{ position: relative; width: 100%; height:100%; justify-content: center; display: flex; } .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .thumb .overlay{position: absolute; top:0; right:0; bottom:0; left:0; font-size: 25px; color: var(--color15); opacity: 0; visibility:hidden; background-color: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li:hover .overlay{ opacity: 1; visibility: visible; } .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .title{display: flex; color:#000; margin-bottom:10px; font-size:17px; font-family:var(--fontfamilybold);} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .subtitle{display: flex; color:#656565; margin-bottom:0px; font-size:15px;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .urllink{display: flex; align-items: center; color:#656565; margin-bottom:0px; font-size:15px;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .urllink a{display: flex; color:var(--color15);} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .urllink a:hover{color:var(--color15);} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li .urllink i{margin-right: 5px; margin-top: 8px;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li.nocontentfound{max-width: none; box-shadow: 0 0 0 0; border-radius: 0; justify-content: center; align-items: center; display: flex; width: 100%; border:1px solid #ddd; padding:30px; background-color: #ededed; color:#999; font-size: 19px;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li.nocontentfound .addcontentbtn{display:flex; justify-content: center; margin-top: 15px; width: 100%;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li.nocontentfound .addPortfolio-btn{padding: 5px 15px; white-space: nowrap; border: 0px none; background-color: var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--blackcolor);} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li.nocontentfound .addPortfolio-btn i{margin-right: 5px;} .AddContentFixedButton{position: fixed; bottom: 15px; right: 18px; width: 52px; height: 52px; color: var(--whitecolor); background-color: var(--color15); background-position: center center; background-repeat: no-repeat; box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15); border: 0; border-radius: 50%; cursor: pointer; z-index: 2200056; font-size: 31px; display: flex; align-items: center; justify-content: center;} .AddSkillsFixedButton {display: flex; justify-content: flex-end; align-items: center; margin: 15px 0;} .AddSkillsFixedButton a{color: var(--color15); border-radius: 3px; padding: 5px 15px; border: 0; cursor: pointer; font-size: 17px; display: flex; align-items: center; justify-content: center;} .AddSkillsFixedButton a i{margin-right: 5px; margin-top: 5px;} .AddPortfolioFixedButton a i{margin-right: 5px; margin-top: 5px;} .AddPortfolioFixedButton{display: flex; justify-content: flex-end; align-items: center; margin: 15px 0;} .AddPortfolioFixedButton a{color: var(--color15); border-radius: 3px; padding: 5px 15px;border: 0; cursor: pointer; font-size: 17px; display: flex; align-items: center; justify-content: center;} .addActivityDialog{display: flex; align-items: center; z-index: 2200056; display: none; justify-content: center; background-color: rgba(0,0,0,0.5); position: fixed; top:0; right:0; bottom:0; left:0;} .addActivityDialog.show{display: flex;} .addActivityDialog .dialogloader.show{display: flex;} .addActivityDialog .addActivityInner .formWrapper.show{opacity: 1; visibility: visible;} .addActivityDialog .dialogloader{background-color:rgb(243,243,243,0.9); display: flex; display: none; align-items: center; justify-content: center; width: 100%; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2200003;} .addActivityDialog .dialogloader img{max-width: 100px;} .addActivityDialog .closeDialog{position: absolute; right:20px; top:20px; color:var(--blackcolor); font-size:20px;} .addActivityDialog .addActivityInner{width:100%; max-width: 600px; position: relative; padding:20px; border-radius:15px; box-shadow: 0 0 5px #ddd; display: flex; flex-direction: column; background-color: var(--whitecolor);} .addActivityDialog .addActivityInner .dialogTitle{width:100%; display: flex; font-family: var(--fontfamilybold); font-size: 18px; padding-bottom: 5px; border-bottom:2px solid var(--color15); margin-bottom: 25px;} .addActivityDialog .addActivityInner .formWrapper{display: flex; position: relative; opacity: 0; visibility: hidden; flex-direction: column; width: 100%; max-height: 400px; overflow-y: auto;} .addActivityDialog .addActivityInner .formWrapper .formBlock{display: flex; flex-direction: column; width: 100%; margin-bottom: 15px;} .addActivityDialog .addActivityInner .formWrapper .formBlock .supporttype{justify-content: flex-start;} .addActivityDialog .addActivityInner .formWrapper .formBlock label{display: flex; font-size: 14px; font-family: var(--fontfamilybold); margin-bottom: 5px; width: 100%; color:var(--blackcolor);} .addActivityDialog .addActivityInner .formWrapper .formBlock select{display: flex; border-radius:5px; font-family: var(--defaultfont); border:1px solid #ddd; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addActivityDialog .addActivityInner .formWrapper .formBlock input[type="text"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addActivityDialog .addActivityInner .formWrapper .formBlock input[type="date"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addActivityDialog .addActivityInner .formWrapper .formBlock input[type="file"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addActivityDialog .addActivityInner .formWrapper .formInner{display: flex; width: 100%; margin-bottom: 15px;} .addActivityDialog .addActivityInner .formWrapper .formInner .formBlock{width: 50%; margin-left: 20px; margin-bottom: 0} .addActivityDialog .addActivityInner .formWrapper .formInner .formBlock:first-child{margin-left:0px;} .addActivityDialog .addActivityInner .formWrapper .formActions{display: flex; width: 100%; border-top:1px solid #ddd; align-items: flex-end; justify-content: flex-end; padding-top: 10px;} .addActivityDialog .addActivityInner .formWrapper .formActions button{padding: 5px 15px; white-space: nowrap; border: 0px none; background-color: var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--blackcolor);} .addActivityDialog .addActivityInner .formWrapper .formActions input[type="submit"]{padding: 5px 15px; white-space: nowrap; border: 0px none; background-color: var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--blackcolor);} .addSkillsDialog{display: flex; align-items: center; z-index: 2200056; display: none; justify-content: center; background-color: rgba(0,0,0,0.5); position: fixed; top:0; right:0; bottom:0; left:0;} .addSkillsDialog.show{display: flex;} .addSkillsDialog .closeDialog{position: absolute; right:20px; top:20px; color:var(--blackcolor); font-size:20px;} .addSkillsDialog .addSkillsInner{width:100%; max-width: 600px; position: relative; padding:20px; border-radius:15px; box-shadow: 0 0 5px #ddd; display: flex; flex-direction: column; background-color: var(--whitecolor);} .addSkillsDialog .addSkillsInner .dialogTitle{width:100%; display: flex; font-family: var(--fontfamilybold); font-size: 18px; padding-bottom: 5px; border-bottom:2px solid var(--color15); margin-bottom: 25px;} .addSkillsDialog .dialogloader.show{display: flex;} .addSkillsDialog .addSkillsInner .formWrapper.show{opacity: 1; visibility: visible;} .addSkillsDialog .dialogloader{background-color:rgb(243,243,243,0.9); display: flex; display: none; align-items: center; justify-content: center; width: 100%; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2200003;} .addSkillsDialog .dialogloader img{max-width: 100px;} .addSkillsDialog .addSkillsInner .formWrapper{display: flex; flex-direction: column; opacity: 0; visibility: hidden; width: 100%;} .addSkillsDialog .addSkillsInner .formWrapper .formBlock{display: flex; flex-direction: column; width: 100%; margin-bottom: 15px;} .addSkillsDialog .addSkillsInner .formWrapper .formBlock .supporttype{justify-content: flex-start;} .addSkillsDialog .addSkillsInner .formWrapper .formBlock label{display: flex; font-size: 14px; font-family: var(--fontfamilybold); margin-bottom: 5px; width: 100%; color:var(--blackcolor);} .addSkillsDialog .addSkillsInner .formWrapper .formBlock select{display: flex; border-radius:5px; font-family: var(--defaultfont); border:1px solid #ddd; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addSkillsDialog .addSkillsInner .formWrapper .formBlock input[type="text"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addSkillsDialog .addSkillsInner .formWrapper .formBlock input[type="date"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addSkillsDialog .addSkillsInner .formWrapper .formBlock input[type="file"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addSkillsDialog .addSkillsInner .formWrapper .formInner{display: flex; width: 100%; margin-bottom: 15px;} .addSkillsDialog .addSkillsInner .formWrapper .formInner .formBlock{width: 50%; margin-left: 20px; margin-bottom: 0} .addSkillsDialog .addSkillsInner .formWrapper .formInner .formBlock:first-child{margin-left:0px;} .addSkillsDialog .addSkillsInner .formWrapper .formActions{display: flex; width: 100%; border-top:1px solid #ddd; align-items: flex-end; justify-content: flex-end; padding-top: 10px;} .addSkillsDialog .addSkillsInner .formWrapper .formActions button{padding: 5px 15px; white-space: nowrap; border: 0px none; background-color: var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--blackcolor);} .addSkillsDialog .addSkillsInner .formWrapper .formActions input[type="submit"]{padding: 5px 15px; white-space: nowrap; border: 0px none; background-color: var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--blackcolor);} .previewDialog{display: flex; align-items: center; z-index: 2200056; display: none; justify-content: center; background-color: rgba(0,0,0,0.5); position: fixed; top:0; right:0; bottom:0; left:0;} .previewDialog.show{display: flex;} .previewDialog .closeDialog{position: absolute; background-color:#fff; width: 40px; height: 40px; padding:10px; right:-20px; top:-20px; border-radius:100%; display: flex; align-items: center; justify-content: center; color:var(--blackcolor); font-size:23px;} .previewDialog .previewDialogInner{width:100%; max-width: 600px; position: relative; padding:20px; border-radius:15px; box-shadow: 0 0 5px #ddd; display: flex; flex-direction: column; background-color: var(--whitecolor);} .previewDialog .previewDialogInner .imgSRC{display: flex; max-height: 400px; overflow-y: auto; align-items: center; justify-content: center;} .addPortfolioDialog{display: flex; align-items: center; z-index: 2200056; display: none; justify-content: center; background-color: rgba(0,0,0,0.5); position: fixed; top:0; right:0; bottom:0; left:0;} .addPortfolioDialog.show{display: flex;} .addPortfolioDialog .closeDialog{position: absolute; right:20px; top:20px; color:var(--blackcolor); font-size:20px;} .addPortfolioDialog .addPortfolioInner{width:100%; max-width: 600px; position: relative; padding:20px; border-radius:15px; box-shadow: 0 0 5px #ddd; display: flex; flex-direction: column; background-color: var(--whitecolor);} .addPortfolioDialog .addPortfolioInner .dialogTitle{width:100%; display: flex; font-family: var(--fontfamilybold); font-size: 18px; padding-bottom: 5px; border-bottom:2px solid var(--color15); margin-bottom: 25px;} .addPortfolioDialog .dialogloader.show{display: flex;} .addPortfolioDialog .dialogloader{background-color:rgb(243,243,243,0.9); display: flex; display: none; align-items: center; justify-content: center; width: 100%; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2200003;} .addPortfolioDialog .dialogloader img{max-width: 100px;} .addPortfolioDialog .addPortfolioInner .formWrapper{display: flex; flex-direction: column; opacity:0; visibility: hidden; width: 100%; max-height: 400px; overflow-y: auto;} .addPortfolioDialog .addPortfolioInner .formWrapper.show{opacity: 1; visibility: visible;} .addPortfolioDialog .addPortfolioInner .formWrapper .formBlock{display: flex; flex-direction: column; width: 100%; margin-bottom: 15px;} .addPortfolioDialog .addPortfolioInner .formWrapper .formBlock .supporttype{justify-content: flex-start;} .addPortfolioDialog .addPortfolioInner .formWrapper .formBlock label{display: flex; font-size: 14px; font-family: var(--fontfamilybold); margin-bottom: 5px; width: 100%; color:var(--blackcolor);} .addPortfolioDialog .addPortfolioInner .formWrapper .formBlock select{display: flex; border-radius:5px; font-family: var(--defaultfont); border:1px solid #ddd; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addPortfolioDialog .addPortfolioInner .formWrapper .formBlock input[type="text"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addPortfolioDialog .addPortfolioInner .formWrapper .formBlock input[type="date"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addPortfolioDialog .addPortfolioInner .formWrapper .formBlock input[type="file"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .addPortfolioDialog .addPortfolioInner .formWrapper .formInner{display: flex; width: 100%; margin-bottom: 15px;} .addPortfolioDialog .addPortfolioInner .formWrapper .formInner .formBlock{width: 50%; margin-left: 20px; margin-bottom: 0} .addPortfolioDialog .addPortfolioInner .formWrapper .formInner .formBlock:first-child{margin-left:0px;} .addPortfolioDialog .addPortfolioInner .formWrapper .formActions{display: flex; width: 100%; border-top:1px solid #ddd; align-items: flex-end; justify-content: flex-end; padding-top: 10px;} .addPortfolioDialog .addPortfolioInner .formWrapper .formActions button{padding: 5px 15px; white-space: nowrap; border: 0px none; background-color: var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--blackcolor);} .addPortfolioDialog .addPortfolioInner .formWrapper .formActions input[type="submit"]{padding: 5px 15px; white-space: nowrap; border: 0px none; background-color: var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--blackcolor);} .authorcopylinkmsg{border: 1px solid #008430; margin-right: 10px; display: flex; opacity:0; visibility: hidden; padding: 5px; text-align: center; background-color: #bff2d1; color: #008430;} .authorcopylinkmsg.show{opacity: 1; visibility: visible} .profilestatusmsg{border: 1px solid #008430; font-size: 17px; justify-content: center; margin-right: 10px; display: flex; display: none; opacity:0; visibility: hidden; padding: 5px; text-align: center; background-color: #bff2d1; color: #008430;} .profilestatusmsg.show{opacity: 1; visibility: visible; display: flex;} .user-basic-info{display: none; align-items: center; z-index: 2200056; display: none; justify-content: center; background-color: rgba(0,0,0,0.5); position: fixed; top:0; right:0; bottom:0; left:0;} .user-basic-info.show{display: flex;} .save_response.error{border: 1px solid #840000; padding: 5px; text-align: center; background-color: #840000; color: #fff;} .save_response.success{border: 1px solid #008430; padding: 5px; text-align: center; background-color: #bff2d1; color: #008430;} .user-basic-info .closeDialog{position: absolute; right:20px; top:20px; color:var(--blackcolor); font-size:20px;} .user-basic-info .dialogloader.show{display: flex;} .user-basic-info .user-basic-info-inner .formWrapper.show{opacity: 1; visibility:visible;} .user-basic-info .dialogloader{background-color:rgb(243,243,243,0.9); display: flex; display: none; align-items: center; justify-content: center; width: 100%; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2200003;} .user-basic-info .dialogloader img{max-width: 100px;} .user-basic-info .user-basic-info-inner{width:100%; max-width: 600px; position: relative; padding:20px; border-radius:15px; box-shadow: 0 0 5px #ddd; display: flex; flex-direction: column; background-color: var(--whitecolor);} .user-basic-info .user-basic-info-inner .dialogTitle{width:100%; display: flex; font-family: var(--fontfamilybold); font-size: 18px; padding-bottom: 5px; border-bottom:2px solid var(--color15); margin-bottom: 10px;} .user-basic-info .user-basic-info-inner .formWrapper{display: flex; flex-direction: column; opacity: 0; visibility: visible; width: 100%; max-height: 400px; overflow-y: auto;} .user-basic-info .user-basic-info-inner .formWrapper .formBlock{display: flex; flex-direction: column; width: 100%; margin-bottom: 15px;} .user-basic-info .user-basic-info-inner .formWrapper .formBlock label{display: flex; font-size: 14px; font-family: var(--fontfamilybold); margin-bottom: 5px; width: 100%; color:var(--blackcolor);} .user-basic-info .user-basic-info-inner .formWrapper .formBlock select{display: flex; border-radius:5px; font-family: var(--defaultfont); border:1px solid #ddd; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .user-basic-info .user-basic-info-inner .formWrapper .formBlock input[type="text"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .user-basic-info .user-basic-info-inner .formWrapper .formBlock input[type="date"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .user-basic-info .user-basic-info-inner .formWrapper .formBlock input[type="file"]{display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .user-basic-info .user-basic-info-inner .formWrapper .formInner{display: flex; width: 100%; margin-bottom: 15px;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock{width: 50%; margin-left: 20px; margin-bottom: 0} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock:first-child{margin-left:0px;} .user-basic-info .user-basic-info-inner .formWrapper .formActions{display: flex; width: 100%; border-top:1px solid #ddd; align-items: flex-end; justify-content: flex-end; padding-top: 10px;} .user-basic-info .user-basic-info-inner .formWrapper .formActions button{padding: 5px 15px; white-space: nowrap; border: 0px none; background-color: var(--color15); border-radius: var(--radius5); cursor: pointer; font-size: var(--fontsize16); font-family: var(--defaultfont); color: var(--blackcolor);} .user-basic-info .user-basic-info-inner .formWrapper .formBlock textarea{resize:none; height:100px; display: flex; font-family: var(--defaultfont); border:1px solid #ddd; border-radius:5px; padding:10px; font-size: 14px; width: 100%; color:var(--blackcolor);} .user-basic-info .user-basic-info-inner .formWrapper .formBlock textarea:focus{outline: 0px none;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock{display:flex; margin:0px 0 0;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .videofile{width:150px; height:80px; border:1px solid #ddd; margin-right: 10px;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .videofile video{width:100%!important; height:80px!important;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .videoactions{display: flex; flex-direction: column;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .videoactions{display: flex; justify-content: center; flex-direction: column;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .videoactions .addvideo-link{color:var(--color15);} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .videoactions .addvideo-link i{margin-right: 5px;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .uploadvideo-btn{border:1px solid var(--color15); font-size: 13px; border-radius: 5px; background-color: var(--color15); margin-top: 10px; display: flex; align-items: center; color:var(--blackcolor); padding:5px 10px;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .uploadvideo-btn:hover{background-color: var(--color15); color:#000;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .profileblock{display: flex; margin-top: 10px; width:100%; max-width: 150px; flex-direction: column;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .profileblock .profile-thumb{width:150px; display: flex; align-items: center; justify-content: center; height:150px; box-shadow: 0px 0px 4px #666; border-radius: 100%;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .profileblock img{width:140px; height: 140px; border-radius: 100%;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .profileblock .edit-profile-picture{ justify-content: flex-end; align-items: flex-end; display: flex; } .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .profileblock .bottomlinks{display: flex; justify-content: center; margin-top: 10px; align-items: center;} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock{display: flex; flex-direction: column; width: 100%; max-width:40%;} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock + .formblock{width: 60%;} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock label{display: flex; font-size: 14px; font-family: var(--fontfamilybold); margin-bottom: 5px; width: 100%; color:var(--blackcolor);} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .profileblock{display: flex;} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .profile-thumb{width:80px; margin-right: 15px; display: flex; align-items: center; justify-content: center; height:80px; box-shadow: 0px 0px 4px #666; border-radius: 100%;} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .profile-thumb img{width:70px; height: 70px; border-radius: 100%;} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .bottomlinks{display: flex; justify-content: center; flex-direction: column; margin-top:0px; align-items: center;} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .bottomlinks a{color: var(--color15);} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .bottomlinks a:hover{color: var(--color15);} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .bottomlinks a i{margin-right: 5px;} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .bottomlinks .uploadimg-btn{background-color: var(--color15); font-size: 13px; margin-top: 15px; padding:5px 15px;border-radius:5px; color:var(--blackcolor);} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .bottomlinks .uploadimg-btn:hover{background-color: var(--color15); margin-top: 15px; padding:5px 15px;border-radius:5px; color:var(--blackcolor);} /*userProfile Page ends here*/ /*Detail Page*/ .single-product main{padding-top: 0;} .single-product.careerbook main{padding-top:92px;} .single-product .content-area{max-width: none; padding: 0;} .single-product .pagewrapper .pagecontainer{max-width: none; padding-top: 0} .single-product .woocommerce-notices-wrapper{margin:0;} .single-product .woocommerce-breadcrumb{display: none;} .detailwrapper{display: flex; width: 100%; margin-top:0px; font-family: var(--defaultfont);} .detailwrapper .detailcontainer{display: flex; width: 100%; flex-direction: column;} .header-gone .detailpage-bottombar-wrapper{visibility: hidden; opacity: 0; top:0;} .single-product.header-gone.pageloaded .header-strip-wrapper{visibility: hidden; opacity: 0} .detailpage-bottombar-wrapper{display: flex; align-items: center; z-index:2200056; border-top:0px solid var(--whitecolor); opacity: 0; visibility: hidden; box-shadow: 0px 2px 20px 0 rgba(253, 188, 75, 0.5); background-color: var(--color15); width: 100%; justify-content: center; transition: all 0.5s ease; position: fixed; top:-150px; left:0; right:0;} .detailpage-bottombar-wrapper .detailpage-bottombar-container{display: flex; padding:10px 20px; align-items: center; width: 100%; max-width: 1280px; margin:0 auto; justify-content: center;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-thumb{width: 100%; max-width: 100px;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .detail-bottombar-content{display: flex; flex:1; justify-content: space-between; width: 100%;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .detail-bottombar-content .bar-left{display: flex; flex-direction: column;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .detail-bottombar-content .bar-left .bottom-content{display: flex; align-items: center;} .detailpage-bottombar-wrapper .detailpage-bottombar-container h4{display: flex; font-size: 18px; font-family: var(--defaultfont); font-weight: normal; align-items: center; margin-bottom: 5px;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-price{color:var(--whitecolor); display: flex; align-items: center; font-size: 16px; font-family: var(--defaultfont);} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-price i{background-color: var(--whitecolor); order:3; font-weight: normal; color:var(--color15); border-radius:5px; padding: 2px 10px; font-size: 14px; margin-left: 8px; font-style: normal;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-price span{display: flex; align-items: center; font-family: var(--defaultfont);} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-price del{margin-left: 10px; order:2; color: var(--whitecolor); font-size:16px;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-price ins{color:var(--blackcolor); font-family: var(--fontfamilybold); order:1; font-size: 18px; font-weight: normal; text-decoration: none;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-price ins span{color: var(--blackcolor); font-size: 18px;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-startdate{display: flex; align-items: center; margin-top:0px; margin-left: 15px; flex-direction:row; border-left:1px solid var(--whitecolor); padding-left: 10px; font-size:14px;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-startdate span{color:var(--whitecolor); font-size:16px; margin-left: 5px;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-actions{display: flex; align-items: center; } .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-actions a{ background-color:var(--whitecolor); font-size: 0.875rem; border:0px solid var(--color1); width: auto; text-align: center; text-transform: uppercase; padding:10px 25px; color:var(--color1); border-radius:35px; } .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-actions a:last-child{margin-left: 0px;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-actions a:last-child:hover{text-decoration: none!important;} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-actions a:first-child{margin-right:15px; font-size: 0.875rem; border:0px solid var(--color1); color:var(--whitecolor); background-color: var(--color1);} .detailpage-bottombar-wrapper .detailpage-bottombar-container .product-actions a:first-child:hover{text-decoration: none!important;} .detailwrapper .detailcontainer .details-str{display: flex; width: 100%; flex-direction: column;} .detailwrapper .detailcontainer .details-str .detail-top{display: flex; width: 100%; position: relative; padding:0; background-image:url(../images/webinars-bg.jpg); background-size: cover;} .detailwrapper .detailcontainer .details-str .detail-top .top-inner{display: flex; width:100%; position: relative; display: flex; align-items: center; justify-content: flex-start; border-radius:100%; flex-direction: column; } .detailwrapper .detailcontainer .details-str .detail-top .left-details{background-color: rgb(0 0 0 / 60%); width: 100%; max-width: none; flex:1; display: flex; align-items:flex-start; padding:100px 100px 20px; justify-content: center;} .detailwrapper .detailcontainer .details-str .detail-top .left-details .left-section{display: flex; align-items: flex-start; flex-direction: column; width: 100%; max-width: 50%;} .detailwrapper .detailcontainer .details-str .detail-top .left-details .right-section{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; margin-left: 30px; max-width: 50%;} .detailwrapper .detailcontainer .details-str .detail-top .left-details .right-section .videoblock{ width:100%; height: auto; min-height: 250px; border: 1px solid #666;padding:0px; border-radius:10px;} .detailwrapper .detailcontainer .details-str .detail-top .left-details .right-section .videoblock video{width: 100%!important; height:350px; border-radius:10px;} .detailwrapper .detailcontainer .details-str .detail-top .detail-thumb{width: 100%; margin-left: 30px; max-width: 40%; display: flex; display: none; align-items:center; justify-content: center;} .detailwrapper .detailcontainer .details-str .detail-top .detail-thumb img{max-height: 360px; width: auto; height:auto;} .detailwrapper .detailcontainer .details-str .detail-top h4{color:var(--whitecolor); font-size:36px; padding: 0 0px; font-family: var(--fontfamilybold); font-weight: bold; margin-bottom:10px;} .detailwrapper .detailcontainer .details-str .detail-top .tag-line{color:var(--whitecolor); text-align: left; font-size:20px; font-family: var(--defaultfont); font-weight: normal; margin-bottom: 15px;} .detailwrapper .detailcontainer .details-str .detail-top .date-time{color:var(--color4); text-align: center; font-size:20px;} .detailwrapper .detailcontainer .details-str .detail-top .tag-line h1{color:var(--whitecolor); font-size:18px; font-family: var(--defaultfont); font-weight: normal; margin:0; margin-bottom:0px;} .detailwrapper .detailcontainer .details-str .detail-top .tag-line span{color:var(--color4); font-family: var(--fontfamilybold);} .detailwrapper .detailcontainer .details-str .detail-top .course-desc{display: flex; margin-top: 10px; font-size: 15px; max-width: 500px; color: #747272;} .detailwrapper .detailcontainer .details-str .detail-top .course-desc p{display: flex; margin-top:0px; color: #fff;} .detailwrapper .detailcontainer .details-str .detail-top .detail-price{color:var(--color15); display: flex; display: none; align-items: center; font-size: 16px; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .details-str .detail-top .detail-price i{background-color: var(--color15); order:3; color:var(--whitecolor); border-radius:5px; padding: 2px 10px; font-size: 14px; margin-left: 8px; font-style: normal;} .detailwrapper .detailcontainer .details-str .detail-top .detail-price span{display: flex; align-items: center; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .details-str .detail-top .detail-price del{margin-left: 10px; order:2; color: #9b9898; font-size:18px;} .detailwrapper .detailcontainer .details-str .detail-top .detail-price ins{color: var(--color15); font-family: var(--fontfamilybold); order:1; font-size: 21px; font-weight: bold; text-decoration: none;} .detailwrapper .detailcontainer .details-str .detail-top .detail-price ins span{color:var(--color15); font-size: 21px;} .detailwrapper .detailcontainer .details-str .detail-top .startingon{display: flex; margin-top: 25px; flex-direction:column; font-size:18px; opacity: 0; visibility: hidden; display: none;} .detailwrapper .detailcontainer .details-str .detail-top .startingon span{color:var(--color2); font-size: 21px;} .detailwrapper .detailcontainer .details-str .detail-top .actions{display: flex; align-items: center; margin-top: 25px;} .detailwrapper .detailcontainer .details-str .detail-top .actions a{ background-color:var(--whitecolor); font-size: 0.875rem; border:1px solid var(--color1); width: auto; text-align: center; text-transform: uppercase; padding:10px 35px; color:var(--color1); border-radius:35px; } .detailwrapper .detailcontainer .details-str .detail-top .actions a:first-child{margin-left: 0px; display: flex;} .detailwrapper .detailcontainer .details-str .detail-top .actions a:first-child:hover{text-decoration: none!important;} .detailwrapper .detailcontainer .details-str .detail-top .actions a:last-child{margin-left:0px; display: flex; font-size: 0.875rem; border:1px solid var(--color15); font-weight:bold; color:var(--blackcolor); background-color: var(--color15);} .detailwrapper .detailcontainer .details-str .detail-top .actions a:last-child:hover{text-decoration: none!important;} #woo_login_popup_sc_loggedin h2{font-size: 18px;} .detailwrapper .detailcontainer .detaildesc-section{display: flex; flex-direction: column; width: 100%;} .detailwrapper .detailcontainer .detaildesc-section .detaildesc-container{display: flex; position: relative; padding:100px 30px; width: 100%; margin:0 auto; max-width: 1100px;} .detailwrapper .detailcontainer .detaildesc-section .detaildesc-container h3{font-size: 31px; color:var(--blackcolor); display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom:20px;} .detailwrapper .detailcontainer .detaildesc-section .detaildesc-container p{display: flex; margin-top:0px; color: #747272; font-size: 15px;} .detailwrapper .detailcontainer .detaildesc-section .detaildesc-container .left-section{display: flex; flex-direction: column; width:50%;} .detailwrapper .detailcontainer .detaildesc-section .detaildesc-container .right-section{display: flex; position: relative; flex-direction: column; width: 50%; margin-left: 30px;} .detailwrapper .detailcontainer .detaildesc-section .detaildesc-container .right-section::after {position: absolute; content: ""; right: -30px; bottom: -30px; background: rgba(253,188,75,.3); width: 100%; height: 100%; border: 5px solid var(--color15); border-width: 5px 30px 30px 5px; transition: all ease 0.5s;} .detailwrapper .detailcontainer .detaildesc-section .detaildesc-container .circle1{position: absolute; right:30px; width: 100px; height:100px; border:6px solid var(--color15);} .detailwrapper .detailcontainer .detaildesc-section .detaildesc-container .circle2{position: absolute; left:30px; z-index: 1; width: 100px; height:100px; border:6px solid var(--color15);} .detailwrapper .detailcontainer .eventspeaker-section{display: flex; flex-direction: column; width: 100%; background-color: #050505;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container{display: flex; position: relative; justify-content: center; align-items: center; flex-direction: column; padding:100px 30px; width: 100%; margin:0 auto; max-width:none;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container h3{font-size: 31px; color:var(--whitecolor); display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom:20px;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container p{display: flex; text-align: center; margin-top:0px; max-width: 500px; color: #747272; font-size: 15px;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol{display: flex; width: 100%; justify-content: center; flex-wrap: wrap; align-items: center; margin-top: 50px;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol li{width: 280px; margin:0 25px 25px; display: flex; flex-direction: column; justify-content: center; align-items: center;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol li .speakers-img{border-radius: 50%; border:1px solid #fff; margin-bottom:10px; transition: all 0.2s ease; overflow: hidden; width:140px; height: 140px; display: flex; align-items: center; justify-content:center;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol li .speakers-info{display: flex; justify-content: center; text-align: center; align-items: center; flex-direction: column;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol li .speakers-info div{font-size: 22px; color:var(--whitecolor);} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol li .speakers-info p{font-size: 15px; color:#747272; text-align: center;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol li:hover .speakers-img{transform: scale(1.1);} .detailwrapper .detailcontainer .whatistheprogram-section{display: flex; flex-direction: column; width: 100%; background-color: rgba(72, 145, 152,0.07); background-color: #0f0f0f; } .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container{display: flex; position: relative; flex-direction: column; padding:30px 30px 30px; width: 100%;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container h3{font-size: 31px; color:var(--whitecolor); justify-content: center; width: 100%; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom:30px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .whatistheprogram-inner{display: flex; position: relative; max-width:1200px; padding:0 30px; margin:0 auto; width: 100%; flex-direction: column;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .left-section{display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: none;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .left-section p{font-size: 15px; color:#747272; text-align: center; margin-bottom: 15px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .left-section div{display: flex; display: none; margin-top:15px; justify-content: center;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .left-section div a{margin-left:15px; text-transform: uppercase; border-radius: 35px; padding: 10px 35px; font-size: 0.875rem; border:1px solid var(--color15); color:var(--whitecolor); background-color: var(--color15);} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .left-section div a:hover{text-decoration: none!important;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .right-section{display: flex; order:2; flex-direction: column; width: 100%; max-width: none; margin-top: 30px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .right-section ul{display: flex; padding:0; margin:0;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .right-section ul li{display: flex; width: 100%; max-width: 40%; flex-direction: row; border-radius:0; border:0px none; box-shadow:0px 0px 0px 0px; margin:0 15px 25px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .right-section ul li .icon{display: flex; color:var(--color15); font-size: 52px; max-width:70px; margin-right: 15px; width: 100%;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .right-section ul li .icon-content{display: flex; flex-direction: column; width: 100%;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .right-section ul li .icon-content .title{font-size: 20px; color:var(--blackcolor); width: 100%; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom:10px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .right-section ul li .icon-content p{font-size: 15px; color:#747272;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ol {display: flex; flex-wrap: wrap; flex-direction: row; width:100%;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ol li{ font-size:18px;display: flex; transition: all 0.2s ease; align-items: center; width: 100%; max-width: 47%; box-shadow: 0 5px 10px 0 rgba(72, 145, 152, 0.2); border-radius:10px; font-family: var(--fontfamilybold); background-color:var(--whitecolor); position: relative; margin:15px 15px; border: dashed 0px rgba(54, 115, 121, 0.3); padding:20px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ol li.active{background-color: var(--color15); box-shadow: 0 0 5px var(--color18); transform:scale(1.1);} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ol li span{width: 10px; height:20px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; background-color: var(--color4); display: flex; position: absolute; left:-2px; top:50%; margin-top: -10px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .circle-shape1{animation: spin 10s linear infinite; width: 100px; height:100px; top:15%; left:0; z-index: 0; border-radius:100%; border: dashed 2px rgba(54, 115, 121, 0.5); position: absolute;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .circle-shape2{animation: spin 2s linear infinite; width: 30px; height:30px; border-radius:100%; border:6px solid #aed1d4; border: dashed 2px rgba(54, 115, 121, 0.5); position: absolute; left:0; bottom:0;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .circle-shape3{width: 100px; height:auto; position: absolute; right:0; top:0;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .circle-shape4{width: 28px; height:auto; position: absolute; right:0; top:50%;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ol li:last-child{ border-radius:10px; border: 0px solid var(--color1);} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ul {display: flex; justify-content: center; max-width: none; margin:0 0; padding:50px 0 0; flex-wrap: wrap; flex-direction: row; width:100%;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ul li{ font-size:14px; flex-direction: column; display: flex; align-items: center; width: 100%; max-width:260px; box-shadow: 0 5px 10px 0 rgba(72, 145, 152, 0.2); border-radius:30px; font-family: var(--fontfamilybold); background-color:var(--whitecolor); position: relative; margin:0 15px; border: 1px solid var(--color1); padding:20px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ul li .thumb{width:100%; margin-bottom: 30px; max-height:144px; min-height:144px; display: flex; align-items: flex-start; justify-content: center;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ul li .thumb img{height:100%; margin:0; width:auto;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ul li .title{color:var(--color1); text-align: center;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ul li .shape1{position: absolute; right:0; top:0; width: 30px; height:80px; background-color: #DAE9EA; border-radius:0 30px 0px 30px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ul li .shape2{position: absolute; left:0; bottom:0; width: 30px; height:80px; background-color: #DAE9EA; border-radius:0 30px 0 30px;} .detailwrapper .detailcontainer .whatyouwillget-section{display: flex; flex-direction: column; width: 100%; background-color: #050505;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container{display: flex; padding:50px 30px; width: 100%; max-width: 1180px; margin:0 auto;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container h3{font-size: 31px; color:var(--whitecolor); justify-content: center; width: 100%; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin:20px 0;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container p{font-size: 20px; color:var(--whitecolor); justify-content: center; text-align: center; max-width: 400px; margin: 0 auto; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom:40px;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container ol {display: flex; flex-direction: column; max-width: none; justify-content: center; flex-direction: column; width:100%;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container ol li{ border:1px solid #0f0f0f; min-height: 146px; font-size:14px;display: flex; width: 100%; flex-direction: column; max-width:none; border-radius:5px; font-family: var(--fontfamilybold); background-color:#0f0f0f; position: relative; margin:0px 0px 20px; padding:20px;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container ol li:last-child{margin-bottom: 0;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container ol li .thumb{width:100%; margin-bottom:10px; max-width:45px; height:45px; max-height:45px; display: flex; font-size: 22px; color:#fff; align-items: center; justify-content: center; background-color: var(--color15); border-radius: 100%; display: flex; justify-content: center;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container ol li .thumb img{height:100%; width:auto; margin:0;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container ol li .title{color:var(--whitecolor); font-size: 18px; max-width: 200px; text-align: left;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-left{flex:1; display:flex; flex-direction: column;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-right{flex:1; display: flex; flex-direction: column; margin-left: 20px;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle{width:100%; justify-content: center; align-items: center; max-width: 500px; overflow:hidden; position: relative; margin:0 0px 0 20px; display: flex; flex-direction: column;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle img{z-index:0; position: relative;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle .overlay{z-index:1; padding:30px; background-color:rgba(0,0,0,1);} .detailwrapper .detailcontainer .transform-section{display: flex; flex-direction: column; width: 100%;} .detailwrapper .detailcontainer .transform-section .transform-container{display: flex; flex-direction: column; padding:30px 30px; width: 100%;} .detailwrapper .detailcontainer .transform-section .transform-container h3{font-size: 31px; color:var(--blackcolor); justify-content: center; width: 100%; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom: 40px;} .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper{display: flex; width: 100%; flex-direction: column; max-width:600px; margin:0 auto; background-size:contain; background-position: center top; background-image:url(../images/neo-transformbg.png); background-repeat: no-repeat; } .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul{display: flex; width: 100%; justify-content: space-between; align-items: flex-start;} .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul:first-child li:first-child{margin-top:50px;} .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul:last-child li:first-child{margin-top:50px; margin-left: 40px;} .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul li{display: flex; align-items: flex-start; width: 100%; max-width: 250px; margin:0; padding:0; position: relative; flex-direction: column;} .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul li .transform-baloon{display: flex; box-shadow: 0 0 5px var(--color18); flex-direction: column; width: 100%; padding:20px 15px; position: relative; background-color: var(--whitecolor); border-radius:20px;} .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul li h6{ color:var(--color4); margin:0 0 5px; font-size: 16px; font-family: var(--fontfamilybold); font-weight: normal; } .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul li p{ color: var(--blackcolor); font-size: 15px; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul li .transform-thumb{display: flex; align-self:center; margin-right: 25px;} .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul li .transform-thumb img{max-width: 75px; margin:0;} .detailwrapper .detailcontainer .transform-section .transform-container .transform-wrapper ul li .transform-baloon:after { content:''; position: absolute; left: 0; right: 0; top:100%; margin: 0 auto; width: 0; height: 0; border-top: 15px solid var(--whitecolor); border-left:15px solid transparent; border-right: 15px solid transparent;} .detailwrapper .detailcontainer .whatyoushoulddoit-section{display: flex; flex-direction: column; width: 100%; background-color: var(--color1);} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container{display: flex; flex-direction: column; padding:30px 30px; width: 100%;} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container h3{font-size: 31px; color:var(--whitecolor); justify-content: center; width: 100%; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom: 40px;} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container .whatyoushoulddoit-inner{display: flex; width: 100%; max-width: 1000px; margin:0 auto;} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container .whatyoushoulddoit-inner .left-section{width: 100%; justify-content: center; align-items: flex-start; max-width: 50%; display: flex;} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container .whatyoushoulddoit-inner .left-section img{max-width:100%;} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container .whatyoushoulddoit-inner .right-section{width: 100%; max-width: 50%; display: flex; margin-left: 50px;} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container .whatyoushoulddoit-inner .right-section h2{font-size:18px; color:var(--whitecolor); font-family: var(--fontfamilybold); font-weight: normal; margin-bottom: 10px;} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container .whatyoushoulddoit-inner .right-section ul{display: flex; margin:0; padding:0; flex-direction: column;} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container .whatyoushoulddoit-inner .right-section ul li{display: list-item; font-size: 14px; list-style-position: inside; list-style-type: disc; margin:20px 0; padding:0; color:var(--whitecolor);} .detailwrapper .detailcontainer .whatyoushoulddoit-section .whatyoushoulddoit-container .whatyoushoulddoit-inner .right-section .percentage-score{width: 60px; height:60px; margin-right: 20px; border-radius:100%; display: flex; align-items: center; justify-content: center; font-size:18px;background-color: var(--whitecolor); box-shadow: 0 0 0 5px var(--color4)} .detailwrapper .detailcontainer .whatisrequiredtoenroll-section{display: flex; flex-direction: column; width: 100%; background-color: rgba(72, 145, 152,0.04);} .detailwrapper .detailcontainer .whatisrequiredtoenroll-section .whatisrequiredtoenroll-container{display: flex; flex-direction: column; padding:30px 30px; width: 100%;} .detailwrapper .detailcontainer .whatisrequiredtoenroll-section .whatisrequiredtoenroll-container h3{font-size: 31px; color:var(--blackcolor); justify-content: center; width: 100%; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom: 40px;} .detailwrapper .detailcontainer .whatisrequiredtoenroll-section .whatisrequiredtoenroll-container .whatisrequiredtoenroll-inner{display: flex; width: 100%; max-width: 1000px; margin:0 auto;} .detailwrapper .detailcontainer .whatisrequiredtoenroll-section .whatisrequiredtoenroll-container .whatisrequiredtoenroll-inner .left-section{width: 100%; justify-content: center; align-items: flex-start; max-width: 35%; display: flex;} .detailwrapper .detailcontainer .whatisrequiredtoenroll-section .whatisrequiredtoenroll-container .whatisrequiredtoenroll-inner .left-section img{max-width: 100%;} .detailwrapper .detailcontainer .whatisrequiredtoenroll-section .whatisrequiredtoenroll-container .whatisrequiredtoenroll-inner .right-section{width: 100%; max-width:65%; display: flex; margin-left: 50px;} .detailwrapper .detailcontainer .whatisrequiredtoenroll-section .whatisrequiredtoenroll-container .whatisrequiredtoenroll-inner .right-section ul{display: flex; margin:0; padding:0; flex-direction: column;} .detailwrapper .detailcontainer .whatisrequiredtoenroll-section .whatisrequiredtoenroll-container .whatisrequiredtoenroll-inner .right-section ul li{display: list-item; font-size:18px; list-style-position: inside; list-style-type: disc; margin:10px 0; padding:0; color:var(--blackcolor);} .detailwrapper .detailcontainer .certificate-block{ border:0px solid #a3dce1; justify-content: center; align-items: center; margin-bottom:0px; padding:15px; border-radius:5px; display: flex; width: 100%; margin: 30px auto 0; max-width: 1000px; flex-direction: column;} .detailwrapper .detailcontainer .certificate-block h3{font-size: 31px; color:var(--blackcolor); justify-content: center; width: 100%; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom: 40px;} .detailwrapper .detailcontainer .certificate-block p{color:var(--color19); font-size:14px; margin-bottom:15px; font-weight: normal;} .detailwrapper .detailcontainer .certificate-block img{max-width: 75%;} .detailwrapper .detailcontainer .testimonials-wrapper{display: flex; width: 100%; padding:50px 30px 50px; flex-direction: column;} .detailwrapper .detailcontainer .testimonials-wrapper h3{font-size: 31px; color:var(--blackcolor); justify-content: center; width: 100%; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom: 40px;} .detailwrapper .detailcontainer .testimonials-wrapper h3 .curve-right{transform: rotate(180deg); display: flex; align-items: flex-end;} .detailwrapper .detailcontainer .testimonials-wrapper h3 .curve-left{display: flex; align-items: flex-end;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonials-bg{display: flex; width: 100%; flex-direction: column; max-width: 1000px; margin: 0 auto;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial{display: flex; margin: 0px; box-shadow: 0 0px 0px 0 rgba(96, 86, 158, 0.1); border: solid 1px rgba(54, 115, 121, 0.3); border-radius: 60px; padding: 35px 35px 35px 35px;;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial .testimonial-thumb{display: flex; align-items:flex-start; justify-content: center; flex-shrink: 0; width:200px; margin-right: 15px; position: relative;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial .testimonial-thumb img{width: 156px; height:156px; border-radius: 100%; margin:0;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial .testimonial-thumb .thumb-overlay{ display: flex; align-items: center; justify-content: center; position: absolute;right:0; top:0; bottom:0; left:0;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial .testimonial-thumb .thumb-overlay img{width: auto; height:auto; border-radius: 100%;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial .testimonial-content{ padding:0px; flex-direction: column; display: flex; width: 100%; margin-bottom: 0px; position: relative;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial-content .testimonial-icon{font-size: 22px; color: var(--color1); margin-bottom: 10px;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial .description{font-size: 15px; font-style: italic;color: #8a8a8a; line-height: 23px; margin: 0;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial .title{display: block;font-size: 18px; max-width: none; text-align: left; font-weight: 400;color: var(--blackcolor); text-transform: capitalize; letter-spacing: 1px; margin: 15px 0 10px 0;} .detailwrapper .detailcontainer .testimonials-wrapper .testimonial .post{display: block; font-size: 14px; color: var(--color4);} .detailwrapper .detailcontainer .testimonials-wrapper .owl-theme .owl-controls{ margin-top: 20px;} .detailwrapper .detailcontainer .testimonials-wrapper .owl-carousel .owl-item{height: 100%; display: flex; width: 100%; padding:0 3px; align-items: center; justify-content: center;} .detailwrapper .detailcontainer .testimonials-wrapper .owl-carousel .owl-stage{display: flex; align-items: center;} .detailwrapper .detailcontainer .testimonials-wrapper .owl-dots {z-index: 1; position: absolute; bottom:-40px; left:0; right:0; display: flex; width: 100%; justify-content: center; align-items: center;} .detailwrapper .detailcontainer .testimonials-wrapper .owl-dots .owl-dot{opacity: 0.50; margin:5px; border-radius:10px; width: 15px; height:12px; box-shadow:0px 0px 0px 0px; background-color: var(--color2);} .detailwrapper .detailcontainer .testimonials-wrapper .owl-dots .owl-dot.active{opacity: 1; width: 36px; background-color: var(--color1);} .detailwrapper .detailcontainer .testimonials-wrapper .heading-title{display: flex; justify-content: center; color:var(--blackcolor); align-items: center; width: 100%; font-size: 31px; flex-direction: column; margin-bottom:50px;} .detailwrapper .detailcontainer .testimonials-wrapper .heading-title span{background-color:var(--color1); margin:10px auto 0; width: 50px; height:4px;} .detailwrapper .detailcontainer .coursemodule-section{display: flex; flex-direction: column; width: 100%;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container{display: flex; flex-direction: column; padding:30px 30px; width: 100%;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container h3{font-size: 31px; color:var(--blackcolor); justify-content: center; width: 100%; display: flex; font-family: var(--fontfamilybold); font-weight: normal; margin-bottom:40px;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner{display: flex; width: 100%; max-width: 1000px; flex-direction: column; margin:0 auto; align-items:flex-start;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .left-section{width: 100%; justify-content: center; align-items: flex-start; max-width:none; display: flex; margin-bottom: 40px;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .left-section ol{display: flex; flex-direction: row; width: 100%; justify-content: center;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .left-section ol li{display: flex; flex-direction: column; align-items: center; justify-content: center; margin:0 40px 0px;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .left-section ol li .value{display: flex; width: 75px; color: var(--color1); font-size: 20px; font-family: var(--fontfamilybold); height:75px; padding:0px; align-items: center; justify-content: center; border-radius:100%; background-color: rgba(72, 145, 152,0.04); border:1px dashed var(--color1);} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .left-section ol li .title{color:var(--blackcolor); font-size: 17px; font-family: var(--fontfamilybold); margin-top: 15px;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section{width: 100%; max-width:none; display: flex; margin-left:0px; padding:15px 15px 0; border: solid 1px #a3dce1; border-radius: 10px;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-wrapper{display: flex; flex-direction: column; width: 100%;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block{display: flex; flex-direction: column; width: 100%; margin-bottom:0px;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .module-title{color:var(--blackcolor); font-size:15px; margin-bottom:15px; padding: 8px 15px; justify-content: space-between; border-radius:5px; background-color: var(--color3); font-weight: normal; display: flex; align-items: center;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .module-title i{color:var(--color22); margin-left: 10px; transition: all 0.2s ease;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content{display: flex; padding:0 0 15px; display: none; width: 100%; flex-direction: column;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content.open{display: flex;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block.open .module-title{ box-shadow: 0 4px 12px 0 rgba(72, 145, 152, 0.14); color:var(--color22); background-color:var(--whitecolor);} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block.open .module-title i{transform: rotate(180deg);} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul{display: flex; width: 100%; padding:0 20px; margin:0; flex-direction: column;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li{display: flex; border: solid 1px #b2e0e4; width: 100%; margin:0; margin-top: 10px; justify-content: space-between; align-items: center;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li .chapter-name{display: flex; width: 75%;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li .chapter-image{width:60px; height:60px; margin-right: 15px; padding:0px; border-radius:5px; border:0px solid var(--color18);} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li .chapter-image img{height:auto; width: auto} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li .chapter-no-image{width: 60px; background-color:var(--color23); background-color: transparent; color: var(--color14); font-size:11px; text-align: center; margin-right: 15px; height:auto; padding: 0px; border-radius:0px; border:0px solid var(--color18);} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li:last-child{padding-bottom:0px;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li:first-child{margin-top: 0} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li a{display: flex; color:var(--color21); font-size:13px; align-items: center;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li a i{margin-right: 10px; font-size: 18px; color:var(--color2)} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content ul li a span{background-color:var(--color2); margin-left: 10px; font-size: 12px; color:var(--whitecolor); padding:2px 5px; border-radius:12px;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content div{display: flex; align-items: center; color: var(--color19); font-size:13px; margin-right: 10px;} .detailwrapper .detailcontainer .coursemodule-section .coursemodule-container .coursemodule-inner .right-section .accordian-block .accordian-content div i{margin-right: 10px;} .detailwrapper .detailcontainer .detailleft{display: flex; flex-direction: column;max-width: 350px; width: 100%;} .detailwrapper .detailcontainer .detailleft .detailleft-inner{display: flex; flex-direction: column; padding:30px 30px 30px; border:1px solid #aa33dd; box-shadow: 0 30px 50px 0 rgba(51,51,51,.08); border-radius:15px; width: 100%;} .detailwrapper .detailcontainer .detailleft .preview-block{border-radius:10px; min-height: 200px; width: 100%; background-color:var(--whitecolor); max-height:200px; display:flex; align-items: center; justify-content: center; border:1px solid var(--color18); position: relative; margin-top: -50px;} .detailwrapper .detailcontainer .detailleft .preview-block .bookmarked-symbol{position: absolute; display: none; right:15px; top:-6px; color: var(--color4); font-size: 28px;} .detailwrapper .detailcontainer .detailleft .preview-block img{border-radius:10px; height:auto; max-height: 198px; width: auto;} .detailwrapper .detailcontainer .detailleft .preview-block a{position: relative; align-items: center; justify-content: center; display: flex; flex-direction: column;} .detailwrapper .detailcontainer .detailleft .preview-block .overlay{position: absolute; border-radius:10px; align-items: center; justify-content: center; display: flex; flex-direction: column; top:0; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.6);} .detailwrapper .detailcontainer .detailleft .preview-block .overlay i{margin-bottom: 5px; color:var(--whitecolor); font-size:50px;} .detailwrapper .detailcontainer .detailleft .preview-block .overlay span{color:var(--whitecolor); font-size: 16px;} .detailwrapper .detailcontainer .detailleft .course-details{ display: flex; width: 100%; flex-direction: column; } .detailwrapper .detailcontainer .detailleft .course-details ol{ display: flex; width: 100%; flex-direction: column; } .detailwrapper .detailcontainer .detailleft .course-details ol li{ display: flex; border-bottom:1px solid var(--color18);padding:0; margin:0; padding-bottom: 10px; margin-top:25px; width: 100%; justify-content: space-between; align-items: center;} .detailwrapper .detailcontainer .detailleft .course-details ol li:first-child{text-align: center; color:var(--blackcolor); border-bottom:0px none; justify-content: center;} .detailwrapper .detailcontainer .detailleft .course-details ol li:first-child span:first-child{color:var(--color4); margin-left: 10px;} .detailwrapper .detailcontainer .detailleft .course-details ol li:last-child{border-bottom:0px none;} .detailwrapper .detailcontainer .detailleft .course-details ol li span:first-child{color:var(--blackcolor);} .detailwrapper .detailcontainer .detailleft .course-details ol li span:first-child i{margin-right: 10px; color:var(--blackcolor);} .detailwrapper .detailcontainer .detailleft .course-details ol li span{font-size:13px; color: var(--color1);} .detailwrapper .detailcontainer .detailleft .course-details ol li span i{font-style: normal; font-size:13px; color:var(--color1);} .detailwrapper .detailcontainer .detailleft .course-details ol li .price{color:var(--color2); font-size: 16px;} .detailwrapper .detailcontainer .detailleft .course-details ol li .price del{margin-right: 10px; color: var(--color19); font-size: 13px;} .detailwrapper .detailcontainer .detailleft .course-details ol li .price ins{color: var(--color2); font-size: 16px; text-decoration: none;} .detailwrapper .detailcontainer .detailleft .course-details ol li .price ins span{color: var(--color2); font-size: 16px;} .detailwrapper .detailcontainer .detailleft .actions{display: flex; flex-direction: column; align-items: center; margin-top: 15px; justify-content: center;} .detailwrapper .detailcontainer .detailleft .actions a{ background-color:var(--color1); font-size: 0.875rem; border:1px solid var(--color1); width: 100%; text-align: center; text-transform: uppercase; padding:10px 35px; color:var(--whitecolor); border-radius:35px; } .detailwrapper .detailcontainer .detailleft .actions a:first-child{margin-left: 0px;} .detailwrapper .detailcontainer .detailleft .actions a:first-child:hover{text-decoration: none!important;} .detailwrapper .detailcontainer .detailleft .actions a:last-child{margin-top:10px; font-size: 0.875rem; border:1px solid var(--color1); color:var(--color1); background-color: transparent;} .detailwrapper .detailcontainer .detailleft .actions a:last-child:hover{text-decoration: none!important;} .detailwrapper .detailcontainer .detailright {flex-direction: column; width: 100%; padding:0 40px;} .detailwrapper .detailcontainer .detailright .course-top{display: flex; width: 100%; flex-direction: column;} .detailwrapper .detailcontainer .course-info{display: flex; justify-content: space-between; width: 100%; align-items: flex-start;} .detailwrapper .detailcontainer .course-info .course-infoleft{display: flex; flex-direction: column; width: 75%;} .detailwrapper .detailcontainer .course-info .course-infoleft .info{display: flex; margin: 20px 0; flex-direction: column; width: 100%;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper{ display: flex; align-items: flex-start; width: 100%; flex-direction: column;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper span {margin-right: 10px; color: var(--color4); font-size: 16px;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper span:last-child {margin-right:0px;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper .tags-block{display: flex; align-items:center;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper .tags-block span{border-radius:4px; margin-left: 5px; background-color:var(--color3); color: var(--color1); font-family: var(--fontfamilybold); font-size: 13px; padding:3px 15px;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper .tags-block span a{font-family: var(--fontfamilybold); font-size: 13px; color: var(--color1);} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper .category-block{display: flex; align-items: center;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper .category-block span:first-child{margin-right:10px; color: var(--color4); font-size: 16px;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper .category-block span:last-child{color:var(--color4); font-size: 16px; margin-right: 0} .detailwrapper .detailcontainer .course-info .course-infoleft .info .category-wrapper .category-block span:last-child a{color:var(--color4); font-size: 16px;} .detailwrapper .detailcontainer .course-info .course-infoleft h4{color:var(--blackcolor); font-size:30px; font-weight: normal;} .detailwrapper .detailcontainer .course-info .course-infoleft .sku-code{display: flex; font-size:14px; display: none; color:var(--color14); margin-top: 5px;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .thumb-wrapper{display: flex; align-items: center; color:var(--color1); width: 100%; margin-bottom: 15px;} .detailwrapper .detailcontainer .course-info .course-infoleft .info .thumb{width:40px; display: flex; margin-right: 15px; align-items: center; justify-content: center; height:40px; border-radius:100%; box-shadow: 0 10px 15px 0 rgba(51,51,51,.1);} .detailwrapper .detailcontainer .course-info .course-infoleft .info .thumb img{width:100%; height:auto; border-radius:100%;} .detailwrapper .detailcontainer .course-info .course-inforight{display: flex; flex-direction: column; align-items: flex-end;} .detailwrapper .detailcontainer .course-info .course-inforight span{display: flex; color:var(--color1); font-size: 20px; align-items: center;} .detailwrapper .detailcontainer .course-info .course-inforight span p{display: flex; color:var(--color22); font-size: 20px; align-items: center;} .detailwrapper .detailcontainer .course-info .course-inforight span del{margin-right: 20px; display: flex; color:var(--color14); font-size:14px;} .detailwrapper .detailcontainer .course-info .course-inforight span del span{display: flex; color:var(--color14); font-size:14px;} .detailwrapper .detailcontainer .course-info .course-inforight span ins{text-decoration: none;} .detailwrapper .detailcontainer .course-info .course-inforight .tag{display: flex; font-size: 15px; justify-content: flex-end; align-items: center; margin-top: 15px;} .detailwrapper .detailcontainer .course-info .course-inforight .tag span{display: flex; font-size: 15px; color:var(--blackcolor);} .detailwrapper .detailcontainer .course-info .course-inforight .tag i{margin-right: 5px;} .detailwrapper .detailcontainer .course-meta{display: flex; width: 100%; margin:15px 0} .detailwrapper .detailcontainer .course-meta span {margin-left: 20px; color:var(--color19); display: flex; align-items: center;} .detailwrapper .detailcontainer .course-meta span:first-child {margin-left:0px; } .detailwrapper .detailcontainer .course-meta span i{margin-right:10px; color:var(--color14);} .detailwrapper .detailcontainer .course-desc{display: flex; flex-direction: column; width: 100%;} .detailwrapper .detailcontainer .course-desc h3{color:var(--blackcolor); font-size:16px; font-weight: bold; margin-bottom: 10px;} .detailwrapper .detailcontainer .course-desc p{line-height: 24px; color:var(--blackcolor);} .detailwrapper .detailcontainer .counter-block{display: flex; width: 100%; justify-content: flex-start; margin-top:20px;} .detailwrapper .detailcontainer .counter-block .counter-item{border:4px solid #ffcf4a; margin:0 5px; flex-direction: column; color:#fff; font-size:16px; display: flex; align-items: center; justify-content: center; width: 100px; height:100px; border-radius:100%;} .detailwrapper .detailcontainer .counter-block .counter-item div{color:#fff; font-size:26px; text-transform: uppercase;} .detailwrapper .detailcontainer .counter-block .counter-item span{color:#fff; font-size:13px; text-transform: uppercase;} .detailwrapper .detailcontainer .counter-block .counter-item:nth-child(2){border:4px solid #ff007a;} .detailwrapper .detailcontainer .counter-block .counter-item:nth-child(3){border:4px solid #00c1c1;} .detailwrapper .detailcontainer .counter-block .counter-item:nth-child(4){border:4px solid #8BC34A;} .detailwrapper .detailcontainer .course-detail-wrapper{display: flex; flex-direction: column; margin-top: 30px;} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block{ border:1px solid #a3dce1; margin-bottom: 15px; padding:15px; border-radius:5px; display: flex; width: 100%; flex-direction: column; } .detailwrapper .detailcontainer .course-detail-wrapper .learn-block h3{color:var(--blackcolor); font-size:16px; margin-bottom:15px; font-weight: bold; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block h2{color:var(--color1); font-size:15px; margin-bottom: 5px; font-weight: bold; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block span{color:var(--blackcolor); font-size:14px; margin-bottom:0px; font-weight: normal; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block ul{display: flex; width: 100%; flex-direction: column;} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block ul li{display: flex; width: 100%; flex-direction: column; color:var(--color19); margin:0; margin-bottom:15px;} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block2{ border:1px solid #a3dce1; margin-bottom: 15px; padding:15px; border-radius:5px; display: flex; width: 100%; flex-direction: column; } .detailwrapper .detailcontainer .course-detail-wrapper .learn-block2 h3{color:var(--blackcolor); font-size:16px; margin-bottom:15px; font-weight: bold; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block2 h2{color:var(--color1); font-size:15px; margin-bottom: 5px; font-weight: bold; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block2 span{color:var(--blackcolor); font-size:14px; margin-bottom:0px; font-weight: normal; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block2 ul{display: flex; width: 100%; flex-direction: column;} .detailwrapper .detailcontainer .course-detail-wrapper .learn-block2 ul li{display: list-item; list-style-position:inside; list-style-type: disc; width: 100%; color:var(--blackcolor); font-size:14px; flex-direction: column; margin:0; margin-bottom:15px;} .detailwrapper .detailcontainer .course-detail-wrapper .whatyouneed-block{ display: flex; width: 100%; margin-top: 30px; flex-direction: column;} .detailwrapper .detailcontainer .course-detail-wrapper .whatyouneed-block h3{color:var(--color22); font-size:18px; margin-bottom:15px; font-weight: normal; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .whatyouneed-block p{color:var(--color19); font-size:14px; margin-bottom:15px; font-weight: normal;} .detailwrapper .detailcontainer .course-detail-wrapper .desc-block{ display: flex; width: 100%; margin-top: 30px; flex-direction: column;} .detailwrapper .detailcontainer .course-detail-wrapper .desc-block h3{color:var(--color22); font-size:18px; margin-bottom:15px; font-weight: normal; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .desc-block p{color:var(--color19); font-size:14px; margin-bottom:15px; font-weight: normal;} .detailwrapper .detailcontainer .course-detail-wrapper .certificate-block{ border:1px solid #a3dce1; margin-bottom:0px; padding:15px; border-radius:5px; display: flex; width: 100%; margin-top: 30px; flex-direction: column;} .detailwrapper .detailcontainer .course-detail-wrapper .certificate-block h3{color:var(--blackcolor); font-size:16px; margin-bottom:15px; font-weight: bold; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .certificate-block p{color:var(--color19); font-size:14px; margin-bottom:15px; font-weight: normal;} .detailwrapper .detailcontainer .course-detail-wrapper .coursecontent-block{border:1px solid #a3dce1; padding:15px; border-radius:5px; display: flex; width: 100%; flex-direction: column;} .detailwrapper .detailcontainer .course-detail-wrapper .coursecontent-block h3{color:var(--blackcolor); font-size:16px; margin-bottom:25px; font-weight: bold; font-family: var(--defaultfont);} .detailwrapper .detailcontainer .course-detail-wrapper .coursecontent-block .accordian-wrapper{display: flex; flex-direction: column; width: 100%;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block{display: flex; flex-direction: column; width: 100%; margin-bottom:0px;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .module-title{color:var(--blackcolor); font-size:14px; margin-bottom:15px; padding: 8px 15px; border-radius:5px; background-color:var(--color3); font-weight: normal; display: flex; align-items: center;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .module-title i{color:var(--color22); margin-left: 10px; transition: all 0.2s ease;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content{display: flex; padding: 5px; display: none; width: 100%; flex-direction: column;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content.open{display: flex;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block.open .module-title{ box-shadow: 0 4px 12px 0 rgba(72, 145, 152, 0.14); color:var(--color22); background-color:var(--whitecolor);} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block.open .module-title i{transform: rotate(180deg);} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul{display: flex; width: 100%; padding:0 20px; margin:0; flex-direction: column;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li{display: flex; width: 100%; border-bottom:1px solid var(--color18); margin:0; padding-bottom: 10px; margin-top: 10px; justify-content: space-between; align-items: center;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li .chapter-name{display: flex; width: 75%;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li .chapter-image{width:60px; height:60px; margin-right: 15px; padding:3px; border-radius:5px; border:1px solid var(--color18);} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li .chapter-image img{height:100%;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li .chapter-no-image{width: 60px; background-color: var(--color23); color: var(--color14); font-size:11px; text-align: center; margin-right: 15px; height:auto; padding: 5px; border-radius:5px; border:1px solid var(--color18);} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li:last-child{padding-bottom: 10px; border:0px none;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li:first-child{margin-top: 0} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li a{display: flex; color:var(--color21); font-size:13px; align-items: center;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li a i{margin-right: 10px; font-size: 18px; color:var(--color2)} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content ul li a span{background-color:var(--color2); margin-left: 10px; font-size: 12px; color:var(--whitecolor); padding:2px 5px; border-radius:12px;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content div{display: flex; align-items: center; color: var(--color19); font-size:13px;} .detailwrapper .detailcontainer .course-detail-wrapper .accordian-block .accordian-content div i{margin-right: 10px;} #uc_css_animated_squares_background_bg_addon11763{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:100%; z-index: 0; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li{ position: absolute; display: block; list-style: none; width: 20px; height: 20px; background-color:#ffffff; opacity:0.2; animation: animate-bg-squares 25s linear infinite; bottom: -150px; border-radius:10px; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(1){ left: 25%; width: 80px; height: 80px; animation-delay: 0s; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(2){ left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(3){ left: 70%; width: 20px; height: 20px; animation-delay: 4s; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(4){ left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(5){ left: 65%; width: 20px; height: 20px; animation-delay: 0s; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(6){ left: 75%; width: 110px; height: 110px; animation-delay: 3s; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(7){ left: 35%; width: 150px; height: 150px; animation-delay: 7s; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(8){ left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(9){ left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } #uc_css_animated_squares_background_bg_addon11763 .uc-circles li:nth-child(10){ left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } @keyframes animate-bg-squares { 0%{ transform: translateY(0) rotate(0deg); } 100%{ transform: translateY(-2000px) rotate(720deg); } } /*Detail Page*/ .referralpagewrapper{display: flex; width: 100%; flex-direction: column;} .referralpagewrapper .referralpagecontainer{display: flex; width: 100%; flex-direction: column;} .referralpagewrapper .referralpagecontainer .landingbanner{display: flex; width: 100%; position: relative; background-position: center; background-image: url(../images/csk-conversationbg.jpg); width: 100%; height:650px; background-repeat: no-repeat; background-size:cover;} .referralpagewrapper .referralpagecontainer .landingbanner .left{position: relative; width: 40%; display: flex; flex-direction: column;} .referralpagewrapper .referralpagecontainer .landingbanner .left .voucherblock{display: flex; width: 100%;} .referralpagewrapper .referralpagecontainer .landingbanner .left .voucherblock .voucher{display: flex; margin-left: 15px; border:1px solid #fff; padding: 2px;} .referralpagewrapper .referralpagecontainer .landingbanner .left .voucherblock .voucher:first-child{margin-left: 0;} .referralpagewrapper .referralpagecontainer .landingbanner .right{position: relative; width: 50%; display: flex; flex-direction: column;} .referralpagewrapper .referralpagecontainer .landingbanner .overlaylock{background-color: rgba(0,0,0,0.7); justify-content:space-between; display: flex; align-items:center; position: absolute; right:20px; top:0; bottom:0; left:70px;} .referralpagewrapper .referralpagecontainer .landingbanner .left h2{font-family:PoppinsBold; color:var(--color15); font-size:40px; line-height: normal; } .referralpagewrapper .referralpagecontainer .landingbanner .left h1{font-family:PoppinsBold; letter-spacing:1px; margin-bottom:15px; color:#fff; font-size: 28px; line-height: 39px; } .referralpagewrapper .referralpagecontainer .landingbanner .left p{ letter-spacing: 0.9px; font-family:Poppins; color:#fff; font-size:15px; margin-top:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .landingbanner .btnblock{display: flex; align-items: center; justify-content: flex-start; margin-top: 20px;} .referralpagewrapper .referralpagecontainer .landingbanner .btnblock a i{width:40px; height: 40px; color: #ff0000; display: flex; align-items: center; justify-content: center; position: absolute; background-color: #fff; border-radius:100%; top:5px; right:-15px;} .referralpagewrapper .referralpagecontainer .landingbanner .btnblock a{border:1px solid var(--color15); position: relative; font-size: 20px; padding: 10px 35px; color:var(--blackcolor); border-radius:25px; background-color: var(--color15);} .referralpagewrapper .referralpagecontainer .landingbanner .right h2{font-family:Poppins; color:#fff; font-size:53px; line-height: normal; } .referralpagewrapper .referralpagecontainer .landingbanner .right h1{font-family:PoppinsBold; letter-spacing:1px; margin-bottom:15px; color:#fff; font-size: 36px; line-height: normal; } .referralpagewrapper .referralpagecontainer .landingbanner .right h1 span{font-family:PoppinsBold; color:#fff; font-size:26px; text-transform: uppercase; color:var(--color15);} .referralpagewrapper .referralpagecontainer .landingbanner .right p{ letter-spacing: 0.9px; font-family:Poppins; color:#fff; font-size:25px; margin-bottom:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .chooseusblock{display: flex; width: 100%; flex-direction: column; padding:50px;} .referralpagewrapper .referralpagecontainer .chooseusblock .headingtitle{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;} .referralpagewrapper .referralpagecontainer .chooseusblock .headingtitle .title {font-family:PoppinsBold; max-width: 800px; text-align: center; color:#333; font-size:26px; line-height: normal; } .referralpagewrapper .referralpagecontainer .chooseusblock .headingtitle span {background-color:var(--color15); height: 5px; width: 50px; margin:10px auto 20px;} .referralpagewrapper .referralpagecontainer .chooseusblock .headingtitle p {letter-spacing: 0.9px; font-family:Poppins; color:#999; font-size:16px; margin-bottom:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent{display: flex; width: 100%; margin-top: 20px;} .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent ol{display: flex; width: 100%; flex-wrap: wrap; justify-content: center;} .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent ol li{display: flex; transition: all 0.2s ease; border:1px solid #ddd; border-radius:15px; width: 250px; margin:0 10px 20px; padding:20px; align-items: center;} .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent ol li:hover{box-shadow: 0 0 15px #ddd; transform: scale(1.1);} .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent ol li .icon{width:70px; border:1px solid #ddd; display: flex; align-items: center; font-family:PoppinsBold; font-size: 22px; justify-content: center; height:70px; border-radius:100%; margin-right: 10px; flex-shrink: 0; color:#fff; background-color: var(--color15); border-radius:100%;} .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent ol li .icon img{width: 70px; height:70px; border-radius:100%;} .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent ol li .iconcontent{display: flex; flex-direction: column;} .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent ol li .iconcontent .title {font-family:PoppinsBold; color:#333; margin-bottom:0px; font-size:16px; line-height: normal; } .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent ol li .iconcontent p {letter-spacing: 0.9px; font-family:Poppins; color:#999; font-size:14px; margin-bottom:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .otherblock{display: flex; width: 100%; flex-direction: column; padding:50px 50px;} .referralpagewrapper .referralpagecontainer .otherblock .headingtitle{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;} .referralpagewrapper .referralpagecontainer .otherblock .headingtitle .title {font-family:PoppinsBold; color:#333; font-size:30px; line-height: normal; } .referralpagewrapper .referralpagecontainer .otherblock .headingtitle span {background-color:var(--color15); height: 5px; width: 50px; margin:10px auto 20px;} .referralpagewrapper .referralpagecontainer .otherblock .headingtitle p {letter-spacing: 0.9px; font-family:Poppins; color:#999; font-size:16px; margin-bottom:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .otherblock .otherblockcontent{display: flex; width: 100%; margin-top: 20px;} .referralpagewrapper .referralpagecontainer .otherblock .otherblockcontent ol{display: flex; width: 100%; flex-wrap: wrap; justify-content: center;} .referralpagewrapper .referralpagecontainer .otherblock .otherblockcontent ol li{display: flex; transition: all 0.2s ease; flex-direction: column; width:100%; max-width:350px; background-color: #fff; border:0px solid #ddd; padding:20px; margin:0 15px 25px;} .referralpagewrapper .referralpagecontainer .otherblock .otherblockcontent ol li:hover{box-shadow: 0 20px 81px 0 rgb(8 0 20 / 30%); transform: translate(-7px,-7px);} .referralpagewrapper .referralpagecontainer .otherblock .otherblockcontent ol li .icon{width:42px; display: flex; align-items: center; font-family:Poppins; font-size: 22px; justify-content: center; height:42px; border-radius:100%; margin-bottom: 10px; flex-shrink: 0; color:#fff; background-color: var(--color15); border-radius:100%;} .referralpagewrapper .referralpagecontainer .otherblock .otherblockcontent ol li .iconcontent{display: flex; flex-direction: column;} .referralpagewrapper .referralpagecontainer .otherblock .otherblockcontent ol li .iconcontent .title {font-family:Poppins; font-weight: bold; color:#333; font-size:20px; margin-bottom: 6px; line-height: normal; } .referralpagewrapper .referralpagecontainer .otherblock .otherblockcontent ol li .iconcontent p {letter-spacing: 0.9px; font-family:Poppins; color:#999; font-size:14px; margin-bottom:15px; line-height: normal; } .referralTermsDialog.open{display: flex;} .referralTermsDialog{position:fixed; top:0; left:0; right:0; bottom: 0; z-index: 22000005; background-color: rgba(0,0,0,0.6); display: flex; display: none; align-items: center; justify-content: center; width: 100%} .referralTermsDialog .referralTermContainer{max-width: 600px; width:100%; box-shadow: 0 1px 5px -1px rgb(0 0 0 / 80%); border-radius:5px; background-color: #fff; padding: 20px; position: relative;} .referralTermsDialog .referralTermContainer .close-link{position: absolute; top: 10px; right:10px; color:#333; font-size: 16px;} .referralTermsDialog .referralTermContainer .heading-title{display: flex; border-bottom: 1px solid #ddd; color:#333; margin-bottom: 15px; padding-bottom: 10px; font-size: 16px; font-weight: bold;} .referralTermsDialog .referralTermContainer ol{display: flex; width: 100%; flex-direction: column; margin:0; padding: 0;} .referralTermsDialog .referralTermContainer ol li{display: flex; width: 100%; margin:15px 0 0; padding: 0;} .referralTermsDialog .referralTermContainer ol li:first-child{margin-top: 0;} .referralTermsDialog .referralTermContainer ol li table{width: 100%; border-collapse: collapse; margin:0; padding:0;} .referralTermsDialog .referralTermContainer ol li table th{ font-size: 14px;} .referralTermsDialog .referralTermContainer ol li table td{ font-size: 14px;} .referralpagewrapper .referralpagecontainer .faqblock{display: flex; width: 100%; flex-direction: column; padding:50px 50px;} .referralpagewrapper .referralpagecontainer .faqblock .headingtitle{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;} .referralpagewrapper .referralpagecontainer .faqblock .headingtitle .title {font-family:PoppinsBold; color:#333; font-size:30px; line-height: normal; } .referralpagewrapper .referralpagecontainer .faqblock .headingtitle span {background-color:var(--color15); height: 5px; width: 50px; margin:10px auto 20px;} .referralpagewrapper .referralpagecontainer .faqblock .headingtitle p {letter-spacing: 0.9px; font-family:Poppins; color:#999; font-size:16px; margin-bottom:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent{display: flex; flex-direction: column; width: 100%;} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul{display: flex; width: 100%; flex-wrap: wrap; justify-content: center;} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li {border: 1px solid #ddd; border-radius: 5px; margin: 15px 0 0; padding: 15px; display: flex; flex-direction: column; width: 100%;} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li a.faq-link { cursor: pointer; color: var(--blackcolor);font-size: 16px; position: relative; font-family: var(--defaultfont);} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li a.faq-link:before, .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li a.faq-link:after { content: ''; position: absolute; right: 24px; top: 50%; height: 2px; width: 13px; background: var(--blackcolor); backface-visibility: hidden; transition: transform .2s;} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li a.faq-link:after {transform: rotate(-45deg); right: 0} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li a.faq-link:before {transform: rotate(45deg); right: 8px} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li.open a.faq-link:before {right: 0;} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li.open a.faq-link:after {right: 8px;} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li .faq-content {display: flex; flex-direction: column; width: 100%; padding: 0; height: 0; color: #999; visibility: hidden; opacity: 0;} .referralpagewrapper .referralpagecontainer .faqblock .faqblockcontent ul li .faq-content.open{padding:15px;height:auto;visibility:visible;opacity:1} .referralpagewrapper .referralpagecontainer .letsblock{display: flex; width: 100%; flex-direction: column; padding:50px 50px; background-color: #f5f6f6;} .referralpagewrapper .referralpagecontainer .letsblock .headingtitle{display: flex; flex-direction: column; justify-content: center; align-items:center; width: 100%;} .referralpagewrapper .referralpagecontainer .letsblock .headingtitle .title {font-family:PoppinsBold; color:#333; font-size:30px; line-height: normal; } .referralpagewrapper .referralpagecontainer .letsblock .headingtitle span {background-color:var(--color15); height: 5px; width: 50px; margin:10px 0 20px;} .referralpagewrapper .referralpagecontainer .letsblock .headingtitle p {letter-spacing: 0.9px; font-family:Poppins; color:#999; font-size:16px; margin-bottom:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent{display: flex; width: 100%; margin-top: 20px;} .referralpagewrapper .referralpagecontainer .letsblock .left{width: 100%; display: flex; flex-direction: column;} .referralpagewrapper .referralpagecontainer .letsblock .right{width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;} .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent ol{display: flex; width: 100%; flex-wrap: wrap; justify-content: center;} .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent ol li{display: flex; flex-direction: column; max-width: 350px; transition: all 0.2s ease; width:100%; background-color: #fff; border:0px solid #ddd; padding:20px; margin:0 15px 30px;} .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent ol li:hover{transform: scale(1.1);} .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent ol li .icon{width:100px; display: flex; align-items: center; font-family:Poppins; background-color:#f2f2f2; font-size: 20px; justify-content: center; height:100px; border-radius:100%; margin-bottom: 10px; flex-shrink: 0; color:var(--color15); border-radius:100%;} .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent ol li .iconcontent{display: flex; flex-direction: column;} .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent ol li .iconcontent .title {font-family:Poppins; font-weight: bold; color:#333; font-size:16px; margin-bottom: 6px; line-height: normal; } .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent ol li .iconcontent .title span{color:var(--color15)} .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent ol li .iconcontent p {letter-spacing: 0.9px; font-family:Poppins; color:#999; font-size:14px; margin-bottom:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .randomblock{display: flex; width: 100%; flex-direction: column; padding:0px;} .referralpagewrapper .referralpagecontainer .randomblock .headingtitle{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;} .referralpagewrapper .referralpagecontainer .randomblock .headingtitle .title {font-family:PoppinsBold; color:#333; font-size:40px; line-height: normal; } .referralpagewrapper .referralpagecontainer .randomblock .headingtitle span {background-color:var(--color15); height: 5px; width: 50px; margin:10px auto 20px;} .referralpagewrapper .referralpagecontainer .randomblock .headingtitle p {letter-spacing: 0.9px; font-family:Poppins; color:#999; font-size:16px; margin-bottom:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .randomblock .randomcontent{display: flex; width: 100%; margin-top: 20px;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol{display: flex; width: 100%;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li{display: flex; position: relative; align-items: center; justify-content: center; margin:0; border:0px solid #ddd; height: 200px; padding:20px; width: 33.333%} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li:nth-child(1){background-image: url(../images/webinarpagebg.jpg); background-repeat: no-repeat; background-size: cover;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li:nth-child(2){background-image: url(../images/neo-banner.jpg); background-repeat: no-repeat; background-size: cover;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li:nth-child(3){background-image: url(../images/studentcommunity-bg.jpg); background-repeat: no-repeat; background-size: cover;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li:nth-child(1):before{background-color: rgba(255,235,125,0.9); content: ''; position:absolute; top:0; right:0; bottom:0; left:0;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li:nth-child(2):before{background-color: rgba(30,178,187,0.9); content: ''; position:absolute; top:0; right:0; bottom:0; left:0;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li:nth-child(3):before{background-color: rgba(60,57,80,0.9); content: ''; position:absolute; top:0; right:0; bottom:0; left:0;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li .icon{width:100px; height:100px; border-radius:100%; margin-bottom: 15px; flex-shrink: 0; color:#fff; background-color: var(--color15); border-radius:100%;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li .iconcontent{display: flex; flex-direction: column; justify-content: center; align-items: center;} .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li .iconcontent .title {font-family:PoppinsBold; color:#fff; font-size:25px; margin-bottom: 15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .randomblock .randomcontent ol li .iconcontent p {letter-spacing: 0.9px; text-align: center; font-family:Poppins; color:#fff; font-size:14px; margin-bottom:15px; line-height: normal; } .referralpagewrapper .referralpagecontainer .randomblock .randomcontent .allcontent{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;} .referralpagewrapper .referralpagecontainer .referralblock{display: flex; width: 100%; flex-direction: column; position: relative; background-image:url(../images/referralbg.jpg); background-repeat: no-repeat; background-size: cover; } .referralpagewrapper .referralpagecontainer .referralblock .referralcontent {background-color:rgba(253,188,75,0.8); padding:50px; } .referralpagewrapper .referralpagecontainer .referralblock .headingtitle{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;} .referralpagewrapper .referralpagecontainer .referralblock .headingtitle .title {font-family:PoppinsBold; color:var(--blackcolor); font-size:40px; line-height: normal; } .referralpagewrapper .referralpagecontainer .referralblock .headingtitle span {background-color:var(--blackcolor); height: 5px; width: 50px; margin:10px auto 20px;} .referralpagewrapper .referralpagecontainer .referralblock .headingtitle p {letter-spacing: 0.9px; font-family:Poppins; color:var(--blackcolor); font-size:16px; margin:15px 0; line-height: normal; } .referralpagewrapper .referralpagecontainer .referralblock .headingtitle i{font-family:Poppins; color:var(--blackcolor); font-size:14px; margin:15px 0; line-height: normal;} .referralpagewrapper .referralpagecontainer .referralblock .headingtitle i a{text-decoration: underline; color: var(--blackcolor);} .referralpagewrapper .referralpagecontainer .referralblock .btnblock{display: flex; align-items: center; justify-content: center; margin-top: 20px;} .referralpagewrapper .referralpagecontainer .referralblock .btnblock a{border:1px solid var(--blackcolor); font-size: 20px; padding: 10px 35px; color:var(--whitecolor); border-radius:25px; background-color: var(--blackcolor); color:var(--whitecolor);} .isdisabled{pointer-events: none; opacity: 0.5;} /*Blog Page*/ .page-template-blog-php .header-strip-wrapper{display: none;} .blogpage-banner{display: flex; width: 100%; margin:109px 0 0px; display: none; flex-direction: row; justify-content: center; align-items:center; padding: 40px; background-image: linear-gradient(to left, var(--color4), var(--color1)); object-fit: contain;} .blogpage-banner h3{color:var(--whitecolor); font-size:30px;display: flex; margin:0; flex-direction: column; font-weight: normal; margin-bottom:0px; font-family:var(--defaultfont);} .blogpage-banner h3 i{font-size: 16px; margin-top: 5px;} .blogpage-banner div{display: flex; justify-content: center; align-items: center;} .blogpage-banner img{max-width: 50%;} .blogpage-category-wrapper{display: flex; width: 100%; background-color:var(--color3); background-color:transparent; padding: 40px; margin:75px 0 30px;} .blogpage-category-wrapper .blogpage-category-container{display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin: 0 auto;} .blogpage-category-wrapper .blogpage-category-container h3 {color:var(--blackcolor); font-size:18px; margin:0; font-weight: normal; margin-bottom:15px; font-family:var(--fontfamilybold);} .blogpage-category-wrapper .blogpage-category-container select{border:1px solid #a3dce1; min-width: 150px; max-width: 150px; margin-left: 25px; font-family:var(--defaultfont); color:var(--color1); font-size: 14px; background-color: var(--whitecolor); padding: 5px 10px; border-radius:5px;} .blogpage-category-wrapper .blogpage-category-container select:first-child{margin-left: 0} .blogpage-category-wrapper .blogpage-category-container .category-wrapper{display: flex; align-items: center;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category a{ margin-left: 25px; text-decoration: none;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category a:first-child{margin-left:0px;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category a:hover{text-decoration: none;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd{display: flex; flex-direction: row; margin-left:0px;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd .category-link{margin-left: 25px;text-transform: capitalize; display: flex; position: relative;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd .category-link .subcategory{max-width:200px; min-width: 200px; z-index: 220000; position: absolute; opacity: 0; visibility: hidden; width: 100%; top:100%; background-color: var(--whitecolor); border-radius:5px; padding:10px; border:1px solid #a3dce1; display: flex; flex-direction: column;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd .category-link:first-child{margin-left: 0} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd span{font-family:var(--defaultfont); display: flex; align-items: center; position: relative; color:var(--color1); font-size: 14px;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd .category-link:hover .subcategory{opacity: 1; visibility: visible;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd span i{width: 15px; height: 11px; margin-left:5px; background-size: 100%; background-image:url(../images/down-arrow.png); background-repeat: no-repeat;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd ul{display: flex; flex-direction: column;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd ul li{display: flex; width: 100%; margin:0px 0; border-bottom: 1px solid var(--color18); padding:0 0 0px;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd ul li:last-child{border-bottom:0px none;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd ul li a{display: flex; font-size: 14px; text-decoration: none; width: 100%; padding:8px; color:var(--color1); margin-left: 0} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd ul li a:hover{display: flex; font-size: 14px; background-color: var(--color3); color: var(--blackcolor);} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .no-content-msg{ margin-left: 25px; } .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory a{ margin-left: 10px; text-decoration: underline;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory a:hover{text-decoration: none;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .subcategory-dd{display: flex; flex-direction: column; position: relative; margin-left:25px;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .subcategory-dd span{border:1px solid #a3dce1; min-width: 200px; position: relative; max-width: 200px; font-family:var(--defaultfont); color:var(--color1); font-size: 14px; background-color:var(--whitecolor); padding: 5px 10px; border-radius:5px;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .subcategory-dd:hover ul{opacity: 1; visibility: visible;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .subcategory-dd span i{position: absolute; right:10px; top:10px; width: 15px; height: 15px; background-size: 100%; background-image:url(../images/down-arrow.png); background-repeat: no-repeat;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .subcategory-dd ul{z-index: 220000; position: absolute; opacity: 0; visibility: hidden; width: 100%; top:100%; background-color:var(--whitecolor); border-radius:5px; padding:10px; border:1px solid #a3dce1; display: flex; flex-direction: column;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .subcategory-dd ul li{display: flex; width: 100%; margin:0px 0; border-bottom: 1px solid var(--color18); padding:0 0 0px;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .subcategory-dd ul li:last-child{border-bottom:0px none;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .subcategory-dd ul li a{display: flex; font-size: 14px; text-decoration: none; width: 100%; padding:8px; color:var(--color1); margin-left: 0} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .subcategory-dd ul li a:hover{display: flex; font-size: 14px; background-color: var(--color3); color: var(--blackcolor);} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .subcategory .no-content-msg{ margin-left: 25px; } .blogpage-wrapper{display: flex; width: 100%; flex-direction: column;} .blogpage-wrapper .blogpage-container{display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin:0 auto;} .blogpage-wrapper .blogpage-container .trending-block{display: flex; flex-direction: column; margin-bottom: 60px;} .blogpage-wrapper .blogpage-container .trending-block h3{color:var(--blackcolor); font-size:18px; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--fontfamilybold);} .blogpage-wrapper .blogpage-container .trending-block .trending-content{display: flex; width: 100%;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol{display: flex; width: 100%; flex-wrap: wrap;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li{display: flex; width: 100%; max-width: 20%; max-width: 300px; margin:0 12px 15px 0; padding:0;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li:first-child{max-width: 25%; max-width: 300px;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li a{display: flex; width: 100%; position: relative;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li .thumb-content{display: flex; flex-direction: column; border-radius:20px; background-color: rgba(0,0,0,0.8); position: absolute; display: flex; top:0px; right:0; left:0; bottom:0;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li .articles-thumb{display: flex; width: 100%; border-radius:20px;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li .articles-thumb img{display: flex; width: 100%; border-radius:20px;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li .thumb-content div{position: absolute; bottom:25px; left:25px;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li .thumb-content h3{color:var(--whitecolor); font-size:16px; margin:0; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li .thumb-content p{color:var(--whitecolor); font-size:13px; margin:0; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper{display: flex; width: 100%; flex-wrap: wrap;} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper .item{display: flex; width: 100%; max-width: 20%; max-width: 300px; margin:0 12px 15px 0; padding:0;} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper .item:first-child{max-width: 25%; max-width: 300px;} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper .item a{display: flex; width: 100%; position: relative;} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper .item .thumb-content{display: flex; flex-direction: column; border-radius:20px; background-color: rgba(0,0,0,0.8); position: absolute; display: flex; top:0px; right:0; left:0; bottom:0;} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper .item .articles-thumb{display: flex; width: 100%; border-radius:20px;} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper .item .articles-thumb img{display: flex; width: 100%; border-radius:20px;} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper .item .thumb-content div{position: absolute; bottom:25px; left:25px;} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper .item .thumb-content h3{color:var(--whitecolor); font-size:16px; margin:0; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .trending-block .trending-content .itemwrapper .item .thumb-content p{color:var(--whitecolor); font-size:13px; margin:0; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .trending-block .owl-carousel .owl-item{height: 100%; display: flex; align-items: center; justify-content: center;} .blogpage-wrapper .blogpage-container .trending-block .owl-carousel .owl-stage{display: flex; align-items: flex-start;} .blogpage-wrapper .blogpage-container .trending-block .owl-carousel .owl-dots {z-index: 1; position: static; margin-top: 15px; bottom:15px; left:0; right:0; display: flex; width: 100%; justify-content: center; align-items: center;} .blogpage-wrapper .blogpage-container .trending-block .owl-dots .owl-dot{opacity: 0.50; margin:5px; border-radius:10px; width: 15px; height:12px; box-shadow:0px 0px 0px 0px; background-color: var(--color2);} .blogpage-wrapper .blogpage-container .trending-block .owl-dots .owl-dot.active{opacity: 1; width: 36px; background-color: var(--color1);} .blogpage-wrapper .blogpage-container .trending-block .owl-prev {width:50px; height: 50px; position: absolute; top: 50%; margin-top:-25px; background-color: #fff; display: flex; align-items: center; justify-content: center; margin-left: -20px; box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08); font-size:50px; border:0px solid black;} .blogpage-wrapper .blogpage-container .trending-block .owl-next { width: 50px; height: 50px; position: absolute; top: 50%; margin-top:-25px; background-color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08); right: -25px; font-size:50px; border:0px solid black;} .blogpage-wrapper .blogpage-container .trending-block .owl-prev span{margin-top:-15px;} .blogpage-wrapper .blogpage-container .trending-block .owl-next span{margin-top:-15px;} .blogpage-wrapper .blogpage-container .trending-block .owl-next:focus{outline:0px none; text-decoration: unset;} .blogpage-wrapper .blogpage-container .trending-block .owl-prev:focus{outline:0px none; text-decoration: unset;} .blogpage-wrapper .blogpage-container .trending-block .owl-next.disabled{opacity: 0; pointer-events: none; cursor: default;} .blogpage-wrapper .blogpage-container .trending-block .owl-prev.disabled{opacity: 0; pointer-events: none; cursor: default;} .blogpage-wrapper .blogpage-container .trending-block .owl-carousel .owl-stage-outer{z-index: 0} .blogpage-wrapper .blogpage-container .latest-block{display: flex; flex-direction: column; margin-bottom: 60px;} .blogpage-wrapper .blogpage-container .latest-block h3{color:var(--blackcolor); font-size:18px; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--fontfamilybold);} .blogpage-wrapper .blogpage-container .latest-block .latest-content{display: flex; width: 100%;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol{display: flex; width: 100%; flex-wrap: wrap;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li{display: flex; width: 100%; box-shadow: 0 8px 22px 0 rgba(72, 145, 152, 0.1); border-radius:20px; border: solid 1px var(--color3); max-width:350px; margin:0 12px 24px 0; padding:0;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li a{display: flex; width: 100%; flex-direction: column; position: relative;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li .latest-thumb{min-height: 210px; max-height: 210px; display: flex; width: 100%;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li .latest-thumb img{ border-radius:20px 20px 0 0;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li .thumb-content{display: flex; flex-direction: column; padding:20px;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li .thumb-content h3{color:var(--color1); font-size:16px; margin:0 0 10px; font-weight: normal; font-family:var(--fontfamilysemibold);} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li .thumb-content h3 span{color:var(--color7); font-size:13px; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li .thumb-content p{color:var(--blackcolor); font-size:13px; margin:0; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .latest-block .latest-content .itemwrapper{display: flex; width: 100%; flex-wrap: wrap;} .blogpage-wrapper .blogpage-container .latest-block .latest-content .itemwrapper .item{display: flex; width: 100%; box-shadow: 0 8px 22px 0 rgba(72, 145, 152, 0.1); border-radius:20px; border: solid 1px var(--color3); max-width:350px; margin:0 12px 24px 0; padding:0;} .blogpage-wrapper .blogpage-container .latest-block .latest-content .itemwrapper .item a{display: flex; width: 100%; flex-direction: column; position: relative;} .blogpage-wrapper .blogpage-container .latest-block .latest-content .itemwrapper .item .latest-thumb{min-height: 210px; max-height: 210px; display: flex; width: 100%;} .blogpage-wrapper .blogpage-container .latest-block .latest-content .itemwrapper .item .latest-thumb img{ border-radius:20px 20px 0 0;} .blogpage-wrapper .blogpage-container .latest-block .latest-content .itemwrapper .item .thumb-content{display: flex; flex-direction: column; padding:20px;} .blogpage-wrapper .blogpage-container .latest-block .latest-content .itemwrapper .item .thumb-content h3{color:var(--color1); font-size:16px; margin:0 0 10px; font-weight: normal; font-family:var(--fontfamilysemibold);} .blogpage-wrapper .blogpage-container .latest-block .latest-content .itemwrapper .item .thumb-content h3 span{color:var(--color7); font-size:13px; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .latest-block .latest-content .itemwrapper .item .thumb-content p{color:var(--blackcolor); font-size:13px; margin:0; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .latest-block .owl-carousel .owl-item{height: 100%; display: flex; align-items: center; justify-content: center;} .blogpage-wrapper .blogpage-container .latest-block .owl-carousel .owl-stage{display: flex; align-items: flex-start;} .blogpage-wrapper .blogpage-container .latest-block .owl-carousel .owl-dots {z-index: 1; position: static; margin-top: 15px; bottom:15px; left:0; right:0; display: flex; width: 100%; justify-content: center; align-items: center;} .blogpage-wrapper .blogpage-container .latest-block .owl-dots .owl-dot{opacity: 0.50; margin:5px; border-radius:10px; width: 15px; height:12px; box-shadow:0px 0px 0px 0px; background-color: var(--color2);} .blogpage-wrapper .blogpage-container .latest-block .owl-dots .owl-dot.active{opacity: 1; width: 36px; background-color: var(--color1);} .blogpage-wrapper .blogpage-container .latest-block .owl-prev {width:50px; outline:0px none; height: 50px; position: absolute; top: 50%; margin-top:-25px; background-color: #fff; display: flex; align-items: center; justify-content: center; margin-left: -20px; box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08); font-size:50px; border:0px solid black;} .blogpage-wrapper .blogpage-container .latest-block .owl-next { width: 50px; outline:0px none; height: 50px; position: absolute; top: 50%; margin-top:-25px; background-color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08); right: -25px; font-size:50px; border:0px solid black;} .blogpage-wrapper .blogpage-container .latest-block .owl-prev span{margin-top:-15px;} .blogpage-wrapper .blogpage-container .latest-block .owl-next span{margin-top:-15px;} .blogpage-wrapper .blogpage-container .latest-block .owl-prev:focus{outline:0px none; text-decoration: unset;} .blogpage-wrapper .blogpage-container .latest-block .owl-next:focus{outline:0px none; text-decoration: unset;} .blogpage-wrapper .blogpage-container .latest-block .owl-next.disabled{opacity: 0; pointer-events: none; cursor: default;} .blogpage-wrapper .blogpage-container .latest-block .owl-prev.disabled{opacity: 0; pointer-events: none; cursor: default;} .blogpage-wrapper .blogpage-container .explore-block{display: flex; flex-direction: column; margin-bottom: 60px;} .blogpage-wrapper .blogpage-container .explore-block h3{color:var(--blackcolor); font-size:18px; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--fontfamilybold);} .blogpage-wrapper .blogpage-container .explore-block .explore-content{display: flex; width: 100%;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol{display: flex; width: 100%; flex-wrap: wrap;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol li{display: flex; width: 100%; box-shadow: 0 8px 22px 0 rgba(72, 145, 152, 0.1); border-radius:15px; border: solid 1px var(--color1); max-width: 18%; margin:0 12px 15px 0; padding:0;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol li a{display: flex; width: 100%; align-items: center; position: relative; padding:30px 20px;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol li .explore-thumb{display: flex; background-color: var(--color3); flex-shrink: 0; margin-right: 15px; align-items: center; justify-content: center; width:75px; height:75px; border-radius:100%;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol li .explore-thumb img{border-radius:100%;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol li .explore-content{display: flex; flex-direction: column; padding:0px;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol li .explore-content h3{color:var(--blackcolor); font-size:16px; margin:0 0 0px; font-weight: normal; font-family:var(--fontfamilysemibold);} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol li a:after{background-image:url(../images/dot_down.svg); width: 15px; height:15px; background-repeat:no-repeat; content: ''; position: absolute; left:10px; bottom:5px;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol li a:before{background-image:url(../images/dot_top.svg); width: 30px; height:15px; background-repeat:no-repeat; content: ''; position: absolute; right:10px; top:5px;} .blogpage-wrapper .blogpage-container .examprep-block{display: flex; flex-direction: column; margin-bottom: 60px;} .blogpage-wrapper .blogpage-container .examprep-block h3{color:var(--blackcolor); font-size:18px; text-transform: capitalize; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--fontfamilybold);} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content{display: flex; width: 100%;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol{display: flex; width: 100%; flex-wrap: wrap;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li{display: flex; width: 100%; box-shadow: 0 8px 22px 0 rgba(72, 145, 152, 0.1); border-radius:20px; border: solid 1px var(--color3); max-width: 20%; margin:0 12px 24px 0; padding:0;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li a{display: flex; width: 100%; flex-direction: column; position: relative;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li .examprep-thumb{min-height: 210px; max-height: 210px; display: flex; width: 100%; background-color: var(--color3); border-radius:20px 20px 0 0;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li .examprep-thumb img{border-radius:20px 20px 0 0;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li .thumb-content{display: flex; flex-direction: column; padding:20px;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li .thumb-content h3{color:var(--color1); font-size:16px; margin:0 0 10px; font-weight: normal; font-family:var(--fontfamilysemibold);} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li .thumb-content h3 span{color:var(--color7); font-size:13px; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li .thumb-content p{color:var(--blackcolor); font-size:13px; margin:0; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .blogpage-promotion-block{ display: flex; flex-direction: column; width: 100%; align-items: center; margin: 0 0 50px; background-color:var(--color3); padding:40px ;} .blogpage-wrapper .blogpage-container .blogpage-promotion-block h3{color: var(--color1); font-size: 31px; font-weight: normal; margin: 0 0 40px; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .blogpage-promotion-block .promotion-content{display: flex; width: 100%; align-items: center;} .blogpage-wrapper .blogpage-container .blogpage-promotion-block .promotion-content .text-content{display: flex; flex-direction: column; margin-left:0; width: 70%;} .blogpage-wrapper .blogpage-container .blogpage-promotion-block .promotion-content .text-content p{color:var(--blackcolor); text-transform: none; font-style: italic; font-size:18px; width:100%; margin:0 0 15px; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .blogpage-promotion-block .promotion-content .text-content p:last-child{margin-bottom: 0} .blogpage-wrapper .blogpage-container .blogpage-promotion-block .promotion-content .banner-image{margin-left: 20px; width: 30%;} .blogpage-wrapper .blogpage-container .blogpage-promotion-block .promotion-content .banner-image img{max-width: 100%;} .blogdetail-wrapper{display: flex; width: 100%; flex-direction: column; padding:30px 0 30px; background-color: #050505;} .blogdetail-wrapper .back-link{display: flex; align-items: center; margin: 15px auto; width: 100%; max-width: 1280px;} .blogdetail-wrapper .back-link a{display: flex; align-items: center; font-size: 14px; text-decoration: underline; width: 100%; padding:0px; color:var(--color1);} .blogdetail-wrapper .back-link a span{margin:5px 5px 0; width: 15px; height: 15px; background-size: 100%; background-image:url(../images/left-arrow.png); background-repeat: no-repeat;} .blogdetail-wrapper .social-block {display: flex; width: 100%; align-items: center; margin:15px 0 0; display: none;} .blogdetail-wrapper .social-block a{display: flex; align-items: center; font-size: 14px; color: var(--color1); font-family:var(--defaultfont);} .blogdetail-wrapper .social-block div{font-family:var(--defaultfont); font-size: 14px; font-weight: bold; color: var(--color1); display: flex; align-items: center; border-left:1px solid var(--color18); margin-left: 25px; padding-left: 15px;} .blogdetail-wrapper .social-block a:first-child{margin-left: 0; padding-left: 0; border-left:0px none;} .blogdetail-wrapper .social-block div:first-child{margin-left: 0; padding-left: 0; border-left:0px none;} .blogdetail-wrapper .social-block div i{margin-right: 10px;} .blogdetail-wrapper .social-block div{position: relative;} .blogdetail-wrapper .social-block .share-icons-wrapper{display: flex; margin:0; padding:0; border:0px none; position: absolute; left:100%; visibility: hidden; width: 120px; opacity: 0; transition: opacity 0.3s;} .blogdetail-wrapper .social-block .share-icons-wrapper .share-icons-container{padding:4px 10px;transition: opacity 0.3s; color: var(--whitecolor); background-color: #555; border-radius:5px;} .blogdetail-wrapper .social-block .share-icons-wrapper .share-icons-container::after {content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #555 transparent transparent;} .blogdetail-wrapper .social-block .share-icons-wrapper .share-icons-container a{color:var(--whitecolor); margin-left: 10px; border:1px solid var(--whitecolor); width: 30px; height: 30px; border-radius:100%; display: flex; align-items: center; justify-content: center;} .blogdetail-wrapper .social-block .share-icons-wrapper .share-icons-container a:first-child{margin-left: 0} .blogdetail-wrapper .social-block .share-icons-wrapper .share-icons-container a i{margin-right: 0} .blogdetail-wrapper .social-block div:hover .share-icons-wrapper{visibility: visible; opacity: 1;} .blogdetail-wrapper .shortcode-block{margin-top: 15px;} .blogdetail-wrapper .blogdetail-banner{display: flex; width: 100%; display:none; order:2; justify-content: center; max-width: 400px; margin: 0 auto; margin-left: 30px; } .blogdetail-wrapper .blogdetail-banner.sticky {background-color: var(--whitecolor); position: -webkit-sticky; position: sticky; top: 110px; z-index: 220005;} .blogdetail-wrapper .blogdetail-main{display: flex; max-width: 1280px; margin:0 auto; width: 100%; align-items: flex-start;} .blogdetail-wrapper .blogdetail-container{display: flex; order:1; width: 100%; margin:0 auto; flex-direction:column; max-width: 1280px;} .blogdetail-wrapper .blogdetail-container .videoplayerblock{display: flex; border: solid 1px #e0e0e0; width: 100%; margin-bottom: 20px;} .blogdetail-wrapper .blogdetail-container .videoplayerblock video{display: flex; width: 100%!important; height:480px!important;} .blogdetail-wrapper .blogdetail-container .entry-header {margin:0; padding:0; max-width: none;} .blogdetail-wrapper .blogdetail-container .section-inner.medium{max-width: none; width: 100%;} .blogdetail-wrapper .blogdetail-container .entry-title{color:var(--color15); font-size:30px; text-align: left ;margin:0 0 10px; font-weight: normal; font-family:var(--fontfamilybold);} .blogdetail-wrapper .blogdetail-container p{color:var(--whitecolor); font-size:13px; letter-spacing: normal; margin:0; text-align: left; line-height: 25px; font-weight: normal; font-family:var(--defaultfont);} .blogdetail-wrapper .blogdetail-container .subtitle{font-size: 13px; text-transform: uppercase;} .blogdetail-wrapper .blogdetail-container .intro-text{color:var(--whitecolor); font-size:14px; letter-spacing: normal; margin:0; text-align: left; line-height: 25px; font-weight: normal; font-family:var(--defaultfont);} .blogdetail-wrapper .blogdetail-container .date-time{color:var(--color7); font-size:15px; letter-spacing: normal; margin:0; text-align: left; line-height: 25px; font-weight: normal; font-family:var(--defaultfont);} .blogdetail-wrapper .blogdetail-container article{border: solid 0px #e0e0e0; display: flex; flex-direction: column; border-radius:10px; padding:20px; margin-top:0px;} .blogdetail-wrapper .blogdetail-container article .entery-content{display: block; font-size: 21px; color:var(--whitecolor); max-width: calc(100% - 40px);} .blogdetail-wrapper .blogdetail-container article .entery-content p{font-size: 21px; line-height:1.5; margin:1.5em 0 0;} .blogdetail-wrapper .blogdetail-container article .entery-content img{max-width: 100%;} .blogdetail-wrapper .blogdetail-container article .entery-content .alignleft{max-width: 260px; margin:0px 25px 25px 0; float:left;} .blogdetail-wrapper .blogdetail-container article .entery-content .alignright{max-width: 260px; margin:0px 25px 25px 25px; float:right;} .blogdetail-wrapper .blogdetail-container article blockquote{border-color:var(--color1); margin:15px 0; padding:0 15px;} .blogdetail-wrapper .blogdetail-container .featured-media{display: none;} .blogdetail-wrapper .blogdetail-container figure{margin:15px 0 0!important;} .blogdetail-wrapper .blogdetail-container figcaption{color:var(--blackcolor); font-size:13px; letter-spacing: normal; margin:10px 0; text-align: left; line-height: 25px; font-weight: normal; font-family:var(--defaultfont);} .blogdetail-wrapper .blogdetail-container .pagination-single{margin:15px 0; width: 100%;} .blogdetail-wrapper .blogdetail-container .pagination-single hr{margin:0; display: none;} .blogdetail-wrapper .blogdetail-container .pagination-single a{letter-spacing: normal; text-decoration: none; font-size:14px; font-weight: normal; display: flex; align-items: center;} .blogdetail-wrapper .blogdetail-container .pagination-single a:hover .title{text-decoration: none;} .blogdetail-wrapper .blogdetail-container .pagination-single-inner .title{font-size: 16px; text-align: left;} .blogdetail-wrapper .blogdetail-container .pagination-single-inner .arrow{margin:0 15px 0;} .blogdetail-wrapper .blogdetail-container .comments-wrapper {display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; width: 100%; margin:0; padding:0;} .blogdetail-wrapper .blogdetail-container .comments-wrapper hr{display: none;} .blogdetail-wrapper .blogdetail-container .comments-wrapper article{padding:10px; margin-top: 15px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments{width: 100%;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment .comment{padding: 0} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comments-header{padding: 0; margin-top: 15px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comments-inner .comment {padding: 0} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment .comment:first-of-type{margin-top: 0; padding:0;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-content{padding: 10px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comments-header + div{max-width: none;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-meta{font-size:14px; background-color: #f8f8f8; font-family:var(--defaultfont); margin:0; padding:15px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-meta .comment-metadata{font-size:14px; background-color: #f8f8f8; font-family:var(--defaultfont); margin:0; padding:0px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-footer-meta{font-size:14px; background-color: var(--color3); background-color: transparent; font-family:var(--defaultfont); margin:0; padding:0px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-footer-meta .comment-reply{font-size:14px; font-family:var(--defaultfont); margin:0; padding:0px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-meta a{font-size:14px; font-family:var(--defaultfont); margin:0; padding:0;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-meta img{position: static; max-width: 48px; max-height: 48px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-author{font-size:14px; font-weight: normal; font-family:var(--defaultfont); margin:0 15px 0 0; padding:0;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-author span{display: flex; margin-top: 5px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-footer-meta .comment-reply{display: flex; margin:0; margin-right: 5px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comments .comment-footer-meta .by-post-author{display: flex; margin:0; font-size: 11px; font-weight: normal;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comment-respond{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; width: 100%; margin:120px 0 0; padding:0;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comment-respond small a{font-size: 14px; letter-spacing: normal; font-weight: normal;} .blogdetail-wrapper .blogdetail-container .comments-wrapper form{display: flex; max-width: none; align-items: flex-start; justify-content: flex-start; flex-direction: column; width: 100%; margin:0; padding:0;} .blogdetail-wrapper .blogdetail-container .comments-wrapper h2{color:#999; text-align: left; font-size:18px; text-transform: capitalize; margin:0; font-weight: normal; margin-bottom:15px; font-family:var(--fontfamilybold);} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comment-form-comment label{color:#999; text-align: left; font-size:18px; text-transform: capitalize; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--fontfamilybold);} .blogdetail-wrapper .blogdetail-container .comments-wrapper label{font-size: 14px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comment-form-cookies-consent{display: flex; align-items: center; padding-bottom: 15px;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comment-form-cookies-consent label{margin:0;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comment-form-cookies-consent input{margin:0 10px 0 0;} .blogdetail-wrapper .blogdetail-container .comments-wrapper textarea{color:var(--whitecolor); text-align: left; max-height: 50px; border:1px solid var(--whitecolor); resize: none; font-size:14px; background-color: transparent; padding:10px; text-transform: capitalize; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--defaultfont);} .blogdetail-wrapper .blogdetail-container .comments-wrapper input[type="text"]{color:var(--blackcolor); text-align: left; max-height: 50px; border:1px solid var(--color18); background-color: transparent; resize: none; font-size:14px; padding:10px; text-transform: capitalize; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--defaultfont);} .blogdetail-wrapper .blogdetail-container .comments-wrapper input[type="email"]{color:var(--blackcolor); text-align: left; max-height: 50px; border:1px solid var(--color18); resize: none; background-color: transparent; font-size:14px; padding:10px; text-transform: capitalize; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--defaultfont);} .blogdetail-wrapper .blogdetail-container .comments-wrapper input[type="url"]{color:var(--blackcolor); text-align: left; max-height: 50px; border:1px solid var(--color18); resize: none; background-color: transparent; font-size:14px; padding:10px; text-transform: capitalize; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--defaultfont);} .blogdetail-wrapper .blogdetail-container .comments-wrapper textarea:focus{outline: 0px none;} .blogdetail-wrapper .blogdetail-container .comments-wrapper .comment-respond p:not(.comment-notes){max-width: none; width: 100%; margin:0;} .blogdetail-wrapper .similar-block{display: flex; flex-direction: column; width: 100%; margin: 60px auto; padding:0 20px; max-width: 1280px; } .blogdetail-wrapper .similar-block h3{color:var(--whitecolor); font-size:18px; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--fontfamilybold);} .blogdetail-wrapper .similar-block .similar-content{display: flex; width: 100%;} .blogdetail-wrapper .similar-block .similar-content ol{display: flex; width: 100%; flex-wrap: wrap;} .blogdetail-wrapper .similar-block .similar-content ol li{display: flex; width: 100%; box-shadow: 0 8px 22px 0 rgba(72, 145, 152, 0.1); border-radius:20px; border: solid 1px var(--color3); max-width: 254px; margin:0 12px 24px; padding:0;} .blogdetail-wrapper .similar-block .similar-content ol li a{display: flex; width: 100%; flex-direction: column; position: relative;} .blogdetail-wrapper .similar-block .similar-content ol li .similar-thumb{min-height: 210px; max-height: 210px; display: flex; width: 100%;} .blogdetail-wrapper .similar-block .similar-content ol li .similar-thumb img{ border-radius:20px 20px 0 0;} .blogdetail-wrapper .similar-block .similar-content ol li .thumb-content{display: flex; flex-direction: column; padding:20px;} .blogdetail-wrapper .similar-block .similar-content ol li .thumb-content h3{color:var(--whitecolor); font-size:16px; margin:0 0 10px; font-weight: normal; font-family:var(--fontfamilysemibold);} .blogdetail-wrapper .similar-block .similar-content ol li .thumb-content h3 span{color:var(--color7); font-size:13px; font-weight: normal; font-family:var(--defaultfont);} .blogdetail-wrapper .similar-block .similar-content ol li .thumb-content p{color:var(--whitecolor); font-size:13px; margin:0; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .all-articles-block{display: flex; flex-direction: column; margin-bottom: 60px;} .blogpage-wrapper .blogpage-container .all-articles-block h3{color:var(--blackcolor); font-size:18px; margin:0; font-weight: normal; margin-bottom:20px; font-family:var(--fontfamilybold);} .blogpage-wrapper .blogpage-container .all-articles-block ol{display: flex; width: 100%; flex-wrap: wrap;} .blogpage-wrapper .blogpage-container .all-articles-block ol li{display: flex; transition: all 0.2s ease; width: 100%; box-shadow: 0 8px 22px 0 rgba(72, 145, 152, 0.1); border-radius:5px; border: solid 1px var(--color3); margin:15px 0 0; padding:20px;} .blogpage-wrapper .blogpage-container .all-articles-block ol li a{display: flex; width: 100%; position: relative; align-items: flex-start;} .blogpage-wrapper .blogpage-container .all-articles-block ol li:first-child{margin-top: 0} .blogpage-wrapper .blogpage-container .all-articles-block ol li:hover{transform: scale(1.01); border:1px solid var(--color1);} .blogpage-wrapper .blogpage-container .all-articles-block ol li .all-thumb{width:100px; display: flex; flex-shrink: 0; margin-right: 20px;} .blogpage-wrapper .blogpage-container .all-articles-block ol li .all-thumb img{ border-radius:20px 20px;} .blogpage-wrapper .blogpage-container .all-articles-block ol li .thumb-content{display: flex; flex-direction: column; padding:0px;} .blogpage-wrapper .blogpage-container .all-articles-block ol li .thumb-content h3{color:var(--color1); font-size:16px; margin:0 0 10px; font-weight: normal; font-family:var(--fontfamilysemibold);} .blogpage-wrapper .blogpage-container .all-articles-block ol li .thumb-content h3 span{color:var(--color7); font-size:13px; font-weight: normal; font-family:var(--defaultfont);} .blogpage-wrapper .blogpage-container .all-articles-block ol li .thumb-content p{color:var(--blackcolor); font-size:13px; margin:0; font-weight: normal; font-family:var(--defaultfont);} /*Blog Page*/ .scancode-section{display: flex; width: 100%; flex-direction: column;} .scancode-section .scancode-container{display: flex; padding:50px; width: 100%; max-width: 1000px; margin: auto; align-items: center;} .scancode-section .scancode-container .left-section{display: flex; flex-direction: column; width: 100%; max-width:70%;} .scancode-section .scancode-container .right-section{display: flex; flex-direction: column; width: 100%; max-width:30%;} .scancode-section .scancode-container .left-section h2{margin: 0 0 20px; color: var(--whitecolor); font-size: 31px; font-family: var(--fontfamilybold);} .scancode-section .scancode-container .left-section p{margin: 0 0 20px; color: var(--whitecolor);} .scancode-section .scancode-container .right-section .qr-code-section{margin: 0 0 20px; display: flex; flex-direction: column; align-items: flex-start;} .scancode-section .scancode-container .right-section .qr-code-section p{max-width: 230px; text-align: left; margin: 0 auto; color: var(--whitecolor);} .scancode-section .scancode-container .right-section img{max-height: 230px; background-color: #fff; border-radius: 5px; border: 1px solid #ddd; padding: 5px; margin: 0 auto; width: auto; height: auto; margin-top: 20px;} .scancode-section .scancode-container .right-section .app-store-links{display: flex; width: 100%; position: relative; align-items: flex-start; padding-top: 20px; margin-top: 30px; margin-left: auto; margin-right: auto; border-top: 1px solid #ddd;} .scancode-section .scancode-container .right-section .app-store-links::before { content: 'Or'; font-size: 14px; text-align: center; font-weight: 500; color: var(--whitecolor); display: inline-block; width: 30px; height: 20px; background: #000; position: absolute; top: -13px; left: 0; right: 0; margin: auto;} .scancode-section .scancode-container .right-section .app-store-links .playstore-btn{display: flex; width: 100%; justify-content: center;} .scancode-section .scancode-container .right-section .app-store-links .playstore-btn img{margin-top: 0; border: 0px none; padding: 0;} .referralpagewrapper .scancode-section .scancode-container .left-section h2{color: #333} .referralpagewrapper .scancode-section .scancode-container .left-section p{color: #333} .referralpagewrapper .scancode-section .scancode-container .right-section .app-store-links::before{color: #333; background-color: #fff;} .referralpagewrapper .scancode-section .scancode-container .right-section .qr-code-section p{color: #333} .single .scancode-section{background-color: #000;} footer#colophon .footerAppLinks{display: flex; flex-direction: column;} footer#colophon .footerAppLinks div{font-size: 14px; color:#fff; margin-bottom: 10px; font-family: 'Roboto Slab';} footer#colophon .footerAppLinks a{border: 1px solid #999; padding:5px 10px; border-radius: 5px; text-align: center;} footer#colophon .footerAppLinks a i{margin-right: 5px; color: #999; font-size: 20px;} footer#colophon .footerAppLinks a:hover{background-color: #000;} footer#colophon .footerAppLinks a:hover i{color: #1bce52;} /*Category Page*/ body.archive.category{background-color:#fff} .blogcategory-wrapper{display: flex; width: 100%; flex-direction: column; padding:0px 0 30px; position: relative;} .blogcategory-wrapper .back-link{display: flex; align-items: center; margin:0px 0 0; position: absolute; left:0; top:14px;} .blogcategory-wrapper .back-link a{display: flex; align-items: center; font-size: 14px; text-decoration: underline; width: 100%; padding:0px; color:var(--blackcolor);} .blogcategory-wrapper .back-link a span{margin:5px 5px 0; width: 15px; height: 15px; background-size: 100%; background-image:url(../images/left-arrow.png); background-repeat: no-repeat;} .blogcategory-wrapper .blogcategory-container{display: flex; width: 100%; position: relative; margin:0 auto; flex-direction:column; max-width: 1280px;} .blogcategory-wrapper .blogcategory-container .category-page-header{margin: 0; background-color: transparent; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;} .blogcategory-wrapper .blogcategory-container .category-page-header ul{display: flex; align-items: center; margin-top: 15px;} .blogcategory-wrapper .blogcategory-container .category-page-header ul li{margin:0; margin-left: 15px; border-left:1px solid var(--color18); padding-left: 15px;} .blogcategory-wrapper .blogcategory-container .category-page-header ul li:first-child{margin:0; border-left:0px solid var(--color18); padding-left: 0px;} .blogcategory-wrapper .blogcategory-container .category-page-header ul li a{color:#999; text-transform: capitalize; font-size: 15px;} .blogcategory-wrapper .blogcategory-container h1{color:var(--blackcolor); font-size:28px; text-transform: capitalize; margin:0; font-weight: normal; margin-bottom:0px; font-family:var(--fontfamilybold);} .blogcategory-wrapper .blogcategory-container h1 span{color:var(--blackcolor);} .blogcategory-wrapper .blogcategory-container ol{display: flex; flex-direction: column; width: 100%;} .blogcategory-wrapper .blogcategory-container ol li{display: flex; width: 100%; margin:15px 0 0; border: 1px solid #999; padding:20px; border-radius:5px; } .blogcategory-wrapper .blogcategory-container ol li .thumb{margin-right: 15px; display: flex; width: 100%; max-width: 240px;} .blogcategory-wrapper .blogcategory-container ol li .thumb-content{ display: flex; flex-direction: column; flex:1;} .blogcategory-wrapper .blogcategory-container ol li .thumb-content h2{color:var(--blackcolor); font-size:18px; margin:0 0 5px; font-weight: normal; font-family:var(--fontfamilysemibold);} .blogcategory-wrapper .blogcategory-container ol li .thumb-content small{color:var(--blackcolor); font-size:14px; margin:0 0 5px; font-weight: normal; font-family:var(--defaultfont);} .blogcategory-wrapper .blogcategory-container ol li .thumb-content h2 a{color:var(--blackcolor); font-size:18px; margin:0 0 0px; font-weight: normal; font-family:var(--fontfamilysemibold);} .blogcategory-wrapper .blogcategory-container ol li .thumb-content p{color:#999; font-size:14px; margin:0; font-weight: normal; font-family:var(--defaultfont);} .blogcategory-wrapper .blogcategory-container ol li .thumb-content .postmetadata{margin-top: 10px;} /*Category Page*/ body .woo-login-popup-sc-modal{max-width: 500px!important;} body .woo-login-popup-sc-modal .woo-login-popup-sc-bg { background: none !important; display: none !important; } body .woo-login-popup-sc-modal .woo-login-popup-sc-bg { max-width: 50%; width: 50%; } body .woo-login-popup-sc-modal{top:20px!important} @media screen and (max-width: 1440px) { .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay h3{font-size: 33px;} body .woo-login-popup-sc-modal{top:20px!important} } @media screen and (max-width: 1370px) { .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer{padding:0;} .listingwrapper .listingcontainer .beInspiredSection .headingsubTitle span{margin-left: 0} .referralpagewrapper .referralpagecontainer .landingbanner .right h1{font-size: 36px} .referralpagewrapper .referralpagecontainer .landingbanner .right p{font-size: 20px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay h3{font-size: 32px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li{font-size: 144px;} } @media screen and (max-width: 1280px) { .detailwrapper .detailcontainer .details-str .detail-top .left-details{flex-direction: column;} .detailwrapper .detailcontainer .details-str .detail-top .left-details .left-section{max-width: none;} .detailwrapper .detailcontainer .details-str .detail-top .left-details .right-section{max-width: none; margin-top:20px; margin-left: 0;} .detailwrapper .detailcontainer .details-str .detail-top .left-details .right-section .videoblock{max-width: none; width:100%; height:auto;} .referralpagewrapper .referralpagecontainer .landingbanner .right h1{font-size: 32px;} } @media screen and (max-width: 1000px) { .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineContent{flex-direction: column;} .woocommerce .content-area .site-main{margin:0;} .detailwrapper .detailcontainer .details-str .detail-top .left-details{padding:100px 20px 20px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay h3{font-size: 30px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk{height: auto; margin-bottom: 80px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay{justify-content: flex-start; padding-top: 60px;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container{flex-direction: column;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle{max-width: none; max-height: none; height: 400px; margin:0px 0 15px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .right-section ul li{width: 100%; max-width:none; margin:15px 0 0; } .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol{flex-direction: column;} .referralpagewrapper .referralpagecontainer .landingbanner .right h1{font-size: 28px;} .referralpagewrapper .referralpagecontainer .landingbanner .overlaylock{flex-direction: column; justify-content: center; left:0; right:0;} .referralpagewrapper .referralpagecontainer .landingbanner .left{width: 100%; align-items: center;} .referralpagewrapper .referralpagecontainer .landingbanner .left .voucherblock{justify-content: center;} .referralpagewrapper .referralpagecontainer .landingbanner .right{width: 100%; align-items: center; margin-top:50px;} .referralpagewrapper .referralpagecontainer .landingbanner .right h1{text-align: center; flex-direction: column; display: flex;} .referralpagewrapper .referralpagecontainer .landingbanner .right h1 br{display: none;} .referralpagewrapper .referralpagecontainer .landingbanner .left .voucherblock .voucher{max-width: 12%;} .referralpagewrapper .referralpagecontainer .letsblock .headingtitle .title{text-align: center;} .referralpagewrapper .referralpagecontainer .letsblock .letsblockcontent ol li{max-width: none; margin:0 0px 30px;} .referralpagewrapper .referralpagecontainer .otherblock .otherblockcontent ol li{max-width: none; margin:0 0px 30px} .cskWrapper .cskContainer .mainContentSectionWrapper{flex-direction: column;} .cskWrapper .cskContainer .navigationMenuWrapper{width: 100%; display: none;} .cskWrapper .cskContainer .mainContentSection{width: calc(100% - 0px);} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .slider-block{flex-direction: column; align-items: center;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay{flex-direction: column;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk{width: 100%;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk{width: 100%; height:auto; align-items: flex-start; max-width: none; padding-top: 0;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol{ overflow-x: auto; flex-wrap: nowrap;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li a{align-items: flex-start; justify-content: flex-start;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk ol li{margin:0 15px;} .cskbannerSectionsWrapper{height:650px;} .listingwrapper .listingcontainer .listingleft{display: none;} .listingwrapper .productcaregorywrapper .category-info-block{margin-left: 0;} .listingwrapper .productcaregorywrapper .category-info-block .category-video{display: none;} .listingwrapper .productcaregorywrapper .category-info-block{margin-left: 0; max-width: none; padding-left: 0;} .listingwrapper .productcaregorywrapper .category-info-block .category-desc{max-width: none;} .listingwrapper .listingcontainer .listingright ul li.grid-view .thumb{width: 100%;} .listingwrapper .listingcontainer .listingright ul li.grid-view .thumb img{max-width: 100%;} .listingwrapper .listingcontainer{flex-direction: column;} .listingwrapper .listingcontainer .listingrightlast{max-width: none; margin-left: 0;} .listingwrapper .listingcontainer .beInspiredSection{margin-left: 0;} .listingwrapper .productcaregorywrapper .owl-nav{display: none;} /*blog pages start*/ .blogpage-banner{flex-direction: column; text-align: center;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper{flex-direction: column;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd .category-link .subcategory{right: 0;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd{flex-direction: row; justify-content: center;flex-wrap: wrap;} .blogpage-category-wrapper .blogpage-category-container .category-wrapper .category .category-dd .category-link{margin-top: 15px;} .blogpage-wrapper .blogpage-container{padding: 15px;} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li{max-width: none; margin:0 0px 15px} .blogpage-wrapper .blogpage-container .trending-block .trending-content ol li:first-child{max-width: none;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol{flex-direction: column;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li{max-width: none; margin: 0 0px 15px;} .blogpage-wrapper .blogpage-container .latest-block .latest-content ol li .latest-thumb{justify-content: center;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol{flex-direction: column;} .blogpage-wrapper .blogpage-container .explore-block .explore-content ol li{max-width: none; margin: 0 0px 15px;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol{flex-direction: column;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li{max-width: none; margin: 0 0px 15px;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li .examprep-thumb{justify-content: center;} .blogpage-wrapper .blogpage-container .examprep-block .examprep-content ol li:last-child{margin-bottom: 0} .blogpage-wrapper .blogpage-container .blogpage-promotion-block{margin-bottom: 0} .blogpage-wrapper .blogpage-container .blogpage-promotion-block .promotion-content{justify-content: center;} .blogpage-wrapper .blogpage-container .blogpage-promotion-block .promotion-content div{max-width: none; margin-left: 0} .blogdetail-wrapper .similar-block{padding:15px 30px; margin-top: 20px; margin-bottom: 0} .blogdetail-wrapper .similar-block .similar-content ol li .similar-thumb img{width:100%;} .blogdetail-wrapper .similar-block .similar-content ol{flex-direction: column;} .blogdetail-wrapper .similar-block .similar-content ol li{max-width: none; margin: 0 0px 15px;} .blogdetail-wrapper .similar-block .similar-content ol li:last-child{margin-bottom: 0} .blogdetail-wrapper .similar-block .similar-content ol li .similar-thumb{justify-content: center;} .blogdetail-wrapper .blogdetail-container .comments-wrapper input[type="text"]{background-color: transparent;} .blogdetail-wrapper .blogdetail-container .comments-wrapper input[type="email"]{background-color: transparent;} .blogdetail-wrapper .blogdetail-container .comments-wrapper input[type="url"]{background-color: transparent;} .blogdetail-wrapper{padding-bottom: 0} .blogdetail-wrapper .back-link a{justify-content: center;} .blogdetail-wrapper .blogdetail-container{order:2;} .blogdetail-wrapper .blogdetail-banner{order:1; margin:0 auto 30px;} .blogdetail-wrapper .blogdetail-container article{margin:0px 30px 30px; padding:0;} .blogdetail-wrapper .blogdetail-container article .entery-content .alignleft{max-width: 100%; float:none; margin-left: auto; margin-right: auto} .blogdetail-wrapper .blogdetail-container article .entery-content .alignright{max-width: 100%; float:none; margin-left: auto; margin-right: auto} .blogdetail-wrapper .blogdetail-container article .entery-content{max-width: calc(100% - 0px); width: 100%;} .blogdetail-wrapper .blogdetail-container .similar-block .similar-content ol li .similar-thumb img{border-radius:0;} .blogdetail-wrapper .blogdetail-main{flex-direction: column;} .blogdetail-wrapper .blogdetail-banner.sticky{position: static; top:auto;} .blogdetail-wrapper .blogdetail-container .pagination-single{margin:15px; width: auto;} .blogdetail-wrapper .blogdetail-container .pagination-single-inner{flex-direction: row; justify-content: space-between; align-items: flex-start;} .blogdetail-wrapper .blogdetail-container .pagination-single a{width: 100%; max-width: 45%; margin-top: 0} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk{padding:30px 30px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk{margin-bottom: 0;} /*blog pages ends*/ .page-template-user-profile-php .userProfileWrapper{padding-top:0px; } .userProfileWrapper .sampleoverlay{top:0;} .userProfileWrapper .userProfileContainer{padding: 30px;} .userProfileWrapper .userProfileContainer .ProfileWrapper{flex-direction: column;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper{margin-right: 0; width: 100%;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .ProfileCompletion{justify-content: flex-start; flex-direction: row;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileThumbWrapper .ProfileCompletion span{margin-left: 10px;} .userProfileWrapper{padding-top: 0;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block {flex-wrap: wrap; justify-content: center; align-items: center;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .editprofileblock{margin-top:0px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block a{font-size: 16px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .top{flex-direction: column;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .top .right{width:100%;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol{justify-content: center;} .userProfileWrapper .userProfileContainer .portfolioTabContent .portfolioContainer .sectionWrapper ol li{margin:15px 10px; width:250px;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li{max-width: none;} .userProfileWrapper .userProfileContainer .skillsTabContent .skillsContainer .sectionWrapper ol li .skillsthumb{flex-shrink: 0; max-width: 60px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a{width:30px; height:30px; flex-shrink: 0; font-size: 17px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .left{max-width: none;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper .headingtitle{font-size: 18px;} } @media screen and (max-width: 1024px){ .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay h3{font-size: 27px; line-height: normal;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk ol li{font-size: 15px;} } @media screen and (max-width: 1024px) and (orientation: landscape){ .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay h3{font-size: 27px; line-height: normal;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk ol li{font-size: 15px;} } @media screen and (max-width: 1000px) and (orientation: landscape){ .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .slider-block {flex-direction:row; flex-wrap: wrap;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item{ width: 100%; max-width: 295px; margin-right: 15px;} .careerPathlanding-header .topbar{display: none;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk{padding-left: 15px; padding-right: 15px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk .videowrapper video{height: auto;} .cskWrapper .cskContainer .mainContentSection{padding: 0 15px;} .cskWrapper .cskContainer .referralssections .heading-title{font-size: 20px;} .careerPathlanding-header-inner{padding: 15px 30px;} } @media screen and (max-width: 770px) { .detailwrapper .detailcontainer .counter-block{flex-wrap: wrap; justify-content: center;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ol li{width: 100%; max-width:none;} .detailwrapper .detailcontainer .counter-block .counter-item{margin-bottom: 10px;} .detailwrapper .detailcontainer .details-str .detail-top .actions{justify-content: center; width: 100%} .detailwrapper .detailcontainer .whatyouwillget-section p{display: none;} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container{padding: 30px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container{padding:30px;} .detailwrapper .detailcontainer .details-str .detail-top h4{text-align: center;} .detailwrapper .detailcontainer .details-str .detail-top .tag-line{width: 100%;} .detailwrapper .detailcontainer .details-str .detail-top .course-desc{text-align: center; margin: 0 auto;} .detailwrapper .detailcontainer .details-str .detail-top .date-time{text-align: center; width: 100%; margin-bottom: 15px;} .referralpagewrapper .referralpagecontainer .chooseusblock .chooseuscontent ol li{width: 100%;} .referralpagewrapper .referralpagecontainer .referralblock .headingtitle .title{text-align: center;} .referralpagewrapper .referralpagecontainer .referralblock .btnblock a{font-size: 17px;} .referralpagewrapper .referralpagecontainer .referralblock .headingtitle p{text-align: center;} .referralpagewrapper .referralpagecontainer .landingbanner{height: 900px} .referralpagewrapper .referralpagecontainer .landingbanner .left h1{text-align: center;} .referralpagewrapper .referralpagecontainer .landingbanner .left .voucherblock{flex-direction: row; flex-wrap: wrap;} .referralpagewrapper .referralpagecontainer .landingbanner .left .voucherblock .voucher{max-width: 30%; justify-content: center; border:0px none; margin:0 0 10px;} .referralpagewrapper .referralpagecontainer .landingbanner .left p{text-align: center;} .referralpagewrapper .referralpagecontainer .landingbanner .right p{text-align: center;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container .whatistheprogram-inner{padding: 0;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ol li{max-width: none; margin:0 0 15px} .detailwrapper .detailcontainer .details-str .detail-top .left-details{padding: 30px 30px 30px} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol li{width: 100%; margin: 0 0px 25px} .detailwrapper .detailcontainer .eventspeaker-section .eventspeaker-container ol li:last-child{margin-bottom: 0;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container{padding: 30px;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-right{margin-left: 0;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle{height: auto;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle .overlay{padding: 0;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle{margin-bottom: 0;} .woocommerce-lost-password #site-content .woocommerce{padding:0px} body .woo-login-popup-sc-modal{top:40%!important;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item{max-width: 295px; width: 100%; margin-left: 0; margin-right:0;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ol li{width: 100%;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container p{max-width: none; margin-bottom: 0; text-align:left} .referDialog .coursesPayContainer .formright{display: none;} .referDialog .coursesPayContainer .formleft{width: 100%!important} .referDialog .coursesPayContainer{max-width: 400px!important;} .careersetkaro-logo a{font-size: 16px} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .overlay h3{line-height: normal;} .cskbannerSectionsWrapper{height: auto;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .left-blk{margin-bottom: 40px; padding:30px 30px;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .explorebtn{display: none;} .listingwrapper{padding: 30px;} .listingwrapper .productcaregorywrapper{margin-top: 0; margin-bottom: 30px;} .listingwrapper .listingcontainer .listingright ul li.grid-view .thumb{height: auto;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container h3{font-size: 28px;} .login-wrapper .u-column1{max-width: 350px;} .login-wrapper .u-column2{max-width: 350px;} .login-wrapper .u-column2 h2{display: flex; flex-direction: column;} .login-wrapper h2{font-size: 21px;} .login-wrapper h2 span a{font-size: 16px;} .login-wrapper h2 span{margin-top:0;} .login-wrapper .register-form-wrapper .register-form-right .donot-have a{font-size: 16px;} .login-wrapper .register-form-wrapper .register-form-right .donot-have{font-size: 16px;} .careerBookFooterWrapper.colorChange .footerCopyrights{text-align: center; flex-direction: column;} .login-wrapper .register-form-wrapper .register-form-right{height:auto;} .login-wrapper{padding:80px 15px} .login-wrapper .register-form-wrapper .register-form-right .login-btn p{font-size: 13px;} .blogdetail-wrapper .blogdetail-container .videoplayerblock{width: auto; margin:15px 30px;} .blogdetail-wrapper .blogdetail-container .videoplayerblock video{height: auto!important} .cskWrapper .cskContainer .mainContentSection .careerguidesections .heading-title{text-align: center;} .cskWrapper .cskContainer .mainContentSection .careerguidesections .overlayblock{padding: 30px;} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title{flex-direction: column; justify-content: center;} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title div span{text-align: center;} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title .seperator{margin:20px auto 15px} .cskWrapper .cskContainer .mainContentSection .caregorysections .heading-title .desc{text-align: center;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-container{padding:20px 0 20px;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li{max-width: none;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li{margin:20px 0 0px;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li:first-child{margin:0px 0 0px;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title div span{flex-direction: column; font-size: 26px; display: flex; align-items: center;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .heading-title div span i{margin-top: 10px;} .cskWrapper .cskContainer .mainContentSection .caregorysections ol li{ margin: 0 auto 40px; } .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .heading-title div span{text-align: center;} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .heading-title .seperator{margin:20px auto 15px} .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .heading-title .desc{text-align: center;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title div span{text-align: center;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title .seperator{margin:20px auto 15px} .cskWrapper .cskContainer .mainContentSection .testimonialssections .heading-title .desc{text-align: center;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul{flex-direction: column; align-items: center;} .cskWrapper .cskContainer .mainContentSection .testimonialssections .beInspiredSection ul li{margin:0 0 15px;} .cskWrapper .cskContainer .mainContentSection .referralssections .heading-title .title{text-align: center;} .careerPathlanding-header-inner .right-nav ul .links{display: none;} .careerPathlanding-header-inner .right-nav .header-actions-mobile{display: flex; margin-right: 0px;} .careerPathlanding-header-inner{align-items: center;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk{padding:0px 30px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk .videowrapper{margin-bottom: 40px;} .cskbannerSectionsWrapper .cskbannerSectionsContainer .bannerLeft .right-blk .videowrapper video{height: auto;} .cskWrapper .cskContainer .referralssections .heading-title{flex-direction: column;} .cskWrapper .cskContainer .referralssections .overlayblock{padding: 30px;} .cskWrapper .cskContainer .referralssections .bannercontent{flex-direction: column; text-align: center;} .cskWrapper .cskContainer .referralssections .moneysymbol{margin-right: 0; margin-bottom: 10px;} .cskWrapper .cskContainer .referralssections .btnblock{align-items: center; justify-content: center; margin-top: 20px; margin-left: 0;} .careerPathlanding-header .topbar{display: none;} .cskWrapper .cskContainer .mainContentSection{padding: 0 30px;} .careerPathlanding-header-inner{padding: 15px 30px 15px;} .referralpagewrapper .referralpagecontainer .landingbanner .right h1 {font-size: 24px;} .referralpagewrapper .referralpagecontainer .letsblock{padding: 20px;} .referralpagewrapper .referralpagecontainer .otherblock{padding: 20px;} .referralpagewrapper .referralpagecontainer .chooseusblock{padding:20px;} .referralpagewrapper .referralpagecontainer .referralblock .referralcontent{padding: 20px} .referralpagewrapper .referralpagecontainer .landingbanner .right{margin-top:10px; padding: 20px;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .profilelookingfor{margin-bottom:10px;} body .woo-login-popup-sc-modal{top:20px!important} .scancode-section .scancode-container{flex-direction: column; padding: 20px;} .scancode-section .scancode-container .left-section{max-width: none; align-items: center;} .scancode-section .scancode-container .right-section{max-width: none; margin-top: 30px;} .scancode-section .scancode-container .right-section .qr-code-section p{text-align: center;} .scancode-section .scancode-container .left-section h2{text-align: center; font-size: 21px;} .scancode-section .scancode-container .left-section p{text-align: center;} } @media screen and (max-width: 1024px){ .userProfileWrapper .userProfileContainer{max-width: 900px;} .careerPathlanding-header .topbar .topbarcontainer{padding: 15px; justify-content: space-between;} .careerPathlanding-header .topbar .topbarcontainer{font-size: 12px;} .login-wrapper .register-form-wrapper .register-form-right{height:auto;} .login-wrapper{padding:20px 15px} .blogdetail-wrapper .blogdetail-container .videoplayerblock { width: auto; margin: 15px 30px;} } @media screen and (max-width: 1024px) and (orientation: landscape){ .userProfileWrapper .userProfileContainer{max-width: 900px;} .careerPathlanding-header .topbar .topbarcontainer{padding: 15px; justify-content: space-between;} .careerPathlanding-header .topbar .topbarcontainer{font-size: 12px;} } @media screen and (max-width: 770px) and (orientation: landscape){ .cskWrapper .experiencesSectionsWrapper .experiencesSectionsContainer .item{margin-right: 25px;} .referralpagewrapper .referralpagecontainer .landingbanner{height:850px} body .woo-login-popup-sc-modal form.register{overflow-y: auto; max-height: 200px;} } @media screen and (max-width: 650px) { .user-basic-info .user-basic-info-inner{max-width: 400px;} .addSkillsDialog .addSkillsInner{max-width: 400px;} .addPortfolioDialog .addPortfolioInner{max-width:400px; } .user-basic-info .user-basic-info-inner .formWrapper{overflow-y: auto; max-height: 400px;} .addActivityDialog .addActivityInner .formWrapper{overflow-y: auto; max-height: 400px;} .addPortfolioDialog .addPortfolioInner .formWrapper{overflow-y: auto; max-height: 400px;} .addSkillsDialog .addSkillsInner .formWrapper{overflow-y: auto; max-height: 400px;} .addActivityDialog .addActivityInner .formWrapper .formInner{flex-direction: column;} .addActivityDialog .addActivityInner .formWrapper .formInner .formblock{width: 100%} .addActivityDialog .addActivityInner .formWrapper .formInner .formBlock{margin-left:0} .addActivityDialog .addActivityInner .formWrapper .formInner .formBlock:first-child{margin-bottom:15px} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .profileblock{flex-direction: column; align-items: center;} .user-basic-info .user-basic-info-inner .formWrapper .profileformBlock .profile-thumb{margin-right: 0;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock{flex-direction: column;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .videofile{margin-right: 0; margin-bottom: 10px;} .user-basic-info .user-basic-info-inner .formWrapper .formInner .formBlock .videotypeblock .uploadvideo-btn{text-align: center;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item a{flex-direction: column;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .thumb{margin-right: 0; margin-bottom: 10px;} .userProfileWrapper .userProfileContainer .profileContentWrapper .activityTabsWrapper{overflow:auto; white-space: nowrap; justify-content: flex-start;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .button-block .editprofileblock{margin-top: 10px;} .detailBottomBarWrapper .detailBottomBarContainer{align-items: center;} .detailBottomBarWrapper .detailBottomBarContainer .leftpart h4{font-size: 17px;} body .woo-login-popup-sc-modal form.register{overflow-y: auto; max-height: 300px;} body .woo-login-popup-sc-modal form.login{overflow-y: auto; max-height: 300px;} body .woo-login-popup-sc-modal form.lost_reset_password{overflow-y: auto; max-height: 300px;} body .woo-login-popup-sc-modal label{width: 100%} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner input[type="text"]{width: 95%} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner input[type="password"]{width: 95%; padding-right: 0;} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner input[type="tel"]{width: 95%} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner input[type="email"]{width: 95%} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner select{width: 95%} body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner input[type="submit"]{width: 95%} body .woo-login-popup-sc-modal .show-password-input, body .woo-login-popup-sc-modal .show-password-input {right:1.7em} } @media screen and (max-width: 770px) and (orientation: landscape){ .user-basic-info .user-basic-info-inner .formWrapper{max-height: 215px;} .addActivityDialog .addActivityInner .formWrapper{max-height: 215px;} .addActivityDialog .addActivityInner{max-width: 400px} .coursesPayDialog .coursesPayContainer .course-content{overflow-y: auto; max-height: 250px;} .referDialog .coursesPayContainer .formleft{overflow-y: auto; max-height: 250px;} .userProfileWrapper .userProfileContainer{padding:0 20px 20px;} } @media screen and (max-width: 812px) and (orientation: landscape){ .user-basic-info .user-basic-info-inner .formWrapper{max-height: 215px;} .addActivityDialog .addActivityInner .formWrapper{max-height: 215px;} .addActivityDialog .addActivityInner{max-width: 500px} .login-wrapper .register-form-wrapper .register-form-right{height:auto;} .login-wrapper{padding: 20px 15px} .woocommerce-lost-password #site-content .woocommerce{height: auto; padding:20px 15px;} .previewDialog .previewDialogInner{max-width: 280px max-height: 280px} .thankYouDialog .thankYouDialogContainer{max-width: 280px!important;} .coursesPayDialog .coursesPayContainer{max-width:280px!important;} .blogdetail-wrapper .blogdetail-container .videoplayerblock { width: auto; margin: 15px 30px;} .detailwrapper .detailcontainer .whatistheprogram-section .whatistheprogram-container ol li{max-width: none;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container p{max-width: none;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle{height: auto;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle .overlay{padding: 0;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-container p{margin-bottom: 0;} .detailwrapper .detailcontainer .whatyouwillget-section .whatyouwillget-middle{margin-bottom: 0;} body .woo-login-popup-sc-modal form.register{overflow-y: auto; max-height: 130px;} body .woo-login-popup-sc-modal form.login{overflow-y: auto; max-height: 130px;} body .woo-login-popup-sc-modal form.lost_reset_password{overflow-y: auto; max-height: 130px;} body .woo-login-popup-sc-modal{top:20px!important} body .woo-login-popup-sc-modal .show-password-input, body .woo-login-popup-sc-modal .show-password-input {right:2.7em} } @media screen and (max-width: 450px) { .careersetkaro-logo a{font-size: 14px;} .user-basic-info .user-basic-info-inner{max-width: 300px;} .addActivityDialog .addActivityInner{max-width: 300px;} .addSkillsDialog .addSkillsInner{max-width: 300px;} .addPortfolioDialog .addPortfolioInner{max-width:300px; } .woocommerce-lost-password .lostpassword-wrapper{max-width: 300px} .previewDialog .previewDialogInner{max-width: 280px;} .thankYouDialog .thankYouDialogContainer{max-width: 280px!important;} .resetpassword-wrapper{max-width: 300px} .detailwrapper .detailcontainer .details-str .detail-top .tag-line{text-align: center;} .userProfileWrapper .userProfileContainer .ProfileWrapper .profileContent .profileLeft .social-block a{margin-left: 0; margin-right: 10px; margin-bottom: 10px;} .referDialog .coursesPayContainer{max-width:300px!important;} .coursesPayDialog .coursesPayContainer{max-width:300px!important;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .title{flex-direction: column;} .cskWrapper .cskContainer .mainContentSection .futureskill-section .futureskill-content ol li .title i{margin-bottom: 10px; margin-right: 0;} .userProfileWrapper .userProfileContainer{padding:0 20px 20px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .actions a{margin-left: 7px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li:before{display: none;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineType{padding-left: 0;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .thumb{max-width: 150px;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .thumb img{width: auto} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineImg{display: none;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineInner .item{flex-direction: column;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .timelineContent{margin-left: 0;} .userProfileWrapper .userProfileContainer .journeyTabContent .journeyContainer .sectionWrapper ol li .timelineItem .item .thumb-content{padding-left: 0; padding-right: 0;} .detailBottomBarWrapper .detailBottomBarContainer{flex-direction: column; align-items: center;} .detailBottomBarWrapper .detailBottomBarContainer .leftpart{margin-bottom: 10px} .detailBottomBarWrapper .detailBottomBarContainer .rightpart{width: 100%; justify-content: center;} }