:root { --primaryColor: #3381FF; --secondaryColor:#0E1638; --blackColor: #000000; --blackColor2:#494E6A; --whiteColor: #ffffff; --borderColor:#E0E0E0; --greyColor:#494E6A; --footerBg:#101739; --bodybg:#F6F7FA; --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 : 1250px; --marginLeft15:15px; --allPageTopGap:0px; --allPageTopGap2:71px } @font-face { font-family:sora; src: url(../fonts/Sora-Regular.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:soramedium; src: url(../fonts/Sora-Medium.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:sorasemibold; src: url(../fonts/Sora-SemiBold.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:sorabold; src: url(../fonts/Sora-Bold.ttf); font-weight: normal; font-style: normal; font-display: swap; } .backToTop{position: fixed; bottom:20px; right:20px;} .backToTop a{width:42px; height: 42px; background-color: var(--secondaryColor); display: flex; align-items: center; border-radius: 100%; justify-content: center; color:var(--whiteColor);} .menu-button-container #primary-mobile-menu{display: none} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family:sorabold; font-size: var(--fontsize16);} a{font-family:sora; text-decoration: none;} a:focus{outline: 0px none; text-decoration: none;} body,html{font-family:sora; margin:0; padding:0; color: var(--blackColor); background-color: var(--bodybg);} html{scroll-behavior:smooth} *, *::before, *::after { box-sizing: border-box; } img{max-width: 100%} ul,ol{margin: 0; padding:0; font-family:sora;} 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} .site a:focus:not(a):not(a){outline: 0px none; text-decoration: none;} .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{outline:0px none;} a:focus{outline: 0px none; text-decoration: none;} .site{padding-top: var(--allPageTopGap);} .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;} img:focus{outline:0px none;} a:fovus img{outline:0px none;} .primaryBtn{ border-radius: 8px; cursor: pointer; border:0px none; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 32px; text-decoration: none; font-family:sora; background:var(--primaryColor);} .primaryBtn:hover{ border-radius: 8px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 32px; text-decoration: none; font-family:sora; background:var(--primaryColor);} .primaryBtn:focus{ border-radius: 8px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 32px; text-decoration: none!important; font-family:sora; background:var(--primaryColor)!important;} .primaryBtn:active{ border-radius: 8px; color: var(--whiteColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 32px; text-decoration: none; font-family:sora; background:var(--primaryColor);} .secondaryBtn{ border-radius: 8px; border:1px solid var(--primaryColor); color: var(--primaryColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 32px; text-decoration: none; font-family:sora;} .secondaryBtn:hover{ border-radius: 8px; border:1px solid var(--primaryColor); color: var(--primaryColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 32px; text-decoration: none; font-family:sora;} .secondaryBtn:focus{ border-radius: 8px; border:1px solid var(--primaryColor); color: var(--primaryColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 32px; text-decoration: none; font-family:sora;} .secondaryBtn:active{ border-radius: 8px; border:1px solid var(--primaryColor); color: var(--primaryColor); font-size: var(--fontsize16); display: flex; align-items: center; padding:10px 32px; text-decoration: none; font-family:sora;} .primary-navigation-open .primary-navigation > .primary-menu-container{background-color: var(--secondaryColor);} .primary-navigation-open .menu-button-container{background-color: transparent;} .primary-navigation-open .primary-navigation > .primary-menu-container ul{display: flex; flex-direction: column; padding: 20px} .menu-button-container{background-color: transparent;} .search-results main{max-width: var(--maxWidth); margin:0 auto; padding: 20px 0} .search-results .entry-footer {display: none;} .search-results .page-header{text-align: left; position:relative; font-size:var(--fontsize22);font-weight: bold; margin:0; padding: 0; color:var(--blackColor2); margin-bottom:15px;} .search-results .page-header h1{text-align: left; position:relative; font-size:var(--fontsize22);font-weight: bold; margin:0; padding: 0 0 10px; color:var(--blackColor2); margin-bottom:0px;} .search-results .entry-header{ width: var(--fullwidth); } .search-results h2{text-align: center; width: var(--fullwidth); max-width: none; position:relative; font-size:var(--fontsize22);font-weight: bold; margin:0; padding: 0 0 10px; color:var(--blackColor2); margin-bottom:0px;} .search-results .entry-content p{max-width: none; font-size:var(--fontsize14); line-height: 26px;} .search-results article{border-bottom:1px solid var(--borderColor); display: flex; flex-direction: column; gap:15px; padding: 15px 0} .search-results article:last-child{border-bottom:0px none; gap:15px;} /*header Start Css*/ .headerFixed #masthead{background-color: var(--whiteColor); box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1)} #masthead{padding: 0; z-index: 22000000000; position: sticky; max-width:none; top:0px; right: 0; left: 0;} #masthead .headerContainer{width:var(--fullwidth); flex-direction: column; padding:0px 0px; display: flex;} #masthead .headerContainer .topBar{display: flex; padding:18px 0px;justify-content: space-between; align-items: center;} #masthead .headerContainer .topBar .topBarContainer{display: flex; width:var(--fullwidth); margin: 0 auto; justify-content: space-between; max-width: var(--maxWidth); align-items: center;} #masthead .headerContainer .headerActions{display: flex; align-items: center; gap:20px;} #masthead .headerContainer .searchForm{display: flex; align-items: center; gap:20px;} #masthead .headerContainer .searchForm .block.open form{display: flex; transition: all 0.2s ease} #masthead .headerContainer .searchForm .block.open i{position: absolute; right:2px; top:2px; background-color:transparent;} #masthead .headerContainer .searchForm .block{position: relative; transition: all 0.2s ease} #masthead .headerContainer .searchForm .block form{display: none; transition: all 0.2s ease} #masthead .headerContainer .searchForm .block i{width:32px; cursor: pointer; transition: all 0.2s ease border-radius: 100%; display: flex; align-items: center; justify-content: center; height: 32px; border-radius: 100%; background-color: var(--whiteColor); color:var(--secondaryColor);} #masthead .headerContainer .searchForm input{width:var(--fullwidth);transition: all 0.2s ease; font-size: var(--fontsize14); max-width: 150px; border-radius: 20px; margin:0; line-height: normal; padding: 5px 10px;} #masthead .headerContainer .bottomBar{display: flex; justify-content: space-between; align-items: center; padding:0px 0px; background-color:var(--secondaryColor);} #masthead .headerContainer .bottomBar .bottomBarContainer{display: flex; width:var(--fullwidth); margin: 0 auto; justify-content: flex-end; max-width: var(--maxWidth); align-items: center;} #masthead .headerContainer .headerRight{display: flex; align-items: center; gap:20px;} #masthead .headerContainer .headerRight .secondaryNav{display: flex; align-items: center; gap:20px;} #masthead .headerContainer .logoWrapper{display: flex;} #masthead .headerContainer .logoWrapper .site-logo{ margin-right:0px; } #masthead .headerContainer .logoWrapper .site-logo a:focus{outline: 0px none;} #masthead .headerContainer .secondaryNav{background-color: var(--whiteColor); border-radius: 8px; padding: 16px 32px;} #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: 200px; height: auto;} #masthead nav{display: flex; align-items: center; margin:0;} #masthead nav ul{ display:flex; margin:0; padding:0; gap:20px; align-items:center; } #masthead nav ul li{ display:flex; margin:0; position: relative; padding:0; list-style-type: none; color: var(--blackColor); font-family:sora;} #masthead nav ul li a{ display:flex; padding:0 0px; text-transform: none;border-bottom:0px solid transparent; font-size: var(--fontsize14); text-decoration: none; color: var(--blackColor); font-family:sora;} #masthead nav ul li a:hover{color:var(--primaryColor); border-bottom:0px solid var(--primaryColor);} #masthead nav ul li.current-menu-item a{color:var(--primaryColor); font-family:sorabold; border-bottom:0px solid var(--primaryColor);} #masthead nav ul li.wowLink a{font-size: 0px; background-image: url(../images/singularis-wow-logo.svg); width: 44px; height: 18px; background-size: contain; background-repeat: no-repeat;} #masthead nav ul li:first-child{margin-left: 0;} #masthead nav ul ul.sub-menu {position: absolute; border:0px none; box-shadow: 0 0 5px var(--borderColor); display: none; top:100%; align-items: flex-start; padding: 0px; min-width: 200px; gap:0px;display: flex; display: none; flex-direction: column; background-color: var(--whiteColor); border-radius: 5px;} #masthead nav ul ul.sub-menu li {font-family:sora; background-color: var(--whiteColor); color:var(--lightColor); width:var(--fullwidth); padding: 5px 10px;} #masthead nav ul ul.sub-menu li a{font-family:sora; text-transform: none; width:var(--fullwidth); border-radius: 5px; color:var(--blackColor); padding: 5px 10px; font-size: var(--fontsize14); line-height: normal;} #masthead nav ul ul.sub-menu li a:hover{ background-color: var(--primaryColor); font-family:sora;; color:var(--whiteColor); font-size: var(--fontsize14); line-height: normal;} #masthead nav ul li:hover ul.sub-menu{display: flex;} #masthead .languageChange{display: flex; color:var(--whiteColor); align-items: center; gap:0px; font-size: var(--fontsize14);} #masthead .languageChange select{min-width: 120px;} #masthead .languageChange .gtranslate_wrapper{display: flex; width:auto; font-size: var(--fontsize14); color:var(--whiteColor); align-items: center; gap:10px;} #masthead nav ul ul.sub-menu ul.sub-menu {position: absolute; box-shadow: 0 0 5px var(--borderColor); display: none; top:0%; align-items: flex-start; left:100%; padding: 0px; gap:0px;display: flex; display: none; flex-direction: column; background-color: var(--whiteColor); border-radius: 5px;} #masthead nav ul ul.sub-menu ul.sub-menu li {font-family:sora; color:var(--lightColor); 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:sora; text-transform: none; width:var(--fullwidth); border-radius: 5px; padding: 5px 10px; color:var(--blackColor); font-size: var(--fontsize14); line-height: normal;} #masthead nav ul ul.sub-menu ul.sub-menu li a:hover{ text-transform: none; background-color: var(--blueColor); font-family:sora; color:var(--whiteColor); font-size: var(--fontsize14); line-height: normal;} #masthead nav ul li.menu-item-has-children > a::after{content:'';position: relative; margin-top: -6px; top:50%; width:10px; height: 10px; display: inline-block; margin-right: 0.5em; margin-left:0.5em; 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(--borderColor); border-top: 0.2em solid var(--borderColor);} .mobileHumberger{display: flex; display: none; flex-direction:column; gap:2px; width: 16px; cursor: pointer;} .mobileHumberger span{display: flex; height: 2px; background-color: var(--blackColor); width:var(--fullwidth);} #masthead .initiativesLink{display: flex; align-items: center; font-size: var(--fontsize16); } #masthead .initiativesLink > a{color: var(--blackColor); 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;} .initiativesDD{position: absolute; top:100%; display: none; z-index: 22222222222; box-shadow: 0px 10px 13px rgba(0, 0, 0, 0.1);} .initiativesDD .initiativesDDContainer{display: flex; align-items: center; width: var(--fullwidth); max-width: var(--maxWidth); margin:0 auto;} .initiativesDD .initiativesDDContainer .column1{display: flex; color:var(--blackColor);border-radius: 0 0 10px 10px; padding:10px; flex-direction: column; background-color: var(--whiteColor); } .initiativesDD .initiativesDDContainer ol li{position: relative; min-width:220px;} .initiativesDD .initiativesDDContainer ol li:last-child a{border-bottom: 0px none;} .initiativesDD .initiativesDDContainer ol li:hover ul.hassubmenu{visibility: visible; opacity: 1} .initiativesDD .initiativesDDContainer ol li:hover ul.hassubmenu li:hover ul.hascourses{visibility: visible; opacity: 1} .initiativesDD .initiativesDDContainer ol li ul.hassubmenu{position: absolute; left:100%; padding:10px; border-radius: 0 0 10px 10px; box-shadow: 0px 10px 13px rgba(0, 0, 0, 0.1); background-color: var(--whiteColor); top:0px; visibility: hidden; opacity: 0} .initiativesDD .initiativesDDContainer ol li ul.hascourses{position: absolute; left:100%; padding:10px; border-radius: 0 0 10px 10px; box-shadow: 0px 10px 13px rgba(0, 0, 0, 0.1); background-color: var(--whiteColor); top:0px; visibility: hidden; opacity: 0} .initiativesDD .initiativesDDContainer .column2{display: flex; color:var(--blackColor); width: var(--fullwidth); max-width:200px;} .initiativesDD .initiativesDDContainer h1{color: var(--whiteColor); align-items: center; gap:20px; display: flex; font-family:sorabold; font-size:var(--fontsize48);} .initiativesDD .initiativesDDContainer h2{color:var(--blackColor2); text-align: center; font-family:sorabold; font-size:var(--fontsize40);} .initiativesDD .initiativesDDContainer h3{color: var(--primaryColor); display: flex; flex-direction: column; font-family:sorabold; font-size:var(--fontsize34);} .initiativesDD .initiativesDDContainer p{font-size:var(--fontsize14); margin:10px 0 10px; padding: 0; font-family:sora;color:var(--whiteColor);} .initiativesDD .initiativesDDContainer ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:10px; display:flex; flex-direction: column; width: var(--fullwidth);} .initiativesDD .initiativesDDContainer ol li{display: flex; align-items: center; color:var(--blackColor); gap:10px; justify-content: center; border-radius: 0px; width: var(--fullwidth);} .initiativesDD .initiativesDDContainer ol li a{display: flex; padding:5px 10px;border-bottom: 1px solid var(--borderColor); align-items: center; color:var(--blackColor); gap:10px; font-size:var(--fontsize14); border-radius:0px; 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(--fontsize14); border-radius: 0px; width: var(--fullwidth);} /*.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background){background-color:transparent;}*/ .site .slick-prev:before, .site .slick-next:before{color: var(--primaryColor);} .site .slick-dots{bottom: -45px;} body.sticky-navbar .mobileMenuWrapper.open{display: flex; z-index: 2200005005;} .mobileMenuWrapper.open{display: flex; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after{display: none;} .mobileMenuWrapper{position: fixed; top:0; right:0; display: none; left:0; bottom:0; background-color:var(--whiteColor); z-index: 2200003005;} .mobileMenuWrapper .mobileMenuContainer{display: flex; overflow-y: auto; width:var(--fullwidth); flex-direction: column; padding: 20px;} .mobileMenuWrapper .mobileMenuContainer .closeLink{display: flex; cursor: pointer; justify-content: flex-end; align-items: center;} .mobileMenuWrapper .mobileMenuContainer ul{margin:0 0 10px; padding: 10px; background-color: #FFFAEE; gap:10px; display: flex; flex-direction: column;} .mobileMenuWrapper .mobileMenuContainer ul li{margin:0; flex-direction: column; padding: 0; line-height: normal; display: flex;} .mobileMenuWrapper .mobileMenuContainer ul li a{color:var(--lightColor); text-decoration: none; padding: 0; font-size: var(--fontsize14); } .mobileMenuWrapper .mobileMenuContainer h3{ margin:0 0 10px; padding:0; font-size: var(--fontsize18); color:var(--blackColor2); font-weight: 400; font-family:sorabold; } .mobileMenuWrapper .mobileMenuContainer ul + h3{border-bottom:1px solid #CED4E7; padding-bottom: 10px;} .mobileMenuWrapper .mobileMenuContainer ul + h3 + ul{background-color: transparent; padding: 0;} .mobileMenuWrapper .mobileMenuContainer ul + h3 + ul li a{color:var(--blackColor2); font-size: var(--fontsize18); } .mobileMenuWrapper .primary-navigation > .primary-menu-container{opacity: 1; visibility: visible;} .mobileMenuWrapper .primary-navigation > .primary-menu-container{position: static; height:auto; padding:0; } .mobileMenuWrapper .primary-navigation{position: static;} .primary-navigation > div > .menu-wrapper .sub-menu-toggle{display: none;} #masthead .headerActions .myaccount{position: relative; margin-left:15px; display: flex; align-items: center;} #masthead .headerActions .myaccount .myaccount_mainlink{display: flex; flex-shrink: 0; flex-direction: row; align-items: center; padding-bottom:0px; color: var(--primaryColor);font-size: 14px;} #masthead .headerActions .myaccount .myaccount_mainlink i{display: flex; margin-right:0px;} #masthead .headerActions .myaccount .myaccount_mainlink img{ background-color: var(--primaryColor); width: 32px; height:32px; margin:0; margin-right:0px; border-radius:50%;} #masthead .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);} #masthead .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;} #masthead .headerActions .myaccount .accountdd .accountddcontainer {clear: both; overflow: hidden; padding: 0; line-height: normal; width: 100%;} #masthead .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);} #masthead .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);} #masthead .headerActions .myaccount .accountdd ul {margin: 0; padding: 0;width: 100%; flex-direction: column; float: none; display: flex;} #masthead .headerActions .myaccount .accountdd ul li{margin:0; padding:0;} #masthead .headerActions .myaccount .accountdd ul li:first-child { border-top: 0 none;} #masthead .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;} #masthead .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;} #masthead .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;} #masthead .headerActions .myaccount .accountdd .accountddcontainer li.logout{margin-bottom: 0} #masthead .headerActions .myaccount:hover .accountdd {display: flex; flex-direction: column;} #masthead .headerActions .myaccount .accountdd .accountddcontainer li a:hover {color: #000; background-color: #e6e6e6;} /*header ends Css*/ /*Footer start*/ .no-widgets .site-footer{margin:40px 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; z-index: 22000000000; position: relative;} footer .footer-container{display: flex; flex-direction: column; gap:30px; width: var(--fullwidth); max-width: var(--maxWidth); margin:0 auto; padding:50px 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); gap:40px;justify-content: center; align-items: flex-start;} footer .footer-container .footer-links-wrapper ul{display: flex; margin:0; justify-content: center; padding:0; width: var(--fullwidth); flex-wrap: wrap; flex-direction: column; gap:10px;} footer .footer-container .footer-links-wrapper ul li{display: flex; font-size:var(--fontsize17); color:var(--whiteColor); margin:0; margin-top:0px;} footer .footer-container .footer-links-wrapper ul li a{font-size:var(--fontsize14); color:var(--whiteColor); font-weight: normal; text-decoration: none;} footer .footer-container .footer-links-wrapper ul li a:hover{text-decoration: none; color:var(--whiteColor); } footer .footer-container .footer-links-wrapper .footer-column{margin:0 30px;flex-direction: column; width: var(--fullwidth); max-width:20%; 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(--fontsize16);font-weight: normal; margin:0; padding: 0; color:var(--whiteColor); margin-bottom:10px;} footer .footer-container .footer-links-wrapper .footer-column p{text-align: left; position:relative; font-size:var(--fontsize14);font-weight: normal; margin:0; padding: 0; color:var(--whiteColor);} footer .footer-container .footer-links-wrapper .footer-logo img{max-width: none; margin-bottom:0px; 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); width:auto; margin:0px 0; gap:25px; justify-content:center; color:var(--whiteColor); align-items:center;} footer .footer-container .footer-social-links a{font-size:var(--fontsize25); display: flex; color:var(--whiteColor)} footer .footer-container .getInTouch{display: flex; width: var(--fullwidth);} footer .footer-container .site-logo{margin: 0;} footer .footer-container .site-branding{margin: 0;} footer .footer-copyright{display: flex; font-size:var(--fontsize14); justify-content: space-between; align-items: center; width: var(--fullwidth); margin:0; padding:15px 0; border-top:1px solid var(--borderColor); color:var(--whiteColor); align-items:center; width: var(--fullwidth);} footer .footer-container .footer-links-wrapper .footer-links-Main-Wrapper{display: flex; gap: 20px; justify-content: flex-end; flex:1; width: var(--fullwidth);} footer .footer-container .footer-links-wrapper .footer-links-Main-Wrapper section{display: flex; flex:1; width: var(--fullwidth); flex-direction: column;} footer .footer-container .footer-links-wrapper .footer-links-Main-Wrapper nav{display: flex; flex:1; width: var(--fullwidth); flex-direction: column;} footer .footer-container .footer-links-wrapper .footer-links-Main-Wrapper .footer-column{display: flex; max-width: 300px; width: var(--fullwidth); flex-direction: column;} footer .footer-container .footer-links-wrapper .footer-links-Main-Wrapper .menu-secondary-navigation-container ul li:nth-child(1) > a{display: none;} footer .footer-container .footer-links-wrapper .footer-links-Main-Wrapper .menu-secondary-navigation-container ul li:nth-child(1) ul li:nth-child(1) > a{display: flex;} /*Footer ends*/ /*ErrorPage*/ .error404Wrapper {display: flex; width: var(--fullwidth); background-color: var(--whiteColor);} .error404Wrapper .error404Container { display: flex; justify-content: center; gap:20px; 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(--fontsize26); line-height: 38px; font-family:sorabold; width: var(--fullwidth); text-align: center; color:var(--blackColor); margin:0 0 0px;} .error404Wrapper .error404Container p{ font-size:var(--fontsize16); color:var(--greyColor);text-align: center; margin:0 0 0px; padding: 0;} .error404Wrapper .error404Container p + p{ font-size:var(--fontsize16); margin:0 0 0px; color:var(--greyColor); 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:0px; width: var(--fullwidth); text-align: center; justify-content: center;} .error404Wrapper .error404Container .actions a{padding: 5px 20px; color: var(--whiteColor); background-color:var(--primaryColor);font-family:sorabold; } /*ErrorPage*/ .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); flex-direction: column; display: flex; position: relative; border-radius:20px; padding:24px; max-width:400px; width: var(--fullwidth);} .registrationDialogWrapper .registrationDialogContainer .rightPart{display: flex; flex-direction: column; width: var(--fullwidth); max-width:none} .registrationDialogWrapper .registrationDialogContainer .dialogClose{position: absolute; right:20px; top:10px;} .registrationDialogWrapper .registrationDialogContainer .dialogClose a{font-size: var(--fontsize22); font-family:sora; color: var(--blackColor2);} .registrationDialogWrapper .registrationDialogContainer h3 {font-size: var(--fontsize24); color:var(--blackColor); margin-bottom: 5px; font-family:sorabold; text-align: center;} .registrationDialogWrapper .registrationDialogContainer h3 span{color:var(--primaryColor);} .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; text-align: center; max-height: 550px; overflow-y: auto;} .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:sora;} .registrationDialogWrapper .formWrapper label{font-size:var(--fontsize14); resize: none;} .registrationDialogWrapper .formWrapper .ff-el-form-control{font-size:var(--fontsize14); resize: none;} .registrationDialogWrapper .formWrapper .ff-el-form-control:focus{border-color:var(--primaryColor); color:var(--blackColor);} .registrationDialogWrapper .registrationDialogContainer .fluentform .ff-el-group .ff_tc_checkbox{padding: 0!important} .registrationDialogWrapper .fluentform .ff-el-form-check-label .ff-el-form-check-input{top:0;} .registrationDialogWrapper .fluentform .ff-el-form-check-label .ff-el-form-check-input:focus{outline:0px none;} .registrationDialogWrapper .fluentform .ff-el-form-check label.ff_tc_label{display: flex; align-items: center; gap:10px;} .registrationDialogWrapper .fluentform .ff-el-form-check label.ff_tc_label p{border-bottom:0px none} .registrationDialogWrapper .fluentform .ff-el-form-check-label .ff-el-form-check-input:after{display: none;} /*Wowpage Css Start */ .wowPageWrapper{display: flex; width: var(--fullwidth); position: relative; z-index: 22000000;} .wowPageWrapper .wowPageContainer{display: flex; flex-direction: column; gap:0px; width: var(--fullwidth);} .wowPageWrapper .heroWrapper{display: flex; width: var(--fullwidth);} .wowPageWrapper .heroWrapper .heroContainer{display: flex; position: relative; z-index: 1; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .wowPageWrapper .heroWrapper .heroContainer .heroMain{display: flex; width: var(--fullwidth); gap:40px; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .wowPageWrapper .heroWrapper .heroContainer .heroLeft{display: flex; flex-direction: column; gap:15px; width: var(--fullwidth);padding-top:0px;} .wowPageWrapper .heroWrapper .heroContainer .heroRight{display: flex; height: 100%;position: relative; flex-direction: column; max-width:45%; width: var(--fullwidth); padding-top:0px;} .wowPageWrapper .heroWrapper .heroContainer h1{color: var(--blackColor); letter-spacing: -1px; display: inline-block; line-height:50px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize40);} .wowPageWrapper .heroWrapper .heroContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .wowPageWrapper .heroWrapper .heroContainer h1 span{color: var(--primaryColor); } .wowPageWrapper .heroWrapper .heroContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; font-family:sora;color:var(--greyColor);} .wowPageWrapper .heroWrapper .heroContainer .actions{display: flex; width: var(--fullwidth);margin-top: 15px; align-items: center; gap:20px} .wowPageWrapper .heroWrapper .heroContainer .heroRight iframe{width: 100%; height:400px;} .wowPageWrapper .heroWrapper .heroContainer .heroRight #tsparticles{position: relative; height: 100%; overflow: hidden;} .wowPageWrapper .heroWrapper .heroContainer .heroRight #tsparticles canvas{ display: block;} .wowPageWrapper .heroWrapper .heroContainer .registerNowLink{text-transform: uppercase} .wowPageWrapper .navBar{display: flex; position: sticky; top:89px; z-index: 2200000000222; justify-content: center; padding:20px 0; align-items:center; background-color:var(--whiteColor); gap:10px; border-bottom: 1px solid var(--borderColor);} .wowPageWrapper .navBar a{padding: 10px 20px; border-radius: 8px; font-size: var(--fontsize16); color: var(--blackColor2); display: flex; gap:12px; align-items: center;} .wowPageWrapper .navBar a.active{background-color:#E5EFFF!important; padding: 10px 20px; font-weight: 700; border-radius: 8px; font-size: var(--fontsize16); color: var(--primaryColor); display: flex; gap:12px; align-items: center;} .wowPageWrapper .navBar a.active svg{fill:var(--primaryColor)} .wowPageWrapper .aboutWrapper{display: flex; width: var(--fullwidth); background-color:var(--whiteColor); padding:40px 0;} .wowPageWrapper .aboutWrapper .aboutContainer{display: flex; position: relative; z-index: 1; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .wowPageWrapper .aboutWrapper .aboutContainer .aboutMain{display: flex; width: var(--fullwidth); gap:40px; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .wowPageWrapper .aboutWrapper .aboutContainer .aboutLeft{display: flex; flex-direction: column; gap:15px; width: var(--fullwidth); max-width: 580px; padding-top:0px;} .wowPageWrapper .aboutWrapper .aboutContainer .aboutRight{display: flex; position: relative; flex-direction: column; width: var(--fullwidth); padding-top:0px;} .wowPageWrapper .aboutWrapper .aboutContainer h4{ background: linear-gradient(91.55deg, #FF0000 -0.86%, #D966AF 42.97%, #0085FF 98.77%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; text-fill-color: transparent; display: inline-block; line-height:50px; font-family:sorabold; font-size:var(--fontsize34);} .wowPageWrapper .aboutWrapper .aboutContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize34);} .wowPageWrapper .aboutWrapper .aboutContainer h2 span{color: var(--primaryColor); } .wowPageWrapper .aboutWrapper .aboutContainer p{text-align: left; font-size:var(--fontsize16); margin:15px 0 0; padding: 0; font-family:sora;color:var(--greyColor);} .wowPageWrapper .forLearnerWrapper{display: flex; width: var(--fullwidth); background-color: #FAFAFA; padding:40px 0;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer{display: flex; position: relative; z-index: 1; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .forLearnerMain{display: flex; width: var(--fullwidth); gap:10px; max-width: var(--maxWidth); margin: 0 auto; flex-direction: column; align-items: center;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer h3{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize34);} .wowPageWrapper .forLearnerWrapper .forLearnerContainer h3 span{color: var(--primaryColor); vertical-align:middle; display: inline-flex; padding-left: 2px} .wowPageWrapper .forLearnerWrapper .forLearnerContainer p{text-align: left; font-size:var(--fontsize14); margin:0px 0 0; padding: 0; font-family:sora;color:var(--greyColor);} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .chips span{color: var(--blackColor2); font-size:var(--fontsize16); padding: 5px 20px; text-align: center; background-color:#e6e6e6; border-radius: 100px;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .chips{display: flex; width: var(--fullwidth); justify-content: center; align-items: center;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain{display:flex; width:100%; gap:32px; margin-top: 48px; f} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain .cardContent{display: flex; flex-direction: column; padding:20px 10px} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain h6{color: var(--blackColor); display: inline-block; line-height:26px; margin:0 0 5px 0; flex-direction: column; font-family:sorabold; font-size:var(--fontsize14);} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain .card{display: flex;box-shadow: rgba(39, 72, 111, 0.1) 0px 4px 21.6px 0px; background-color: var(--whiteColor); transition: transform 0.3s; max-width: 400px; width: 100%; overflow:hidden; flex-direction: column; border-radius: 16px; padding:2px} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain .column3{display: flex; flex-direction: column; gap:32px;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain .column2{display: flex; flex-direction: column; gap:32px; margin-top: -24px;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain .column1{display: flex; flex-direction: column; gap:32px;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain .card:hover{transform: translateY(-6px);} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .actions{display: flex; width: var(--fullwidth);margin-top: 15px; justify-content: center; align-items: center; gap:20px} .wowPageWrapper .tabWrapper{display: flex; width: var(--fullwidth); padding:80px 0; background-color: var(--whiteColor);} .wowPageWrapper .tabWrapper .tabContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .wowPageWrapper .tabWrapper .tabContainer .tabMain{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .wowPageWrapper .tabWrapper .tabContainer .tabLeft{display: flex; align-items: flex-start; flex-direction: column; gap:15px; max-width:500px; width: var(--fullwidth);padding-top:0px;} .wowPageWrapper .tabWrapper .tabContainer .tabLeft img{border-radius: 20px; margin-top: 20px; } .wowPageWrapper .tabWrapper .tabContainer .tabRight{display: flex; gap:15px; flex-direction: column; max-width:60%; width: var(--fullwidth); padding-top:0px;} .wowPageWrapper .tabWrapper .tabContainer h1{color: var(--blackColor); display: inline-block; line-height:34px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .wowPageWrapper .tabWrapper .tabContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .wowPageWrapper .tabWrapper .tabContainer h2 span{background-color:#E5EFFF; padding: 10px 20px; border-radius: 30px; color: var(--blackColor); font-family:sora; font-size:var(--fontsize14);} .wowPageWrapper .tabWrapper .tabContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .wowPageWrapper .tabWrapper .tabContainer .accordion{cursor: pointer; position: relative; font-weight: 400; margin:0px 0; padding:25px 15px; border-bottom: 1px solid #CCE0FF; font-family:sorabold; font-size: var(--fontsize20);} .wowPageWrapper .tabWrapper .tabContainer .accordion:after {content: '\002B'; border:2px solid transparent; margin-top:0px; color:var(--whiteColor); width: 33px;height: 33px; border-radius: 100%; background-color: var(--primaryColor); display: flex; align-items: center; justify-content: center; float: right; font-family:sorabold; font-size: var(--fontsize24); position: absolute; top:50%; transform: translate(50% , -50%); right:20px;} .wowPageWrapper .tabWrapper .tabContainer .panel {transition: all 0.2s ease; flex-direction: column; padding:10px 15px; border-radius: 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .wowPageWrapper .tabWrapper .tabContainer .accordion.active{border-bottom:1px solid transparent;} .wowPageWrapper .tabWrapper .tabContainer .accordion.active + .panel {padding:10px 15px; flex-direction: column; font-family:sora;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .wowPageWrapper .tabWrapper .tabContainer .accordion.active + .panel p{text-align: left} .wowPageWrapper .tabWrapper .tabContainer .accordion.active:after {content: "\2212"; background-color: var(--whiteColor); border:2px solid var(--primaryColor); color: var(--primaryColor)} .wowPageWrapper .tabWrapper .tabContainer .accordionSection{width:var(--fullwidth); background-color: var(--whiteColor); padding: 24px; border-radius: 24px; margin-top: 20px;} .wowPageWrapper .tabWrapper .tabContainer .panel{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .wowPageWrapper .tabWrapper .tabContainer .panel ul li{margin-inline-start: 18px;} .wowPageWrapper .tabWrapper .tabContainer .accordion.noborder{border-bottom:1px solid transparent;} .wowPageWrapper .opportunitiesWrapper{display: flex; width: var(--fullwidth); padding:80px 0; background-color: var(--whiteColor);} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroMain{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroLeft{display: flex; align-items: flex-start; flex-direction: column; gap:15px; max-width:60%; width: var(--fullwidth);padding-top:0px;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight img{border-radius: 20px; margin-top: 20px; } .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight{display: flex; gap:15px; flex-direction: column; max-width:40%; width: var(--fullwidth); padding-top:0px;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer h1{color: var(--blackColor); display: inline-block; line-height:34px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer h2 span{background-color:#E5EFFF; padding: 10px 20px; border-radius: 30px; color: var(--blackColor); font-family:sora; font-size:var(--fontsize14);} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion{cursor: pointer; position: relative; font-weight: 400; margin:0px 0; padding:25px 15px; border-bottom: 1px solid #CCE0FF; font-family:sorabold; font-size: var(--fontsize20);} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion:after {content: '\002B'; border:2px solid transparent; margin-top:0px; color:var(--whiteColor); width: 33px;height: 33px; border-radius: 100%; background-color: var(--primaryColor); display: flex; align-items: center; justify-content: center; float: right; font-family:sorabold; font-size: var(--fontsize24); position: absolute; top:50%; transform: translate(50% , -50%); right:20px;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .panel {transition: all 0.2s ease; flex-direction: column; padding:10px 15px; border-radius: 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.active{border-bottom:1px solid transparent;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.active + .panel {padding:10px 15px; flex-direction: column; font-family:sora;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.active + .panel p{text-align: left} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.active:after {content: "\2212"; background-color: var(--whiteColor); border:2px solid var(--primaryColor); color: var(--primaryColor)} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordionSection{width:var(--fullwidth); background-color:#F5F7FA;; padding: 24px; border-radius: 24px; margin-top: 20px;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .panel{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .panel ul li{margin-inline-start: 18px;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.noborder{border-bottom:1px solid transparent;} .wowPageWrapper .faqWrapper{display: flex; width: var(--fullwidth); padding:80px 0; background-color: var(--whiteColor);} .wowPageWrapper .faqWrapper .faqContainer .faqMain{display: flex; width: var(--fullwidth); gap:10px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .wowPageWrapper .faqWrapper .faqContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; width: 100%; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .wowPageWrapper .faqWrapper .faqContainer h3{color: var(--blackColor); display: inline-block; line-height:34px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize34);} .wowPageWrapper .faqWrapper .faqContainer p{text-align: left; font-size:var(--fontsize16); margin:10px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .wowPageWrapper .faqWrapper .faqContainer .accordion{cursor: pointer; position: relative; width: 100%; font-weight: 400; margin:0px 0; padding:25px 15px; border-bottom: 1px solid #CCE0FF; font-family:sorabold; font-size: var(--fontsize16);} .wowPageWrapper .faqWrapper .faqContainer .accordion:after {content: '\002B'; border:2px solid transparent; margin-top:0px; color:var(--whiteColor); width: 33px;height: 33px; border-radius: 100%; background-color: var(--primaryColor); display: flex; align-items: center; justify-content: center; float: right; font-family:sorabold; font-size: var(--fontsize24); position: absolute; top:50%; transform: translate(50% , -50%); right:20px;} .wowPageWrapper .faqWrapper .faqContainer .panel {transition: all 0.2s ease; flex-direction: column; padding:10px 15px; border-radius: 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .wowPageWrapper .faqWrapper .faqContainer .accordion.active{border-bottom:1px solid transparent;} .wowPageWrapper .faqWrapper .faqContainer .accordion.active + .panel {padding:10px 15px; flex-direction: column; font-family:sora;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .wowPageWrapper .faqWrapper .faqContainer .accordion.active + .panel p{text-align: left} .wowPageWrapper .faqWrapper .faqContainer .accordion.active:after {content: "\2212"; background-color: var(--whiteColor); border:2px solid var(--primaryColor); color: var(--primaryColor)} .wowPageWrapper .faqWrapper .faqContainer .accordionSection{width:var(--fullwidth); background-color: var(--whiteColor); padding: 24px; border-radius: 24px; margin-top: 20px;} .wowPageWrapper .faqWrapper .faqContainer .panel{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .wowPageWrapper .faqWrapper .faqContainer .panel ul li{margin-inline-start: 18px;} .wowPageWrapper .faqWrapper .faqContainer .accordion.noborder{border-bottom:1px solid transparent;} /*Wowpage Css ends */ /*Homepage Css Start */ .background{position: fixed; z-index: -1; top:0; left:0; right:0; width: var(--fullwidth); height: var(--fullheight); bottom:0;} .homepageWrapper{display: flex; width: var(--fullwidth); position: relative; z-index: 22000000} .homepageWrapper .homepageContainer{display: flex; flex-direction: column; gap:80px; width: var(--fullwidth);} .homepageWrapper .heroWrapper{display: flex; width: var(--fullwidth);} .homepageWrapper .heroWrapper .heroContainer{display: flex; position: relative; z-index: 1; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .homepageWrapper .heroWrapper .heroContainer .heroMain{display: flex; width: var(--fullwidth); gap:40px; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .homepageWrapper .heroWrapper .heroContainer .heroLeft{display: flex; flex-direction: column; gap:15px; width: var(--fullwidth);padding-top:0px;} .homepageWrapper .heroWrapper .heroContainer .heroRight{display: flex; height: 100%; min-height: 400px; position: relative; flex-direction: column; max-width:35%; width: var(--fullwidth); padding-top:0px;} .homepageWrapper .heroWrapper .heroContainer h1{color: var(--blackColor); letter-spacing: -1px; display: inline-block; line-height:50px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize40);} .homepageWrapper .heroWrapper .heroContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .homepageWrapper .heroWrapper .heroContainer h1 span{color: var(--primaryColor); } .homepageWrapper .heroWrapper .heroContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; font-family:sora;color:var(--greyColor);} .homepageWrapper .heroWrapper .heroContainer .actions{display: flex; width: var(--fullwidth);margin-top: 15px;} .homepageWrapper .heroWrapper .heroContainer .heroRight iframe{width: 100%; height:400px;} .homepageWrapper .heroWrapper .heroContainer .heroRight #tsparticles{position: relative; height: 100%; overflow: hidden;} .homepageWrapper .heroWrapper .heroContainer .heroRight #tsparticles canvas{ display: block;} @keyframes rotate3D { from { transform: rotateX(0deg) rotateY(0deg); } to { transform: rotateX(360deg) rotateY(360deg); } } .homepageWrapper .ourImpactWrapper{display: flex; width: var(--fullwidth); margin:0px auto 0; } .homepageWrapper .ourImpactWrapper .ourImpactContainer{display: flex; width: var(--fullwidth); align-items: center; gap:20px; background-color: var(--primaryColor); padding:30px; border-radius: 16px; max-width:1000px; margin:0 auto;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .left{max-width:40%; display: flex; width: var(--fullwidth);} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right{max-width: 60%; display: flex; width: var(--fullwidth);} .homepageWrapper .ourImpactWrapper .ourImpactContainer h2{color: var(--whiteColor); gap:5px; width: var(--fullwidth); display: flex; margin-bottom:0px; font-family:sorabold; font-size:var(--fontsize32);} .homepageWrapper .ourImpactWrapper .ourImpactContainer p{color: var(--whiteColor); width: var(--fullwidth); display: flex; font-family:sora; font-size:var(--fontsize14);} .homepageWrapper .ourImpactWrapper .ourImpactContainer ol{gap:30px; display:flex; justify-content: center; width: var(--fullwidth);} .homepageWrapper .ourImpactWrapper .ourImpactContainer ol li:first-child{border-left: 0px none; padding-left: 0;} .homepageWrapper .ourImpactWrapper .ourImpactContainer ol li{display:flex; border-left: 1px solid var(--whiteColor); flex-direction: column; gap:5px; max-width: 31%; padding-left:30px; width: var(--fullwidth);} .homepageWrapper .ourImpactWrapper .ourImpactContainer ol li h3{display: flex; align-items: center; gap:5px; color: var(--whiteColor); font-family:sorabold; font-size:var(--fontsize48);} .homepageWrapper .whatWeOfferWrapper{display: flex; width: var(--fullwidth); margin:0px auto 0; padding:0px;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer{display: flex; width: var(--fullwidth); align-items: center; flex-direction: column; gap:30px; max-width: var(--maxWidth); margin:0 auto;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer h2{color: var(--secondaryColor); justify-content: center; gap:5px; width: var(--fullwidth); display: flex; margin-bottom:0px; font-family:sorabold; font-size:var(--fontsize32);} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer p{color: var(--greyColor); width: var(--fullwidth); display: flex; font-family:sora; font-size:var(--fontsize14);} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol{gap:30px; display:flex; justify-content: center; width: var(--fullwidth);} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li{display:flex; background-color: var(--whiteColor); flex-direction: column; gap:20px; border-radius: 24px; padding:24px; max-width: 30%; width: var(--fullwidth);} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li h3{display: flex; align-items: center; gap:5px; color: var(--secondaryColor); font-family:sorabold; font-size:var(--fontsize24);} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li div{display: flex; align-items: center; gap:10px;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li div i{width: 60px; display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 100%; flex-shrink: 0;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li div i img{width: 44px; height: 44px; aspect-ratio: 1/1; object-fit: contain;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li:nth-child(1) div i{background: #FF2957;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li:nth-child(2) div i{background: #FF37CA;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li:nth-child(3) div i{background: var(--primaryColor);} .homepageWrapper .aboutWrapper{display: flex; width: var(--fullwidth);} .homepageWrapper .aboutWrapper .aboutContainer{display: flex; width: var(--fullwidth); border-radius: 16px; padding: 40px;background-color:var(--blackColor); flex-direction: column; gap:20px; max-width: var(--maxWidth); margin:0 auto;} .homepageWrapper .aboutWrapper .aboutContainer h2{color: var(--whiteColor); gap:5px; width: var(--fullwidth); display: flex; margin-bottom:0px; font-family:sorabold; font-size:var(--fontsize32);} .homepageWrapper .aboutWrapper .aboutContainer h2 span{background-color:#E5EFFF; padding: 10px 20px; border-radius: 30px; color: var(--blackColor); font-family:sora; font-size:var(--fontsize14);} .homepageWrapper .aboutWrapper .aboutContainer p{color: var(--whiteColor); width: var(--fullwidth); display: flex; font-family:sora; font-size:var(--fontsize14);} .homepageWrapper .aboutWrapper .aboutContainer h3{display: flex; gap:5px; color: var(--whiteColor); justify-content: flex-start; font-family:sorabold; font-size:var(--fontsize32);} .homepageWrapper .aboutWrapper .aboutContainer .main{display: flex; width: var(--fullwidth); gap:40px;} .homepageWrapper .aboutWrapper .aboutContainer .bannerMain{display: flex; width: var(--fullwidth); gap:40px;} .homepageWrapper .aboutWrapper .aboutContainer .actions{display: flex; width: var(--fullwidth); margin-top: 15px; justify-content: center;} .homepageWrapper .aboutWrapper .aboutContainer .actions a{border-color: var(--whiteColor); color: var(--whiteColor)} .homepageWrapper .solutionsWrapper{display: flex; width: var(--fullwidth); margin:0px auto 0; padding:0px;} .homepageWrapper .solutionsWrapper .solutionsContainer{display: flex; width: var(--fullwidth); align-items: center; flex-direction: column; gap:20px; max-width: var(--maxWidth); margin:0 auto;} .homepageWrapper .solutionsWrapper .solutionsContainer h2{color: var(--secondaryColor); justify-content: center; gap:5px; width: var(--fullwidth); display: flex; margin-bottom:0px; font-family:sorabold; font-size:var(--fontsize32);} .homepageWrapper .solutionsWrapper .solutionsContainer p{color: var(--greyColor); text-align: center; display: flex; font-family:sora; font-size:var(--fontsize14);} .homepageWrapper .solutionsWrapper .solutionsContainer ol{gap:30px; display:flex; justify-content: center; flex-wrap: wrap; width: var(--fullwidth); margin: 10px 0} .homepageWrapper .solutionsWrapper .solutionsContainer ol li{display:flex; min-width: 300px; background-color: var(--whiteColor); align-items: center; justify-content: center; flex-direction: column; gap:20px; border-radius: 24px; padding:24px; max-width: 30%; width: var(--fullwidth);} .homepageWrapper .solutionsWrapper .solutionsContainer ol li h3{display: flex; align-items: center; gap:5px; color: var(--secondaryColor); font-family:sorabold; font-size:var(--fontsize24);} .homepageWrapper .solutionsWrapper .solutionsContainer ol li i{width: 60px; display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 100%; flex-shrink: 0;} .homepageWrapper .solutionsWrapper .solutionsContainer ol li i img{width: 60px; height: 60px; aspect-ratio: 1/1; object-fit: contain;} .homepageWrapper .togetherWrapper{display: flex; width: var(--fullwidth); margin:0px auto 0; padding: 40px; background-color: var(--whiteColor);} .homepageWrapper .togetherWrapper .togetherContainer{display: flex; width: var(--fullwidth); align-items: center; flex-direction: column; gap:20px; max-width: var(--maxWidth); margin:0 auto;} .homepageWrapper .togetherWrapper .togetherContainer h2{color: var(--secondaryColor); text-align: center; justify-content: center; gap:5px; width: var(--fullwidth); display: flex; margin-bottom:0px; font-family:sorabold; font-size:var(--fontsize32);} .homepageWrapper .togetherWrapper .togetherContainer p{color: var(--whiteColor); text-align: center; display: flex; font-family:sora; font-size:var(--fontsize14);} .homepageWrapper .togetherWrapper .togetherContainer ol{gap:30px; display:flex; justify-content: center; flex-wrap: wrap; width: var(--fullwidth); margin: 10px 0} .homepageWrapper .togetherWrapper .togetherContainer ol li{display:flex; position: relative; align-items: center; justify-content: center; flex-direction: column; gap:20px; max-width: 31%; width: var(--fullwidth);} .homepageWrapper .togetherWrapper .togetherContainer ol li h3{display: flex; align-items: center; gap:5px; color: var(--whiteColor); justify-content: center; font-family:sorabold; font-size:var(--fontsize18);} .homepageWrapper .togetherWrapper .togetherContainer ol li .overlay{border-radius: 20px; gap:10px; display: flex; flex-direction: column; padding: 20px; align-items: center; justify-content: flex-end; position: absolute; top:0; right:0; left:0; bottom:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0B082A 100%);} .homepageWrapper .togetherWrapper .togetherContainer ol li img{border-radius: 20px;} .homepageWrapper .partnerWithUsWrapper{display: flex; width: var(--fullwidth); margin:0px auto 0; padding: 40px;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer{display: flex; width: var(--fullwidth); align-items: center; flex-direction: column; gap:40px; max-width: var(--maxWidth); margin:0 auto;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .main{display: flex; width: var(--fullwidth); gap:40px;; align-items: flex-start;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h2{color: var(--secondaryColor); text-align: center; justify-content: center; gap:5px; width: var(--fullwidth); display: flex; margin-bottom:0px; font-family:sorabold; font-size:var(--fontsize32);} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer p{color: var(--greyColor); text-align: center; display: flex; justify-content: center; font-family:sora; font-size:var(--fontsize14);} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h3{display: flex; gap:5px; color: var(--secondaryColor); justify-content: center; font-family:sorabold; margin-bottom: 0px; font-size:var(--fontsize32);} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .left{max-width: 50%; display: flex; width: var(--fullwidth);} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .right{max-width: 50%; gap:10px; flex-direction: column; display: flex; width: var(--fullwidth);} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 30px;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper .ff-el-form-control{font-family:sora; font-size:var(--fontsize14);} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper .ff-el-input--label label{font-family:sora; font-size:var(--fontsize14);} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper p{text-align: left; justify-content: flex-start;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper .ff_tc_checkbox{margin:0; padding-top: 0!important} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper .ff-el-form-check-input:after{content:''; display: none;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper .ff_tc_label{margin:0; display: flex; gap:10px;} /*Homepage css Ends Css*/ /*About Page css Start*/ .aboutPageWrapper{display: flex; width: var(--fullwidth);} .aboutPageWrapper .aboutPageContainer{display: flex; flex-direction: column; gap:40px; width: var(--fullwidth);} .aboutPageWrapper .heroWrapper{display: flex; width: var(--fullwidth); padding:80px 0} .aboutPageWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .aboutPageWrapper .heroWrapper .heroContainer .heroMain{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .aboutPageWrapper .heroWrapper .heroContainer .heroLeft{display: flex; flex-direction: column; gap:15px; width: var(--fullwidth);padding-top:0px;} .aboutPageWrapper .heroWrapper .heroContainer .heroRight{display: flex; gap:30px; flex-direction: column; max-width:45%; width: var(--fullwidth); padding-top:0px;} .aboutPageWrapper .heroWrapper .heroContainer h1{color: var(--blackColor); display: inline-block; line-height:50px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize32);} .aboutPageWrapper .heroWrapper .heroContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .aboutPageWrapper .heroWrapper .heroContainer h1 span{color: var(--primaryColor); } .aboutPageWrapper .heroWrapper .heroContainer p{text-align: left; font-size:var(--fontsize14); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .aboutPageWrapper .visionMissionWrapper{display: flex; width: var(--fullwidth); padding:0px 0 0} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainWrapper{display: flex; width: var(--fullwidth); gap:20px; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft{display: flex; flex-direction: column; background-color: var(--primaryColor); padding:45px; border-radius: 20px; gap:24px; width: var(--fullwidth);} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainRight{display: flex; gap:30px; flex-direction: column; max-width: 35%; width: var(--fullwidth); padding-top:0px;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainRight img{border-radius: 20px;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer h1{color: var(--whiteColor); display: inline-block; line-height:50px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize32);} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer h2{color: var(--whiteColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer h3{color: var(--whiteColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize38);} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer h1 span{color: var(--primaryColor); } .aboutPageWrapper .visionMissionWrapper .visionMissionContainer p{font-size:var(--fontsize38); margin:0px 0 0; padding: 0; line-height: 38px; font-family:sora;color:var(--whiteColor);} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft .block{display: flex; align-items: center; width: var(--fullwidth); gap:20px;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft .block:nth-child(1){background-image: url(../images/about-visionbg.png); background-repeat: no-repeat; background-position: right center;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft .block:nth-child(2){background-image: url(../images/about-missionbg.png); background-repeat: no-repeat; background-position: right center;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft .block:nth-child(1) > div{ width: var(--fullwidth); } .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft .block:nth-child(2) > div{ width: var(--fullwidth); } .aboutPageWrapper .principleWrapper{display: flex; width: var(--fullwidth); padding:0px 0 0;} .aboutPageWrapper .principleWrapper .principleContainer{display: flex; width: var(--fullwidth); background-color: var(--blackColor); gap:40px; padding: 40px; border-radius: 20px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .aboutPageWrapper .principleWrapper .principleContainer .mainWrapper{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .aboutPageWrapper .principleWrapper .principleContainer .mainLeft{display: flex; flex-direction: column; gap:15px; max-width:25%; width: var(--fullwidth);} .aboutPageWrapper .principleWrapper .principleContainer .mainRight{display: flex; gap:15px; flex-direction: column; max-width: 75%; width: var(--fullwidth); padding-top:0px;} .aboutPageWrapper .principleWrapper .principleContainer h3{color: var(--whiteColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize38);} .aboutPageWrapper .principleWrapper .principleContainer h4{color: var(--whiteColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .aboutPageWrapper .principleWrapper .principleContainer p{font-size:var(--fontsize20); margin:0px 0 0; padding: 0; line-height: 38px; font-family:sora;color:var(--whiteColor);} .aboutPageWrapper .principleWrapper .principleContainer ul{margin: 0; padding: 0; display: flex; flex-direction: column; gap:10px;} .aboutPageWrapper .principleWrapper .principleContainer ul li{margin: 0; padding: 0; margin-inline-start: 20px; font-size:var(--fontsize14); color: var(--whiteColor); display: list-item; list-style-type: disc;} .aboutPageWrapper .principleWrapper .principleContainer ol{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:20px; width: var(--fullwidth);} .aboutPageWrapper .principleWrapper .principleContainer ol li{border-radius: 20px; display: flex; align-items: center; gap:10px; padding: 10px; background-color: #1F1F1F;} .aboutPageWrapper .principleWrapper .principleContainer ol li i{width: 62px; height: 62px; border-radius: 100%; background-color: #626262; display: flex; align-items: center; justify-content: center;} .aboutPageWrapper .governanceStructureWrapper{display: flex; width: var(--fullwidth); padding:40px 0;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer h3{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize38);} .aboutPageWrapper .whySingularisWrapper{display: flex; width: var(--fullwidth); padding:40px 0;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer h3{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize38);} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer h3 + div{gap:10px; display: flex; flex-direction: column;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer h4{color: var(--blackColor); display:flex; line-height:normal; width: var(--fullwidth); text-align: left; justify-content: flex-start; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol{display: grid; align-items: center; grid-template-columns: repeat(3,minmax(0,1fr)); gap:20px; width: var(--fullwidth);} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol li{border-radius: 20px; position: relative; line-height:26px; min-height: 200px; font-family:sora;color:var(--whiteColor); font-size:var(--fontsize14); display:inline-block; align-items: center; gap:10px; padding: 40px 20px;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol li:nth-child(1){padding: 0; display: flex; align-items: center; flex-direction: column;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol li:nth-child(2){ min-height: 236px; background: linear-gradient(146.05deg, #C280FF 1.35%, #A450F1 79.88%);} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol li:nth-child(3){min-height: 236px; background: linear-gradient(126.11deg, #6EC0F8 5.67%, #1D9EF6 93.92%);} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer p{font-size:var(--fontsize14); margin:0px 0 0; padding: 0; line-height: 32px; font-family:sora;color:var(--blackColor);} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol li:nth-child(2) span{position: absolute; right:0; top:0; width: 171px; height: 120px; background-image: url(../images/why-singularis-shape1.png);background-repeat: no-repeat;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol li:nth-child(3) span{position: absolute; right:0; bottom:0; width:168px; height:178px; background-image: url(../images/why-singularis-shape2.png);background-repeat: no-repeat;} .aboutPageWrapper .emergingWrapper{display: flex; width: var(--fullwidth); padding:40px 0 0;} .aboutPageWrapper .emergingWrapper .emergingContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .aboutPageWrapper .emergingWrapper .emergingContainer h3{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .aboutPageWrapper .emergingWrapper .emergingContainer .mainWrapper{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft{display: flex; flex-direction: column; gap:25px; max-width: 40%; width: var(--fullwidth);} .aboutPageWrapper .emergingWrapper .emergingContainer .mainRight{display: flex; gap:15px; flex-direction: column; max-width: 60%; width: var(--fullwidth); padding-top:0px;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft a{font-size:var(--fontsize18); border-left: 5px solid transparent; font-family:sora; color: var(--blackColor2); padding-left: 20px;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft a:hover{font-size:var(--fontsize18); text-decoration: none; background-color: transparent; border-left: 5px solid var(--primaryColor); font-family:sora; color: var(--blackColor2);} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft a.active{font-size:var(--fontsize18); text-decoration: none; background-color: transparent; border-left: 5px solid var(--primaryColor); font-family:sorabold; color: var(--blackColor);} .aboutPageWrapper .emergingWrapper .emergingContainer .mainRight .tabcontents{display: flex; flex-direction: column; gap:25px;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainRight p{font-size:var(--fontsize14); margin:0px 0 0; padding: 0; line-height:28px; font-family:sora;color:var(--blackColor);} .aboutPageWrapper .emergingWrapper .emergingContainer ol{display: grid; align-items: center; grid-template-columns: repeat(2,minmax(0,1fr)); gap:25px; width: var(--fullwidth);} .aboutPageWrapper .emergingWrapper .emergingContainer ol li{border-radius:0px; line-height:22px; font-family:sora;color:var(--whiteColor); font-size:var(--fontsize14); display:flex; flex-direction: column; gap:2px; padding:0px;} .aboutPageWrapper .emergingWrapper .emergingContainer ol li a{color: var(--primaryColor); font-size:var(--fontsize14);} .aboutPageWrapper .emergingWrapper .emergingContainer h5{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize14);} .aboutPageWrapper .bannerWrapper{display: flex; width: var(--fullwidth); padding:40px 0 0;} .aboutPageWrapper .bannerWrapper .bannerContainer{display: flex; width: var(--fullwidth); background-color: var(--primaryColor); border-radius: 16px; padding: 30px; gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .aboutPageWrapper .bannerWrapper .bannerContainer h3{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .aboutPageWrapper .bannerWrapper .bannerContainer .mainWrapper{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .aboutPageWrapper .bannerWrapper .bannerContainer img{border-radius:19px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainLeft{display: flex; flex-direction: column; gap:25px; max-width: 40%; width: var(--fullwidth);} .aboutPageWrapper .bannerWrapper .bannerContainer .mainRight{display: flex; gap:15px; flex-direction: column; max-width: 60%; width: var(--fullwidth); padding-top:0px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainRight p{font-size:var(--fontsize20); margin:0px 0 0; padding: 0; line-height:30px; font-family:sora;color:var(--whiteColor);} .aboutPageWrapper .bannerWrapper .bannerContainer .mainRight .actions{display: flex; width: var(--fullwidth);} .aboutPageWrapper .bannerWrapper .bannerContainer .mainRight .actions a{background-color: var(--whiteColor); color: var(--primaryColor);} .aboutPageWrapper .ourStoryWrapper{display: flex; width: var(--fullwidth); padding:40px 0 0;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer{display: flex; width: var(--fullwidth); background-color: var(--whiteColor); border-radius: 16px; padding: 30px; gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer h3{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize38);} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer h4{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainWrapper{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer img{border-radius:19px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft{display: flex; flex-direction: column; gap:25px; max-width:30%; width: var(--fullwidth);} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft ol{display: flex; gap:20px; flex-direction: column; width: var(--fullwidth); } .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft ol li{border-radius: 20px; font-family:sorabold; justify-content: space-between; display: flex; align-items: center; gap:15px; padding: 15px 24px; font-size:var(--fontsize24); color: var(--whiteColor);} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft ol li i{width: 62px; flex-shrink: 0; font-style:normal; font-size:var(--fontsize24); height: 62px; border-radius: 100%; display: flex; align-items: center; justify-content: center;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft ol li:nth-child(1){background: linear-gradient(146.05deg, #C280FF 1.35%, #A450F1 79.88%);} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft ol li:nth-child(1) i{background-color: #c690f9;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft ol li:nth-child(2) i{background-color: #f88ec3;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft ol li:nth-child(2){background: linear-gradient(146.05deg, #FF80E3 1.35%, #F15094 79.88%);} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainRight{display: flex; gap:15px; flex-direction: column; max-width:70%; width: var(--fullwidth); padding-top:0px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainRight p{font-size:var(--fontsize14); margin:0px 0 0; padding: 0; line-height:30px; font-family:sora;color:var(--whiteColor);} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainRight ul{width: var(--fullwidth); display: flex; flex-direction: column; gap:15px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainRight ul li{font-size:var(--fontsize14); margin:0px 0 0; margin-inline-start: 20px; padding: 0; line-height:30px; font-family:sora;color:var(--blackColor);} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .contentBlock{display: flex; gap:40px; width: var(--fullwidth);} .aboutPageWrapper .ourTeamsWrapper{display: flex; width: var(--fullwidth); padding:40px 0; background-color: var(--whiteColor);} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer h3{color: var(--blackColor); display:flex; justify-content: center; align-items: center; line-height:normal; font-family:sorabold; font-size:var(--fontsize38);} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer h4{color: var(--blackColor); text-align: left; display:flex; justify-content: center; align-items: center; line-height:normal; font-family:sorabold; font-size:var(--fontsize20);} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol{display: grid; align-items: center; grid-template-columns: repeat(3,minmax(0,1fr)); gap:40px; width: var(--fullwidth);} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol li{display: flex; flex-direction: column; cursor: pointer; position: relative; width: var(--fullwidth); } .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol li img{border-radius: 20px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol li .overlay{position: absolute; gap:20px; min-height: 100px; bottom:10px; left:10px; right:10px; display: flex; justify-content: space-between; flex-direction: row; justify-content: center; align-items: center; background-color: var(--whiteColor); border-radius: 20px; padding: 10px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer p{font-size:var(--fontsize14); margin:0px 0 0; padding: 0; text-align: center; line-height:30px; font-family:sora;color:var(--blackColor2);} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol li .overlay > div{flex:1; text-align: left; align-items: flex-start; display: flex; flex-direction: column;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol li .overlay a img{border-radius: 0px;} /*About Page Css Ends*/ /*What we do Page Css Start*/ .whatWeDoPageWrapper{display: flex; width: var(--fullwidth);} .whatWeDoPageWrapper .whatWeDoContainer{display: flex; flex-direction: column; gap:40px; width: var(--fullwidth);} .whatWeDoPageWrapper .heroWrapper{display: flex; width: var(--fullwidth); padding:80px 0} .whatWeDoPageWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroMain{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft{display: flex; align-items: flex-start; flex-direction: column; gap:15px; max-width:500px; width: var(--fullwidth);padding-top:0px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft img{border-radius: 20px; margin-top: 20px; } .whatWeDoPageWrapper .heroWrapper .heroContainer .heroRight{display: flex; gap:15px; flex-direction: column; max-width:60%; width: var(--fullwidth); padding-top:0px;} .whatWeDoPageWrapper .heroWrapper .heroContainer h1{color: var(--blackColor); display: inline-block; line-height:34px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .whatWeDoPageWrapper .heroWrapper .heroContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .whatWeDoPageWrapper .heroWrapper .heroContainer h2 span{background-color:#E5EFFF; padding: 10px 20px; border-radius: 30px; color: var(--blackColor); font-family:sora; font-size:var(--fontsize14);} .whatWeDoPageWrapper .heroWrapper .heroContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion{cursor: pointer; position: relative; font-weight: 400; margin:0px 0; padding:25px 15px; border-bottom: 1px solid #CCE0FF; font-family:sorabold; font-size: var(--fontsize20);} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion:after {content: '\002B'; border:2px solid transparent; margin-top:0px; color:var(--whiteColor); width: 33px;height: 33px; border-radius: 100%; background-color: var(--primaryColor); display: flex; align-items: center; justify-content: center; float: right; font-family:sorabold; font-size: var(--fontsize24); position: absolute; top:50%; transform: translate(50% , -50%); right:20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .panel {transition: all 0.2s ease; flex-direction: column; padding:10px 15px; border-radius: 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion.active{border-bottom:1px solid transparent;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion.active + .panel {padding:10px 15px; flex-direction: column; font-family:sora;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion.active + .panel p{text-align: left} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion.active:after {content: "\2212"; background-color: var(--whiteColor); border:2px solid var(--primaryColor); color: var(--primaryColor)} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordionSection{width:var(--fullwidth); background-color: var(--whiteColor); padding: 24px; border-radius: 24px; margin-top: 20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .panel{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .whatWeDoPageWrapper .heroWrapper .heroContainer .panel ul li{margin-inline-start: 18px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion.noborder{border-bottom:1px solid transparent;} .whatWeDoPageWrapper .opportunitiesWrapper{display: flex; width: var(--fullwidth); padding:80px 0; background-color: var(--whiteColor);} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroMain{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroLeft{display: flex; align-items: flex-start; flex-direction: column; gap:15px; max-width:60%; width: var(--fullwidth);padding-top:0px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight img{border-radius: 20px; margin-top: 20px; } .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight{display: flex; gap:15px; flex-direction: column; max-width:40%; width: var(--fullwidth); padding-top:0px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer h1{color: var(--blackColor); display: inline-block; line-height:34px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer h2 span{background-color:#E5EFFF; padding: 10px 20px; border-radius: 30px; color: var(--blackColor); font-family:sora; font-size:var(--fontsize14);} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion{cursor: pointer; position: relative; font-weight: 400; margin:0px 0; padding:25px 15px; border-bottom: 1px solid #CCE0FF; font-family:sorabold; font-size: var(--fontsize20);} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion:after {content: '\002B'; border:2px solid transparent; margin-top:0px; color:var(--whiteColor); width: 33px;height: 33px; border-radius: 100%; background-color: var(--primaryColor); display: flex; align-items: center; justify-content: center; float: right; font-family:sorabold; font-size: var(--fontsize24); position: absolute; top:50%; transform: translate(50% , -50%); right:20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .panel {transition: all 0.2s ease; flex-direction: column; padding:10px 15px; border-radius: 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.active{border-bottom:1px solid transparent;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.active + .panel {padding:10px 15px; flex-direction: column; font-family:sora;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.active + .panel p{text-align: left} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.active:after {content: "\2212"; background-color: var(--whiteColor); border:2px solid var(--primaryColor); color: var(--primaryColor)} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordionSection{width:var(--fullwidth); background-color:#F5F7FA;; padding: 24px; border-radius: 24px; margin-top: 20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .panel{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .panel ul li{margin-inline-start: 18px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion.noborder{border-bottom:1px solid transparent;} .whatWeDoPageWrapper .solutionWrapper{display: flex; width: var(--fullwidth); padding:80px 0;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionMain{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionLeft{display: flex; justify-content: space-between; height: 100%; align-items: flex-start; flex-direction: column; gap:15px; max-width:40%; width: var(--fullwidth);padding-top:0px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionRight img{border-radius: 20px; margin-top: 20px; } .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionRight{display: flex; gap:15px; flex-direction: column; max-width:60%; width: var(--fullwidth); padding-top:0px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer h1{color: var(--blackColor); display: inline-block; line-height:34px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24); margin:0 0 10px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .whatWeDoPageWrapper .solutionWrapper .solutionContainer h2 span{background-color:#E5EFFF; padding: 10px 20px; border-radius: 30px; color: var(--blackColor); font-family:sora; font-size:var(--fontsize14);} .whatWeDoPageWrapper .solutionWrapper .solutionContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .accordion{cursor: pointer; position: relative; background-color: var(--whiteColor); font-weight: 400; margin:15px 0; padding:25px 15px; border-radius: 8px; font-family:sorabold; font-size: var(--fontsize20);} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .accordion:after {content: '\002B'; margin-top:0px; color:var(--whiteColor); width: 33px;height: 33px; border-radius: 100%; background-color: var(--primaryColor); display: flex; align-items: center; justify-content: center; float: right; font-family:sorabold; font-size: var(--fontsize24); position: absolute; top:50%; transform: translate(50% , -50%); right:30px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .panel {transition: all 0.2s ease; flex-direction: column; padding:0px 15px 15px; border-radius: 0 0 10px 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .accordion.active{background-color: var(--primaryColor); margin-bottom: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; color: var(--whiteColor);} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .accordion.active + .panel {padding:0px 15px 15px; background-color: var(--primaryColor); color: var(--whiteColor); flex-direction: column; font-family:sora;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .accordion.active + .panel p{text-align: left} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .accordion.active:after {content: "\2212"; background-color: var(--whiteColor); color: var(--primaryColor)} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .accordionSection{width:var(--fullwidth); padding:0px; margin-top: 0px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .panel{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .panel ul li{margin-inline-start: 18px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .accordion.noborder{border-bottom:1px solid transparent;} /*What we do Page Css ends*/ footer .footer-container{box-sizing: border-box;} /*How we do it Page Css Start*/ .howWeDoItPageWrapper{display: flex; width: var(--fullwidth);} .howWeDoItPageWrapper .howWeDoItContainer{display: flex; flex-direction: column; gap:40px; width: var(--fullwidth);} .howWeDoItPageWrapper .heroWrapper{display: flex; width: var(--fullwidth); padding:80px 0} .howWeDoItPageWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroMain{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroLeft{display: flex; align-items: flex-start; flex-direction: column; gap:15px; max-width:50%; width: var(--fullwidth);padding-top:0px;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroLeft img{border-radius: 20px; margin-top: 20px; } .howWeDoItPageWrapper .heroWrapper .heroContainer .heroRight{display: flex; gap:15px; flex-direction: column; max-width:60%; width: var(--fullwidth); padding-top:0px;} .howWeDoItPageWrapper .heroWrapper .heroContainer h1{color: var(--blackColor); display: inline-block; line-height:34px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .howWeDoItPageWrapper .heroWrapper .heroContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .howWeDoItPageWrapper .heroWrapper .heroContainer h2 span{background-color:#E5EFFF; padding: 10px 20px; border-radius: 30px; color: var(--blackColor); font-family:sora; font-size:var(--fontsize14);} .howWeDoItPageWrapper .heroWrapper .heroContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .howWeDoItPageWrapper .interpretingWrapper{display: flex; width: var(--fullwidth); padding:0px 0 40px} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingMain{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingLeft{display: flex; align-items: flex-start; flex-direction: column; gap:15px; max-width:28%; width: var(--fullwidth);padding-top:0px;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingLeft img{border-radius: 20px; margin-top:0px; } .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingRight{display: flex; gap:15px; flex-direction: column; max-width:70%; width: var(--fullwidth); padding-top:0px;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer h1{color: var(--blackColor); display: inline-block; line-height:34px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer h2 span{background-color:#E5EFFF; padding: 10px 20px; border-radius: 30px; color: var(--blackColor); font-family:sora; font-size:var(--fontsize14);} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer ul{margin:0; padding: 0; display: flex; flex-direction: column; gap:20px;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer ul li{ margin:0px 0 0; margin-inline-start: 20px; font-size:var(--fontsize16); padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} .howWeDoItPageWrapper .treeWrapper{display: flex; width: var(--fullwidth); padding:0px 0 40px} .howWeDoItPageWrapper .treeWrapper .treeContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} /*How we do it Page Css Ends*/ .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){outline:0px none!important;} /*Marketplace Page Css Start*/ .marketplacePageWrapper{display: flex; width: var(--fullwidth);} .marketplacePageWrapper .marketplaceContainer{display: flex; flex-direction: column; gap:40px; width: var(--fullwidth);} .marketplacePageWrapper .tabsWrapper{display: flex; gap:10px; padding:80px 0; width: var(--fullwidth); justify-content: center; align-items: center;} .marketplacePageWrapper .tabsWrapper a{border-radius: 8px; text-decoration: none; font-family:sora; font-size:var(--fontsize16); color: var(--blackColor); background-color: var(--whiteColor); padding:6px 16px;} .marketplacePageWrapper .tabsWrapper a:hover{color: var(--primaryColor); text-decoration: none;} .marketplacePageWrapper .tabsWrapper a:focus{color: var(--primaryColor); outline:0px none; text-decoration: none;} .marketplacePageWrapper .tabsWrapper a.active{color: var(--primaryColor);} .marketplacePageWrapper .heroWrapper{display: flex; width: var(--fullwidth); } .marketplacePageWrapper .heroWrapper .heroContainer{display: flex; width: var(--fullwidth); gap:40px; flex-direction: column; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .marketplacePageWrapper .heroWrapper .heroContainer .heroMain{display: flex; width: var(--fullwidth); gap:60px; max-width: var(--maxWidth); margin: 0 auto; align-items: center;} .marketplacePageWrapper .heroWrapper .heroContainer .heroLeft{display: flex; align-items: flex-start; flex-direction: column; gap:15px; max-width:50%; width: var(--fullwidth);padding-top:0px;} .marketplacePageWrapper .heroWrapper .heroContainer .heroLeft img{border-radius: 20px; margin-top: 20px; } .marketplacePageWrapper .heroWrapper .heroContainer .heroRight{display: flex; gap:15px; flex-direction: column; max-width:60%; width: var(--fullwidth); padding-top:0px;} .marketplacePageWrapper .heroWrapper .heroContainer h1{color: var(--blackColor); display: inline-block; line-height:34px; flex-direction: column; font-family:sorabold; font-size:var(--fontsize24);} .marketplacePageWrapper .heroWrapper .heroContainer h2{color: var(--blackColor); display: inline-block; line-height:normal; flex-direction: column; font-family:sora; font-size:var(--fontsize28);} .marketplacePageWrapper .heroWrapper .heroContainer h2 span{background-color:#E5EFFF; padding: 10px 20px; border-radius: 30px; color: var(--blackColor); font-family:sora; font-size:var(--fontsize14);} .marketplacePageWrapper .heroWrapper .heroContainer p{text-align: left; font-size:var(--fontsize16); margin:0px 0 0; padding: 0; line-height: 28px; font-family:sora;color:var(--greyColor);} /*Marketplace Page Css Ends*/ .teamDialogWrapper.open{display: flex} .teamDialogWrapper{position: fixed; top:0; right:0; z-index: 22000000000; bottom:0; left:0; background-color: rgba(0,0,0,0.6); display: flex; display: none; align-items: center; justify-content: center;} .teamDialogWrapper .teamDialogContainer{ background-color:var(--whiteColor); flex-direction: column; display: flex; position: relative; border-radius:20px; padding:24px; max-width:700px; width: var(--fullwidth);} .teamDialogWrapper .teamDialogContainer .dialogClose{position: absolute; right:20px; top:10px;} .teamDialogWrapper .teamDialogContainer .dialogClose a{font-size: var(--fontsize22); font-family:sora; color:var(--blackColor2)} .teamDialogWrapper .teamDialogContainer h4{font-size: var(--fontsize20); color:var(--blackColor); margin-bottom:0px; font-family:sorabold;} .teamDialogWrapper .teamDialogContainer h5{font-size: var(--fontsize14); color:var(--blackColor); margin-top: :10px; margin-bottom:0px; font-family:sorabold;} .teamDialogWrapper .teamDialogContainer p{font-size: var(--fontsize14); color:var(--blackColor2); font-weight: normal; line-height: 28px; margin-bottom:0px; font-family:sora;} .teamDialogWrapper .teamDialogContainer .block{display: flex; overflow-y: auto; max-height: 450px; overflow-x: hidden; width: var(--fullwidth); margin-top:0px; flex-direction: column; gap:10px;} .teamDialogWrapper .teamDialogContainer .block ul{display: flex; flex-direction: column; flex-wrap: wrap; gap:5px; width: var(--fullwidth);} .teamDialogWrapper .teamDialogContainer .block ul li{display: list-item; font-size: var(--fontsize14); font-family:sora; font-weight: normal; line-height: 28px; color:var(--blackColor2); width: auto; margin-inline-start:20px;} .teamDialogWrapper .teamDialogContainer .contentWrapper{display:flex; flex-direction: column; gap:5px;} .teamDialogWrapper .teamDialogContainer .block ul li strong{font-weight: bold; color:var(--blackColor);} /*Static Pages Start*/ .staticPageWrapper{display: flex; width: var(--fullwidth);} .staticPageWrapper .staticPageContainer{display: flex; flex-direction: column; width: var(--fullwidth);} .staticPageWrapper .heroWrapper{display: flex; width: var(--fullwidth); position: relative;} .staticPageWrapper .heroWrapper .heroContainer{display: flex; position: relative; width: var(--fullwidth); gap:40px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .staticPageWrapper .heroWrapper .heroContainer h3{color: var(--blackColor); text-transform: capitalize; gap:5px; letter-spacing: -1px; width: var(--fullwidth); text-align: left; display: flex; margin-bottom:0px; padding: 20px 0 10px; border-bottom:2px solid var(--blackColor); font-family:sorabold; font-size:var(--fontsize32);} .staticPageWrapper .pageContentWrapper{display: flex; width: var(--fullwidth); position: relative; padding: 30px;} .staticPageWrapper .pageContentWrapper .pageContentContainer{display: flex; position: relative; flex-direction: column; width: var(--fullwidth); gap:20px; max-width: var(--maxWidth); margin: 0 auto; align-items: flex-start;} .staticPageWrapper .pageContentWrapper .pageContentContainer p{font-size:var(--fontsize17); display: inline-block; width: var(--fullwidth); color: var(--greyColor); text-align: left; line-height: 34px;} .staticPageWrapper .pageContentWrapper .pageContentContainer strong{font-family:sorabold;} .staticPageWrapper .pageContentWrapper .pageContentContainer ul{margin: 0; padding:0; width: var(--fullwidth);} .staticPageWrapper .pageContentWrapper .pageContentContainer ul li{font-size:var(--fontsize17); margin:10px 0; margin-inline-start: 16px; color: var(--blackColor); text-align: left; line-height: 34px;} .staticPageWrapper .pageContentWrapper .pageContentContainer ol li{font-size:var(--fontsize17); margin:10px 0; margin-inline-start: 16px; color: var(--blackColor); text-align: left; line-height: 34px;} /*Static Pages Start*/ .primary-navigation-open .primary-navigation > .primary-menu-container { background-color: var(--secondaryColor); } .primary-navigation-open .primary-navigation > .primary-menu-container { position: absolute; visibility: visible; opacity: 1; transform: translateY(0); } .menu-button-container #primary-mobile-menu{border:0px none} .menu-button-container #primary-mobile-menu .dropdown-icon.close{display: none} /*Responsive css Start Css*/ @media only screen and (max-width: 481px) { .primary-navigation > .primary-menu-container { height: 100vh; z-index: 499; overflow-x: hidden; overflow-y: auto; border: 2px solid transparent; position: fixed; visibility: hidden; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; } #masthead nav ul{flex-direction: column; padding: 20px} } .primary-navigation-open .menu-button-container { width: 100%; z-index: 500; background-color: transparent; } .menu-button-container #primary-mobile-menu{display: none} .menu-button-container #primary-mobile-menu{background-color: transparent;} .primary-navigation-open .menu-button-container #primary-mobile-menu{background-color: transparent;} .primary-navigation-open .menu-button-container #primary-mobile-menu .dropdown-icon.open{display:none} .primary-navigation-open .menu-button-container #primary-mobile-menu .dropdown-icon.close{display:flex; background-color: transparent;} @media (max-width: 480px) { /*body { background-color: red; }*/ .menu-button-container #primary-mobile-menu{display: flex} .menu-button-container #primary-mobile-menu span{display: flex; border:0px none; align-items:center} .registrationDialogWrapper .registrationDialogContainer{margin: 20px;} .teamDialogWrapper .teamDialogContainer{margin:20px;} #masthead{background-color: var(--whiteColor);} #masthead .headerContainer .topBar{padding:10px;} #masthead .headerContainer .logoWrapper .site-logo{position: static;} #masthead nav{position: static;} .menu-button-container #primary-mobile-menu{padding: 0} #masthead .headerContainer .headerRight{display: none;} #masthead .headerContainer .site-logo img{max-width: 150px;} #masthead .headerContainer .headerActions{display: none;} #masthead .headerContainer .secondaryNav{padding: 0;} #masthead .headerContainer .secondaryNav nav{position: static} #masthead .headerContainer .secondaryNav .menu-button-container{position: static; margin:0; padding: 0;} .primary-navigation-open #masthead nav ul li a {color: var(--whiteColor); font-size: var(--fontsize18);} .primary-navigation-open .menu-button-container #primary-mobile-menu{color: var(--whiteColor);} footer .footer-container .footer-links-wrapper{flex-direction: column;} footer .footer-container{padding: 20px;} footer .footer-copyright{flex-direction: column; gap:15px; text-align: center;} .homepageWrapper .homepageContainer{gap:40px;} .homepageWrapper .heroWrapper .heroContainer .heroMain{padding: 20px; flex-direction: column;} .homepageWrapper .heroWrapper .heroContainer .heroLeft{max-width: none} .homepageWrapper .heroWrapper .heroContainer .heroRight{max-width: none} .homepageWrapper .heroWrapper .heroContainer h1{text-align: center; font-size: var(--fontsize36);} .homepageWrapper .heroWrapper .heroContainer h1 br{display: none;} .homepageWrapper .heroWrapper .heroContainer p{text-align: center;} .homepageWrapper .heroWrapper .heroContainer p br{display: none;} .homepageWrapper .heroWrapper .heroContainer .actions{justify-content: center;} .homepageWrapper .ourImpactWrapper{padding: 20px;} .homepageWrapper .ourImpactWrapper .ourImpactContainer{flex-direction: column; padding: 20px;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .left{max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right{max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right ol{flex-direction: column;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right ol li{border-left:0px none; align-items: center; padding-left: 0; max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer h2{justify-content: center;} .homepageWrapper .ourImpactWrapper .ourImpactContainer p{justify-content: center;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer{padding: 20px;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol{flex-direction: column;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li{max-width: none;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li h3{font-size: var(--fontsize18)} .homepageWrapper .aboutWrapper{padding: 20px;} .homepageWrapper .aboutWrapper .aboutContainer{padding: 20px;} .homepageWrapper .aboutWrapper .aboutContainer h3{font-size: var(--fontsize24)} .homepageWrapper .aboutWrapper .aboutContainer h3 br{display: none;} .homepageWrapper .aboutWrapper .aboutContainer .main{flex-direction: column; gap:20px;} .homepageWrapper .aboutWrapper .aboutContainer .bannerMain{flex-direction: column; gap:20px;} .homepageWrapper .solutionsWrapper .solutionsContainer{padding: 20px;} .homepageWrapper .solutionsWrapper .solutionsContainer h2{font-size: var(--fontsize24); text-align: center;} .homepageWrapper .solutionsWrapper .solutionsContainer ol li h3{text-align: center} .homepageWrapper .togetherWrapper{padding: 20px;} .homepageWrapper .togetherWrapper .togetherContainer h2{font-size: var(--fontsize24)} .homepageWrapper .togetherWrapper .togetherContainer ol{flex-direction: column;} .homepageWrapper .togetherWrapper .togetherContainer ol li{max-width: none;} .homepageWrapper .partnerWithUsWrapper{padding: 20px;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h2{font-size: var(--fontsize24)} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h2 br{display: none;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .main{flex-direction: column;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .left{max-width: none;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .right{max-width: none;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper p{flex-wrap: wrap;} .aboutPageWrapper .heroWrapper{padding: 20px 20px 0} .aboutPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .aboutPageWrapper .heroWrapper .heroContainer .heroRight{ max-width:none; } .aboutPageWrapper .heroWrapper .heroContainer .heroLeft h1{font-size: var(--fontsize28);} .aboutPageWrapper .visionMissionWrapper{padding: 0 20px;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainWrapper{flex-direction: column;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainRight{max-width: none;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer h3{font-size: var(--fontsize28)} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft .block{flex-direction: column;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft{padding:30px;} .aboutPageWrapper .principleWrapper{padding: 0 20px;} .aboutPageWrapper .principleWrapper .principleContainer {padding: 20px;} .aboutPageWrapper .principleWrapper .principleContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .principleWrapper .principleContainer .mainLeft{max-width: none;} .aboutPageWrapper .principleWrapper .principleContainer .mainRight{max-width: none;} .aboutPageWrapper .principleWrapper .principleContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .principleWrapper .principleContainer h3{font-size: var(--fontsize28)} .aboutPageWrapper .principleWrapper .principleContainer h3 br{display: none;} .aboutPageWrapper .governanceStructureWrapper{padding:0 20px;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer{gap:20px;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer h3{font-size: var(--fontsize24)} .aboutPageWrapper .whySingularisWrapper{padding: 0 20px;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer h3{font-size: var(--fontsize24)} .aboutPageWrapper .emergingWrapper{padding: 0 20px;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainWrapper{flex-direction: column;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft{max-width: none; overflow-x: auto; flex-direction: row;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft a{white-space: nowrap;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainRight{max-width: none;} .aboutPageWrapper .emergingWrapper .emergingContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .bannerWrapper{padding:0 20px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainLeft{max-width: none;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainRight{max-width: none;} .aboutPageWrapper .ourStoryWrapper{padding:0 20px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft{max-width: none} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainRight{max-width: none} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .contentBlock{flex-direction: column;} .aboutPageWrapper .ourTeamsWrapper{padding: 20px 20px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer{gap:20px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer h3{font-size: var(--fontsize24)} .whatWeDoPageWrapper .heroWrapper{padding:20px 20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft{max-width: none;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroRight{max-width: none} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft img{margin-top: 0;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordionSection{padding: 20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .whatWeDoPageWrapper .opportunitiesWrapper{padding: 20px 20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroMain{flex-direction: column; gap:20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroLeft{max-width: none; order:2} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight{max-width: none; order:1} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordionSection{margin-top: 0;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .whatWeDoPageWrapper .solutionWrapper{padding: 20px 20px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionMain{flex-direction: column;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionLeft{max-width: none;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionRight{max-width: none;} .howWeDoItPageWrapper .heroWrapper{padding: 20px;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroLeft{max-width: var(--fullwidth);} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroRight{max-width: var(--fullwidth);} .howWeDoItPageWrapper .interpretingWrapper{padding: 20px;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingMain{flex-direction: column; gap:20px;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingLeft{max-width: none;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingRight{max-width: none;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingLeft img{object-fit: contain; width: var(--fullwidth)} .staticPageWrapper .heroWrapper .heroContainer h3{padding: 20px; font-size: var(--fontsize24)} .staticPageWrapper .pageContentWrapper{padding: 20px;} .wowPageWrapper .heroWrapper{padding:20px 20px;} .wowPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .wowPageWrapper .heroWrapper .heroContainer .heroLeft{max-width: none;} .wowPageWrapper .heroWrapper .heroContainer .actions img{display: none} .wowPageWrapper .heroWrapper .heroContainer .heroRight{max-width: none} .wowPageWrapper .heroWrapper .heroContainer .heroLeft img{margin-top: 0;} .wowPageWrapper .heroWrapper .heroContainer .accordionSection{padding: 20px;} .wowPageWrapper .heroWrapper .heroContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .wowPageWrapper .aboutWrapper{padding:20px 20px;} .wowPageWrapper .aboutWrapper .aboutContainer .aboutMain{flex-direction: column; gap:20px;} .wowPageWrapper .aboutWrapper .aboutContainer .aboutLeft{max-width: none;} .wowPageWrapper .aboutWrapper .aboutContainer .actions img{display: none} .wowPageWrapper .aboutWrapper .aboutContainer .aboutRight{max-width: none} .wowPageWrapper .aboutWrapper .aboutContainer .aboutLeft img{margin-top: 0;} .wowPageWrapper .aboutWrapper .aboutContainer .accordionSection{padding: 20px;} .wowPageWrapper .aboutWrapper .aboutContainer h2{text-align: center;} .wowPageWrapper .aboutWrapper .aboutContainer h4{text-align: center;} .wowPageWrapper .aboutWrapper .aboutContainer h3 + p{text-align: center;} .wowPageWrapper .aboutWrapper .aboutContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .wowPageWrapper .forLearnerWrapper{padding:20px 20px;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .forLearnerMain{flex-direction: column; gap:20px;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain{display: flex; flex-direction: column;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer h3{text-align: center;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer h3 + p{text-align: center;} .wowPageWrapper .tabWrapper{padding:20px 20px;} .wowPageWrapper .tabWrapper .tabContainer .tabMain{flex-direction: column; gap:20px;} .wowPageWrapper .tabWrapper .tabContainer .tabRight{max-width: none} .wowPageWrapper .tabWrapper .tabContainer .accordionSection{width: 100%; padding: 0} .wowPageWrapper .opportunitiesWrapper{padding:20px 20px;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroMain{flex-direction: column; gap:20px;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .tabRight{max-width: none} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordionSection{width: 100%} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroLeft{max-width: none} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight{max-width: none} .wowPageWrapper .navBar{overflow-x: auto; white-space: nowrap; top:60px} .wowPageWrapper .faqWrapper{padding:20px 20px;} .wowPageWrapper .faqWrapper h3{text-align: center;} .wowPageWrapper .faqWrapper .faqContainer p{text-align: center;} .wowPageWrapper .faqWrapper .faqContainer .accordionSection{padding: 0} } /* Media Query for low resolution Tablets, Ipads */ @media (min-width: 481px) and (max-width: 767px) { /* body { background-color: yellow; } */ .registrationDialogWrapper .registrationDialogContainer{margin: 20px;} .teamDialogWrapper .teamDialogContainer{margin:20px;} #masthead{background-color: var(--whiteColor);} #masthead .headerContainer .topBar{padding:10px;} #masthead .headerContainer .logoWrapper .site-logo{position: static;} #masthead nav{position: static;} .menu-button-container #primary-mobile-menu{display: none} .menu-button-container #primary-mobile-menu{padding: 0} #masthead .headerContainer .headerRight{display: none;} #masthead .headerContainer .site-logo img{max-width: 150px;} #masthead .headerContainer .headerActions{display: none;} #masthead .headerContainer .secondaryNav{padding: 0;} #masthead .headerContainer .secondaryNav .menu-button-container{position: static; margin:0; padding: 0;} .primary-navigation-open #masthead nav ul li a {color: var(--whiteColor);} .primary-navigation-open .menu-button-container #primary-mobile-menu{color: var(--whiteColor);} footer .footer-container .footer-links-wrapper{flex-direction: column;} footer .footer-container{padding: 20px;} footer .footer-copyright{flex-direction: column; gap:15px; text-align: center;} .homepageWrapper .homepageContainer{gap:40px;} .homepageWrapper .heroWrapper .heroContainer .heroMain{padding: 20px; flex-direction: column;} .homepageWrapper .heroWrapper .heroContainer .heroLeft{max-width: none} .homepageWrapper .heroWrapper .heroContainer .heroRight{max-width: none} .homepageWrapper .heroWrapper .heroContainer h1{text-align: center;} .homepageWrapper .heroWrapper .heroContainer h1 br{display: none;} .homepageWrapper .heroWrapper .heroContainer p{text-align: center;} .homepageWrapper .heroWrapper .heroContainer .actions{justify-content: center;} .homepageWrapper .ourImpactWrapper{padding: 20px;} .homepageWrapper .ourImpactWrapper .ourImpactContainer{flex-direction: column; padding: 20px;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .left{max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right{max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right ol{flex-direction: row;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right ol li{border-left:0px none; max-width: 45%; align-items: center; padding-left: 0; max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer h2{justify-content: center;} .homepageWrapper .ourImpactWrapper .ourImpactContainer p{justify-content: center;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer{padding: 20px;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol{flex-direction: column;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li{max-width: none;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li h3{font-size: var(--fontsize18)} .homepageWrapper .aboutWrapper{padding: 20px;} .homepageWrapper .aboutWrapper .aboutContainer{padding: 20px;} .homepageWrapper .aboutWrapper .aboutContainer h3{font-size: var(--fontsize24)} .homepageWrapper .aboutWrapper .aboutContainer h3 br{display: none;} .homepageWrapper .aboutWrapper .aboutContainer .main{flex-direction: column; gap:20px;} .homepageWrapper .aboutWrapper .aboutContainer .bannerMain{flex-direction: column; gap:20px;} .homepageWrapper .solutionsWrapper .solutionsContainer{padding: 20px;} .homepageWrapper .solutionsWrapper .solutionsContainer h2{font-size: var(--fontsize24); text-align: center;} .homepageWrapper .solutionsWrapper .solutionsContainer ol li{min-width: 296px} .homepageWrapper .solutionsWrapper .solutionsContainer ol li h3{text-align: center} .homepageWrapper .togetherWrapper{padding: 20px;} .homepageWrapper .togetherWrapper .togetherContainer h2{font-size: var(--fontsize24)} .homepageWrapper .togetherWrapper .togetherContainer ol{flex-direction: column;} .homepageWrapper .togetherWrapper .togetherContainer ol li{max-width: none;} .homepageWrapper .partnerWithUsWrapper{padding: 20px;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h2{font-size: var(--fontsize24)} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h2 br{display: none;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .main{flex-direction: column;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .left{max-width: none;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .right{max-width: none;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper p{flex-wrap: wrap;} .aboutPageWrapper .heroWrapper{padding: 20px 20px 0} .aboutPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .aboutPageWrapper .heroWrapper .heroContainer .heroRight{ max-width:none; } .aboutPageWrapper .heroWrapper .heroContainer .heroLeft h1{font-size: var(--fontsize28);} .aboutPageWrapper .visionMissionWrapper{padding: 0 20px;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainWrapper{flex-direction: column;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainRight{max-width: none;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer h3{font-size: var(--fontsize28)} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft .block{flex-direction: column;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft{padding:30px;} .aboutPageWrapper .principleWrapper{padding: 0 20px;} .aboutPageWrapper .principleWrapper .principleContainer {padding: 20px;} .aboutPageWrapper .principleWrapper .principleContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .principleWrapper .principleContainer .mainLeft{max-width: none;} .aboutPageWrapper .principleWrapper .principleContainer .mainRight{max-width: none;} .aboutPageWrapper .principleWrapper .principleContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .principleWrapper .principleContainer h3{font-size: var(--fontsize28)} .aboutPageWrapper .principleWrapper .principleContainer h3 br{display: none;} .aboutPageWrapper .governanceStructureWrapper{padding:0 20px;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer{gap:20px;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer h3{font-size: var(--fontsize24)} .aboutPageWrapper .whySingularisWrapper{padding: 0 20px;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer h3{font-size: var(--fontsize24)} .aboutPageWrapper .emergingWrapper{padding: 0 20px;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainWrapper{flex-direction: column;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft{max-width: none; overflow-x: auto; flex-direction: row;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft a{white-space: nowrap;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainRight{max-width: none;} .aboutPageWrapper .emergingWrapper .emergingContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .bannerWrapper{padding:0 20px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainLeft{max-width: none;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainRight{max-width: none;} .aboutPageWrapper .ourStoryWrapper{padding:0 20px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft{max-width: none} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainRight{max-width: none} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .contentBlock{flex-direction: column;} .aboutPageWrapper .ourTeamsWrapper{padding: 0 20px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer{gap:20px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer h3{font-size: var(--fontsize24)} .whatWeDoPageWrapper .heroWrapper{padding:0px 20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft{max-width: none;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroRight{max-width: none} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft img{margin-top: 0;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordionSection{padding: 20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .whatWeDoPageWrapper .opportunitiesWrapper{padding: 0 20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroMain{flex-direction: column; gap:20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroLeft{max-width: none;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight{max-width: none;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordionSection{margin-top: 0;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .whatWeDoPageWrapper .solutionWrapper{padding: 0 20px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionMain{flex-direction: column;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionLeft{max-width: none;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionRight{max-width: none;} .howWeDoItPageWrapper .heroWrapper{padding: 20px;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroLeft{max-width: var(--fullwidth);} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroRight{max-width: var(--fullwidth);} .howWeDoItPageWrapper .interpretingWrapper{padding: 20px;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingMain{flex-direction: column; gap:20px;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingLeft{max-width: none;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingRight{max-width: none;} .staticPageWrapper .heroWrapper .heroContainer h3{padding: 20px; font-size: var(--fontsize24)} .staticPageWrapper .pageContentWrapper{padding: 20px;} } /* Media Query for Tablets Ipads portrait mode */ @media (min-width: 768px) and (max-width: 1024px){ /*body { background-color: blue; }*/ .registrationDialogWrapper .registrationDialogContainer{margin: 20px;} .teamDialogWrapper .teamDialogContainer{margin:20px;} #masthead{background-color: var(--whiteColor);} #masthead .headerContainer .topBar{padding:10px;} #masthead .headerContainer .logoWrapper .site-logo{position: static;} #masthead nav{position: static;} .menu-button-container #primary-mobile-menu{padding: 0; display: none} #masthead .headerContainer .headerRight{display: none;} #masthead .headerContainer .site-logo img{max-width: 150px;} #masthead .headerContainer .headerActions{display: none;} #masthead .headerContainer .secondaryNav{padding: 0;} #masthead .headerContainer .secondaryNav .menu-button-container{position: static; margin:0; padding: 0;} .primary-navigation-open #masthead nav ul li a {color: var(--whiteColor);} .primary-navigation-open .menu-button-container #primary-mobile-menu{color: var(--whiteColor);} footer .footer-container .footer-links-wrapper{flex-direction: column;} footer .footer-container{padding: 20px;} footer .footer-copyright{flex-direction: column; gap:15px; text-align: center;} .homepageWrapper .homepageContainer{gap:40px;} .homepageWrapper .heroWrapper .heroContainer .heroMain{padding: 20px; flex-direction: column;} .homepageWrapper .heroWrapper .heroContainer .heroLeft{max-width: none} .homepageWrapper .heroWrapper .heroContainer .heroRight{max-width: none} .homepageWrapper .heroWrapper .heroContainer h1{text-align: center;} .homepageWrapper .heroWrapper .heroContainer h1 br{display: none;} .homepageWrapper .heroWrapper .heroContainer p{text-align: center;} .homepageWrapper .heroWrapper .heroContainer .actions{justify-content: center;} .homepageWrapper .ourImpactWrapper{padding: 20px;} .homepageWrapper .ourImpactWrapper .ourImpactContainer{flex-direction: column; padding: 20px;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .left{max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right{max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right ol{flex-direction: row;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right ol li{border-left:0px none; max-width: 45%; align-items: center; padding-left: 0; max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer h2{justify-content: center;} .homepageWrapper .ourImpactWrapper .ourImpactContainer p{justify-content: center;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer{padding: 20px;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol{flex-direction: row; flex-wrap: wrap;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li{max-width: 45%;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li h3{font-size: var(--fontsize18)} .homepageWrapper .aboutWrapper{padding: 20px;} .homepageWrapper .aboutWrapper .aboutContainer{padding: 20px;} .homepageWrapper .aboutWrapper .aboutContainer h3{font-size: var(--fontsize24)} .homepageWrapper .aboutWrapper .aboutContainer h3 br{display: none;} .homepageWrapper .aboutWrapper .aboutContainer .main{flex-direction: column; gap:20px;} .homepageWrapper .aboutWrapper .aboutContainer .bannerMain{flex-direction: row; flex-wrap: wrap; gap:20px;} .homepageWrapper .aboutWrapper .aboutContainer .bannerMain img{max-width: 31%} .homepageWrapper .solutionsWrapper .solutionsContainer{padding: 20px;} .homepageWrapper .solutionsWrapper .solutionsContainer h2{font-size: var(--fontsize24); text-align: center;} .homepageWrapper .solutionsWrapper .solutionsContainer ol li{min-width: 296px} .homepageWrapper .solutionsWrapper .solutionsContainer ol li h3{text-align: center} .homepageWrapper .togetherWrapper{padding: 20px;} .homepageWrapper .togetherWrapper .togetherContainer h2{font-size: var(--fontsize24)} .homepageWrapper .togetherWrapper .togetherContainer ol{flex-direction: row;} .homepageWrapper .togetherWrapper .togetherContainer ol li{max-width:45%;} .homepageWrapper .togetherWrapper .togetherContainer ol li h3{text-align: center;} .homepageWrapper .partnerWithUsWrapper{padding: 20px;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h2{font-size: var(--fontsize24)} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h2 br{display: none;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .main{flex-direction: row;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .left{max-width: 40%;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .right{max-width: 60%;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper p{flex-wrap: wrap;} .aboutPageWrapper .heroWrapper{padding: 20px 20px 0} .aboutPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .aboutPageWrapper .heroWrapper .heroContainer .heroRight{ max-width:none; } .aboutPageWrapper .heroWrapper .heroContainer .heroLeft h1{font-size: var(--fontsize28);} .aboutPageWrapper .visionMissionWrapper{padding: 0 20px;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainWrapper{flex-direction: column;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainRight{max-width: none;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer h3{font-size: var(--fontsize28)} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft .block{flex-direction: column;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft{padding:30px;} .aboutPageWrapper .principleWrapper{padding: 0 20px;} .aboutPageWrapper .principleWrapper .principleContainer {padding: 20px;} .aboutPageWrapper .principleWrapper .principleContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .principleWrapper .principleContainer .mainLeft{max-width: none;} .aboutPageWrapper .principleWrapper .principleContainer .mainRight{max-width: none;} .aboutPageWrapper .principleWrapper .principleContainer ol{grid-template-columns: repeat(2,minmax(0,1fr))} .aboutPageWrapper .principleWrapper .principleContainer h3{font-size: var(--fontsize28)} .aboutPageWrapper .principleWrapper .principleContainer h3 br{display: none;} .aboutPageWrapper .governanceStructureWrapper{padding:0 20px;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer{gap:20px;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer h3{font-size: var(--fontsize24)} .aboutPageWrapper .whySingularisWrapper{padding: 0 20px;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol{grid-template-columns: repeat(2,minmax(0,1fr))} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer h3{font-size: var(--fontsize24)} .aboutPageWrapper .emergingWrapper{padding: 0 20px;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainWrapper{flex-direction: column;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft{max-width: none; overflow-x: auto; flex-direction: row;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft a{white-space: nowrap;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainRight{max-width: none;} .aboutPageWrapper .emergingWrapper .emergingContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .bannerWrapper{padding:0 20px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainLeft{max-width: none;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainRight{max-width: none;} .aboutPageWrapper .ourStoryWrapper{padding:0 20px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft{max-width: none} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainRight{max-width: none} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .contentBlock{flex-direction: column;} .aboutPageWrapper .ourTeamsWrapper{padding: 0 20px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer{gap:20px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol{grid-template-columns: repeat(2,minmax(0,1fr))} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer h3{font-size: var(--fontsize24)} .whatWeDoPageWrapper .heroWrapper{padding:0px 20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft{max-width: none;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroRight{max-width: none} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft img{margin-top: 0;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordionSection{padding: 20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .whatWeDoPageWrapper .opportunitiesWrapper{padding: 0 20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroMain{flex-direction: column; gap:20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroLeft{max-width: none;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight{max-width: none;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordionSection{margin-top: 0;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .whatWeDoPageWrapper .solutionWrapper{padding: 0 20px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionMain{flex-direction: column;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionLeft{max-width: none;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionRight{max-width: none;} .howWeDoItPageWrapper .heroWrapper{padding: 20px;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: row;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroLeft{max-width:50%;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroRight{max-width: 50%;} .howWeDoItPageWrapper .interpretingWrapper{padding: 20px;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingMain{flex-direction: row; gap:20px; align-items: flex-start;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingLeft{max-width: 40%;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingRight{max-width:60%;} .staticPageWrapper .heroWrapper .heroContainer h3{padding: 20px; font-size: var(--fontsize24)} .staticPageWrapper .pageContentWrapper{padding: 20px;} .wowPageWrapper .heroWrapper{padding:20px 20px;} .wowPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .wowPageWrapper .heroWrapper .heroContainer .heroLeft{max-width: none;} .wowPageWrapper .heroWrapper .heroContainer .actions img{display: none} .wowPageWrapper .heroWrapper .heroContainer .heroRight{max-width: none} .wowPageWrapper .heroWrapper .heroContainer .heroLeft img{margin-top: 0;} .wowPageWrapper .heroWrapper .heroContainer .accordionSection{padding: 20px;} .wowPageWrapper .heroWrapper .heroContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .wowPageWrapper .aboutWrapper{padding:20px 20px;} .wowPageWrapper .aboutWrapper .aboutContainer .aboutMain{flex-direction: column; gap:20px;} .wowPageWrapper .aboutWrapper .aboutContainer .aboutLeft{max-width: none;} .wowPageWrapper .aboutWrapper .aboutContainer .actions img{display: none} .wowPageWrapper .aboutWrapper .aboutContainer .aboutRight{max-width: none} .wowPageWrapper .aboutWrapper .aboutContainer .aboutLeft img{margin-top: 0;} .wowPageWrapper .aboutWrapper .aboutContainer .accordionSection{padding: 20px;} .wowPageWrapper .aboutWrapper .aboutContainer h2{text-align: center;} .wowPageWrapper .aboutWrapper .aboutContainer h4{text-align: center;} .wowPageWrapper .aboutWrapper .aboutContainer h3 + p{text-align: center;} .wowPageWrapper .aboutWrapper .aboutContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .wowPageWrapper .forLearnerWrapper{padding:20px 20px;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .forLearnerMain{flex-direction: column; gap:20px;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer .gridMain{display: flex; align-items: center; flex-direction: column;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer h3{text-align: center;} .wowPageWrapper .forLearnerWrapper .forLearnerContainer h3 + p{text-align: center;} .wowPageWrapper .tabWrapper{padding:20px 20px;} .wowPageWrapper .tabWrapper .tabContainer .tabMain{flex-direction: column; gap:20px;} .wowPageWrapper .tabWrapper .tabContainer .tabRight{max-width: none} .wowPageWrapper .tabWrapper .tabContainer .accordionSection{width: 100%; padding: 0} .wowPageWrapper .opportunitiesWrapper{padding:20px 20px;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroMain{flex-direction: column; gap:20px;} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .tabRight{max-width: none} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordionSection{width: 100%} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroLeft{max-width: none} .wowPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight{max-width: none} .wowPageWrapper .navBar{overflow-x: auto; white-space: nowrap; top:60px} .wowPageWrapper .faqWrapper{padding:20px 20px;} .wowPageWrapper .faqWrapper h3{text-align: center;} .wowPageWrapper .faqWrapper .faqContainer p{text-align: center;} .wowPageWrapper .faqWrapper .faqContainer .accordionSection{padding: 0} } /* Media Query for Laptops and Desktops */ @media (min-width: 1025px) and (max-width: 1280px){ /*body { background-color: green; }*/ .registrationDialogWrapper .registrationDialogContainer{margin: 20px;} .teamDialogWrapper .teamDialogContainer{margin:20px;} #masthead{background-color: var(--whiteColor);} #masthead .headerContainer .topBar{padding:10px;} #masthead .headerContainer .logoWrapper .site-logo{position: static;} #masthead nav{position: static;} .menu-button-container #primary-mobile-menu{padding: 0} #masthead .headerContainer .site-logo img{max-width: 150px;} #masthead .headerContainer .secondaryNav{padding: 0;} #masthead .headerContainer .secondaryNav .menu-button-container{position: static; margin:0; padding: 0;} .primary-navigation-open #masthead nav ul li a {color: var(--whiteColor);} .primary-navigation-open .menu-button-container #primary-mobile-menu{color: var(--whiteColor);} footer .footer-container .footer-links-wrapper{flex-direction: column;} footer .footer-container{padding: 20px;} footer .footer-copyright{flex-direction: column; gap:15px; text-align: center;} .homepageWrapper .homepageContainer{gap:40px;} .homepageWrapper .heroWrapper .heroContainer .heroMain{padding: 20px; flex-direction: row;} .homepageWrapper .heroWrapper .heroContainer .heroLeft{max-width: 50%} .homepageWrapper .heroWrapper .heroContainer .heroRight{max-width:50%} .homepageWrapper .heroWrapper .heroContainer h1{text-align: center;} .homepageWrapper .heroWrapper .heroContainer h1 br{display: none;} .homepageWrapper .heroWrapper .heroContainer p{text-align: center;} .homepageWrapper .heroWrapper .heroContainer .actions{justify-content: center;} .homepageWrapper .ourImpactWrapper{padding: 20px;} .homepageWrapper .ourImpactWrapper .ourImpactContainer{flex-direction: column; padding: 20px;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .left{max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right{max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right ol{flex-direction: row;} .homepageWrapper .ourImpactWrapper .ourImpactContainer .right ol li{border-left:0px none; max-width: 45%; align-items: center; padding-left: 0; max-width: none;} .homepageWrapper .ourImpactWrapper .ourImpactContainer h2{justify-content: center;} .homepageWrapper .ourImpactWrapper .ourImpactContainer p{justify-content: center;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer{padding: 20px;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol{flex-direction: row; flex-wrap: wrap;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li{max-width: 45%;} .homepageWrapper .whatWeOfferWrapper .whatWeOfferContainer ol li h3{font-size: var(--fontsize18)} .homepageWrapper .aboutWrapper{padding: 20px;} .homepageWrapper .aboutWrapper .aboutContainer{padding: 20px;} .homepageWrapper .aboutWrapper .aboutContainer h3{font-size: var(--fontsize24)} .homepageWrapper .aboutWrapper .aboutContainer h3 br{display: none;} .homepageWrapper .aboutWrapper .aboutContainer .main{flex-direction: column; gap:20px;} .homepageWrapper .aboutWrapper .aboutContainer .bannerMain{flex-direction: row; flex-wrap: wrap; gap:20px;} .homepageWrapper .aboutWrapper .aboutContainer .bannerMain img{max-width: 31%} .homepageWrapper .solutionsWrapper .solutionsContainer{padding: 20px;} .homepageWrapper .solutionsWrapper .solutionsContainer h2{font-size: var(--fontsize24); text-align: center;} .homepageWrapper .solutionsWrapper .solutionsContainer ol li{min-width: 296px} .homepageWrapper .solutionsWrapper .solutionsContainer ol li h3{text-align: center} .homepageWrapper .togetherWrapper{padding: 20px;} .homepageWrapper .togetherWrapper .togetherContainer h2{font-size: var(--fontsize24)} .homepageWrapper .togetherWrapper .togetherContainer ol{flex-direction: row;} .homepageWrapper .togetherWrapper .togetherContainer ol li{max-width:45%;} .homepageWrapper .togetherWrapper .togetherContainer ol li h3{text-align: center;} .homepageWrapper .partnerWithUsWrapper{padding: 20px;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h2{font-size: var(--fontsize24)} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer h2 br{display: none;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .main{flex-direction: row;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .left{max-width: 40%;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .right{max-width: 60%;} .homepageWrapper .partnerWithUsWrapper .partnerWithUsContainer .formWrapper p{flex-wrap: wrap;} .aboutPageWrapper .heroWrapper{padding: 20px 20px 0} .aboutPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .aboutPageWrapper .heroWrapper .heroContainer .heroRight{ max-width:none; } .aboutPageWrapper .heroWrapper .heroContainer .heroLeft h1{font-size: var(--fontsize28);} .aboutPageWrapper .visionMissionWrapper{padding: 0 20px;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainWrapper{flex-direction: row;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainRight{max-width:28%;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer h3{font-size: var(--fontsize28)} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft .block{flex-direction: column;} .aboutPageWrapper .visionMissionWrapper .visionMissionContainer .mainLeft{padding:30px;} .aboutPageWrapper .principleWrapper{padding: 0 20px;} .aboutPageWrapper .principleWrapper .principleContainer {padding: 20px;} .aboutPageWrapper .principleWrapper .principleContainer .mainWrapper{flex-direction: column; gap:20px;} .aboutPageWrapper .principleWrapper .principleContainer .mainLeft{max-width: none;} .aboutPageWrapper .principleWrapper .principleContainer .mainRight{max-width: none;} .aboutPageWrapper .principleWrapper .principleContainer ol{grid-template-columns: repeat(2,minmax(0,1fr))} .aboutPageWrapper .principleWrapper .principleContainer h3{font-size: var(--fontsize28)} .aboutPageWrapper .principleWrapper .principleContainer h3 br{display: none;} .aboutPageWrapper .governanceStructureWrapper{padding:0 20px;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer{gap:20px;} .aboutPageWrapper .governanceStructureWrapper .governanceStructureContainer h3{font-size: var(--fontsize24)} .aboutPageWrapper .whySingularisWrapper{padding: 0 20px;} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer ol{grid-template-columns: repeat(3,minmax(0,1fr))} .aboutPageWrapper .whySingularisWrapper .whySingularisContainer h3{font-size: var(--fontsize24)} .aboutPageWrapper .emergingWrapper{padding: 0 20px;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainWrapper{flex-direction: column;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft{max-width: none; overflow-x: auto; flex-direction: row;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainLeft a{white-space: nowrap;} .aboutPageWrapper .emergingWrapper .emergingContainer .mainRight{max-width: none;} .aboutPageWrapper .emergingWrapper .emergingContainer ol{grid-template-columns: repeat(1,minmax(0,1fr))} .aboutPageWrapper .bannerWrapper{padding:0 20px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainWrapper{flex-direction: row; gap:20px;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainLeft{max-width: 40%;} .aboutPageWrapper .bannerWrapper .bannerContainer .mainRight{max-width: 60%;} .aboutPageWrapper .ourStoryWrapper{padding:0 20px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainWrapper{flex-direction: row; gap:20px;} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainLeft{max-width: 40%} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .mainRight{max-width:60%} .aboutPageWrapper .ourStoryWrapper .ourStoryContainer .contentBlock{flex-direction: column;} .aboutPageWrapper .ourTeamsWrapper{padding: 0 20px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer{gap:20px;} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer ol{grid-template-columns: repeat(3,minmax(0,1fr))} .aboutPageWrapper .ourTeamsWrapper .ourTeamsContainer h3{font-size: var(--fontsize24)} .whatWeDoPageWrapper .heroWrapper{padding:0px 20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: column; gap:20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft{max-width: none;} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroRight{max-width: none} .whatWeDoPageWrapper .heroWrapper .heroContainer .heroLeft img{margin-top: 0;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordionSection{padding: 20px;} .whatWeDoPageWrapper .heroWrapper .heroContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .whatWeDoPageWrapper .opportunitiesWrapper{padding: 0 20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroMain{flex-direction: column; gap:20px;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroLeft{max-width: none;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .heroRight{max-width: none;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordionSection{margin-top: 0;} .whatWeDoPageWrapper .opportunitiesWrapper .opportunitiesContainer .accordion{padding-inline-end: 45px; font-size: var(--fontsize18)} .whatWeDoPageWrapper .solutionWrapper{padding: 0 20px;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionMain{flex-direction: column;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionLeft{max-width: none;} .whatWeDoPageWrapper .solutionWrapper .solutionContainer .solutionRight{max-width: none;} .howWeDoItPageWrapper .heroWrapper{padding: 20px;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroMain{flex-direction: row;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroLeft{max-width:50%;} .howWeDoItPageWrapper .heroWrapper .heroContainer .heroRight{max-width: 50%;} .howWeDoItPageWrapper .interpretingWrapper{padding: 20px;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingMain{flex-direction: row; gap:20px; align-items: flex-start;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingLeft{max-width: 40%;} .howWeDoItPageWrapper .interpretingWrapper .interpretingContainer .interpretingRight{max-width:60%;} .staticPageWrapper .heroWrapper .heroContainer h3{padding: 20px; font-size: var(--fontsize24)} .staticPageWrapper .pageContentWrapper{padding: 20px;} } /* Media Query for Large screens */ @media (min-width: 1281px) { /* body { background-color: white; }*/ } /*Responsive css ends Css*/