:root { --primaryColor: #5751E1; --mecatPrimaryColor:#F18D3A; --awsitcPrimaryColor:#e75036; --creativePrimaryColor:#3D1AA6; --secondaryGradient:linear-gradient(270deg, rgba(255,34,82,0.1) 0%, rgba(252,123,4,0.1) 100%);; --secondaryColor:#ffc224; --yellowColor:#F2A91E; --yellowColor2:#FFC23A; --greenColor:#3EBDA0; --blackColor: #000000; --blackColor2:#161439; --blackColor3:#111111; --blackColor4:#424242; --blackColor5:#292929; --whiteColor: #ffffff; --footerbg:#000638; --defaultGradient:linear-gradient(270deg, #FF2252 0%, #FC7B04 100%); --lightColor:#8A8A8A; --borderColor:#B7B7B7; --lightBlackColor:#262626; --bodyColor:#6d6c80; --lightSecondaryColor:#e8e6fb; --fontsize6 : 0.375rem; --fontsize10 : 0.625rem; --fontsize11 : 0.688rem; --fontsize12 : 0.75rem; --fontsize13 : 0.813rem; --fontsize14 : 0.875rem; --fontsize15 : 0.938rem; --fontsize16 : 1rem; --fontsize17 : 1.063rem; --fontsize18 : 1.125rem; --fontsize19 : 1.188rem; --fontsize20 : 1.25rem; --fontsize21 : 1.313rem; --fontsize22 : 1.375rem; --fontsize23 : 1.438rem; --fontsize24 : 1.5rem; --fontsize25 : 1.5625rem; --fontsize26 : 1.625rem; --fontsize27 : 1.688rem; --fontsize28 : 1.75rem; --fontsize29 : 1.813rem; --fontsize30 : 1.875rem; --fontsize31 : 1.938rem; --fontsize32 : 2rem; --fontsize33 : 2.063rem; --fontsize34 : 2.125rem; --fontsize35 : 2.188rem; --fontsize36 : 2.25rem; --fontsize37 : 2.313rem; --fontsize38 : 2.375rem; --fontsize39 : 2.438rem; --fontsize40 : 2.5rem; --fontsize41 : 2.563rem; --fontsize42 : 2.625rem; --fontsize43 : 2.688rem; --fontsize44 : 2.75rem; --fontsize45 : 2.813rem; --fontsize46 : 2.875rem; --fontsize47 : 2.938rem; --fontsize48 : 3rem; --fontsize49 : 3.063rem; --fontsize50 : 3.125rem; --fontsize51 : 3.188rem; --fontsize52 : 3.25rem; --fontsize53 : 3.313rem; --fontsize54 : 3.375rem; --fontsize55 : 3.438rem; --fontsize56 : 3.5rem; --fontsize57 : 3.563rem; --fontsize58 : 3.625rem; --fontsize59 : 3.688rem; --fontsize60 : 3.75rem; --fontsize61 : 3.813rem; --fontsize62 : 3.875rem; --fontsize63 : 3.938rem; --fontsize64 : 4rem; --fontsize65 : 4.063rem; --fullwidth : 100%; --fullheight : 100%; --maxWidth : 1280px; --marginLeft15:15px; --allPageTopGap:0px } @font-face { font-family:inter; src: url(../fonts/inter/Inter-Regular.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:intermedium; src: url(../fonts/inter/Inter-Medium.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:intersemibold; src: url(../fonts/inter/Inter-SemiBold.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:interbold; src: url(../fonts/inter/Inter-Bold.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:bricolage; src: url(../fonts/bricolage/BricolageGrotesque-Regular.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:bricolagebold; src: url(../fonts/bricolage/BricolageGrotesque-Bold.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:bricolagemedium; src: url(../fonts/bricolage/BricolageGrotesque-Medium.ttf); font-weight: normal; font-style: normal; font-display: swap; } .singular .entry-header{font-family:interbold; border-bottom: 2px solid var(--whiteColor); max-width: none; margin:0 auto; padding:0; font-size: var(--fontsize16);} .singular .entry-header h1{font-family:interbold; padding:0; margin:0; font-size: var(--fontsize24); color:var(--whiteColor);} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ padding:0; margin:0; font-family:interbold; font-size: var(--fontsize16);} a{font-family:inter; text-decoration: none;} body,html{font-family:inter; margin:0; padding:0; background-color: transparent; color: var(--blackColor);} body{background-color: var(--blackColor);} img{max-width: 100%} ul,ol{margin: 0; padding:0; font-family:inter;} div.wpcf7-response-output { margin: 0 !important; padding: 0 !important; border: 0px solid #ff0000 !important; color:var(--whiteColor); line-height: normal; } .site-main > *{margin:0} .ff-message-success{color: var(--whiteColor);} .site{padding-top: var(--allPageTopGap);} .primaryBtn{ border-radius: 50px; color: var(--whiteColor); font-size: var(--fontsize15); gap:5px; display: flex; align-items: center; padding:7px 26px; text-decoration: none; font-family:interbold; background:var(--primaryColor);} .primaryBtn:hover{ border-radius: 50px; color: var(--whiteColor); font-size: var(--fontsize15); display: flex; align-items: center; padding:7px 26px; text-decoration: none; font-family:interbold; background:var(--primaryColor);} .primaryBtn:focus{ border-radius: 50px; color: var(--whiteColor); font-size: var(--fontsize15); display: flex; align-items: center; padding:7px 26px; text-decoration: none; font-family:interbold; background:var(--primaryColor);} .primaryBtn:active{ border-radius: 50px; color: var(--whiteColor); font-size: var(--fontsize15); display: flex; align-items: center; padding:7px 26px; text-decoration: none; font-family:interbold; background:var(--primaryColor);} .secondaryBtn{border: 1px solid rgba(6, 35, 91, 0.19); background-color: var(--secondaryColor); color: var(--blackColor2); font-size: var(--fontsize15); padding:7px 26px; display: flex; align-items: center; text-decoration: none; font-family:interbold; border-radius: 56px;} .secondaryBtn:focus{border: 1px solid rgba(6, 35, 91, 0.19); background-color: var(--primaryColor); color: var(--whiteColor); font-size: var(--fontsize15); padding:7px 26px; display: flex; align-items: center; text-decoration: none; font-family:interbold; border-radius: 50px; } .secondaryBtn:active{border: 1px solid rgba(6, 35, 91, 0.19); background-color: var(--primaryColor); color: var(--whiteColor); font-size: var(--fontsize15); padding:7px 26px; display: flex; align-items: center; text-decoration: none; font-family:interbold; border-radius: 50px; } .secondaryBtn:hover{border: 1px solid rgba(6, 35, 91, 0.19); background-color: var(--primaryColor); color: var(--whiteColor); font-size: var(--fontsize15); padding:7px 26px; display: flex; align-items: center; text-decoration: none; font-family:interbold; border-radius: 50px; } .mecatPrimaryBtn{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--mecatPrimaryColor);} .mecatPrimaryBtn:hover{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--mecatPrimaryColor);} .mecatPrimaryBtn:focus{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--mecatPrimaryColor);} .mecatPrimaryBtn:active{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--mecatPrimaryColor);} .awsitcPrimaryBtn{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--awsitcPrimaryColor);} .awsitcPrimaryBtn:hover{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--awsitcPrimaryColor);} .awsitcPrimaryBtn:focus{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--awsitcPrimaryColor);} .awsitcPrimaryBtn:active{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--awsitcPrimaryColor);} .creativePrimaryBtn{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--creativePrimaryColor);} .creativePrimaryBtn:hover{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--creativePrimaryColor);} .creativePrimaryBtn:focus{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--creativePrimaryColor);} .creativePrimaryBtn:active{ border-radius: 56px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:5px 30px; text-decoration: none; font-family:inter; background:var(--creativePrimaryColor);} .learn-press-breadcrumb{max-width: var(--maxWidth);} #masthead .themeSwitcher{display: flex; align-items: center;} #masthead .themeSwitcher input[type="checkbox"]{opacity: 0; position: absolute;} #masthead .themeSwitcher .fa-sun{color: #f39c12; font-size: var(--fontsize18);} #masthead .themeSwitcher .fa-moon{color: #f1c40f; font-size: var(--fontsize18);} #masthead .themeSwitcher label{background-color: var(--whiteColor); cursor: pointer; margin-bottom: 0; width:50px; height: 26px; border-radius: 50px; position: relative; padding: 5px; justify-content: space-between; align-items: center; display: flex;} #masthead .themeSwitcher .checkbox-label .ball {background-color:var(--blackColor); width: 22px; height: 22px; position: absolute; left:2px; top:2px; border-radius: 50%; transition: transform 0.2s linear;} #masthead .themeSwitcher input[type="checkbox"]:checked + .checkbox-label .ball {transform: translateX(24px);} /*header Start Css*/ #masthead{padding: 0; z-index: 2200000;max-width:none; position: static; top:0px; right: 0; left: 0;} #masthead .headerContainer{width:var(--fullwidth); flex-direction: column; padding:0; margin: 0 auto; display: flex;} #masthead .headerContainer .mainHeader{display: flex; width: var(--fullwidth); max-width: var(--maxWidth); margin:0 auto; padding:18px 0px; justify-content: space-between; } #masthead .headerContainer .logoWrapper{display: flex;} #masthead .headerContainer .logoWrapper .site-logo{ margin-right: 20px; } #masthead .headerContainer .courseDDWrapper{position: relative;} #masthead .headerContainer .courseDDWrapper:hover .courseDD{opacity: 1; visibility: visible;} #masthead .headerContainer .courseDDWrapper .exploreLink{border-radius:56px; padding: 8px 20px; border:1px solid var(--primaryColor); color:var(--primaryColor); font-size: var(--fontsize16);} #masthead .headerContainer .courseDDWrapper .courseDD{position: absolute; top:100%; opacity: 0; visibility: hidden;} #masthead .headerContainer .courseDDWrapper .courseDD ul{width:100%; list-style-type: none; padding:10px; align-items: flex-start; min-width: 250px; box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1); flex-direction: column; background-color: var(--whiteColor);} #masthead .headerContainer .courseDDWrapper .courseDD ul li {text-align: left; width:var(--fullwidth); margin-top: 10px; margin-left: 0; font-size:var(--fontsize15); } #masthead .headerContainer .courseDDWrapper .courseDD ul li a{text-align: left; width:var(--fullwidth); margin-left: 0; font-size:var(--fontsize15); } #masthead .headerContainer .courseDDWrapper .courseDD ul li a:hover{color:var(--primaryColor);} #masthead .headerContainer .site-branding{margin:0px 0 0; padding: 0;} #masthead .headerContainer .site-logo{margin: 0; padding:0; text-align: left} #masthead .headerContainer .site-logo img{max-width:var(--fullwidth); max-width:180px; height: auto;} #masthead nav{display: flex; align-items: center; margin:0;} #masthead .primary-menu-container{margin:0; padding:0;} #masthead .secondaryBtn a{padding:8px 20px; } #masthead .headerActions{display: flex; align-items: center; gap:14px;} #masthead nav .sub-menu-toggle{display: none;} #masthead .headerActions .offCanvas-menu a{width: 44px; height: 44px; display: flex; color:var(--bodyColor); align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 50%; background-color: var(--whiteColor);} #masthead .headerContainer .mainHeader .leftBlock{display: flex; align-items: center; gap:80px;} #masthead .bottomMenuBar{background-color:transparent; display: flex; padding:10px; width: var(--fullwidth); align-items:flex-end; justify-content: flex-end;} #masthead .topBar{background-color:var(--blackColor2);display: flex; padding:10px; width: var(--fullwidth); align-items: center; } #masthead .topBar .topBarContainer{width:var(--fullwidth); padding:0; max-width: var(--maxWidth); margin: 0 auto; display: flex; justify-content: space-between;} #masthead .topBar ul{display: flex; align-items: center; gap:10px;} #masthead .topBar ul li{color: #E6EAEF; display: flex; align-items: center; gap:10px; font-size:var(--fontsize14); font-family:interbold; } #masthead .topBar ul li a{color: #E6EAEF; display: flex; align-items: center; gap:10px; font-size:var(--fontsize14); font-family:inter; } #masthead .topBar .right ul{gap:10px;} #masthead .topBar .right ul li:first-child{opacity: 0.5; font-family:interbold; } #masthead .topBar .right ul li a{color:var(--whiteColor);} .initiativesDD{position: absolute; top:70px; right:0; left:0; display: none; background-color: var(--blackColor); z-index: 22222222222} .initiativesDD .initiativesDDContainer{display: flex; align-items: center; width: var(--fullwidth); padding: 20px; max-width: var(--maxWidth); margin:0 auto;} .initiativesDD .initiativesDDContainer .column1{display: flex; color:var(--whiteColor); flex-direction: column; width: var(--fullwidth); max-width:50%;} .initiativesDD .initiativesDDContainer .column2{display: flex; color:var(--whiteColor); width: var(--fullwidth); max-width:50%;} .initiativesDD .initiativesDDContainer h1{color: var(--whiteColor); align-items: center; gap:20px; display: flex; font-family:bricolagebold; font-size:var(--fontsize48);} .initiativesDD .initiativesDDContainer h2{color:var(--blackColor2); text-align: center; font-family:interbold; font-size:var(--fontsize40);} .initiativesDD .initiativesDDContainer h3{color: var(--primaryColor); display: flex; flex-direction: column; font-family:intersemibold; font-size:var(--fontsize34);} .initiativesDD .initiativesDDContainer p{font-size:var(--fontsize16); margin:10px 0 10px; padding: 0; font-family:inter;color:var(--whiteColor);} .initiativesDD .initiativesDDContainer ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; display:grid; width: var(--fullwidth);} .initiativesDD .initiativesDDContainer ol li{display: flex; align-items: center; color:var(--whiteColor); gap:10px; justify-content: center; background-color: var(--blackColor5); border-radius: 8px; width: var(--fullwidth);} .initiativesDD .initiativesDDContainer ol li a{display: flex; padding: 20px; align-items: center; color:var(--whiteColor); gap:10px; justify-content: space-between; font-size:var(--fontsize16); background-color: var(--blackColor5); border-radius: 8px; width: var(--fullwidth);} .initiativesDD .initiativesDDContainer ol li a:hover{display: flex; align-items: center; background-color: var(--primaryColor); color:var(--whiteColor); gap:10px; justify-content: space-between; font-size:var(--fontsize16); border-radius: 8px; width: var(--fullwidth);} .menu-button-container #primary-mobile-menu .dropdown-icon{font-size: var(--fontsize14);} #masthead .initiativesLink{display: flex; align-items: center; font-size: var(--fontsize16); } #masthead .initiativesLink a{color: var(--whiteColor); font-size: var(--fontsize14); display: flex; gap:5px; align-items: center;} #masthead .initiativesLink a:hover{color: var(--primaryColor); font-size: var(--fontsize14); display: flex; gap:5px; align-items: center;} #masthead nav{display: flex; align-items: center; margin:0;} #masthead nav ul{ display:flex; margin:0; padding:0; gap:0px; align-items:center; } #masthead nav ul li{ display:flex; margin:0; position: relative; padding:0; list-style-type: none; color: var(--whiteColor); font-family:inherit;} #masthead nav ul li a{ display:flex; padding:37px 15px; text-transform: none; font-size: var(--fontsize16); text-decoration: none; color: var(--blackColor2); font-family:inherit;} #masthead nav ul li a:hover{color: var(--primaryColor);} #masthead nav ul li:first-child{margin-left: 0;} #masthead nav ul li.current-menu-item a{color:var(--primaryColor);} #masthead nav ul ul.sub-menu {position: absolute; gap:10px; top:100%; align-items: flex-start; padding: 10px 0 0 0; display: flex; flex-direction: column; background-color:var(--whiteColor); transform-origin: 0 0; transform: scale(1, 0); padding: 18px 0; z-index: 9; opacity: 0; visibility: hidden; border-radius: 6px; box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15); transition: all 0.3s ease-out 0s; min-width: 230px; border: 1px solid #f5f5f5;} #masthead nav ul ul.sub-menu::before{display: none;} #masthead nav ul ul.sub-menu li {font-family:inherit; color:var(--blackColor2); width:var(--fullwidth); padding: 5px 10px;} #masthead nav ul ul.sub-menu li a{font-family:inherit; text-transform: none; width:var(--fullwidth); color:var(--blackColor2); padding: 5px 10px; font-size: var(--fontsize16); line-height: normal;} #masthead nav ul ul.sub-menu li a:hover{ font-family:inherit;; color:var(--primaryColor); font-size: var(--fontsize16); line-height: normal;} #masthead nav ul li:hover ul.sub-menu{opacity:1; visibility: visible; transform: scale(1);} #masthead nav ul ul.sub-menu ul.sub-menu {position: absolute; display: none; top:0%; align-items: flex-start; left:100%; padding: 0px; gap:10px;display: flex; display: none; flex-direction: column; background-color:var(--whiteColor);} #masthead nav ul ul.sub-menu ul.sub-menu li {font-family:inherit; color:var(--whiteColor); width:var(--fullwidth); padding: 5px 10px;} #masthead nav ul li ul.sub-menu li:hover ul.sub-menu{display: flex;} #masthead nav ul ul.sub-menu ul.sub-menu li a{font-family:inherit; text-transform: none; width:var(--fullwidth); border-radius: 5px; padding: 5px 10px; color:var(--blackColor2); font-size: var(--fontsize16); line-height: normal;} #masthead nav ul ul.sub-menu ul.sub-menu li a:hover{ text-transform: none; background-color:transparent; font-family:inherit;; color:var(--primaryColor); font-size: var(--fontsize16); line-height: normal;} #masthead nav ul li.menu-item-has-children > a::after{content:'';position: relative; margin-top: -4px; top:50%; width:8px; height: 8px; display: inline-block; margin-right: 0.5em; margin-left:0.7em; transform: rotate(135deg); border-right:0.2em solid var(--whiteColor); border-top: 0.2em solid var(--whiteColor); font-size:var(--fontsize12); line-height: 0;} #masthead nav ul li.menu-item-has-children > ul li.menu-item-has-children a::after{transform: rotate(45deg);border-right:0.2em solid var(--greyColor2); border-top: 0.2em solid var(--greyColor2);} header .headerActions .myaccount{position: relative; margin-left:0px; display: flex; align-items: center;} header .headerActions .myaccount .myaccount_mainlink{display: flex; flex-shrink: 0; flex-direction: row; align-items: center; padding-bottom:0px; color: var(--primaryColor);font-size: 14px;} header .headerActions .myaccount .myaccount_mainlink i{display: flex; margin-right:0px;} header .headerActions .myaccount .myaccount_mainlink img{ background-color: var(--primaryColor); width: 32px; height:32px; margin:0; margin-right:0px; border-radius:50%;} header .headerActions .myaccount .accountdd {position: absolute; background-color:#fff; 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);} header .headerActions .myaccount .accountdd .accountddarrow {position: absolute; width: 0; height: 0; top: -4px; right: 12px; border-color: transparent transparent #fff; border-style: solid; border-width: 0 10px 10px;} header .headerActions .myaccount .accountdd .accountddcontainer {clear: both; overflow: hidden; padding: 0; line-height: normal; width: 100%;} header .headerActions .myaccount .accountdd h2 {clear: both; color: #000; 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(--color4);} header .headerActions .myaccount .accountdd h3 {clear: both; color: #000; 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(--color4);} header .headerActions .myaccount .accountdd ul {margin: 0; padding: 0;width: 100%; flex-direction: column; float: none; display: flex;} header .headerActions .myaccount .accountdd ul li{margin:0; padding:0;} header .headerActions .myaccount .accountdd ul li:first-child { border-top: 0 none;} header .headerActions .myaccount .accountdd ul li a {display: block; width:100%; text-decoration: none; justify-content: flex-start; align-items: flex-start; background-image: none; padding: 8px 10px; height: auto; line-height: normal; font-size: 11px; color:#000; text-transform: uppercase; text-align:left;} header .headerActions .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;} header .headerActions .myaccount .accountdd .accountddcontainer li.logout a {background-image: none;text-decoration: none; line-height: normal;height: auto; padding: 8px 10px;text-align: center; color:#000; background-color: #e6e6e6;} header .headerActions .myaccount .accountdd .accountddcontainer li.logout{margin-bottom: 0} header .headerActions .myaccount:hover .accountdd {display: flex; flex-direction: column;} header .headerActions .myaccount .accountdd .accountddcontainer li a:hover {color: #000; background-color: #e6e6e6;} /*header ends Css*/ /*Footer start*/ .no-widgets .site-footer{margin:0px 0 0; padding:0;} .site-footer{width: var(--fullwidth); margin:0; padding:0; max-width: none} .site-main{padding:0; margin:0} footer{background-color:var(--footerbg); flex-direction: column; display: flex; width: var(--fullwidth); max-width: none} footer .footer-container{display: flex; flex-direction: column; width: var(--fullwidth); max-width: var(--maxWidth); margin:0 auto; padding:60px 0px 0px;} footer .footer-container .footer-links-wrapper .footer-column{margin:0 0 25px; align-items: center; text-align: left; width: var(--fullwidth); text-align: center;} footer .footer-container .footer-links-wrapper .footer-column:first-child{margin-left: 0;} footer .footer-container .footer-links-wrapper .footer-logo img{margin:0 auto;} footer .footer-container .footer-links-wrapper{display: flex; width: var(--fullwidth); justify-content: space-between;} footer .footer-container .footer-links-wrapper ul{display: flex; margin:0; padding:0; width: var(--fullwidth); flex-direction: column;} footer .footer-container .footer-links-wrapper ul li{display: flex; width: var(--fullwidth); font-size:var(--fontsize17); color:var(--whiteColor); margin:0; margin-top: 10px;} footer .footer-container .footer-links-wrapper ul li a{font-size:var(--fontsize16); color:var(--whiteColor); font-weight: normal; text-decoration: none;} footer .footer-container .footer-links-wrapper ul li a:hover{text-decoration: underline;} footer .footer-container .footer-links-wrapper .footer-column{margin:0 30px; flex-grow: 1; flex-direction: column; width: var(--fullwidth); margin:0; display: flex; align-items: flex-start;} footer .footer-container .footer-links-wrapper .footer-column nav{margin-top: 0;} footer .footer-container .footer-links-wrapper .footer-column h2{text-align: left; position:relative; font-size:var(--fontsize20);font-weight: bold; margin:0; padding: 0; color:var(--whiteColor); margin-bottom:15px;} footer .footer-container .footer-links-wrapper .footer-column h2:after{content: ''; position: absolute; left:0; bottom:-10px; width: 40px; height: 4px; background-color: var(--whiteColor);} footer .footer-container .footer-links-wrapper .footer-logo img{max-width: none; margin-bottom: 20px; max-width:240px;} footer .footer-container .footer-links-wrapper .footer-download img{max-width: 150px;} footer .footer-container .footer-links-wrapper .footer-download p{margin-bottom: 5px;} footer .footer-container .footer-social-links{display: flex; width: var(--fullwidth); margin:20px 0; justify-content:center; color:var(--whiteColor); align-items:center; width: var(--fullwidth);} footer .footer-container .footer-social-links a{margin-left: 25px; font-size:var(--fontsize25); color:var(--whiteColor)} footer .footer-container .getInTouch{display: flex; width: var(--fullwidth);} footer .footer-container .footerLogo{margin-bottom: 30px;} footer .footer-container .footerLogo img{max-width:150px} footer .footer-container .getInTouch a{background: var(--whiteColor); color:var(--blackColor); box-shadow: 0px 0px 0px 0px} footer .footer-container .getInTouch a i{margin-left: 5px;} footer .footer-copyright{display: flex; background-color: var(--footerbg);font-size:var(--fontsize14); width: var(--fullwidth); margin:0; padding:15px 0; justify-content:center; color:var(--whiteColor); align-items:center; width: var(--fullwidth);} footer .footer-container .footer-links-wrapper .footer-column:last-child{max-width: none} footer .footer-container .footer-links-wrapper .footer-column:last-child ul{flex-direction: row; flex-wrap: wrap;} footer .footer-container .footer-links-wrapper .footer-column:last-child ul li{max-width: 50%; text-align: left} /*Footer ends*/ /*Homepage Css Start */ .page-template-homepage-php .site{padding-top: 0;} .homepageWrapper{display: flex; width: var(--fullwidth);} .homepageWrapper .homepageContainer{display: flex; flex-direction: column; width: var(--fullwidth);} .homepageWrapper .heroWrapper{display: flex; width: var(--fullwidth); padding-top:0px;} .homepageWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); flex-direction: column; align-items: center; margin:0 auto;} .homepageWrapper .heroWrapper .heroContainer .heroRight p {font-family:intersemibold; font-size:var(--fontsize18); text-align: center;} .homepageWrapper .heroWrapper .heroContainer h1{color: var(--whiteColor); align-items: center; gap:20px; display: flex; font-family:bricolagebold; font-size:var(--fontsize48);} .homepageWrapper .heroWrapper .heroContainer h1 span{background-image:url(../images/hero-blue-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width: 177px; height: 70px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize43);} .homepageWrapper .heroWrapper .heroContainer .items:nth-child(3) h1 span{background-image:url(../images/industry-ribbon.png); background-repeat: no-repeat; line-height: normal; width: 224px; height: 79px;} .homepageWrapper .heroWrapper .heroContainer .items:nth-child(2) h1 span{background-image:url(../images/creative-ribbon.png); background-repeat: no-repeat; line-height: normal; width: 226px; height: 78px;} .homepageWrapper .heroWrapper .heroContainer h2{color:var(--blackColor2); text-align: center; font-family:interbold; font-size:var(--fontsize40);} .homepageWrapper .heroWrapper .heroContainer h2 span{background: var(--defaultGradient); color: transparent; -webkit-background-clip: text;} .homepageWrapper .heroWrapper .heroContainer h3{color: var(--primaryColor); display: flex; flex-direction: column; font-family:intersemibold; font-size:var(--fontsize34);} .homepageWrapper .heroWrapper .heroContainer p{text-align: center; font-size:var(--fontsize16); margin:10px 0 10px; padding: 0; font-family:inter;color:var(--whiteColor);} .homepageWrapper .heroWrapper .heroContainer .actions{display: flex; width: var(--fullwidth); justify-content: center;} .homepageWrapper .heroWrapper .heroForm{display: flex; width: var(--fullwidth); flex-direction: column; margin-top: 30px;} .homepageWrapper .heroWrapper .heroForm label{text-align: left; font-size:var(--fontsize16); margin:0 0 10px; padding: 0; font-family:intermedium;color:var(--primaryColor);} .homepageWrapper .heroWrapper .heroForm .formWrapper{display: flex; width: var(--fullwidth);} .homepageWrapper .heroWrapper .heroForm .formWrapper div{border:1px solid var(--blackColor2); padding:5px 20px; border-radius:56px;} .homepageWrapper .heroWrapper .heroForm .formWrapper div input[type="tel"]{ padding:0; font-size:var(--fontsize16); margin:0; border:0px none; font-family:inter;} .homepageWrapper .heroWrapper .heroForm .formWrapper div select{ padding:0; min-width: 50px; margin:0; font-size:var(--fontsize16); border:0px none; font-family:inter;} .homepageWrapper .heroWrapper .heroForm a{margin-left:10px;} .homepageWrapper .heroWrapper .heroForm .formWrapper button[type="submit"]{border:0px none; margin-left:10px;} .homepageWrapper .heroWrapper .heroSlider{display: flex; width: var(--fullwidth); flex-direction: column;} .homepageWrapper .heroWrapper .items{display: flex; position: relative; gap:25px; width: var(--fullwidth); justify-content: center; align-items: flex-start;flex-direction: column;} .homepageWrapper .heroWrapper .items .industrySpecialistWrapper{display: flex; gap:15px;font-size:var(--fontsize16); color:var(--whiteColor); align-items: center;} .homepageWrapper .heroWrapper .items .industrySpecialistWrapper div{display: flex; align-items: center; justify-content: center;} .homepageWrapper .heroWrapper .items .industrySpecialistWrapper div span{width: 35px; height: 35px; border-radius: 100%; box-shadow: 0 0 0 2px var(--whiteColor);} .homepageWrapper .heroWrapper .items .overlay{position: absolute; left:0; right:0; bottom:0; gap:25px; top:0; display: flex; flex-direction: column; align-items: center; justify-content: center;} .homepageWrapper .heroWrapper .items .mainImage{object-fit: cover; width: var(--fullwidth);} .homepageWrapper .heroWrapper .items .tabs{display: flex; gap:30px; position: static; width: var(--fullwidth); color:#929BA3; align-items: center; justify-content: center; font-size:var(--fontsize16);} .homepageWrapper .heroWrapper .items .tabs .active{background-color: #8B00DF; font-family:intersemibold; color:var(--whiteColor); padding: 5px 30px; border-radius: 56px;} .homepageWrapper .heroWrapper .items .tabs span{cursor: pointer;} .homepageWrapper .heroWrapper .tabs{display: flex; gap:0px; position: relative; z-index: 2; top:18%; width: var(--fullwidth); color:#929BA3; align-items: center; justify-content: center; font-size:var(--fontsize16);} .homepageWrapper .heroWrapper .slick-dots{display: flex; gap:0px; font-size:var(--fontsize16); color:#929BA3; align-items: center; width: var(--fullwidth); justify-content: center; color: var(--whiteColor);} .homepageWrapper .heroWrapper .slick-dots span{font-family:inter; padding: 5px 20px; border-radius: 56px; color:#929BA3;} .homepageWrapper .heroWrapper .slick-dots .slick-active span{background-color: #8B00DF; font-family:inter; color:var(--whiteColor); padding: 5px 20px; border-radius: 56px;} .homepageWrapper .heroWrapper .slick-dots span{cursor: pointer;} .homepageWrapper .heroWrapper .slick-dots li{width: auto; height: auto;} .homepageWrapper .newsTickerWrapper{ display:flex; transform: skew(0deg, -2deg); background-color:var(--yellowColor2); margin: 50px auto 0; color:var(--blackColor); width:var(--fullwidth); padding:15px;} .homepageWrapper .featuresWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .homepageWrapper .featuresWrapper .featuresContainer{display: flex; width: var(--fullwidth); max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:60px 0; flex-direction: column;} .homepageWrapper .featuresWrapper .featuresContainer h2{color:var(--whiteColor); display: flex; flex-direction: column; font-family:bricolagebold; font-size:var(--fontsize40); margin:0 0 10px;} .homepageWrapper .featuresWrapper .featuresContainer p{color:var(--whiteColor); justify-content: center; display: flex; flex-direction: column; font-family:inter; font-size:var(--fontsize14); margin:0 0 80px;} .homepageWrapper .featuresWrapper .featuresContainer ol{grid-template-columns: repeat(3,minmax(0,1fr)); width: var(--fullwidth); gap:80px; display: grid; margin:0; padding:0;} .homepageWrapper .featuresWrapper .featuresContainer ol li{margin:0; min-height:256px; transition: all 0.2s ease; flex-direction: column; overflow: hidden; gap:10px; padding:25px; border-radius:24px; display: flex; width: 100%;} .homepageWrapper .featuresWrapper .featuresContainer ol li .thumb{display: flex; gap:10px;font-size:var(--fontsize16); font-family:bricolagebold; color:var(--whiteColor); align-items: center; width: var(--fullwidth);} .homepageWrapper .featuresWrapper .featuresContainer ol li .thumbContent div{display: flex; flex-direction: column; flex:1} .homepageWrapper .featuresWrapper .featuresContainer ol li .thumbContent span{display: flex; transition: all 0.2s ease; width: 32px; height: 32px; border-radius: 4px; align-items: center; justify-content: center; background-color: var(--whiteColor);} .homepageWrapper .featuresWrapper .featuresContainer ol li .thumbContent span i{color:var(--blackColor); transform: rotate(-45deg);} .homepageWrapper .featuresWrapper .featuresContainer ol li .thumbContent{display: flex; gap:20px; align-items: flex-end; justify-content: space-between; width: var(--fullwidth);} .homepageWrapper .featuresWrapper .featuresContainer ol li h3{font-size:var(--fontsize24); width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:bricolagebold;color:var(--whiteColor);} .homepageWrapper .featuresWrapper .featuresContainer ol li p{font-size:var(--fontsize14); justify-content: flex-start; align-items: flex-start; width: var(--fullwidth); margin:0px 0 0; padding: 0; font-family:inter; color:var(--whiteColor);} .homepageWrapper .featuresWrapper .featuresContainer ol li:nth-child(1){background-color: #3D1AA6} .homepageWrapper .featuresWrapper .featuresContainer ol li:nth-child(2){background-color: #F18D3A} .homepageWrapper .featuresWrapper .featuresContainer ol li:nth-child(3){background-color: #F7B32C} .homepageWrapper .featuresWrapper .featuresContainer ol li:nth-child(4){background-color: #e75036} .homepageWrapper .featuresWrapper .featuresContainer ol li:nth-child(5){background-color: #6592FD} .homepageWrapper .featuresWrapper .featuresContainer ol li:nth-child(6){background-color: #7062E3} .homepageWrapper .featuresWrapper .featuresContainer ol li .shape1{position: absolute; transition: all 0.2s ease; right:0; top:0; height: 50px; border-radius:0px 0 0 24px; width: var(--fullwidth); max-width:70%; background-color: var(--whiteColor); opacity: 0.2} .homepageWrapper .featuresWrapper .featuresContainer ol li .shape2{position: absolute; transition: all 0.2s ease; left:0; bottom:-240px; height: 374px; flex-shrink: 0; border-radius:100%; width: var(--fullwidth); background-color: var(--whiteColor); opacity: 0.2} .homepageWrapper .featuresWrapper .featuresContainer ol li{position: relative;} .homepageWrapper .featuresWrapper .featuresContainer ol li a{display: flex; justify-content: space-between; flex-direction: column; height: 100%} .homepageWrapper .featuresWrapper .featuresContainer ol li:hover .shape1{max-width: 100%} .homepageWrapper .featuresWrapper .featuresContainer ol li:hover .shape2{bottom:-190px} .homepageWrapper .featuresWrapper .featuresContainer ol li:hover .thumbContent span{transform: translate(0px, -10px);} .homepageWrapper .infoBannerWrapper{display: flex; width: var(--fullwidth); max-width:1000px; margin:50px auto 0; border-radius:31px; background: url(../images/opportunities-wave-lines.png),var(--defaultGradient); background-repeat: repeat;} .homepageWrapper .infoBannerWrapper .infoBannerContainer{display: flex; width: var(--fullwidth); align-items: center; padding:30px 0; flex-direction: column;} .homepageWrapper .infoBannerWrapper .infoBannerContainer h2{color: var(--whiteColor); display: flex; margin-bottom: 30px; font-family:inter; font-size:var(--fontsize24);} .homepageWrapper .infoBannerWrapper .infoBannerContainer h2 strong{margin-left: 10px; font-family:interbold;} .homepageWrapper .infoBannerWrapper .infoBannerContainer ol{display: flex; margin:0; padding:0; flex-wrap: wrap; list-style-type: none; width: var(--fullwidth); justify-content: center} .homepageWrapper .infoBannerWrapper .infoBannerContainer ol li{margin:5px;} .homepageWrapper .infoBannerWrapper .infoBannerContainer ol li a{background-color: var(--whiteColor); font-size:var(--fontsize16); font-family:intermedium; padding: 5px 20px; border-radius: 56px; color: var(--primaryColor);} .homepageWrapper .opportunitiesWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0; background-image:url(../images/curve-dotted-line.png); background-repeat:no-repeat; background-position: 100% 70%;} .homepageWrapper .opportunitiesWrapper .opportunitiesContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px; max-width: var(--maxWidth); margin:0 auto; flex-direction: column;} .homepageWrapper .opportunitiesWrapper .opportunitiesContainer h2{color: var(--blackColor2); display: flex; flex-direction: column; margin-bottom:0px; font-family:inter; font-size:var(--fontsize24);} .homepageWrapper .opportunitiesWrapper .opportunitiesContainer h2 strong{margin-left:0px; color: var(--primaryColor); font-family:interbold; margin-top: 5px;} .homepageWrapper .skillGapWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0; background: var(--secondaryGradient);} .homepageWrapper .skillGapWrapper .skillGapContainer{display: flex; width: var(--fullwidth); background-position:center 36%; background-image:url(../images/SkillGapCircle.png); background-repeat: no-repeat; align-items: flex-start; padding:30px 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .homepageWrapper .skillGapWrapper .skillGapContainer h2{color: var(--blackColor2); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom: 30px; font-family:inter; font-size:var(--fontsize24);} .homepageWrapper .skillGapWrapper .skillGapContainer h2 strong{margin-left:0px; color: var(--primaryColor); font-family:interbold; margin-top: 5px;} .homepageWrapper .skillGapWrapper .skillGapContainer ol{display: flex; justify-content: space-between; flex-wrap: wrap; width: var(--fullwidth); list-style-type: none;} .homepageWrapper .skillGapWrapper .skillGapContainer .content{display: flex; flex-direction: column;} .homepageWrapper .skillGapWrapper .skillGapContainer ol li{flex-grow: 1} .homepageWrapper .skillGapWrapper .skillGapContainer ol + ol{justify-content: center} .homepageWrapper .skillGapWrapper .skillGapContainer ol li h2{color: var(--blackColor2); width: var(--fullwidth); text-align: center; display: flex; margin-bottom:10px; font-family:interbold; font-size:var(--fontsize18);} .homepageWrapper .skillGapWrapper .skillGapContainer ol li p{color: var(--lightColor); justify-content: center; width: var(--fullwidth); text-align: center; display: flex; margin-bottom:0px; font-family:inter; font-size:var(--fontsize15);} .homepageWrapper .skillGapWrapper .skillGapContainer ol li:nth-child(1){max-width: 38%; margin-bottom: 20px;} .homepageWrapper .skillGapWrapper .skillGapContainer ol li:nth-child(2){max-width: 38%; margin-bottom: 20px;} .homepageWrapper .skillGapWrapper .skillGapContainer ol li:nth-child(3){max-width: 35%} .homepageWrapper .beReadyWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .homepageWrapper .beReadyWrapper .beReadyContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .homepageWrapper .beReadyWrapper .beReadyContainer h2{color: var(--blackColor2); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom: 50px; font-family:inter; font-size:var(--fontsize28);} .homepageWrapper .beReadyWrapper .beReadyContainer h3{color: var(--blackColor2); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:10px; font-family:intersemibold; font-size:var(--fontsize18);} .homepageWrapper .beReadyWrapper .beReadyContainer h2 strong{margin-left:0px; color: var(--primaryColor); font-family:interbold; margin-bottom: 5px; font-size:var(--fontsize30);} .homepageWrapper .beReadyWrapper .beReadyContainer .content{display: flex; width: var(--fullwidth);} .homepageWrapper .beReadyWrapper .beReadyContainer .charttWrapper{display: flex; width: var(--fullwidth); flex-direction: column;} .homepageWrapper .beReadyWrapper .beReadyContainer .charttWrapper .growthValue{display: flex; width: var(--fullwidth); justify-content: center; margin-top: 15px;} .homepageWrapper .beReadyWrapper .beReadyContainer .charttWrapper .growthValue span{background-color: var(--secondaryColor); border-radius:10px; padding:5px 15px; font-size:var(--fontsize13); color:var(--lightColor);} .homepageWrapper .beReadyWrapper .beReadyContainer .charttWrapper .growthValue span div{color:var(--greenColor); justify-content: center; display: flex; align-items: center; padding:0px; font-family:intermedium; text-align: center; font-size:var(--fontsize16);} .homepageWrapper .beReadyWrapper .beReadyContainer .charttWrapper .growthValue span div i{margin-left: 5px; margin-top: 10px; font-size:var(--fontsize29);} .homepageWrapper .beReadyWrapper .beReadyContainer .contentLeft{display: flex; flex-direction: column; max-width: 55%; width: var(--fullwidth);} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight{display: flex; align-items: flex-start; width: var(--fullwidth); max-width: 45%; margin-left: 40px;} .homepageWrapper .beReadyWrapper .beReadyContainer select{border:1px solid var(--blackColor2); border-radius:5px; font-size:var(--fontsize16); padding:8px 10px;} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight ol{display: flex; list-style-type: none; width: var(--fullwidth); flex-wrap: wrap;} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li {flex-direction: column; max-width: 40%; margin:15px; width: var(--fullwidth); flex-grow: 1; box-shadow: 0px 2.11671px 13.2294px rgba(41, 34, 103, 0.15); border-radius:10px;} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li p{background-color: var(--secondaryColor); text-align: center; color:var(--blackColor2); min-height: 85px; padding:15px; font-family:intermedium; font-size:var(--fontsize16);} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li h4{color:var(--yellowColor); padding:15px 15px 0; text-align: center; font-size:var(--fontsize24);} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li div{color:var(--greenColor); justify-content: center; display: flex; align-items: center; padding:15px 15px; font-family:inter; text-align: center; font-size:var(--fontsize20);} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li div i{margin-left: 5px; margin-top: 10px; font-size:var(--fontsize29);} .homepageWrapper .displayCoursesWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px 0 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer h2{color: var(--whiteColor); justify-content: center; gap:5px; width: var(--fullwidth); text-align: center; display: flex; margin-bottom:10px; font-family:inter; font-size:var(--fontsize28);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer h3{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:10px; font-family:intersemibold; font-size:var(--fontsize18);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer h2 strong{margin-left:0px; color:var(--whiteColor); font-family:bricolagebold; margin-bottom: 5px; font-size:var(--fontsize30);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesHeading{display: flex; align-items: center; justify-content: center; width: var(--fullwidth); margin: 0 0 40px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesHeading span{background-image:url(../images/courses-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width: 158px; height: 59px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper {display: flex; width:var(--fullwidth); justify-content: center; border-bottom:0px solid #E6EBF7;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider{display: flex; gap:15px; align-items: center; justify-content: center; width:100%; margin: 0; padding:0px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .items{display: flex; align-items: center;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .items a{border: 0px solid #E6EBF7; min-width: 150px; background-color: var(--lightBlackColor); text-wrap:nowrap; justify-content: center; font-size: var(--fontsize15); color:var(--whiteColor); margin-left:0px; padding:5px 20px; display: flex; align-items: center; text-decoration: none; font-family:inter; border-radius:6px; } .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .items a:hover{background: var(--primaryColor); color: var(--whiteColor); color: var(--whiteColor);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .items a.active{background: var(--primaryColor); color: var(--whiteColor);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .items:first-child a{margin-left: 0;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .slick-dots{bottom:-45px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .slick-prev:before, .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .slick-next:before{color:var(--primaryColor);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .slick-dots li.slick-active a i{background-color: var(--primaryColor);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper .tabSlider .slick-dots li a i{width:12px; height:12px; display: flex; border-radius:100%; background-color: var(--greyColor1);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabcontents{display: none; width: 100%; display: flex; align-items: flex-start;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .actions{display: flex; justify-content: center; align-items: center; width: var(--fullwidth);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .actions a{font-size: var(--fontsize14); padding: 5px 20px; border-radius: 56px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper{ display: flex; width: 100%; flex-direction: column; padding: 15px 0;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .courseContent{display: flex; flex-direction: column; height: 60px; overflow: hidden; transition: all 0.2s ease; background-color: var(--blackColor); left:0; border-radius: 10px 10px; right:0; padding: 10px; position: absolute; bottom:0;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper h4{color:var(--blackColor); font-size: var(--fontsize16); font-family:interbold; font-weight: 700; line-height: 48px; margin: 0 0 0px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .courseThumb{max-height: none; overflow: hidden;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .courseThumb img{border-radius: 5px 5px 0 0; aspect-ratio: 1/1; object-fit: cover; border-radius: 20px; min-height: 300px; max-height: 300px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items {display: flex; position: relative; transition: all 0.2s ease; border:2px solid var(--whiteColor); max-width: 230px; width: 230px; margin: 10px 7px; border-radius:20px 20px 10px 10px; background-color:var(--whiteColor); width: 100%; padding:0; flex-direction: column;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items h2{color:var(--whiteColor); justify-content: flex-start; text-align: left; min-height: 58px; font-size: var(--fontsize16); font-family:bricolagebold; font-weight: 700; line-height: initial; margin: 0 0 10px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .duration{display: flex; width: 100%; opacity: 0; visibility: hidden; gap:5px; color: var(--whiteColor); font-size: var(--fontsize14); align-items: center; margin-bottom: 5px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .duration i{color: var(--whiteColor);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .rating{display: flex; width: 100%; opacity: 0; visibility: hidden; font-size: var(--fontsize12); font-family:inter; color: var(--whiteColor); align-items: center; margin-bottom: 5px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .rating i{ margin-right: 5px; color:var(--yellowColor);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .offeredBy{display: flex; font-size: var(--fontsize10); margin: 10px 0; align-items: center; color: var(--blackColor); width: 100%; justify-content: center;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .offeredBy span{font-size: var(--fontsize10); color: #8E9AB6;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .offeredBy img{max-width: 50px; margin: 0 5px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .actions{display: flex; opacity: 0; visibility: hidden; border-top:1px solid var(--lightBlackColor); align-items: center; justify-content: space-between; width: 100%;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .actions span{font-size: var(--fontsize12); color: var(--whiteColor);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .actions div{display: flex; align-items: center;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .actions div del{font-size: var(--fontsize12); color: var(--whiteColor); margin-right: 5px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items .actions div ins{font-size: var(--fontsize18); outline: 0px none; text-decoration: none; color:#219653; font-family:interbold; } .homepageWrapper .displayCoursesContainer .coursesSlider{width: var(--fullwidth);} .homepageWrapper .displayCoursesContainer .coursesSlider .slick-list{width: var(--fullwidth);} .homepageWrapper .displayCoursesContainer .coursesSlider .slick-track{width: var(--fullwidth);} .homepageWrapper .displayCoursesContainer .slick-slider { margin:0 0px; opacity: 0; visibility: hidden;} .homepageWrapper .displayCoursesContainer .slick-slider.slick-initialized{ opacity: 1; visibility: visible;} .homepageWrapper .displayCoursesContainer .slick-slide {margin-right:10px; margin-left:10px;} .homepageWrapper .displayCoursesContainer .coursesSlider .slick-dots{bottom:-45px;} .homepageWrapper .displayCoursesContainer .coursesSlider .slick-prev:before, .homepageWrapper .displayCoursesContainer .coursesSlider .slick-next:before{color:var(--primaryColor);} .homepageWrapper .displayCoursesContainer .coursesSlider .slick-dots li.slick-active a i{background-color: var(--primaryColor);} .homepageWrapper .displayCoursesContainer .coursesSlider .slick-dots li a i{width:12px; height:12px; display: flex; border-radius:100%; background-color: var(--greyColor1);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items:hover .courseContent{height: 160px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items:hover .duration{opacity: 1; visibility: visible;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items:hover .rating{opacity: 1; visibility: visible;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper .coursesSlider .items:hover .actions{opacity: 1; visibility: visible;} .homepageWrapper .aboutMescWrapper{display: flex; width: var(--fullwidth); margin:0px auto 0; background: var(--blackColor3);} .homepageWrapper .aboutMescWrapper .aboutMescContainer{display: flex; width: var(--fullwidth);max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:50px 0; flex-direction: column;} .homepageWrapper .aboutMescWrapper .aboutMescContainer h2{color: var(--whiteColor); width: var(--fullwidth); display: flex; gap:10px; font-family:bricolagebold; font-size:var(--fontsize28);} .homepageWrapper .aboutMescWrapper .aboutMescContainer h2 span{background-image:url(../images/about-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:217px; height:67px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .homepageWrapper .aboutMescWrapper .aboutMescContainer h3{color: var(--yellowColor2); width: auto; display: flex; flex-direction: column; margin-bottom:0px; font-family:bricolagebold; font-size:var(--fontsize32);} .homepageWrapper .aboutMescWrapper .aboutMescContainer p{color: var(--whiteColor); width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize15);} .homepageWrapper .aboutMescWrapper .aboutMescContainer p + p{font-family:inter; } .homepageWrapper .aboutMescWrapper .aboutMescContainer h2 strong{color: transparent; background: var(--defaultGradient); -webkit-background-clip: text; font-family:interbold; margin-bottom:5px; font-size:var(--fontsize28);} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:80px; display: grid; margin:0; padding:0;} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li{margin:0; flex-direction: column; gap:30px; padding:0px; border-radius: 8px; display: flex; width: 100%;} .homepageWrapper .aboutMescWrapper .aboutMescContainer ul {display: flex; flex-direction: column; gap:10px;} .homepageWrapper .aboutMescWrapper .aboutMescContainer ul li{margin:0; gap:10px; margin-inline-start: 20px; display: list-item; list-style-type: disc; padding:0px; border-radius: 8px; width: 100%; color: var(--whiteColor); margin-bottom:0px; font-family:inter; font-size:var(--fontsize16);} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:30px; display: grid;} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol li{border-radius: 12px; background: linear-gradient(0deg, rgba(66,66,66,1) 0%, rgba(54,54,54,1) 100%); display: flex; justify-content: center; flex-direction: column; gap:15px; padding: 15px;} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol li i{width: 88px; background-color: var(--blackColor4); height: 88px; display: flex; align-items: center; justify-content: center; border-radius: 100%} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol li:nth-child(1) h3 {color:#FFC340} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol li:nth-child(2) h3 {color:#F18D3A} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol li:nth-child(3) h3 {color:#7062E3} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol li:nth-child(4) h3 {color:#E96842} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol li div{display: flex; flex-direction: column; gap:10px;} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol li p{font-family:bricolagebold; } .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol li p + p{font-family:inter; } .homepageWrapper .homeCounterWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .homepageWrapper .homeCounterWrapper .homeCounterContainer{display: flex; width: var(--fullwidth);max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:30px 0; flex-direction: column;} .homepageWrapper .homeCounterWrapper .homeCounterContainer h2{color: var(--whiteColor); width: var(--fullwidth); text-align: center; display: flex; gap:10px; font-family:inter; font-size:var(--fontsize28);} .homepageWrapper .homeCounterWrapper .homeCounterContainer h3{color: var(--whiteColor); text-align: center; display: flex; flex-direction: column; margin-bottom:0px; font-family:intersemibold; font-size:var(--fontsize28);} .homepageWrapper .homeCounterWrapper .homeCounterContainer p{color: var(--whiteColor); text-align: center; margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .homepageWrapper .homeCounterWrapper .homeCounterContainer p + p{font-size:var(--fontsize12); min-height: unset;} .homepageWrapper .homeCounterWrapper .homeCounterContainer ol{grid-template-columns: repeat(4,minmax(0,1fr)); gap:30px; display: grid; margin:0; padding:0;} .homepageWrapper .homeCounterWrapper .homeCounterContainer ol li{border-radius: 12px; display: flex; justify-content: center; flex-direction: column; gap:15px; padding: 15px;} .homepageWrapper .homeCounterWrapper .homeCounterContainer ol li:nth-child(1){background-color: #3EBDA0} .homepageWrapper .homeCounterWrapper .homeCounterContainer ol li:nth-child(2){background-color: #E85222} .homepageWrapper .homeCounterWrapper .homeCounterContainer ol li:nth-child(3){background-color: #EF7F1A} .homepageWrapper .homeCounterWrapper .homeCounterContainer ol li:nth-child(4){background-color: #F9B101} .homepageWrapper .homeNewsWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .homepageWrapper .homeNewsWrapper .homeNewsContainer{display: flex; width: var(--fullwidth);max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:30px 0; flex-direction: column;} .homepageWrapper .homeNewsWrapper .homeNewsContainer h2{color:var(--blackColor); display: flex; width: var(--fullwidth); font-family:bricolagebold; margin-bottom:10px; font-size:var(--fontsize28);} .homepageWrapper .homeNewsWrapper .homeNewsContainer h2 span{background-image:url(../images/news-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:278px; height:80px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .homepageWrapper .homeNewsWrapper .homeNewsContainer p{display: flex; width: var(--fullwidth); color: var(--whiteColor); font-size: var(--fontsize14); font-family:inter; font-weight: 400; line-height: 24px; margin: 0 0 10px;} .homepageWrapper .homeNewsWrapper .homeNewsContainer .newsSlider{display: flex; width: var(--fullwidth);} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper{ display: flex; width: var(--fullwidth); padding: 15px 0;} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper h4{color:var(--whiteColor); font-size: var(--fontsize14); font-family:bricolagebold; font-weight: 700; margin: 0 0 0px;} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper .items .courseThumb{max-height: none; overflow: hidden;} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper .items .courseThumb img{border-radius: 5px 5px 0 0; aspect-ratio: 1/1; object-fit: cover; border-radius: 20px;} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper .items{display: flex; position: relative; border: 2px solid transparent; max-width: 300px; margin: 10px 7px; border-radius:20px; background-color:var(--whiteColor); background-color: transparent; width: 100%; padding:0; flex-direction: column;} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper .items .desc{display: flex; width: 100%;} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper .items .date{display: flex; width: 100%; color: var(--whiteColor); font-size: var(--fontsize14); font-family:inter; } .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper .items .desc p{color: var(--whiteColor); word-break: break-word; justify-content: flex-start; text-align: left; font-size: var(--fontsize14); font-family:inter; font-weight: 400; line-height: initial; margin: 0 0 0px;} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper .courseContent{display: flex; align-items: center; border-radius:15px; position: absolute; bottom:0; padding: 10px; overflow: hidden; left:0; right:0; background-color: var(--lightBlackColor); transition: all 0.2s ease; flex-direction: row; gap:15px; padding: 10px;} .homepageWrapper .homeNewsContainer .newsSlider .slick-list{width: var(--fullwidth);} .homepageWrapper .homeNewsContainer .newsSlider .slick-track{width: var(--fullwidth); margin-left: 0;} .homepageWrapper .homeNewsContainer .slick-slider { margin:0 0px;} .homepageWrapper .homeNewsContainer .slick-slide {margin-right:10px; margin-left:10px;} .homepageWrapper .homeNewsContainer .newsSlider .slick-dots{bottom:-45px;} .homepageWrapper .homeNewsContainer .newsSlider .slick-prev:before, .homepageWrapper .homeNewsContainer .newsSlider .slick-next:before{color:var(--primaryColor);} .homepageWrapper .homeNewsContainer .newsSlider .slick-dots li.slick-active a i{background-color: var(--primaryColor);} .homepageWrapper .homeNewsContainer .newsSlider .slick-dots li a i{width:12px; height:12px; display: flex; border-radius:100%; background-color: var(--greyColor1);} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper .items .block{display: flex; flex:1; gap:10px; flex-direction: column;} .homepageWrapper .homeNewsWrapper .homeNewsContainer .coursesWrapper .items .courseContent span i {color:var(--whiteColor); transform:rotate(-45deg);} .homepageWrapper .bannerWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .homepageWrapper .bannerWrapper .bannerContainer{display: flex; width: var(--fullwidth);max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:30px 0; flex-direction: column;} .homepageWrapper .bannerWrapper .bannerContainer .bannerSlider{display: flex; width: var(--fullwidth); margin:0 auto; max-width: 1000px;} .homepageWrapper .bannerContainer .bannerSlider .slick-list{width: var(--fullwidth);} .homepageWrapper .bannerContainer .bannerSlider .slick-track{width: var(--fullwidth);} .homepageWrapper .bannerContainer .slick-slider { margin:0 0px;} .homepageWrapper .bannerContainer .slick-slide {margin-right:10px; margin-left:10px;} .homepageWrapper .bannerContainer .bannerSlider .slick-dots{bottom:-45px;} .homepageWrapper .bannerContainer .bannerSlider .slick-prev:before, .homepageWrapper .bannerContainer .bannerSlider .slick-next:before{color:var(--primaryColor);} .homepageWrapper .bannerContainer .bannerSlider .slick-dots li.slick-active a i{background-color: var(--primaryColor);} .homepageWrapper .bannerContainer .bannerSlider .slick-dots li a i{width:12px; height:12px; display: flex; border-radius:100%; background-color: var(--greyColor1);} .headetTopBar{position:fixed; top:0; background-color: #FFE8B6; gap:10px; color:var(--blackColor2); display: flex; padding: 10px; z-index: 22000000; right:0; left:0; font-size: var(--fontsize14); justify-content: center; align-items: center;} .headetTopBar div{display: flex; align-items: center; gap:10px;} .headetTopBar span{font-family:interbold;} .headetTopBar .closeLink{position: absolute; right:10px; font-size: var(--fontsize18);} .headerTopBarHide .headetTopBar{display: none;} .headerTopBarHide #masthead{top:0;} .lp-archive-courses .course-thumbnail .thumbnail .centered{min-height: 300px; max-height: 300px; border: 1px solid var(--whiteColor);} .homepageWrapper .homeGoverningWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer{display: flex; width: var(--fullwidth); max-width: var(--maxWidth); margin:0 auto; align-items: flex-start; padding:30px 0; flex-direction: column;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer h2{color:var(--blackColor); display: flex; width: var(--fullwidth); font-family:bricolagebold; margin-bottom:10px; font-size:var(--fontsize28);} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer h2 span{background-image:url(../images/council-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:312px; height:65px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .left{display: flex; flex-direction: column; max-width: 40%; width: var(--fullwidth);} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer p{display: flex; width: var(--fullwidth); justify-content: center; color: var(--whiteColor); font-size: var(--fontsize16); font-family:inter; font-weight: 400; line-height: 24px; margin: 0 0 10px;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .governingSlider{display: flex; width: 60%;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper{ display: flex; gap:40px; width: var(--fullwidth); padding: 15px 0;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper h4{color:var(--whiteColor); font-size: var(--fontsize16); font-family:bricolagebold; font-weight: 700; margin: 0 0 0px;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper .items .governingThumb{max-height:288px; overflow: hidden;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper .items .governingThumb img{border-radius: 5px 5px 0 0; width: 100%; object-fit: cover;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper .items{display: flex; border:2px solid var(--whiteColor); max-width: 300px; min-width: 300px; margin: 10px 7px; border-radius: 9.83871px; background-color:var(--blackColor); width: 100%; padding:0; flex-direction: column;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper .items .desc{display: flex; width: 100%;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper .items .desc p{color: var(--whiteColor); word-break: break-word; justify-content: flex-start; text-align: left; font-size: var(--fontsize14); font-family:inter; font-weight: 400; line-height: initial; margin: 0 0 0px;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper .items .desc + .desc p{color: var(--whiteColor); word-break: break-word; justify-content: flex-start; text-align: left; font-size: var(--fontsize14); font-family:inter; font-weight: 400; line-height: initial; margin: 0 0 0px;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper .governingContent{display: flex; flex-direction: column; gap:10px; padding: 10px;} .homepageWrapper .homeGoverningWrapper .governingSlider .slick-list{width: var(--fullwidth);} .homepageWrapper .homeGoverningWrapper .governingSlider .slick-track{width: var(--fullwidth); margin-left: 0;} .homepageWrapper .homeGoverningWrapper .slick-slider { margin:0 0px;} .homepageWrapper .homeGoverningWrapper .slick-slide {margin-right:10px; margin-left:10px;} .homepageWrapper .homeGoverningWrapper .governingSlider .slick-dots{bottom:-45px;} .homepageWrapper .homeGoverningWrapper .governingSlider .slick-prev:before, .homepageWrapper .homeGoverningContainer .governingSlider .slick-next:before{color:var(--primaryColor);} .homepageWrapper .homeGoverningWrapper .governingSlider .slick-dots li.slick-active a i{background-color: var(--primaryColor);} .homepageWrapper .homeGoverningWrapper .governingSlider .slick-dots li a i{width:12px; height:12px; display: flex; border-radius:100%; background-color: var(--greyColor1);} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .actions{display: flex; width: var(--fullwidth); margin-top: 20px;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .actions a{line-height: normal; font-size: var(--fontsize14); padding: 5px 20px;} .homepageWrapper .experimentalNewWrapper{display: flex; width: var(--fullwidth); } .homepageWrapper .experimentalNewContainer{display: flex; width: var(--fullwidth); position: relative; min-height: 100vh; flex-direction: column; max-width: var(--maxWidth); max-width: none; margin:0 auto; padding:30px 0;} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h2{color: var(--whiteColor); align-items: center; width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:inter; font-size:var(--fontsize28);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h2 + h2{margin-bottom:40px; position: static;} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .contentHeader{position: absolute; top:30px; z-index:3; right:0; left:0; width: var(--fullwidth);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h2 + h2 div{display: flex; align-items: center; justify-content: center} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h3{color: var(--whiteColor); width: auto; gap:5px; display: flex; flex-direction: column; margin-bottom:10px; font-family:intersemibold; font-size:var(--fontsize23);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer p{color: var(--whiteColor); max-width: 80%; width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize16);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h2 strong{color:var(--whiteColor); font-family:bricolagebold; margin-bottom:5px; font-size:var(--fontsize30);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h2 div{display: flex; align-items: center; font-family:bricolagebold; justify-content: flex-start; gap:10px; width: var(--fullwidth);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h2 span{background-image:url(../images/upskill-ribbon.png); font-family:bricolagebold; background-repeat: no-repeat; line-height: normal; align-items: center; width: 158px; height: 59px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h2 i{background-image:url(../images/employability-ribbon.png); font-family:bricolagebold; background-repeat: no-repeat; line-height: normal; align-items: center; width:328px; height:89px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .space-holder{position: relative; width: var(--fullwidth);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .space-holder .sticky{position: sticky; top: 0; height:100vh; width: 100%; overflow-x: hidden;} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .horizontal { position: absolute; height: 100%; will-change: transform;} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .horizontal .cards {position: relative; height: 100%; padding: 0 0 0 150px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .horizontal .cards .sample-card {position: relative; background-color:var(--blackColor); padding: 20px; margin-right:0px; flex-shrink: 0;} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .content{align-items: center; font-family:interbold; margin-bottom:0px; font-size:var(--fontsize40); color:var(--primaryColor); flex-grow: 1; display: flex; align-items: center;} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .left{display: flex; width: var(--fullwidth); flex-direction: column; max-width:none;; max-width:70%; } .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .right{display: flex; align-items: flex-start; flex-direction: column; max-width:30%; width: var(--fullwidth);} .homepageWrapper .globalCommunityWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0; background-image:url(../images/curve-dotted-line.png); background-repeat:no-repeat; background-position: 100% 60%;} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px 0; flex-direction: column;} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer h2{color: var(--blackColor2); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom: 50px; font-family:inter; font-size:var(--fontsize28);} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer h3{color: var(--blackColor2); width: auto; display: flex; flex-direction: column; margin-bottom:10px; font-family:intersemibold; font-size:var(--fontsize23);} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer p{color: var(--lightColor); max-width: 80%; width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize16);} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer h2 strong{margin-left:0px; color: var(--primaryColor); font-family:interbold; margin-bottom: 5px; font-size:var(--fontsize30);} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer .content{display: flex; justify-content: center; width: var(--fullwidth);} .homepageWrapper .invitingWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .homepageWrapper .invitingWrapper .invitingContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px 0; flex-direction: column;} .homepageWrapper .invitingWrapper .invitingContainer h2{color: var(--blackColor2); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom: 50px; font-family:inter; font-size:var(--fontsize28);} .homepageWrapper .invitingWrapper .invitingContainer h3{color: var(--blackColor2); width: auto; display: flex; flex-direction: column; margin-bottom:10px; font-family:intersemibold; font-size:var(--fontsize23);} .homepageWrapper .invitingWrapper .invitingContainer p{color: var(--lightColor); max-width: 80%; width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize16);} .homepageWrapper .invitingWrapper .invitingContainer h2 strong{margin-left:0px; color: var(--primaryColor); font-family:interbold; margin-bottom: 5px; font-size:var(--fontsize30);} .homepageWrapper .invitingWrapper .invitingContainer .content{display: flex; justify-content: center; max-width: 70%; margin:20px auto; width: var(--fullwidth);} .homepageWrapper .invitingWrapper .invitingContainer .actions{display: flex; justify-content: center; margin-top: 30px; width: var(--fullwidth);} .homepageWrapper .invitingWrapper .invitingContainer .actions i{margin-left: 5px;} .homepageWrapper .faqWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0; background-image: url(https://d1ujx41ciyykh6.cloudfront.net/wp-content/uploads/2024/02/28030303/faq-bg.png); background-repeat: no-repeat; background-position: right top} .homepageWrapper .faqWrapper .faqContainer{display: flex; width: var(--fullwidth); align-items: flex-start; margin:0 auto; max-width:1000px; padding:30px 0; flex-direction: column;} .homepageWrapper .faqWrapper .faqContainer h2 div{display: flex; align-items: center; gap:15px; justify-content: center;} .homepageWrapper .faqWrapper .faqContainer h2{color: var(--whiteColor); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom: 50px; font-family:bricolagebold; font-size:var(--fontsize28);} .homepageWrapper .faqWrapper .faqContainer h2 span{background-image:url(../images/faq-ribbon.png); background-repeat: no-repeat; line-height: normal; align-items: center; width:217px; height:67px; align-items: center; justify-content: center; display: flex; color: var(--blackColor2); font-family:bricolagebold; font-size:var(--fontsize32);} .homepageWrapper .faqWrapper .faqContainer .accordionSection{display: flex; flex-direction: column; width: 100%;} .homepageWrapper .faqWrapper .faqContainer .accordionSection .accordion{ transition: all 0.2s ease; border-bottom:1px solid var(--whiteColor); margin-top: 8px; cursor: pointer; background-color:var(--blackColor); font-size:var(--fontsize16);color:var(--whiteColor); padding: 15px; border-radius:0px;} .homepageWrapper .faqWrapper .faqContainer .accordionSection .panel { transition: all 0.2s ease; padding:18px 18px; opacity: 0; display: none; visibility: hidden; font-size: 15px; line-height:30px; background-color:var(--blackColor); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .homepageWrapper .faqWrapper .faqContainer .accordionSection .accordion.active:after {content: "\2212";} .homepageWrapper .faqWrapper .faqContainer .accordionSection .accordion.active, .homepageWrapper .faqWrapper .accordionSection .accordion:hover { border-bottom:1px solid var(--whiteColor);} .homepageWrapper .faqWrapper .faqContainer .accordionSection .accordion.active{border-bottom:0px none; border-radius: 5px 5px 0px 0px;} .homepageWrapper .faqWrapper .faqContainer .accordionSection .accordion.active + .panel{padding: 18px; flex-direction: column; gap:20px; border-bottom:1px solid var(--whiteColor); color: var(--whiteColor); border-radius: 0 0 5px 5px; border-top:0px none; opacity: 1; visibility: visible; display: flex; max-height: inherit !important;} .homepageWrapper .faqWrapper .faqContainer .accordionSection .accordion:after {content: '\002B'; color: var(--whiteColor); font-weight: bold; float: right; margin-left: 5px;} .homepageWrapper .contactusWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0; background-image: url(https://d1ujx41ciyykh6.cloudfront.net/wp-content/uploads/2024/02/28030352/contactus-bg.png); background-repeat: no-repeat;} .homepageWrapper .contactusWrapper .contactusContainer{display: flex; width: var(--fullwidth); align-items: flex-start; margin:0 auto; max-width: var(--maxWidth); padding:30px 0; flex-direction: column;} .homepageWrapper .contactusWrapper .contactusContainer h2{color: var(--whiteColor); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom: 50px; font-family:bricolagebold; font-size:var(--fontsize48);} .homepageWrapper .contactusWrapper .contactusContainer .formWrapper{display: flex; width: var(--fullwidth); max-width: 400px; margin:0 auto; justify-content: center; align-items: center;} .homepageWrapper .contactusWrapper .contactusContainer .formWrapper .fluentform{display: flex; width: var(--fullwidth); flex-direction: column;} .homepageWrapper .contactusWrapper .contactusContainer .formWrapper .fluentform .ff-el-input--label{display: none;} .homepageWrapper .contactusWrapper .contactusContainer .formWrapper .fluentform input[type="text"]{font-size:var(--fontsize14); color:var(--whiteColor); background-color: var(--blackColor4); bordeR:0px none; font-family:inter;} .homepageWrapper .contactusWrapper .contactusContainer .formWrapper .fluentform input[type="email"]{font-size:var(--fontsize14); color:var(--whiteColor); background-color: var(--blackColor4); bordeR:0px none; font-family:inter;} .homepageWrapper .contactusWrapper .contactusContainer .formWrapper .fluentform input[type="number"]{font-size:var(--fontsize14); color:var(--whiteColor); background-color: var(--blackColor4); bordeR:0px none; font-family:inter;} .homepageWrapper .contactusWrapper .contactusContainer .formWrapper .fluentform input[type="tel"]{font-size:var(--fontsize14); color:var(--whiteColor); background-color: var(--blackColor4); bordeR:0px none; font-family:inter;} /*Homepage Css end */ /*detailpage Css start */ .detailpageWrapper{display: flex; width: var(--fullwidth); flex-direction: column;} .detailpageWrapper .heroWrapper{display: flex; width: var(--fullwidth);} .detailpageWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); justify-content: space-between; align-items: flex-start; margin:0 auto; max-width: var(--maxWidth); padding:0px 0;} .detailpageWrapper .heroWrapper .heroLeft{display: flex; width: var(--fullwidth); flex-direction: column; max-width: 50%} .detailpageWrapper .heroWrapper .heroLeft h1{ width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom: 10px; font-family:interbold; font-size:var(--fontsize26);} .detailpageWrapper .heroWrapper .heroLeft p{margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .detailpageWrapper .heroWrapper .heroLeft .duration{display: flex; width:100%; margin-top: 15px;} .detailpageWrapper .heroWrapper .heroLeft .duration div{display: flex; font-size:var(--fontsize15); align-items: center; margin-left: 15px; border-left:1px solid var(--lightColor); padding-left:15px; } .detailpageWrapper .heroWrapper .heroLeft .duration div span{color:var(--primaryColor); margin-left: 10px; font-family:intersemibold; font-size:var(--fontsize15); } .detailpageWrapper .heroWrapper .heroLeft .duration div:first-child{margin-left: 0; padding-left: 0; border:0px none;} .detailpageWrapper .heroWrapper .heroLeft .duration div i{margin-right:0px;} .detailpageWrapper .heroWrapper .heroRight{display: flex; position: relative; width: var(--fullwidth); max-width:34%; margin-left: 40px;} .detailpageWrapper .heroWrapper .heroRight img{border-radius:20px;} .detailpageWrapper .heroWrapper .heroRight .overlay{position: absolute; left:0; right:0; bottom:0; top:0; display:flex; align-items: center; justify-content: center} .detailpageWrapper .heroWrapper .heroRight .overlay a{font-size:var(--fontsize32); color:var(--whiteColor);} .detailpageWrapper .heroWrapper .heroLeft .priceBlock{display: flex; width:100%; margin-top: 10px; font-size:var(--fontsize14); align-items: center;} .detailpageWrapper .heroWrapper .heroLeft .priceBlock del{font-size:var(--fontsize16); color:var(--primaryColor); margin: 0 15px;} .detailpageWrapper .heroWrapper .heroLeft .priceBlock ins{font-size:var(--fontsize24); text-decoration: none; color:var(--greenColor); font-family:intersemibold;} .detailpageWrapper .heroWrapper .heroLeft .enrolledStudent{display: flex; width: var(--fullwidth); color:var(--yellowColor); font-size:var(--fontsize14);} .detailpageWrapper .heroWrapper .heroLeft .actions{display: flex; width: var(--fullwidth); gap:20px; margin-top: 20px;} .detailpageWrapper .heroWrapper .heroLeft .heroForm{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 10px;} .detailpageWrapper .heroWrapper .heroLeft .heroForm label{text-align: left; font-size:var(--fontsize16); margin:0 0 10px; padding: 0; font-family:intermedium;color:var(--primaryColor);} .detailpageWrapper .heroWrapper .heroLeft .heroForm .formWrapper{display: flex; width: var(--fullwidth);} .detailpageWrapper .heroWrapper .heroLeft .heroForm .formWrapper div{border:1px solid var(--blackColor2); padding:5px 20px; border-radius:56px;} .detailpageWrapper .heroWrapper .heroLeft .heroForm .formWrapper div input[type="tel"]{ padding:0; font-size:var(--fontsize16); margin:0; border:0px none; font-family:inter;} .detailpageWrapper .heroWrapper .heroLeft .heroForm .formWrapper div select{ padding:0; min-width: 50px; margin:0; font-size:var(--fontsize16); border:0px none; font-family:inter;} .detailpageWrapper .heroWrapper .heroLeft .heroForm a{margin-left:10px;} .detailpageWrapper .errorMsg{font-size:var(--fontsize14); color:#ff0000; display: none} .detailpageWrapper .heroWrapper .heroLeft .heroForm button[type="submit"]{border:0px none; margin-left: 10px;} .detailpageWrapper .upSkillWrapper{display: flex; width: var(--fullwidth); margin-top: 50px; background-image:url(../images/curve-dotted-line.png); background-repeat:no-repeat; background-position: 100% 88%;} .detailpageWrapper .upSkillWrapper .upSkillContainer{display: flex; width: var(--fullwidth); flex-direction: column; align-items: flex-start; margin:0 auto; max-width: var(--maxWidth); padding:0px 0;} .detailpageWrapper .upSkillWrapper .upSkillContainer h2{color: var(--whiteColor); text-align: center; width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom: 10px; font-family:interbold; font-size:var(--fontsize26);} .detailpageWrapper .upSkillWrapper .upSkillContainer p{color: var(--whiteColor); width: var(--fullwidth); text-align: center; margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .detailpageWrapper .upSkillWrapper .upSkillContainer ol{display: flex; align-items: flex-start; width: var(--fullwidth); margin:30px 0} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li{ display: flex; max-width: 190px; margin: 10px 15px; padding: 15px; border-radius: 10px; background-color: var(--whiteColor); width:100%; flex-direction: column; box-shadow: 0px 1.94936px 12.1835px rgba(41, 34, 103, 0.15); border-radius:12px;} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li i{width:52px; height: 52px; margin-left:auto; margin-right: auto; display: flex; align-items: center; justify-content: center; border-radius:100%; background-color: var(--secondaryColor);} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li h3{color: var(--primaryColor); text-align: center; width: var(--fullwidth); display: flex; flex-direction: column; margin:15px 0 0px; font-family:interbold; font-size:var(--fontsize15);} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li p{color: var(--lightColor); margin-bottom:0px; font-family:inter; font-size:var(--fontsize13);} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(1){transform: rotate(-5.32deg);} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(2){transform: rotate(3.38deg);} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(3){transform: rotate(-2.59deg);} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(4){transform: rotate(3.96deg);} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(5){transform: rotate(-6.21deg);} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(6){transform: rotate(-4.12deg);} .detailpageWrapper .partnersLogoWrapper{display: flex; width: var(--fullwidth); margin-top: 50px;} .detailpageWrapper .partnersLogoWrapper .partnersLogoContainer{display: flex; width: var(--fullwidth); align-items: flex-start; margin:0 auto; max-width: var(--maxWidth); padding:0px 0;} .detailpageWrapper .partnersLogoWrapper .partnersLogoContainer .logoSlider{width: 100%; display: flex} .detailpageWrapper .partnersLogoWrapper .partnersLogoContainer .item{width: 150px;} .detailpageWrapper .industryExpertsWrapper{display: flex; width: var(--fullwidth); margin-top: 150px;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer{display: flex; width: var(--fullwidth); padding:30px 60px 30px; border-radius:76px; background: var(--yellowColor); align-items: center; margin:0 auto; max-width: var(--maxWidth);} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .left{width: 100%; max-width: 40%;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer h2{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom: 10px; font-family:interbold; font-size:var(--fontsize26);} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right{width: 100%; margin-top: -120px; justify-content: flex-end; max-width: 60%; display: flex; align-items: flex-start;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column{display: flex; flex-direction: column; width: 100%; max-width: 50%; margin-left: 40px;max-width: 260px} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column:first-child{margin-left: 0; margin-top: 40px;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column .block{display: flex; flex-direction: column; background-color: var(--whiteColor); margin-top: 20px; padding: 20px; border:0px solid #D2D2D2; border-radius: 25px; box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.15);} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column .block div{display: flex; align-items: center; margin-bottom: 15px;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column .block:first-child{margin-top: 0;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column .block i{ margin-bottom:0px; display: flex; margin-right: 10px;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column .block i img{max-width: 63px;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column .block p{margin-bottom:0px; color: var(--lightColor); font-size: var(--fontsize14);font-family:inter;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column .block p b{font-family:interBold;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column .block h5{font-family:interBold; color:var(--primaryColor); font-size: var(--fontsize16); margin:0 0 0px;} .learn-press-breadcrumb li a:hover{color: var(--primaryColor)} .learn-press-courses .course.course_category-media-talk-back{display: none;} .detailpageWrapper .curriculumsWrapper{display: flex; width: var(--fullwidth); margin-top:100px;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer{display: flex; width: var(--fullwidth); flex-direction: column; padding:0px;align-items: flex-start; margin:0 auto; max-width: var(--maxWidth);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer h2{color: var(--primaryColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:10px; font-family:interbold; font-size:var(--fontsize24);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer h3{ width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:interbold; font-size:var(--fontsize22);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .curriculumsMain{display: flex; width: var(--fullwidth); padding:0px;align-items: flex-start; margin-top: 40px;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left{width: 100%; max-width: 40%;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left ol{display: flex; flex-direction: column;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left ol li{display: flex; align-items: center; width: var(--fullwidth); margin-top: 25px;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left ol li:first-child{margin-top: 0;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left ol li i.fa-star{color:var(--yellowColor);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left ol li h3{color: var(--primaryColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:interbold; font-size:var(--fontsize18);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left ol li i{display: flex; align-items: center; margin-right: 15px; justify-content: center; width:54px; height: 54px; border-radius:100%; background: var(--primaryColor);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left ol li i img{max-width:60%} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left h3{ width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom: 10px; font-family:interbold; font-size:var(--fontsize26);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left ol li p{margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right{width: 100%; margin-top:0px; flex-direction: column; max-width: 60%; display: flex; align-items: flex-start;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .heading{display: flex; width:100%; justify-content: space-between; margin-bottom: 20px;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .heading h3{width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:0px; font-family:intermedium; font-size:var(--fontsize16);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .heading a{display: flex; align-items: center; font-size: var(--fontsize14); width:auto; flex-shrink: 0;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .heading a span{display: flex; align-items: center; padding:5px 15px; border:1px solid var(--borderColor); background-color: var(--whiteColor); border-radius:15px; color:var(--primaryColor);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .heading a span i{margin-right: 10px;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .course-curriculum{width: var(--fullwidth);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .course-curriculum .section-header h5{font-family:interbold; font-size:var(--fontsize18);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .course-curriculum .section-header{padding-bottom: 0; background-color:transparent; padding:15px; border-radius:0px;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .course-curriculum .section-desc{display: none} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .course-curriculum .section-content li{background-color: transparent;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .course-curriculum .section-content li .section-item-link::before{color:var(--primaryColor);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .course-curriculum .section-content .course-item-meta .course-item-status:before{color: var(--primaryColor);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .course-curriculum ul.curriculum-sections .item-meta.duration{background-color:var(--primaryColor);} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right .course-curriculum .section-content .course-item-preview::before{background-color: var(--primaryColor);} .detailpageWrapper .certificateWrapper{display: flex; width: var(--fullwidth); margin-top:100px;} .detailpageWrapper .certificateWrapper .certificateContainer{display: flex; width: var(--fullwidth); padding:0px;align-items: flex-start; margin:0 auto; max-width: var(--maxWidth);} .detailpageWrapper .certificateWrapper .certificateContainer .left{width: 100%; max-width: 70%;} .detailpageWrapper .certificateWrapper .certificateContainer .right{width: 100%; max-width:30%; margin-left: 30px;} .detailpageWrapper .certificateWrapper .certificateContainer .left ol{display: flex; flex-direction: column;} .detailpageWrapper .certificateWrapper .certificateContainer .left ol li{display: flex; width: var(--fullwidth); font-size: var(--fontsize14); margin-top: 15px;} .detailpageWrapper .certificateWrapper .certificateContainer .left ol li:first-child{margin-top: 0;} .detailpageWrapper .certificateWrapper .certificateContainer .left h3{width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:25px; font-family:interbold; font-size:var(--fontsize22);} .detailpageWrapper .certificateWrapper .certificateContainer .left h2{color: var(--primaryColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:10px; font-family:interbold; font-size:var(--fontsize24);} .detailpageWrapper .certificateWrapper .certificateContainer .left ol li i{display: flex; margin-top:8px; align-items: center; margin-right:10px; justify-content: center; width:5px; background-color: var(--whiteColor); flex-shrink: 0; height:5px; border-radius:100%} .detailpageWrapper .certificateWrapper .certificateContainer .right img{max-width:100%} .detailpageWrapper .experientialProcessWrapper{display: flex; width: var(--fullwidth); margin-top:50px; background-color: var(--secondaryColor);} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer{display: flex; width: var(--fullwidth); padding:30px 0;align-items: flex-start; flex-direction: column; margin:0 auto; max-width: var(--maxWidth);} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer h2{color: var(--primaryColor); text-align: center; width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:35px; font-family:interbold; font-size:var(--fontsize24);} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer h3{color: var(--blackColor2); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:10px; font-family:interSemibold; font-size:var(--fontsize16);} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer h4{color: var(--blackColor2); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom:10px; font-family:interSemibold; font-size:var(--fontsize20);} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer ol{display: flex; width:100%;} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer ol li{flex-direction: column; display: flex; margin-left: 20px;} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer ol li:first-child{margin-left: 0;} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer ol li p{color: var(--lightColor); margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer ol li.seperator{color: var(--primaryColor); justify-content: center} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer ul{display: flex; width:100%; flex-direction: column; text-align: center;} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer ul li{display: list; list-style-type: disc; list-style-position: inside; width:100%; color: var(--lightColor); margin-bottom:0px; font-family:inter; font-size:var(--fontsize14);} .detailpageWrapper .beReadyWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .detailpageWrapper .beReadyWrapper .beReadyContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .detailpageWrapper .beReadyWrapper .beReadyContainer h2{color: var(--blackColor2); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom: 50px; font-family:inter; font-size:var(--fontsize28);} .detailpageWrapper .beReadyWrapper .beReadyContainer h3{color: var(--blackColor2); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:10px; font-family:intersemibold; font-size:var(--fontsize18);} .detailpageWrapper .beReadyWrapper .beReadyContainer h2 strong{margin-left:0px; color: var(--primaryColor); font-family:interbold; margin-bottom: 5px; font-size:var(--fontsize30);} .detailpageWrapper .beReadyWrapper .beReadyContainer .content{display: flex; width: var(--fullwidth);} .detailpageWrapper .beReadyWrapper .beReadyContainer .charttWrapper{display: flex; width: var(--fullwidth); flex-direction: column;} .detailpageWrapper .beReadyWrapper .beReadyContainer .charttWrapper .growthValue{display: flex; width: var(--fullwidth); justify-content: center; margin-top: 15px;} .detailpageWrapper .beReadyWrapper .beReadyContainer .charttWrapper .growthValue span{background-color: var(--secondaryColor); border-radius:10px; padding:5px 15px; font-size:var(--fontsize13); color:var(--lightColor);} .detailpageWrapper .beReadyWrapper .beReadyContainer .charttWrapper .growthValue span div{color:var(--greenColor); justify-content: center; display: flex; align-items: center; padding:0px; font-family:intermedium; text-align: center; font-size:var(--fontsize16);} .detailpageWrapper .beReadyWrapper .beReadyContainer .charttWrapper .growthValue span div i{margin-left: 5px; margin-top: 10px; font-size:var(--fontsize29);} .detailpageWrapper .beReadyWrapper .beReadyContainer .contentLeft{display: flex; flex-direction: column; max-width: 55%; width: var(--fullwidth);} .detailpageWrapper .beReadyWrapper .beReadyContainer .contentRight{display: flex; align-items: flex-start; width: var(--fullwidth); max-width: 45%; margin-left: 40px;} .detailpageWrapper .beReadyWrapper .beReadyContainer select{border:1px solid var(--blackColor2); border-radius:5px; font-size:var(--fontsize16); padding:8px 10px;} .detailpageWrapper .beReadyWrapper .beReadyContainer .contentRight ol{display: flex; list-style-type: none; width: var(--fullwidth); flex-wrap: wrap;} .detailpageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li {flex-direction: column; max-width: 40%; margin:15px; width: var(--fullwidth); flex-grow: 1; box-shadow: 0px 2.11671px 13.2294px rgba(41, 34, 103, 0.15); border-radius:10px;} .detailpageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li p{background-color: var(--secondaryColor); text-align: center; color:var(--blackColor2); min-height: 85px; padding:15px; font-family:intermedium; font-size:var(--fontsize16);} .detailpageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li h4{color:var(--yellowColor); padding:15px 15px 0; text-align: center; font-size:var(--fontsize24);} .detailpageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li div{color:var(--greenColor); justify-content: center; display: flex; align-items: center; padding:15px 15px; font-family:inter; text-align: center; font-size:var(--fontsize20);} .detailpageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li div i{margin-left: 5px; margin-top: 10px; font-size:var(--fontsize29);} .detailpageWrapper .aboutWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .detailpageWrapper .aboutWrapper .aboutContainer{display: flex; width: var(--fullwidth); flex-direction: column; align-items: flex-start; gap:50px; padding:0px 0; max-width: var(--maxWidth); margin:0 auto;} .detailpageWrapper .aboutWrapper .aboutContainer h2{color: var(--primaryColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom: 10px; font-family:intersemibold; font-size:var(--fontsize18);} .detailpageWrapper .aboutWrapper .aboutContainer p{color: var(--whiteColor); width: var(--fullwidth); display: flex; margin-bottom:0px; font-family:inter; line-height: 29px; font-size:var(--fontsize14);} .detailpageWrapper .aboutWrapper .aboutContainer h3{color: var(--whiteColor); width: var(--fullwidth); display: flex; justify-content: center; margin-bottom:50px; font-family:intersemibold; font-size:var(--fontsize28);} .detailpageWrapper .aboutWrapper .aboutContainer h4{color: var(--whiteColor); width: var(--fullwidth); display: flex; flex-direction: column; margin-bottom:10px; font-family:inter; font-size:var(--fontsize18);} .detailpageWrapper .aboutWrapper .aboutContainer .left{display: flex; flex-direction: column; max-width:none; width:100%} .detailpageWrapper .aboutWrapper .aboutContainer .left p{line-height:34px; font-size:var(--fontsize16);} .detailpageWrapper .aboutWrapper .aboutContainer .right{display: flex; flex-direction: column; gap:10px; max-width:none; width:100%} .detailpageWrapper .aboutWrapper .aboutContainer .right h4{color:var(--primaryColor);} .detailpageWrapper .aboutWrapper .aboutContainer .right .rating{color:var(--yellowColor); display: flex; gap:5px;} .detailpageWrapper .aboutWrapper .aboutContainer .main{display: flex; width: var(--fullwidth); gap:30px; max-width: 1000px; margin: 0 auto} .detailpageWrapper .aboutWrapper .aboutContainer .main .left{max-width: 20%;} .detailpageWrapper .aboutWrapper .aboutContainer .main .right{max-width: 50%;} .detailpageWrapper .globalCommunityWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0; background-image:url(../images/curve-dotted-line.png); background-repeat:no-repeat; background-position: 100% 60%;} .detailpageWrapper .globalCommunityWrapper .globalCommunityContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px 0; flex-direction: column;} .detailpageWrapper .globalCommunityWrapper .globalCommunityContainer h2{color: var(--primaryColor); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom: 50px; font-family:inter; font-size:var(--fontsize28);} .detailpageWrapper .globalCommunityWrapper .globalCommunityContainer h3{color: var(--whiteColor); width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom:15px; font-family:intersemibold; font-size:var(--fontsize26);} .detailpageWrapper .globalCommunityWrapper .globalCommunityContainer p{color: var(--whiteColor); max-width: 80%; width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize16);} .detailpageWrapper .globalCommunityWrapper .globalCommunityContainer h2 strong{margin-left:0px; color: var(--primaryColor); font-family:interbold; margin-top: 5px; font-size:var(--fontsize30);} .detailpageWrapper .globalCommunityWrapper .globalCommunityContainer .content{display: flex; justify-content: center; width: var(--fullwidth);} .detailpageWrapper .faqWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .detailpageWrapper .faqWrapper .faqContainer{display: flex; width: var(--fullwidth); align-items: flex-start; margin:0 auto; max-width: var(--maxWidth); padding:30px 0; flex-direction: column;} .detailpageWrapper .faqWrapper .faqContainer h2{width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom: 50px; font-family:interbold; font-size:var(--fontsize28);} .detailpageWrapper .faqWrapper .faqContainer .accordionSection{display: flex; flex-direction: column; width: 100%;} .detailpageWrapper .faqWrapper .faqContainer .accordionSection .accordion{ transition: all 0.2s ease; border-bottom: 1px solid #E0E0E0; margin-top: 8px; cursor: pointer; font-size:var(--fontsize16); padding: 15px; border-radius:0px;} .detailpageWrapper .faqWrapper .faqContainer .accordionSection .panel { transition: all 0.2s ease; padding:18px 18px; opacity: 0; display: none; visibility: hidden; font-size: 15px; line-height:30px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .detailpageWrapper .faqWrapper .faqContainer .accordionSection .accordion.active:after {content: "\2212";} .detailpageWrapper .faqWrapper .faqContainer .accordionSection .accordion.active, .detailpageWrapper .faqWrapper .accordionSection .accordion:hover {border-bottom: 1px solid #E0E0E0;} .detailpageWrapper .faqWrapper .faqContainer .accordionSection .accordion.active{border-bottom:0px none; border-radius: 5px 5px 0px 0px;} .detailpageWrapper .faqWrapper .faqContainer .accordionSection .accordion.active + .panel{padding: 18px; border-bottom: 1px solid #E0E0E0; border-radius: 0 0 5px 5px; border-top:0px none; opacity: 1; visibility: visible; display: flex; max-height: inherit !important;} .detailpageWrapper .faqWrapper .faqContainer .accordionSection .accordion:after {content: '\002B'; font-weight: bold; float: right; margin-left: 5px;} .detailpageWrapper .displayIndustryExpertsWrapper{display: flex; width: var(--fullwidth); margin:50px auto 0;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer{display: flex; width: var(--fullwidth); align-items: flex-start; padding:30px 0 0; flex-direction: column; max-width: var(--maxWidth); margin:0 auto;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer h2{color: var(--primaryColor); min-height: 42px; width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom:5px; font-family:interbold; font-size:var(--fontsize16);} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer p{color: var(--whiteColor); text-align: center; width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize16);} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .tabsWrapper {display: flex; width:var(--fullwidth); justify-content: center; border-bottom:0px solid #E6EBF7; margin-bottom: 40px;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .tabsWrapper ol{display: flex; justify-content: center; align-items: center; width:100%; margin: 0; padding:0px;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .tabsWrapper ol li{display: flex; align-items: center;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .tabsWrapper ol li a{border: 2px solid transparent; font-size: var(--fontsize15); margin-left: 15px; padding:5px 20px; display: flex; align-items: center; text-decoration: none; font-family:inter; border-radius:10px; background: linear-gradient(to right, white, white), var(--defaultGradient); background-clip: padding-box, border-box; background-origin: padding-box, border-box;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .tabsWrapper ol li a:hover{background: var(--defaultGradient); background-clip: padding-box, border-box; color: var(--whiteColor);} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .tabsWrapper ol li a.active{background: var(--defaultGradient); color: var(--whiteColor); background-clip: padding-box, border-box;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .tabsWrapper ol li:first-child a{margin-left: 0;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .tabcontents{width: 100%; display: none;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .expertsWrapper{ display: flex; width: 100%; flex-direction: column; padding:0;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .expertsWrapper .expertsThumb{width:114px; text-align: center; height: 114px; border-radius:100%; border:0px solid var(--primaryColor); margin-bottom: 15px; margin-left: auto; margin-right: auto;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .expertsWrapper .expertsThumb img{border-radius:0;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .expertsWrapper .expertsThumb.experts img{height: 100%} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .expertsWrapper ol{display: flex; justify-content: center; align-items: center; width:100%; margin: 0; padding:0px;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer .expertsWrapper ol li{display: flex; max-width: 300px; margin: 10px; width:100%; align-items: center; flex-direction: column; border:1px solid var(--borderColor); border-radius:25px; padding: 30px; box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.15);} .detailpageWrapper .testimonialsWrapper{display: flex; width:var(--fullwidth); padding:0px 0; flex-direction: column; margin:150px auto 0;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer{display: flex; flex-direction: column; width:var(--fullwidth); max-width: 1280px; margin: 0 auto 0 auto;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsSlider{display: flex; width:var(--fullwidth); margin-top: 45px;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsSlider .items{ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 25px; padding: 20px; margin: 10px;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsSlider .items .thumb{display: flex; max-height: 100px; max-width: 100px; border-radius: 100%; overflow: hidden; width:var(--fullwidth); margin:0 auto 20px;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsSlider .items .actions{display: flex; align-items: center; justify-content: space-between; width:var(--fullwidth);} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsSliderArrows{display: flex; width:var(--fullwidth); justify-content: flex-end;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsSliderArrows a{background:var(--primaryColor); margin-left: 15px; width: 44px; height: 44px; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--whiteColor)} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsSliderArrows a:first-child{margin-left: 0;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsBlock{display: flex; width:var(--fullwidth); align-items: center;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer h3{ width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom:15px; font-family:intersemibold; font-size:var(--fontsize26);} .detailpageWrapper .testimonialsWrapper .testimonialsContainer h4{width: var(--fullwidth); text-align: center; display: flex; flex-direction: column; margin-bottom:5px; font-family:intersemibold; font-size:var(--fontsize18);} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsBlock p{min-height: 60px; text-align: center; width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize16);} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsBlock .rating{display: flex; width: 100%; justify-content: center; color: #FFB800; border-top: 1px solid #E0E0E0; padding-top:10px; margin: 10px 0;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsBlock .rating span{margin-right: 5px;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .TestimonialsBlock .rating + p{min-height:160px; text-align: center; width: auto; margin-bottom:0px; font-family:inter; font-size:var(--fontsize16);} .detailpageWrapper .testimonialsWrapper .testimonialsContainer .slick-list{width: 100%!important;} /*detailpage Css ends */ .mediaTalkBackLeadDialogWrapper.open{display: flex} .mediaTalkBackLeadDialogWrapper{position: fixed; z-index: 22000199934; top:0; transition: all 0.6s ease; overflow-y: auto; right:0; background-color: rgba(0,0,0,0.6); bottom:0; left:0; display: none; display: none; align-items: center; justify-content: center} .mediaTalkBackLeadDialogWrapper .mediaTalkBackLeadDialogContainer{ background-color:var(--whiteColor); display: flex; position: relative; border-radius:5px; padding:0px; max-width:460px; width: var(--fullwidth);} .mediaTalkBackLeadDialogWrapper .mediaTalkBackLeadDialogContainer .rightPart{display: flex; flex-direction: column; width: var(--fullwidth); max-width:none} .mediaTalkBackLeadDialogWrapper .mediaTalkBackLeadDialogContainer .dialogClose{position: absolute; right:10px; top:5px;} .mediaTalkBackLeadDialogWrapper .mediaTalkBackLeadDialogContainer .dialogClose a{font-size: var(--fontsize22); font-family:inter;} .mediaTalkBackLeadDialogWrapper .mediaTalkBackLeadDialogContainer h4 {font-size: var(--fontsize24); color:var(--whiteColor); margin-bottom: 30px; font-family:inter;} .mediaTalkBackLeadDialogWrapper .mediaTalkBackLeadDialogContainer img{max-width: 100%} .mediaTalkBackLeadDialogWrapper .mediaTalkBackLeadDialogContainer .fluentform .ff-el-group{margin-bottom: 10px;} .mediaTalkBackLeadDialogWrapper .formWrapper{background-color:var(--lightSecondaryColor); padding:15px; border-radius:10px;} .mediaTalkBackLeadDialogWrapper .formWrapper h3{color:var(--blackColor2); text-align: center; line-height: normal; font-size:var(--fontsize20); margin:0px 0 10px;} .mediaTalkBackLeadDialogWrapper .formWrapper p{color:var(--blackColor); text-align: center; font-size:var(--fontsize14); margin:0px 0 0;} .mediaTalkBackLeadDialogWrapper .formWrapper label{font-family:inter; font-size: var(--fontsize14);} .mediaTalkBackLeadDialogWrapper .formWrapper input[type="tel"]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .mediaTalkBackLeadDialogWrapper .formWrapper input[type="email"]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .mediaTalkBackLeadDialogWrapper .formWrapper input[type=text]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .mediaTalkBackLeadDialogWrapper .formWrapper input[type=number]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .mediaTalkBackLeadDialogWrapper .formWrapper select{font-family:inter; font-size: var(--fontsize16); padding: 5px 10px;color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .mediaTalkBackLeadDialogWrapper .formWrapper .formBlock.selectBox{display: flex; flex-direction: row;} .mediaTalkBackLeadDialogWrapper .formWrapper .formBlock.selectBox select:first-child{max-width: none;} .mediaTalkBackLeadDialogWrapper .formWrapper .wpcf7-submit{border-radius: 56px; border:0px none; color: var(--whiteColor)!important; font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 30px; text-decoration: none; font-family:inter; background-color:var(--primaryColor)!important;} .mediaTalkBackLeadDialogWrapper .formWrapper .formActions{display: flex; justify-content: center} .mediaTalkBackLeadDialogWrapper .formWrapper .formActions .wpcf7-spinner{display: none} .mediaTalkBackLeadDialogWrapper .wpcf7-not-valid-tip{font-size: var(--fontsize14);} .mediaTalkBackLeadDialogWrapper .wpcf7-response-output{color:var(--greenColor); font-size: var(--fontsize16); text-align: center; font-family:interbold;} .justLeadDialogWrapper.open{display: flex} .justLeadDialogWrapper{position: fixed; z-index: 22000199934; top:0; transition: all 0.6s ease; overflow-y: auto; right:0; background-color: rgba(0,0,0,0.6); bottom:0; left:0; display: none; display: none; align-items: center; justify-content: center} .justLeadDialogWrapper .justLeadDialogContainer{ background-color:var(--whiteColor); display: flex; position: relative; border-radius:5px; padding:0px; max-width:400px; width: var(--fullwidth);} .justLeadDialogWrapper .justLeadDialogContainer .rightPart{display: flex; flex-direction: column; width: var(--fullwidth); max-width:none} .justLeadDialogWrapper .justLeadDialogContainer .dialogClose{position: absolute; right:10px; top:5px;} .justLeadDialogWrapper .justLeadDialogContainer .dialogClose a{font-size: var(--fontsize22); font-family:inter;} .justLeadDialogWrapper .justLeadDialogContainer h4 {font-size: var(--fontsize24); color:var(--whiteColor); margin-bottom: 30px; font-family:inter;} .justLeadDialogWrapper .justLeadDialogContainer img{max-width: 100%} .justLeadDialogWrapper .justLeadDialogContainer .fluentform .ff-el-group{margin-bottom: 10px;} .justLeadDialogWrapper .formWrapper{background-color:var(--secondaryColor); padding:15px; border-radius:10px;} .justLeadDialogWrapper .formWrapper h3{color:var(--blackColor2); text-align: center; line-height: normal; font-size:var(--fontsize20); margin:0px 0 10px;} .justLeadDialogWrapper .formWrapper p{color:var(--blackColor); text-align: center; font-size:var(--fontsize14); margin:0px 0 0;} .justLeadDialogWrapper .formWrapper label{font-family:inter; font-size: var(--fontsize14);} .justLeadDialogWrapper .formWrapper input[type="tel"]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .justLeadDialogWrapper .formWrapper input[type="email"]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .justLeadDialogWrapper .formWrapper input[type=text]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .justLeadDialogWrapper .formWrapper input[type=number]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .justLeadDialogWrapper .formWrapper select{font-family:inter; font-size: var(--fontsize16); padding: 5px 10px;color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .justLeadDialogWrapper .formWrapper .formBlock.selectBox{display: flex; flex-direction: row;} .justLeadDialogWrapper .formWrapper .formBlock.selectBox select:first-child{max-width: none;} .justLeadDialogWrapper .formWrapper .wpcf7-submit{border-radius: 56px; border:0px none; color: var(--whiteColor)!important; font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 30px; text-decoration: none; font-family:inter; background-color:var(--primaryColor)!important;} .justLeadDialogWrapper .formWrapper .formActions{display: flex; justify-content: center} .justLeadDialogWrapper .formWrapper .formActions .wpcf7-spinner{display: none} .justLeadDialogWrapper .wpcf7-not-valid-tip{font-size: var(--fontsize14);} .justLeadDialogWrapper .wpcf7-response-output{color:var(--greenColor); font-size: var(--fontsize16); text-align: center; font-family:interbold;} .applyNowDialogWrapper.open{display: flex} .applyNowDialogWrapper{position: fixed; z-index: 22000199934; top:0; transition: all 0.6s ease; overflow-y: auto; right:0; background-color: rgba(0,0,0,0.6); bottom:0; left:0; display: none; display: none; align-items: center; justify-content: center} .applyNowDialogWrapper .applyNowDialogContainer{display: flex; position: relative; border-radius:5px; padding:0px; max-width:400px; width: var(--fullwidth);} .applyNowDialogWrapper .applyNowDialogContainer .rightPart{display: flex; flex-direction: column; width: var(--fullwidth); max-width:none} .applyNowDialogWrapper .applyNowDialogContainer .dialogClose{position: absolute; right:10px; top:5px;} .applyNowDialogWrapper .applyNowDialogContainer .dialogClose a{font-size: var(--fontsize22); font-family:inter;} .applyNowDialogWrapper .applyNowDialogContainer h4 {font-size: var(--fontsize24); color:var(--whiteColor); margin-bottom: 30px; font-family:inter;} .applyNowDialogWrapper .applyNowDialogContainer img{max-width: 100%} .applyNowDialogWrapper .applyNowDialogContainer .fluentform .ff-el-group{margin-bottom: 10px;} .applyNowDialogWrapper .formWrapper{background-color:var(--secondaryColor); padding:15px; border-radius:10px;} .applyNowDialogWrapper .formWrapper h3{color:var(--blackColor2); text-align: center; line-height: normal; font-size:var(--fontsize20); margin:0px 0 15px;} .applyNowDialogWrapper .formWrapper h4{color:var(--whiteColor); text-align: center; text-transform: uppercase; font-size:var(--fontsize38); margin:0px 0 0;} .applyNowDialogWrapper .formWrapper label{font-family:inter; font-size: var(--fontsize14);} .applyNowDialogWrapper .formWrapper input[type="tel"]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .applyNowDialogWrapper .formWrapper input[type="email"]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .applyNowDialogWrapper .formWrapper input[type=text]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .applyNowDialogWrapper .formWrapper input[type=number]{font-family:inter; font-size: var(--fontsize14); padding: 5px 10px; color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .applyNowDialogWrapper .formWrapper select{font-family:inter; font-size: var(--fontsize16); padding: 5px 10px;color:var(--blackColor2); border:1px solid var(--primaryColor); width: var(--fullwidth); border-radius:5px;} .applyNowDialogWrapper .formWrapper .formBlock.selectBox{display: flex; flex-direction: row;} .applyNowDialogWrapper .formWrapper .formBlock.selectBox select:first-child{max-width: none;} .applyNowDialogWrapper .formWrapper .wpcf7-submit{border-radius: 56px; border:0px none; color: var(--whiteColor)!important; font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 30px; text-decoration: none; font-family:inter; background-color:var(--primaryColor)!important;} .applyNowDialogWrapper .formWrapper .formActions{display: flex; justify-content: center} .applyNowDialogWrapper .formWrapper .formActions .wpcf7-spinner{display: none} .applyNowDialogWrapper .wpcf7-not-valid-tip{font-size: var(--fontsize14);} .applyNowDialogWrapper .wpcf7-response-output{color:var(--greenColor); font-size: var(--fontsize16); text-align: center; font-family:interbold;} .registrationDialogWrapper.open{display: flex} .registrationDialogWrapper{position: fixed; z-index: 22000199934; top:0; transition: all 0.6s ease; overflow-y: auto; right:0; background-color: rgba(0,0,0,0.6); bottom:0; left:0; display: none;align-items: center; justify-content: center} .registrationDialogWrapper .registrationDialogContainer{ background-color:var(--whiteColor); display: flex; position: relative; border-radius:5px; padding:0px; max-width:500px; width: var(--fullwidth);} .registrationDialogWrapper .registrationDialogContainer .rightPart{display: flex; flex-direction: column; width: var(--fullwidth); max-width:none} .registrationDialogWrapper .registrationDialogContainer .dialogClose{position: absolute; right:10px; top:5px;} .registrationDialogWrapper .registrationDialogContainer .dialogClose a{font-size: var(--fontsize22); font-family:inter;} .registrationDialogWrapper .registrationDialogContainer h4 {font-size: var(--fontsize24); color:var(--whiteColor); margin-bottom: 30px; font-family:inter;} .registrationDialogWrapper .registrationDialogContainer h3 {font-size: var(--fontsize24); color:var(--blackColor); margin-bottom: 30px; font-family:interbold; text-align: center;} .registrationDialogWrapper .registrationDialogContainer img{max-width: 100%} .registrationDialogWrapper .registrationDialogContainer .fluentform .ff-el-group{margin-bottom: 10px;} .registrationDialogWrapper .registrationDialogContainer .fluentform .ff-el-form-control{font-size: var(--fontsize14);} .registrationDialogWrapper .formWrapper{padding:15px; border-radius:10px; width: var(--fullwidth);} .registrationDialogWrapper .actions{display: flex; justify-content: center; margin-top: 20px;} .registrationDialogWrapper .registrationDialogContainer p {font-size: var(--fontsize14); border-bottom:1px solid #F2F2F2; color:var(--lightColor); margin-bottom:20px; padding-bottom:5px; font-family:inter;} .registerRoleDialogWrapper.open{display: flex} .registerRoleDialogWrapper{position: fixed; z-index: 22000199934; top:0; transition: all 0.6s ease; overflow-y: auto; right:0; background-color: rgba(0,0,0,0.6); bottom:0; left:0; display: none;align-items: center; justify-content: center} .registerRoleDialogWrapper .registerRoleDialogContainer{ background-color:var(--whiteColor); display: flex; position: relative; border-radius:5px; padding:0px; max-width:500px; width: var(--fullwidth);} .registerRoleDialogWrapper .registerRoleDialogContainer .rightPart{display: flex; flex-direction: column; width: var(--fullwidth); max-width:none} .registerRoleDialogWrapper .registerRoleDialogContainer .dialogClose{position: absolute; right:10px; top:5px;} .registerRoleDialogWrapper .registerRoleDialogContainer .dialogClose a{font-size: var(--fontsize22); font-family:inter;} .registerRoleDialogWrapper .registerRoleDialogContainer h4 {font-size: var(--fontsize24); color:var(--whiteColor); margin-bottom: 30px; font-family:inter;} .registerRoleDialogWrapper .registerRoleDialogContainer img{max-width: 100%} .registerRoleDialogWrapper .registerRoleDialogContainer .fluentform .ff-el-group{margin-bottom: 10px;} .registerRoleDialogWrapper .formWrapper{padding:15px; border-radius:10px; width: var(--fullwidth);} .registerRoleDialogWrapper ol{ margin:0; padding:0; gap:10px; grid-template-columns: repeat(2,minmax(0,1fr)); display: grid} .registerRoleDialogWrapper ol li{bordeR:1px solid #E5E5E5; cursor: pointer; border-radius: 5px; display: flex; gap:20px; margin:0; padding:10px; color:var(--blackColor2); align-items: center; font-family:inter; font-size: var(--fontsize14);} .registerRoleDialogWrapper ol li:hover{bordeR:1px solid var(--primaryColor); color:var(--primaryColor); ;background-color: var(--secondaryColor);} .registerRoleDialogWrapper ol li.active{bordeR:1px solid var(--primaryColor); color:var(--primaryColor); ;background-color: var(--secondaryColor);} .registerRoleDialogWrapper ol li:hover i{background-color:var(--primaryColor); color:var(--whiteColor);} .registerRoleDialogWrapper ol li.active i{background-color:var(--primaryColor); color:var(--whiteColor);} .registerRoleDialogWrapper ol li i{background-color: #F2F2F2; opacity: 0; visibility: hidden; font-size: 0; width: 32px; height: 32px; display: flex; border-radius: 5px; align-items: center; justify-content: center;} .registerRoleDialogWrapper .actions{display: flex; justify-content: center; margin-top: 20px;} .registerRoleDialogWrapper .registerRoleDialogContainer p {font-size: var(--fontsize14); border-bottom:1px solid #F2F2F2; color:var(--lightColor); margin-bottom:20px; padding-bottom:5px; font-family:inter;} .fullyPageLoaded .registerRoleDialogWrapper ol li i{opacity: 1; visibility:visible; font-size: 24px;} .is_disabled{pointer-events: none; opacity: 0.6} .videoDialogWrapper.open{display: flex} .videoDialogWrapper{position: fixed; z-index: 22000199934; top:0; transition: all 0.6s ease; overflow-y: auto; right:0; background-color: rgba(0,0,0,0.6); bottom:0; left:0; display: none; display: none; align-items: center; justify-content: center} .videoDialogWrapper .videoDialogContainer{ background-color:var(--whiteColor); display: flex; position: relative; border-radius:5px; padding:10px; max-width:600px; width: var(--fullwidth);} .videoDialogWrapper .videoDialogContainer .dialogClose{position: absolute; right:20px; top:10px;} .videoDialogWrapper .videoDialogContainer .dialogClose a{font-size: var(--fontsize22); font-family:inter; color:var(--whiteColor);} .videoDialogWrapper .videoDialogContainer iframe{width:100%; height:400px; max-height: 400px!important;} /*cart page*/ .site-main > article > .entry-footer{padding:0; margin:0; max-width: none;} .entry-footer{background-color: transparent; padding:0; margin:0} .site-main > *{margin: 0 auto;} input[type=text]:focus, select:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus{outline: 0px none;} .site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus{outline: 0px none;} .woocommerce-error>li{padding: 0;} .woocommerce-info, .woocommerce-message{border-color: #000248} a.button:hover, a.button:visited {text-decoration: none!important; font-family:inherit;} .woocommerce-info a.button, .woocommerce-message a.button{background-color:var(--primaryColor); font-family:inherit;} .button{ font-family:inherit; padding: 0; } .button:hover{font-family:inherit; padding: 0;} .woocommerce-cart { font-family:inherit;} .woocommerce-cart .return-to-shop{display: flex; width: var(--fullwidth); justify-content: center; align-items: center;} .woocommerce .return-to-shop a.button{width: auto;} .woocommerce .return-to-shop a.button:hover{color: var(--whiteColor);background-color:var(--primaryColor);} .woocommerce-cart .woocommerce .woocommerce-notices-wrapper .button{background:var(--primaryColor)!important; border-radius: 56px; text-decoration: none; border: 0px none; margin-left: 15px; font-size: 16px; font-weight: 700; color:#fff!important; font-family: inherit; padding: 5px 20px} .woocommerce-cart .woocommerce .woocommerce-notices-wrapper .button:hover{background:var(--defaultGradient); border-radius: 56px; color: #fff; text-decoration: none;} .woocommerce-cart .entry-header{padding-bottom: 10px; margin-bottom: 10px; margin-left: 0;} .woocommerce-cart .site-content{max-width:var(--maxWidth); margin: 0 auto; padding:40px 20px; font-family:inherit;} .woocommerce-cart .entry-header h1.entry-title{font-size: 22px; color:var(--whiteColor); font-weight: 700; color:; font-family:inherit;} .woocommerce-cart #main .woocommerce{max-width:none; padding:0; margin: 0 auto;} .woocommerce-cart table{width: 100%; font-family:inherit; color:var(--blackColor);} .woocommerce-cart table th{padding: 10px; background-color:#f1f1f1; color:var(--blackColor); font-size:16px;} .woocommerce-cart table td{padding: 10px; font-size:16px; color:var(--blackColor);} .woocommerce-cart table tbody td{vertical-align: top;} .woocommerce-cart .product-thumbnail img{max-width: 100px!important; border: 1px solid #000248} .woocommerce-cart .product-name a{color: var(--blackColor)} .woocommerce-cart .woocommerce-cart-form table tbody td.actions .coupon .input-text{width:250px!important; background-color: #f1f1f1; color:var(--blackColor); font-size:14px; border:1px solid var(--blackColor); border-radius: 10px;} .woocommerce-cart input[type="number"]{ padding: 10px; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-cart .woocommerce-cart-form table tbody td.actions .coupon{display: flex; align-items: center;} .woocommerce-cart .woocommerce-cart-form table tbody td.actions .coupon button{background:var(--primaryColor)!important;font-size:15px; margin-left: 15px; color: #fff!important; padding: 5px 20px} .woocommerce-cart .woocommerce-cart-form table tbody td.actions .coupon button:hover{background:var(--primaryColor); color: #fff} .woocommerce-cart .cart-collaterals{display: flex; margin-bottom: 40px; justify-content: flex-end; max-width:500px; width: 100%; margin-left: auto} .woocommerce-cart .cart-collaterals .cart_totals {width: 100%; flex-direction: column; display: flex;} .woocommerce-cart .cart-collaterals .cart_totals h2{margin-bottom: 15px; font-size: var(--fontsize22); color: var(--color28); font-family: var(--fontfamilymedium);} .woocommerce-cart .cart-collaterals .cart_totals table {border-collapse: collapse;} .woocommerce-cart .cart-collaterals .cart_totals table th{background-color: var(--color7); border-bottom: 1px solid var(--color6); text-align: right;} .woocommerce-cart .cart-collaterals .cart_totals table td{background-color: var(--color7); border-bottom: 1px solid var(--color6);text-align: right;} .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a{background:var(--primaryColor); border-radius: 56px;font-size:15px; font-family: inherit; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; padding:8px 20px} .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover{background:var(--primaryColor); border-radius: 56px; font-size:15px; font-family: inherit; margin-left: 0px; border: 0px none; color: #fff!important; padding: 8px 20px} .woocommerce-cart.woocommerce-cart-form button[name=apply_coupon], .woocommerce .woocommerce-cart-form button[name=update_cart]{background:var(--primaryColor); font-size:15px; font-family: inherit; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; border-radius: 56px;padding:5px 20px} .woocommerce-cart .woocommerce-cart-form button[name=apply_coupon], .woocommerce .woocommerce-cart-form button[name=update_cart]:hover{background:var(--primaryColor); font-size:15px; font-family: inherit; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; border-radius: 56px;padding:5px 20px} .woocommerce-cart #main .woocommerce {background-color: var(--whiteColor); border-radius: 20px; padding: 20px;} /*cart page*/ /*checkout*/ .woocommerce-checkout .select2-container--focus .select2-selection, .woocommerce-checkout .select2-container--open .select2-selection{outline: 0px none;} .woocommerce-checkout { font-family: inter;} .woocommerce-checkout form .form-row.woocommerce-invalid input.input-text{ border: 2px solid #ff0000;} .woocommerce-checkout .woocommerce-privacy-policy-text{font-size: 16px;} .woocommerce-checkout .woocommerce-privacy-policy-text p{font-size: 16px;} .woocommerce-checkout .woocommerce .woocommerce-notices-wrapper .button{background-color:var(--primaryColor)!important; border-radius: 56px; text-decoration: none; border: 0px none; margin-left: 15px; font-size: 16px; font-weight: 700; color:#fff!important; font-family: inherit; padding: 5px 20px} .woocommerce-checkout .woocommerce .woocommerce-notices-wrapper .button:hover{background-color:var(--primaryColor); color:var(--whiteColor); border-radius: 56px; text-decoration: none;} .woocommerce-checkout .entry-header{padding-bottom: 10px; margin-bottom: 10px; margin-left: 0;} .woocommerce-checkout .site-content{max-width: var(--maxWidth); margin: 0 auto; padding:40px 20px; font-family:inherit;} .woocommerce-checkout .entry-header h1.entry-title{font-size: 22px; font-weight: 700; color:var(--whiteColor); font-family:inherit;} .woocommerce-checkout #main .woocommerce{max-width:none; padding:0; margin: 0 auto;} .woocommerce-checkout form .col2-set p{color:var(--blackColor);} .woocommerce-checkout form .col2-set .col-1{background-color: var(--whiteColor); border-radius: 20px; padding: 20px;} .woocommerce-checkout form[name=checkout]{font-family: inter;} .woocommerce-checkout .woocommerce-billing-fields h3{color:var(--blackColor); margin: 0 0 20px; font-family: bricolagebold} .woocommerce-checkout-review-order ul{margin: 0; padding: 0} .wc_payment_method .payment_box{font-size: var(--fontsize14)} .woocommerce-checkout input[type=radio]:checked{border: 4px solid var(--primaryColor);} .wc_payment_method input[type=radio]:checked+label::before{ background: var(--primaryColor);} .wc_payment_method input[type=radio]+label::before{background: var(--whiteColor);} .woocommerce-checkout form #order_review{padding: 20px; background-color: var(--whiteColor); border-radius: 20px;} .woocommerce-checkout-review-order-table tfoot{font-family: inter;} .woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table{margin: 0; padding: 0;} .woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table td, .woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table th, .woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table td, .woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table th{font-family: inter; font-size: var(--fontsize16);} .woocommerce-checkout form #order_review{color: var(--blackColor);} .woocommerce-checkout form #order_review_heading{font-family: bricolagebold; color:var(--whiteColor); margin:0; margin-bottom: 20px; padding: 0;} .woocommerce-checkout input[type="text"]{padding: 10px; font-family: inter; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-checkout input[type="tel"]{padding: 10px; font-family: inter; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-checkout input[type="email"]{padding: 10px; font-family: inter; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-checkout textarea{padding: 10px; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-checkout .select2-container .select2-selection{padding: 10px; bordeR: 0px none; border-radius: 10px; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{line-height: 28px;} .woocommerce-checkout form .col2-set label{font-family:inherit; font-size: 16px; font-weight: 700; color:var(--blackColor);} .woocommerce-checkout .woocommerce-additional-fields h3{font-size: 16px;} .woocommerce-checkout button[type=submit]{background:var(--primaryColor); font-family: inter; border-radius: 56px; font-size:18px; font-family: inherit; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; padding:8px 20px} .woocommerce-checkout button[type=submit]:hover{background:var(--primaryColor); border-radius: 56px; font-size:18px; font-family: inherit; margin-left: 0px; border: 0px none; color: #fff!important; padding: 8px 20px} .woocommerce-checkout #billing_first_name_field{width: 100%;} .woocommerce-checkout .woocommerce-info .showcoupon{text-decoration: underline;} .woocommerce-checkout #coupon_code{padding: 8px 10px; background-color:#fff; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-checkout .woocommerce-form-coupon .form-row{width: auto;margin-top: 10px; } .woocommerce-checkout .woocommerce-form-coupon .form-row-first{width: 20%; float:left;} .woocommerce-checkout .woocommerce-form-coupon .form-row-last{margin-left: 15px; width: auto; float:left;} .woocommerce form .form-row-last, .woocommerce-page form .form-row-last{float:none; width: 100%} .woocommerce-order-pay .site-main .entry-content{color: var(--whiteColor);} .checkout_coupon.woocommerce-form-coupon{margin-bottom: 40px;} .woocommerce-checkout ul.woocommerce-error{padding: 5px 10px;} /*checkout*/ /*thankyou page*/ .woocommerce-checkout.woocommerce-order-received .site-main .entry-content{color: var(--blackColor);} .woocommerce-checkout.woocommerce-order-received .site-main{padding: 20px; color: var(--blackColor); font-family: inter; background-color: var(--whiteColor); border-radius: 20px;} .woocommerce-checkout.woocommerce-order-received.singular .entry-header .entry-title{font-size: 22px; font-weight: 700; color: #000248; font-family:inherit;} .woocommerce-checkout.woocommerce-order-received .woocommerce-thankyou-order-received{color:green; text-transform: uppercase; font-weight: 700; font-size: 22px;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order ul{display: flex; width: 100%; font-family:inherit; padding: 10px; margin:15px 0; background-color: var(--color7);} .woocommerce-checkout.woocommerce-order-received .woocommerce-order ul li{display: flex; padding: 10px; flex-direction: column; font-family:inherit;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order ul li:first-child{padding-left: 0;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order ul li strong{margin-left:0px;} .woocommerce-checkout.woocommerce-order-received .woocommerce-customer-details h2{margin-bottom: 15px; font-size: 22px; color: #000248; font-family:inherit;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order-details h2{margin-bottom: 15px; font-size: 22px; color: #000248; font-family:inherit;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order-details table{border: 1px solid var(--color7); width: 100%; border-collapse: collapse;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order-details table tr{height: auto;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order-details table td{border: 1px solid #ddd; line-height: 20px; padding: 10px; border-spacing: 0; vertical-align: top;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order-details table th{border: 1px solid #ddd; line-height: 20px; padding: 10px; border-spacing: 0;} .woocommerce-checkout.woocommerce-order-received .startLearningButton{display: flex; width: var(--fullwidth); justify-content: center; margin-bottom: 15px;} /*thankyou page*/ /*My account Page*/ .woocommerce-account input[type="submit"]{line-height: inherit;} .woocommerce-account button{line-height: inherit;} .site .woocommerce-button{line-height: inherit; padding: 5px 15px;} .site .button{line-height: inherit; padding: 5px 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:inter; font-size: var(--fontsize14); color:var(--whiteColor);} .woocommerce-account .site-content .site-main{background-color: var(--blackColor5); padding: 30px; border-radius: 20px; } .woocommerce-account .site-content{max-width:var(--maxWidth); margin: 0 auto; padding:20px 20px; font-family:inter;} .woocommerce-account.singular .entry-header{padding-bottom: 10px; margin-bottom: 20px;} .woocommerce-account.singular .entry-header h1.entry-title{font-size: 22px; font-weight: 700; color:var(--whiteColor); font-family:inter;} .woocommerce-account #main .woocommerce{max-width:none; padding:0; margin: 0 auto;} .woocommerce-account .col2-set{margin-bottom: 50px; font-family:inter;} .woocommerce-account .col2-set .col-1 {padding: 20px; border: 1px solid #ddd} .woocommerce-account .col2-set .col-2 {padding: 20px; border: 1px solid #ddd} .woocommerce-account .col2-set input[type="text"]{ min-height: 48px; padding: 10px; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-account .col2-set input[type="email"]{min-height: 48px; padding: 10px; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-account .col2-set input[type="password"]{min-height: 48px; padding: 10px; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-account .col2-set h2{margin-bottom: 20px; font-size: 22px; font-weight: 700; color:var(--whiteColor); font-family:inter;} .woocommerce-account .col2-set label{margin-bottom: 5px; font-family:inter; color: var(--whiteColor); font-weight: 400; font-size:var(--fontsize14);} .woocommerce-account .col2-set .woocommerce-form-row{margin-bottom: 20px; font-family:inter;} .woocommerce-account .col2-set .woocommerce-FormRow{margin-bottom: 20px; font-family:inter;} .woocommerce-account .col2-set .woocommerce-privacy-policy-text{margin-bottom: 20px; margin-top: 15px;} .woocommerce-account .col2-set .woocommerce-privacy-policy-text a{color:var(--primaryColor); text-decoration: underline;} .woocommerce-account .col2-set .lost_password{margin-top: 20px;} .woocommerce-account .col2-set .lost_password a{color: var(--color1); text-decoration: underline;} .woocommerce-account .col2-set .woocommerce-form-login__rememberme{margin-bottom: 10px; display: flex; align-items: center; gap:10px;} .woocommerce-account .col2-set .woocommerce-password-strength{margin:10px 0 ;} .woocommerce-account .col2-set .woocommerce-password-strength.bad{color: red; padding: 10px; border: 1px solid red;} .woocommerce-account .col2-set .woocommerce-password-strength.short{color: red; padding: 10px; border: 1px solid red} .woocommerce-account .col2-set .woocommerce-password-strength.good{color: orange; padding: 10px; border: 1px solid orange} .woocommerce-account .col2-set .woocommerce-password-strength.strong{color: green; padding: 10px; border: 1px solid green} .woocommerce-account .col2-set .woocommerce-password-hint{background-color: var(--color21); padding: 10px; border: 1px solid var(--color11)} .woocommerce-account .col2-set .button{background-color:var(--primaryColor)!important;font-size:18px; border-radius: 56px; font-family: inter; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; padding:8px 20px} .woocommerce-account .col2-set .button{background-color:var(--primaryColor)!important;font-size:18px; border-radius: 56px; font-family: inter; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; padding:8px 20px} .woocommerce-account.woocommerce-lost-password .entry-header{padding-bottom: 10px; margin-bottom: 20px; text-align: center;} .woocommerce-account.woocommerce-lost-password .lost_reset_password{ max-width: 550px; width: 100%;padding: 20px; margin: 0 auto; margin-bottom: 50px; border-radius: 15px; background-color: var(--primaryColor); border: 1px solid var(--whiteColor)} .woocommerce-account.woocommerce-lost-password .lost_reset_password label{margin-bottom: 5px;} .woocommerce-account.woocommerce-lost-password .lost_reset_password .woocommerce-form-row{width: 100%;} .woocommerce-account.woocommerce-lost-password .lost_reset_password input[type="text"]{min-height: 48px; padding: 10px; background-color:#f1f1f1; font-size:16px; border: 0px none; border-radius: 10px;} .woocommerce-account.woocommerce-lost-password .lost_reset_password .button{background-color:var(--whiteColor)!important; font-size:18px; font-family: inter; border-radius: 56px; font-weight: 700; border: 0px none; margin-left: 0px; color:var(--primaryColor)!important; padding:8px 20px} .woocommerce-account.woocommerce-lost-password .lost_reset_password .button{background-color: var(--whiteColor)!important;font-size:18px; font-family: inter; border-radius: 56px; font-weight: 700; border: 0px none; margin-left: 0px; color:var(--primaryColor)!important; padding:8px 20px} .woocommerce-account .woocommerce-MyAccount-navigation{display: flex; width: 100%; max-width: 300px; font-family:inter;} .woocommerce-account .woocommerce-MyAccount-navigation ul{box-shadow: 0 0 5px var(--color11); width: 100%; border-radius: 10px; padding: 10px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li{font-size: var(--fontsize16);border-bottom: 1px solid #ddd; margin:0; margin-bottom: 10px!important; padding: 0;} .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child{border-bottom: 0px none;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{ cursor: pointer; font-size: var(--fontsize16); padding: 10px; color:var(--whiteColor)!important; display: flex; text-decoration: none; font-family:inter;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{color:#fff!important; background-color:var(--primaryColor); font-weight: 700; text-decoration: none!important;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{font-size: var(--fontsize16); color:#fff!important; text-decoration: none!important; padding: 10px; background-color:var(--primaryColor);} .woocommerce-account table.account-orders-table td{color: var(--blackColor);} .woocommerce-account table.account-orders-table tr:nth-child(odd) td a{color: var(--blackColor);} .woocommerce-account table.account-orders-table tr:nth-child(even) td {color: var(--whiteColor);} .woocommerce-account table.account-orders-table tr:nth-child(even) td a{color: var(--whiteColor);} .woocommerce-table__product-name a{color:var(--primaryColor);} .woocommerce-account .woocommerce-MyAccount-content{font-size: var(--fontsize14); font-family:inter; color: var(--whiteColor);} .woocommerce-account .woocommerce-MyAccount-content p{font-size: var(--fontsize14); color: var(--whiteColor); width:var(--fullwidth); font-family:inter;} .woocommerce-account .woocommerce-MyAccount-content p a{text-decoration:underline; font-weight: 700; color: var(--primaryColor);} .woocommerce-account .woocommerce-MyAccount-content label{font-size: var(--fontsize14); font-weight: 700;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label{font-size: var(--fontsize14); } .woocommerce-account .woocommerce-MyAccount-content em{font-size: 16px;} .woocommerce-account .woocommerce-MyAccount-content fieldset legend{font-size: 20px; font-weight: 700;} .woocommerce-account .woocommerce-MyAccount-content input[type="text"]{ font-size: var(--fontsize14); min-height: 50px; padding: 10px; background-color:#f1f1f1; font-size: var(--fontsize14); border: 0px none; border-radius: 10px;} .woocommerce-account .woocommerce-MyAccount-content input[type="password"]{ font-size: var(--fontsize14); min-height: 50px; padding: 10px; background-color:#f1f1f1; font-size: var(--fontsize14); border: 0px none; border-radius: 10px;} .woocommerce-account .woocommerce-MyAccount-content input[type="email"]{ font-size: var(--fontsize14); min-height: 50px; padding: 10px; background-color:#f1f1f1; font-size: var(--fontsize14); border: 0px none; border-radius: 10px;} .woocommerce-account .woocommerce-MyAccount-content input[type="tel"]{ font-size: var(--fontsize14); min-height: 50px; padding: 10px; background-color:#f1f1f1; font-size: var(--fontsize14);border: 0px none; border-radius: 10px;} .woocommerce-account .woocommerce-MyAccount-content select{ min-height: 50px; padding: 10px;font-size: var(--fontsize14); background-color:#f1f1f1; font-size: var(--fontsize14); border: 0px none; border-radius: 10px;} .woocommerce-account .woocommerce-MyAccount-content .select2-selection{ margin-top: 0!important; font-family: inter; border: 0px none!important; min-height: 50px; background-color: var(--color7); color: var(--color12); font-size: var(--fontsize14); border: 0px none; border-radius: 10px;} .woocommerce-account .woocommerce-MyAccount-content .button{background-color:var(--primaryColor)!important;font-size:18px; border-radius: 56px; font-family: inter; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; padding:8px 20px} .woocommerce-account .woocommerce-MyAccount-content .button{background-color: var(--primaryColor)!important;font-size:18px; border-radius: 56px; font-family: inter; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; padding:8px 20px} .woocommerce-info a.button, .woocommerce-message a.button{background-color: var(--color1); padding: 10px;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title h3{font-size: var(--fontsize16); margin:0; gap:10px;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title a{color:var(--primaryColor);} .woocommerce-account table.account-orders-table .button{background-color:var(--primaryColor)!important;font-size:var(--fontsize14); font-family: inter; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; padding:5px 20px} .woocommerce-account table.account-orders-table .button:hover{background-color:var(--primaryColor)!important;font-size:var(--fontsize14); font-family: inter; font-weight: 700; border: 0px none; margin-left: 0px; color: #fff!important; padding:5px 20px} .woocommerce-account .select2-container .select2-selection{padding: 10px; bordeR: 0px none; border-radius: 10px; background-color:#f1f1f1; font-size:var(--fontsize14);border: 0px none; border-radius: 10px;} .woocommerce-account .select2-container .select2-selection--single .select2-selection__rendered{line-height: 30px; font-size:var(--fontsize14); font-family: inter; } /*My Account Page*/ .static-pages-wrapper{display: flex; width: 100%;} .static-pages-wrapper .static-pages-container{display: flex; padding:0px 0 40px; width: 100%; max-width:1300px; margin:0 auto;} .static-pages-wrapper .static-pages-container .page{ width: 100%; max-width: none; } .static-pages-wrapper .static-pages-container header{margin:0; padding:0; z-index: 1} .static-pages-wrapper .static-pages-container header div{width: 100%;} .static-pages-wrapper .static-pages-container .entry-title{ font-size:24px; text-align: left; font-weight:normal; color: #0a0a0a; border-bottom:1px solid var(--color18); margin-bottom: 15px;padding-bottom: 10px; } .static-pages-wrapper .static-pages-container h6{ font-size:22px; text-align: left; margin-top: 0; letter-spacing: normal; text-transform: none; font-family: inter; font-weight:700; text-transform: capitalize; color: #000248; width: 100%; letter-spacing: normal; border-bottom:1px solid #000248; margin-bottom: 15px;padding-bottom: 10px; } .static-pages-wrapper .static-pages-container p{font-size: 17px; line-height: 24px; width: 100%; max-width: none; color:#535363; margin: 15px 0;} .static-pages-wrapper .static-pages-container blockquote{margin:0; margin-bottom:10px; padding:0; border:0px none;} .static-pages-wrapper .static-pages-container div{padding:0; margin:0;} .static-pages-wrapper .static-pages-container .right-block{display:flex; flex-direction: column; width:80%; margin-left: 30px;} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper {display: flex; flex-direction: column; width: 100%; font-family: inter;} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul{display: flex; margin: 0; padding: 0; flex-direction: column; width: 100%;} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li{border: 1px solid #a3dce1; border-radius:5px; margin:15px 0 0; padding: 15px; display: flex; flex-direction: column; width: 100%;} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li:first-child{margin-top: 0} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li a.faq-link{color:#000248; font-size: 20px; font-weight: 600; position: relative; } .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li a.faq-link::before, .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li a.faq-link::after {content: ''; position: absolute; right: 24px; top: 50%; height: 2px; width: 13px; background: var(--color1);-webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s,-webkit-transform .2s;} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li a.faq-link:before{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 8px;} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li a.faq-link:after{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); right: 0px;} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li.open a.faq-link:before{ right: 0px;} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li.open a.faq-link:after{right: 8px;} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li .faq-content{display: flex; flex-direction: column; width: 100%; padding:0px; height:0; visibility: hidden; opacity: 0} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li .faq-content.open{padding:15px; height:auto; visibility: visible; opacity:1} .static-pages-wrapper .static-pages-container .right-block .faq-wrapper ul li .faq-content p{font-size: 17px; line-height: 24px; width: 100%; max-width: none; color:#535363; } .static-pages-wrapper .static-pages-container .left-block{display:flex; width:20%;} .static-pages-wrapper .static-pages-container .left-block .widget_nav_menu{display: flex; width: 100%; margin-right: 0; float:none; flex-direction: column; background-color: #f1f1f1; padding: 15px;} .static-pages-wrapper .static-pages-container .left-block .widget_nav_menu ul{display: flex; margin:0; padding:0; flex-direction: column;} .static-pages-wrapper .static-pages-container .left-block .widget_nav_menu ul li{display: flex; margin:10px 0 0; padding:0; list-style-type: none;} .static-pages-wrapper .static-pages-container .left-block .widget_nav_menu ul li a{text-decoration: none; font-weight: normal; border-radius:5px; padding:5px 10px; display: flex; flex: 1; font-size:15px; color:var(--color17);} .static-pages-wrapper .static-pages-container .left-block .widget_nav_menu ul li a:hover{ background-color: var(--color1); color:var(--whitecolor);} .static-pages-wrapper .static-pages-container .left-block .widget_nav_menu ul li.current-menu-item a{ background-color: var(--color1); color:var(--whitecolor);} .static-pages-wrapper .static-pages-container .contactform-wrapper{display: flex; width: 100%;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper{display: flex; width: 100%; align-items: flex-start; margin:0 0;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .form-block{display: flex; width: 100%; flex-direction: column;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .form-block .block{display: flex; margin-bottom: 20px; flex-direction: column;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper label{ font-family:var(--fontfamilysemibold); font-size:13px; margin-bottom: 10px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper label span{color:var(--redcolor);} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container{width: 100%; max-width: none;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container input[type="text"]{border:1px solid var(--color18); font-size: 13px; padding:10px; border-radius:5px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container input[type="number"]{border:1px solid var(--color18); font-size: 13px; padding:10px; border-radius:5px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container select{border:1px solid var(--color18); font-size: 13px; padding:10px; border-radius:5px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container input[type="email"]{border:1px solid var(--color18); font-size: 13px; padding:10px; border-radius:5px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container textarea{resize:none; border:1px solid var(--color18); font-size: 13px; padding:10px; border-radius:5px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container input[type="submit"]{padding:10px 45px; white-space: nowrap; font-weight: normal; max-width: 150px; margin: 0 auto; border:0px none; background-color: #107983; border :2px solid #107983; border-radius:10px; font-size: var(--fontsize16); color:var(--whitecolor);} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container input[type="submit"]:hover{text-decoration: none;} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container .wpforms-submit {padding:10px 45px; white-space: nowrap; font-weight: normal; max-width: 150px; margin: 0 auto; border:0px none; background-color: #107983; border :2px solid #107983; border-radius:10px; font-size: var(--fontsize16); color:var(--whitecolor);} .static-pages-wrapper .static-pages-container .contactform-wrapper .form-wrapper .wpforms-container .wpforms-submit:hover{text-decoration: none;} .static-pages-wrapper .static-pages-container .contactform-wrapper .address-block{display: flex; flex-direction: column; padding:20px; width:100%; max-width: 350px; background-color: #f9f9f9; margin-left: 20px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .address-block address{margin-bottom: 0} .static-pages-wrapper .static-pages-container .contactform-wrapper .address-block h3{font-family:var(--fontfamilybold); text-align: center; font-size:16px; margin:0; font-style: normal; margin-bottom: 10px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .address-block p{ display: flex; align-items: center; justify-content: center; font-family:var(--fontfamilybold); font-size:16px; margin:0; padding:0px; font-style: normal; margin-bottom:0px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .address-block p + h3{margin-top:60px;} .static-pages-wrapper .static-pages-container .contactform-wrapper .address-block + p{display: none;} .static-pages-wrapper .static-pages-container .contactform-wrapper .wpcf7-not-valid-tip{font-size: 13px; } .static-pages-wrapper .static-pages-container .wpcf7 form .wpcf7-response-output{font-size: 13px; padding:10px; } .static-pages-wrapper .static-pages-container div.wpforms-container-full{display: flex; width: 100%; flex-direction: column; max-width: 50%;} .static-pages-wrapper .static-pages-container div.wpforms-container-full .wpforms-form .wpforms-field-label{font-weight: normal; font-family: var(--fontfamilysemibold); font-size: 13px;margin-bottom: 10px;} .static-pages-wrapper .static-pages-container div.wpforms-container-full .wpforms-form .wpforms-submit {padding:10px 45px; white-space: nowrap; font-weight: normal; max-width: 150px; margin: 0 auto; border:0px none; background-color: #107983; border :2px solid #107983; border-radius:10px; font-size: var(--fontsize16); color:var(--whitecolor);} .static-pages-wrapper .static-pages-container div.wpforms-container-full .wpforms-form .wpforms-submit:hover{text-decoration: none;} .static-pages-wrapper .static-pages-container div.wpforms-container-full .wpforms-form input[type="text"]{border: 1px solid var(--color18); font-size: 13px; font-family: var(--defaultfont); padding: 10px; border-radius: 5px;} .static-pages-wrapper .static-pages-container div.wpforms-container-full .wpforms-form input[type="email"]{border: 1px solid var(--color18); font-size: 13px; font-family: var(--defaultfont); padding: 10px; border-radius: 5px;} .static-pages-wrapper .static-pages-container div.wpforms-container-full .wpforms-form textarea{border: 1px solid var(--color18); resize:none; font-size: 13px; font-family: var(--defaultfont); padding: 10px; border-radius: 5px;} /*About Us Page*/ .aboutPageWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer{display: flex; flex-direction: column; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .pageHeader{display: flex; width: var(--fullwidth); padding: 60px; background-color: var(--blackColor2);} .aboutPageWrapper .aboutPageContainer .pageHeader .pageHeaderContainer{max-width: var(--maxWidth); margin:0 auto; width: var(--fullwidth); display:flex; flex-direction:column; } .aboutPageWrapper .aboutPageContainer .pageHeader .pageHeaderContainer h1{color:var(--whiteColor); font-size: var(--fontsize32); font-family:bricolagebold; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent{display: flex; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft{display: flex; gap:40px; color:var(--whiteColor); font-size: var(--fontsize16); font-family:inter; flex-direction: column; flex:1} .aboutPageWrapper .aboutPageContainer .mainContent .mainContentContainer{max-width: var(--maxWidth); gap:40px; margin:0 auto; padding: 36px 0; width: var(--fullwidth); display:flex;} .aboutPageWrapper .aboutPageContainer .mainContent .pageRight{display: flex; flex-direction: column; width: var(--fullwidth); max-width: 300px; flex-shrink: 0;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft h1{ border-left:4px solid var(--yellowColor2); padding-left: 20px; color:var(--whiteColor); font-size: var(--fontsize32); font-family:bricolagebold; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft h4{ border-left:4px solid var(--yellowColor2); padding-left:10px; color:var(--yellowColor2); font-size: var(--fontsize22); font-family:bricolagebold; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft h5{ border-left:0px solid var(--yellowColor2); padding-left:0px; color:var(--whiteColor); font-size: var(--fontsize16); font-family:bricolagebold; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft p{ color:var(--whiteColor); display: inline-block; gap:10px; font-size: var(--fontsize14); font-family:inter; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft a{ color:var(--yellowColor2); gap:5px; display: inline-block; align-items: center; font-size: var(--fontsize14); font-family:inter; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .block{display: flex; width: var(--fullwidth); gap:20px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .blockWrapper{display: flex; width: var(--fullwidth); flex-direction: column; gap:20px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .grid{display: flex; flex-direction: column; width: var(--fullwidth); gap:20px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .blocks{display: flex; width: var(--fullwidth); gap:20px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .block .left{display: flex; width: var(--fullwidth); flex-direction: column; gap:15px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .block .right{display: flex; gap:10px; width: var(--fullwidth); flex-direction: column; gap:15px;} .aboutPageWrapper .aboutPageContainer .mainContent img{max-width: 100%;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft ul{display: flex; flex-direction: column; gap:15px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft ul li {color:var(--whiteColor); margin-inline-start: 20px; font-size: var(--fontsize14); font-family:inter;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:20px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn.gridColumn2{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn li{display: flex; gap:15px; bordeR:1px solid var(--whiteColor); padding: 15px; border-radius: 15px; flex-direction: column; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn li i{width: 15px; height: 15px; border:2px solid var(--whiteColor)} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn li .actions{display: flex; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn li .actions a{bordeR:2px solid transparent; color:var(--primaryColor);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn li .actions a:hover{bordeR:2px solid var(--primaryColor)} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn li:hover{background-color: var(--primaryColor); bordeR:1px solid var(--primaryColor);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn li:hover .actions a{background-color: var(--whiteColor); bordeR:1px solid var(--whiteColor); color:var(--primaryColor);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn li span{border-left:0px solid var(--whiteColor); padding-left:0px; color:var(--whiteColor); font-size: var(--fontsize42); font-family:bricolagebold; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .blockItemWrapper{display: flex; align-items: flex-start; width: var(--fullwidth); gap:20px; background-color: var(--blackColor4); padding: 20px; border-radius: 20px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .blockItemWrapper .thumb{display: flex; color:var(--yellowColor); text-align: center; justify-content: center; max-width: 100px; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .blockItemWrapper .thumbLarge{display: flex; max-width: 200px; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .blockItemWrapper .thumbExtraLarge{display: flex; max-width: 400px; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .blockItemWrapper .thumbContent{display: flex; flex-direction: column; gap:10px; flex:1} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .blockItemWrapper .thumbContent a{color: var(--primaryColor);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .holder{display: flex; gap:20px; flex-wrap: wrap; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .holder .block{display: flex; flex-direction: column; max-width: 150px; gap:10px; align-items: center; text-align: center;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridCardItemWrapper{display: flex; gap:40px; width: var(--fullwidth); flex-wrap: wrap;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridCardItemWrapper .items{display: flex; flex-direction: column; background-color: var(--blackColor4); align-items: flex-start; width: var(--fullwidth); max-width:260px; gap:15px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridCardItemWrapper .items .thumbContent{padding: 10px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridCardItemWrapper .items .thumb{display: flex; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridCardItemWrapper .items .thumb img{object-fit: cover; aspect-ratio: 1/1; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridCardItemWrapper .items a{color: var(--yellowColor2);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordionSection{display: flex; flex-direction: column; width: 100%;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordionSection .accordion{ transition: all 0.2s ease; border-left: 0px none; padding-left: 0; border-bottom:0px solid var(--blackColor); margin-top: 8px; cursor: pointer; background-color:var(--whiteColor); font-size:var(--fontsize16);color:var(--blackColor); padding: 15px; border-radius:10px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordionSection .panel { transition: all 0.2s ease; padding:0px; opacity: 0; display: none; visibility: hidden; font-size: 15px; line-height:30px; background-color:var(--blackColor); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordionSection .accordion.active:after {content: "\2212";} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordionSection .accordion.active, .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordion:hover { border-bottom:0px solid var(--whiteColor);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordionSection .accordion.active{border-bottom:0px none; border-radius:10px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordionSection .accordion.active + .panel{padding:18px 0px; flex-direction: column; gap:20px; border-bottom:0px solid var(--whiteColor); color: var(--whiteColor); border-radius: 0px; border-top:0px none; opacity: 1; visibility: visible; display: flex; max-height: inherit !important;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .accordionSection .accordion:after {content: '\002B'; color: var(--blackColor); font-weight: bold; float: right; margin-left: 5px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .counterItemWrapper{display: flex; gap:40px; width: var(--fullwidth); flex-wrap: wrap;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .counterItemWrapper ol{display: flex; background-color: var(--yellowColor); align-items: flex-start; width: var(--fullwidth); border-radius: 15px; gap:15px; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .counterItemWrapper ol li{display: flex; flex-direction: column; padding: 15px; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .counterItemWrapper h5{ border-left:0px solid var(--blackColor); padding-left:0px; color:var(--whiteColor); font-size: var(--fontsize22); font-family:bricolagebold; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .counterItemWrapper span{ border-left:0px solid var(--blackColor); padding-left:0px; color:var(--blackColor); font-size: var(--fontsize42); font-family:bricolagebold; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .counterItemWrapper p{ color:var(--whiteColor); font-size: var(--fontsize16); font-family:inter; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .maxSize img{max-width: 100px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .quoteWrapper{display: flex; gap:40px; align-items: center; font-size: var(--fontsize20); width: var(--fullwidth); color:var(--yellowColor); font-family:bricolagebold; border-top:2px solid var(--yellowColor); text-align: center; justify-content: center; padding: 20px; border-bottom:2px solid var(--yellowColor)} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .quoteWrapper span{font-size: var(--fontsize46); display: flex;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .tableWrapper{display: flex; gap:40px; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .tableWrapper table{border-collapse: collapse; border: 1px solid var(--whiteColor);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .tableWrapper th{ color:var(--whiteColor); padding:5px; font-size: var(--fontsize12); text-align: left; font-family:inter; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .tableWrapper td{ color:var(--whiteColor); padding:5px; font-size: var(--fontsize12); text-align: left; font-family:inter; margin:0; font-style: normal; margin-bottom:0px;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .tableWrapper th a{font-size: var(--fontsize12); color:var(--yellowColor2);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .tableWrapper td a{font-size: var(--fontsize12); color:var(--yellowColor2);} .aboutPageWrapper .aboutPageContainer .mainContent .pageRight .pageSidebarMenu{ padding: 20px; display: flex; flex-direction: column; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageRight .pageSidebarMenu .widget-title{display: none;} .aboutPageWrapper .aboutPageContainer .mainContent .pageRight .pageSidebarMenu nav{display: flex; margin:0; padding: 0; flex-direction: column; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageRight .pageSidebarMenu nav ul{display: flex; margin:0; padding:0; gap:20px; flex-direction: column; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer .mainContent .pageRight .pageSidebarMenu nav ul li{color:var(--blackColor); display: flex; bordeR-left:4px solid transparent; margin:0; padding:15px;background-color: var(--blackColor4); text-decoration: none; font-size: var(--fontsize14); font-family:inter;} .aboutPageWrapper .aboutPageContainer .mainContent .pageRight .pageSidebarMenu nav ul li:hover{border-left:4px solid var(--yellowColor2);} .aboutPageWrapper .aboutPageContainer .mainContent .pageRight .pageSidebarMenu nav ul li.current-menu-item{border-left:4px solid var(--yellowColor2);} .aboutPageWrapper .aboutPageContainer .mainContent .pageRight .pageSidebarMenu nav ul li a{color:var(--whiteColor); width: var(--fullwidth); text-decoration: none; font-size: var(--fontsize14); font-family:inter;} .contactPageWrapper{display: flex; flex-direction: column; width: var(--fullwidth); gap:15px;} .contactMapWrapper{display: flex; width: var(--fullwidth); gap:30px; margin-top: 20px;} .contactMapWrapper .left{display: flex; width: var(--fullwidth); max-width: 50%} .contactMapWrapper .right{display: flex; flex-direction: column; gap:15px; width: var(--fullwidth); max-width: 50%} .socialBlock{display: flex; flex-direction: column; width: var(--fullwidth); gap:10px;} .socialBlock div{display: flex; width: var(--fullwidth); gap:20px; font-size: var(--fontsize25);} .socialBlock div a{display: flex; font-size: var(--fontsize25); gap:10px;} .socialBlock div a i{display: flex; font-size: var(--fontsize25);} .contactFormWrapper{flex-direction: column; display: flex; gap:15px;} /*About Us Page*/ /*ErrorPage*/ .error404Wrapper {display: flex; width: var(--fullwidth);} .error404Wrapper .error404Container { display: flex; justify-content: center; align-items: center; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; flex-direction: column; max-width: var(--maxwidth); height: 100%; width: var(--fullwidth);} .error404Wrapper .error404Container h1{ font-size:var(--fontsize34); color:var(--whiteColor); margin:0 0 10px;} .error404Wrapper .error404Container p{ font-size:var(--fontsize14); color:var(--whiteColor);text-align: center; margin:0 0 15px; padding: 0;} .error404Wrapper .error404Container p + p{ font-size:var(--fontsize14); margin:0 0 15px; color:var(--whiteColor); text-align: center;} .error404Wrapper .error404Container .banner{display: flex; width: var(--fullwidth); text-align: center; justify-content: center;} .error404Wrapper .error404Container .banner img{max-width: 100%} .error404Wrapper .error404Container .actions{display: flex; margin-top: 15px; width: var(--fullwidth); text-align: center; justify-content: center;} .error404Wrapper .error404Container .actions a{padding: 5px 20px; } /*ErrorPage*/ /*Responsive Css start */ @media screen and (max-width:1300px) { .homepageWrapper .heroWrapper .heroContainer{padding-left:0px; padding-right:0px;} .homepageWrapper .featuresWrapper .featuresContainer{padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 20px;} .homepageWrapper .opportunitiesWrapper .opportunitiesContainer{padding-left: 20px; padding-right: 20px;} .homepageWrapper .skillGapWrapper .skillGapContainer{padding-left: 20px; padding-right: 20px;} .homepageWrapper .beReadyWrapper .beReadyContainer{padding-left: 20px; padding-right: 20px;} .homepageWrapper .displayCoursesWrapper{margin-top: 0;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer{padding-left: 20px; padding-right: 20px;} .homepageWrapper .experimentalWrapper .experimentalContainer{padding-left: 20px; padding-right: 20px;} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer{padding-left: 20px; padding-right: 20px;} .homepageWrapper .invitingWrapper .invitingContainer{padding-left: 20px; padding-right: 20px;} .homepageWrapper .faqWrapper .faqContainer{padding-left: 20px; padding-right: 20px;} footer .footer-container{padding-left: 20px; padding-right: 20px;} #masthead .headerContainer{padding-left: 20px; padding-right: 20px;} #masthead nav ul li{margin-left: 0px;} #masthead nav ul{gap:10px;} #masthead nav ul li a{font-size: var(--fontsize14);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .tabsWrapper ol{overflow-x: auto; white-space: nowrap;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper ol li{max-width: 280px;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(3){padding-left: 17%;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(4){padding-left: 17%;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(5){padding-left: 32%;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(6){padding-left: 32%;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(7){margin: 247px 0 0; padding-left: 47%;} .lp-archive-courses{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .heroWrapper .heroContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .upSkillWrapper .upSkillContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .partnersLogoWrapper .partnersLogoContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .industryExpertsWrapper{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .certificateWrapper .certificateContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .experientialProcessWrapper .experientialProcessContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .beReadyWrapper .beReadyContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .aboutWrapper .aboutContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .globalCommunityWrapper .globalCommunityContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .displayIndustryExpertsWrapper .displayIndustryExpertsContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .testimonialsWrapper .testimonialsContainer{padding-left: 20px; padding-right: 20px;} .detailpageWrapper .faqWrapper .faqContainer{padding-left: 20px; padding-right: 20px;} } @media screen and (max-width:1120px) { .homepageWrapper .heroWrapper .heroContainer h1 span{font-size: var(--fontsize43);} #masthead nav ul li{margin-left:0px;} #masthead nav ul{gap:10px;} #masthead nav ul li a{font-size: var(--fontsize13);} } @media screen and (max-width:1000px) { .homepageWrapper .heroWrapper .heroContainer h1 span{font-size: var(--fontsize43);} .homepageWrapper .heroWrapper .heroContainer p{font-size: var(--fontsize16);} .homepageWrapper .infoBannerWrapper{max-width:900px;} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li p{white-space: normal} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer{background-image: none; padding-right: 0;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(3){padding-left: 0%;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(4){padding-left: 0%;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(5){padding-left: 0%;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(6){padding-left: 0%;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(7){margin:0px 0 0; padding-left: 0%;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li .left{max-width: 45%} #masthead nav ul li{margin-left: 7px;} .menu-button-container{display: flex; right:10px; padding:0; top:10px;} #masthead .headerActions{display: none} .menu-button-container #primary-mobile-menu{padding: 0; color:var(--whiteColor);} .primary-navigation-open .menu-button-container{background-color: transparent;} /* .primary-navigation > .primary-menu-container {position: fixed; background-color:var(--secondaryColor);}*/ .primary-navigation-open .primary-navigation{width:100%;} .primary-navigation-open .primary-navigation > .primary-menu-container{position: absolute; visibility: visible; background-color: var(--blackColor4); opacity: 1; transform: translateY(0);} #masthead nav .primary-navigation > .primary-menu-container ul{flex-direction: column; padding: 20px;} .primary-navigation > .primary-menu-container ul li{margin-left: 0;} .primary-navigation-open .menu-button-container{background-color:var(--blackColor4);} #masthead nav.primary-navigation > div > .menu-wrapper{padding:60px 20px; align-items: flex-start; flex-direction: column;} #masthead nav.primary-navigation > div > .menu-wrapper li{margin-top: 20px; margin-left: 0;} #masthead .headerContainer .site-logo{position: static;} /*.primary-navigation > .primary-menu-container{opacity: 0; visibility: hidden;} .primary-navigation-open .primary-navigation{ position: fixed; z-index: 2; height:100vh} */ #masthead nav.primary-navigation > div > .menu-wrapper li{flex-direction: column;} #masthead nav.primary-navigation > div > .menu-wrapper li{margin-top: 0; } #masthead nav ul ul.sub-menu{position: static; padding:0; border:0px none;} #masthead nav ul ul.sub-menu li a{padding: 0; color:var(--whiteColor);} #masthead nav ul li a{align-items: center;} .menu-button-container #primary-mobile-menu{color:var(--whiteColor);} } @media screen and (max-width:960px) { .homepageWrapper .heroWrapper .heroContainer .heroLeft{ max-width:none; align-items: center;} .homepageWrapper .heroWrapper .heroContainer h2{ font-size: var(--fontsize21);} .homepageWrapper .heroWrapper .heroContainer h3{ font-size: var(--fontsize25);} .homepageWrapper .heroWrapper .heroContainer .heroRight{margin-left: auto; margin-right: auto; margin-top: 30px;} .homepageWrapper .heroWrapper .heroContainer .actions{justify-content: center;} .homepageWrapper .heroWrapper .heroContainer{flex-direction: column;} .homepageWrapper .heroWrapper .heroForm .formWrapper{justify-content: center} .homepageWrapper .heroWrapper .heroForm label{text-align: center;} .homepageWrapper .opportunitiesWrapper .opportunitiesContainer h2{text-align: center; width: var(--fullwidth); margin-bottom: 40px;} .homepageWrapper .skillGapWrapper .skillGapContainer ol{flex-direction: column; align-items: center; margin-top: 30px;} .homepageWrapper .skillGapWrapper .skillGapContainer ol:first-child{margin-top:0} .homepageWrapper .skillGapWrapper .skillGapContainer ol li:first-child{margin-bottom:40px} .homepageWrapper .beReadyWrapper .beReadyContainer .content{flex-direction: column;} .homepageWrapper .beReadyWrapper .beReadyContainer .contentLeft{max-width: none} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight{max-width: none; margin-left: 0; margin-top: 30px;} .homepageWrapper .skillGapWrapper .skillGapContainer .content{width: var(--fullwidth);} .homepageWrapper .skillGapWrapper .skillGapContainer ol li:nth-child(1){max-width: none} .homepageWrapper .skillGapWrapper .skillGapContainer ol li:nth-child(2){max-width: none} .homepageWrapper .beReadyWrapper .beReadyContainer .contentRight ol li{max-width: none} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper ol li{max-width: 47%} .homepageWrapper .heroWrapper .heroContainer .heroLeft{padding-top: 40px;} .homepageWrapper .invitingWrapper .invitingContainer .content{max-width: none} .homepageWrapper .featuresWrapper .featuresContainer ol{ grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer h2{flex-direction: column;} .homepageWrapper .bannerWrapper .bannerContainer{padding: 20px;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(1) h3 div{justify-content: center;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(2) h3 div{justify-content: center;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(3) h3 div{justify-content: center;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer ol li:nth-child(4) h3 div{justify-content: center;} .homepageWrapper .aboutMescWrapper .aboutMescContainer{padding: 20px;} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .aboutMescWrapper .aboutMescContainer p{max-width: none;} .homepageWrapper .homeCounterWrapper .homeCounterContainer{padding: 20px; align-items: center;} .homepageWrapper .homeCounterWrapper .homeCounterContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .homeNewsWrapper .homeNewsContainer{padding: 20px;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer{padding: 20px;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .blockWrapper{flex-direction: column;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .left{max-width: none;} .homepageWrapper .homeGoverningWrapper .homeGoverningContainer .governingSlider{width: 100%;} } @media screen and (max-width:900px) { .homepageWrapper .infoBannerWrapper{max-width: 750px;} .homepageWrapper .heroWrapper .heroContainer h1{text-align: center;} .homepageWrapper .experimentalWrapper .experimentalContainer .timelineWrapper .timelineContainer .experimentalSlider .items{width: var(--fullwidth);} } @media screen and (max-width:770px) { .homepageWrapper .infoBannerWrapper{max-width: none; margin-left: 20px; margin-right:20px; width: auto;} .homepageWrapper .infoBannerWrapper .infoBannerContainer h2{flex-direction: column; text-align: center;} .homepageWrapper .infoBannerWrapper .infoBannerContainer h2 strong{margin-left: 0;} .homepageWrapper .heroWrapper .heroContainer .heroRight{margin-top: 50px; max-width: none} .homepageWrapper .infoBannerWrapper .infoBannerContainer h2{font-size: var(--fontsize21);} footer .footer-container{flex-direction: column;} footer .footer-container .footer-links-wrapper{flex-direction: column;} footer .footer-container .footer-links-wrapper .footer-column{text-align: center; margin-bottom:30px;} footer .footer-container .footer-links-wrapper .footer-column:last-child ul{flex-direction: column;} footer .footer-container .footer-links-wrapper .footer-column:last-child ul li{max-width: none} footer .footer-container{padding-top: 20px;} .homepageWrapper .heroWrapper .heroContainer .heroLeft{padding-top: 40px;} footer .footer-container .footer-links-wrapper .footer-column{align-items: center;} footer .footer-container .footer-links-wrapper .footer-column .getInTouch{align-items: center; justify-content: center;} } @media screen and (max-width:670px) { .homepageWrapper .displayCoursesWrapper .displayCoursesContainer .coursesWrapper ol li{max-width: none} .homepageWrapper .faqWrapper .faqContainer h2{font-size: var(--fontsize23);} #masthead .headerContainer .site-branding{max-width:125px;} #masthead .headerContainer .site-logo img{max-width: 100%} } @media screen and (max-width:570px) { .homepageWrapper .heroWrapper{height: 100vh} .homepageWrapper .heroWrapper .heroContainer{height: 100%; padding:0px;} .homepageWrapper .heroWrapper .heroSlider{height: 100%} .homepageWrapper .heroWrapper .heroSlider .slick-list{height: 100%} .homepageWrapper .heroWrapper .heroSlider .slick-track{height: 100%} .homepageWrapper .heroWrapper .heroContainer h1{font-size: var(--fontsize24); flex-direction: column; flex-wrap: wrap;} .homepageWrapper .heroWrapper .heroContainer h1 span{font-size: var(--fontsize24);} .homepageWrapper .heroWrapper .heroContainer p br{display: none;} .homepageWrapper .heroWrapper .heroContainer .items:nth-child(1) h1 span{background-size: contain; background-position: center; height: 60px;} .homepageWrapper .heroWrapper .heroContainer .items:nth-child(2) h1 span{background-size: contain; background-position: center; height: 60px;} .homepageWrapper .heroWrapper .heroContainer .items:nth-child(3) h1 span{background-size: contain; background-position: center; height: 60px;} .homepageWrapper .heroWrapper .heroContainer .items:nth-child(4) h1 span{background-size: contain; background-position: center; height: 60px;} .homepageWrapper .heroWrapper .items .mainImage{aspect-ratio: 1/1; height: 100%; object-fit: cover;} .homepageWrapper .heroWrapper .items .industrySpecialistWrapper{flex-direction: column;} .homepageWrapper .heroWrapper .heroForm .formWrapper{flex-direction: column;} .homepageWrapper .heroWrapper .heroForm a{margin-left: 0; justify-content: center; margin-top: 15px;} .homepageWrapper .skillGapWrapper .skillGapContainer{background-image: none;} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer h2 strong{font-size: var(--fontsize26);} .homepageWrapper .faqWrapper .faqContainer h2{margin-bottom: 30px;} .menu-button-container{top:24px;} .homepageWrapper .featuresWrapper .featuresContainer h2{font-size: var(--fontsize22);} .homepageWrapper .featuresWrapper .featuresContainer p br{display: none;} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer h2{font-size: var(--fontsize22);} .homepageWrapper .displayCoursesWrapper .displayCoursesContainer h2 strong{font-size: var(--fontsize22);} } @media screen and (max-width:470px) { .homepageWrapper .invitingWrapper .invitingContainer h2{font-size: var(--fontsize16);} .homepageWrapper .invitingWrapper .invitingContainer h2 strong{font-size: var(--fontsize16);} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer h2 strong{font-size: var(--fontsize21);} .homepageWrapper .globalCommunityWrapper .globalCommunityContainer h2{font-size: var(--fontsize22);} .homepageWrapper .aboutMescWrapper .aboutMescContainer ol li ol{ grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .faqWrapper .faqContainer h2 div{flex-direction: column;} .homepageWrapper .aboutMescWrapper .aboutMescContainer h3{font-size: var(--fontsize22);} .detailpageWrapper .heroWrapper .heroContainer{flex-direction: column; gap:20px;} .detailpageWrapper .heroWrapper .heroLeft{max-width: none;} .detailpageWrapper .heroWrapper .heroRight{max-width: none; margin-left: 0;} .detailpageWrapper .upSkillWrapper .upSkillContainer ol{flex-wrap: wrap; flex-direction: column;} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li{max-width: none; margin: 10px 0} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(1){transform: unset;} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(2){transform: unset;} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(3){transform: unset;} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(4){transform: unset;} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(5){transform: unset;} .detailpageWrapper .upSkillWrapper .upSkillContainer ol li:nth-child(6){transform: unset;} .detailpageWrapper .industryExpertsWrapper {flex-direction: column;margin-top: 20px;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer{flex-direction: column; padding: 30px; margin-top: 20px;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .left{max-width: none;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right .column{margin-left:0;} .detailpageWrapper .industryExpertsWrapper .industryExpertsContainer .right{max-width: none; gap: 20px; align-items: center; margin-top: 0; flex-direction:column; margin-left: 0;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .curriculumsMain{flex-direction: column; gap:20px;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .left{max-width: none;} .detailpageWrapper .curriculumsWrapper .curriculumsContainer .right{max-width: none;} .detailpageWrapper .certificateWrapper .certificateContainer{flex-direction: column; gap:20px;} .detailpageWrapper .certificateWrapper .certificateContainer .left{max-width: none;} .detailpageWrapper .certificateWrapper .certificateContainer .right{max-width: none; margin-left: 0;} .detailpageWrapper .aboutWrapper .aboutContainer .main{flex-direction: column; gap:20px;} .detailpageWrapper .aboutWrapper .aboutContainer .main .left{max-width: none;} .detailpageWrapper .aboutWrapper .aboutContainer .main .right{max-width: none;} .detailpageWrapper .testimonialsWrapper{margin-top: 20px;} .registerRoleDialogWrapper .registerRoleDialogContainer{margin:15px;} .applyNowDialogWrapper .applyNowDialogContainer{margin:15px;} .justLeadDialogWrapper .justLeadDialogContainer{margin:15px;} .woocommerce .woocommerce-notices-wrapper>*{display: flex; flex-direction: column; padding-bottom: 0;} .woocommerce-cart #content table.cart td.actions .coupon{flex-direction: column; gap:20px; padding-bottom: 0; margin-bottom: 0;} .woocommerce-cart #content table.cart td.actions .coupon .button{float:none; width: var(--fullwidth); margin-left: 0;} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .contentHeader{top:20px;} .homepageWrapper .experimentalNewContainer{padding: 30px;} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer .contentHeader{flex-direction: column;} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h2 strong{font-size: var(--fontsize22);} .homepageWrapper .experimentalNewWrapper .experimentalNewContainer h2 + h2 div{display: flex; flex-wrap: wrap;} .homepageWrapper .contactusWrapper .contactusContainer h2{font-size: var(--fontsize24);} .homepageWrapper .contactusWrapper .contactusContainer{padding: 30px;} .aboutPageWrapper .aboutPageContainer .mainContent .mainContentContainer{flex-direction: column; padding: 30px;} .aboutPageWrapper .aboutPageContainer .mainContent .mainContentContainer .block{flex-direction: column;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .blocks{flex-direction: column;} .aboutPageWrapper .aboutPageContainer .pageHeader .pageHeaderContainer h1{font-size: var(--fontsize24);} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .gridColumn{grid-template-columns: repeat(1,minmax(0,1fr));} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .counterItemWrapper ol{flex-direction: column;} .aboutPageWrapper .aboutPageContainer .mainContent .pageLeft .tableWrapper {overflow-x: auto;} .contactMapWrapper{flex-direction: column;} .contactMapWrapper .left{max-width: none;} .contactMapWrapper .right{max-width: none;} .initiativesDD .initiativesDDContainer{flex-direction: column;} .initiativesDD .initiativesDDContainer .column1{ max-width:none; } .initiativesDD .initiativesDDContainer .column2{ max-width:none; } .initiativesDD .initiativesDDContainer h1 {font-size: var(--fontsize28);} .initiativesDD .initiativesDDContainer h1 br {display: none;} .initiativesDD .initiativesDDContainer p br {display: none;} .initiativesDD .initiativesDDContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} } /* Media Query for low resolution Tablets, Ipads */ @media (min-width: 481px) and (max-width: 767px) { /*body { background-color: yellow; }*/ .homepageWrapper .featuresWrapper .featuresContainer ol { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; } .homepageWrapper .homeCounterWrapper .homeCounterContainer ol { grid-template-columns: repeat(2,minmax(0,1fr)); } .homepageWrapper .heroWrapper .heroContainer .heroLeft{padding-top: 0;} } /* Media Query for Tablets Ipads portrait mode */ @media (min-width: 768px) and (max-width: 1024px){ /*body { background-color: blue; }*/ .homepageWrapper .featuresWrapper .featuresContainer ol { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; } .homepageWrapper .homeCounterWrapper .homeCounterContainer ol { grid-template-columns: repeat(2,minmax(0,1fr)); } .homepageWrapper .heroWrapper .heroContainer .heroLeft{padding-top: 0;} .homepageWrapper .heroWrapper .heroContainer h2 { font-size: var(--fontsize32); } } /*Responsive Css ends */