@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400); *{margin:0;padding:0;border:0;overflow:hidden;margin-left:0;margin-right:0;padding-left:0;padding-right:0;} body{margin:0;padding:0;overflow-y:hidden;font-family:"Times New Roman", Times, serif;} aside .TopMenu{display:none;} aside .VerticalNavSidebar{display:none;} #projectlist .card .card-body table tr{margin-top:10px;} .DemoPanel, .CheckoutPanel, #projectlist,#nav-pages, #nav-pages > div{display: none;} @media(max-width:600px) { header nav .BrandLogoImg img{max-height: 53.6px !important;aspect-ratio:1;} #nav-header{padding:2.6px !important;} .wrapper{position:absolute !important;top:58.8px !important;left:0 !important;bottom:0 !important;height:calc(100% - 123.8px) !important;overflow-y:auto !important;transition:all 200ms !important;} .wrapper-shrinked{position:absolute !important;top:66px !important;left:0 !important;bottom:0 !important;height:calc(100% - 131px) !important;overflow-y:auto !important;transition:all 200ms !important;} .wrapper #nav-pages{top:58.8px !important;height:calc(100% - 58.8px) !important;} .CheckoutPanel{display:none !important;} .DemoPanel{position:absolute;height:100%;width:100%;} #searchpanel{display:none !important;} header nav #sidebarCollapse{display:none !important;} .VerticalNavSidebar{display:flex !important;flex-direction:column;width:100%;height:calc(100% - 65px);position:fixed;top:0;left:100%;transition:all 200ms;background-color:#0D0D0D;z-index:1031;opacity:1;} .VerticalNavSidebar .CloseVerticalNavSidebar{color:#D4AF37;} .VerticalNavSidebar .SideNavTopLogo{display:block;width:100%;height:30%;} .VerticalNavSidebar .SideNavTopLogo img{display:block;height:100%;aspect-ratio:1;margin:auto;} .VerticalNavSidebar .nav-container{padding:0 !important;height:auto;} .VerticalNavSidebar .nav-container .menu-items{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;} .VerticalNavSidebar .nav-container .menu-items li{width:100%;height:50px;line-height:50px;padding-right:20px;text-align:right;transition-duration:500ms;transition-property:padding-right;} .VerticalNavSidebar .nav-container .menu-items li:active,.VerticalNavSidebar .nav-container .menu-items li:hover,.VerticalNavSidebar .nav-container .menu-items li:visited{padding-right:80px;} .VerticalNavSidebar .nav-container .menu-items li a{text-decoration:none !important;color:#7F8082;} .VerticalNavSidebar .nav-container .menu-items li a:visited,.VerticalNavSidebar .nav-container .menu-items li a:hover,.VerticalNavSidebar .nav-container .menu-items li a:active{color:#D4AF37;font-size:larger;font-weight:bolder;text-decoration:none;} .VerticalNavSidebar .nav-container .menu-items li a i{height:50px;line-height:50px;display:inline-flex;margin-right:10px;} .navbar-collapse{display: none !important;} #sidebar{margin-left:0 !important;height:auto !important;overflow-y:auto !important;top:66.7px !important} #sidebar.active{margin-left:-20rem !important;} /* .vertical-filter-nav{width:20rem !important;height:calc(100% - 123.8px) !important;left:-55rem !important;top:58.8px !important;z-index:3 !important;} */ /* #filter-panel.active{margin-left:55rem !important;} */ /* #filter-panel.active2{margin-left:55rem !important;} */ .chatbot-btn{bottom:70px !important;font-size:small !important;} #chatbot-conversation{position:fixed;top:56px !important;bottom:65px !important;right:0 !important;height:calc(100% - 130px) !important;width:calc(100% - 5px) !important;margin:auto !important;} .chatbot-header{position:absolute !important;top:0 !important;left:0 !important;height:40px !important;width:100% !important;border-radius:10px !important;line-height:50px !important;} .chatbot-footer{position:absolute !important;bottom:0 !important;left:0 !important;height:40px !important;width:100% !important;line-height:50px !important;} .chatbot-footer .user-input-bot{width:85% !important;height:100% !important;display:inline !important;float:left !important;border:1px solid #6c757d !important;border-radius:30px;padding-left:10px} .chatbot-send-btn{height:100% !important;width:15% !important;padding-top:5px !important;line-height:100% !important;display:inline-block !important;} .chatbot-chat{position:absolute !important;width:100% !important;height:calc(100% - 130px) !important;top:40px !important;left:0 !important;border-bottom-right-radius:10px !important;padding-bottom:30px !important;backdrop-filter:blur(5px);} #projectlist{padding-bottom:75px !important;padding:2.5% 2.5% !important;flex-direction:column !important;align-items:center !important;} #projectlist .blob{width:95% !important;max-width:95% !important;height:calc(100% + 0px) !important; border-radius:25px !important;} /* .vertical-filter-nav .filter-panel-results{top:180px !important;height:55% !important;} */ /* .parameter-val{width:80% !important;} */ /* .filter-panel-params-parameter{width:80% !important;} */ /* .parameter-val{width:80% !important;} */ .searchbar-mobile{height:42px;max-height:42px !important;width:auto;margin:0;padding:10px 0px !important;background:#0D0D0D;display:flex !important;justify-content:center !important;gap:10px !important;/*z-index:2;*/} .searchbar-mobile .search_icon2{color:#D4AF37;} /* .searchbar-mobile .filter_icon2{color:#D4AF37;} */ .searchbar-expanded{border-radius:30px;padding:10px;background:#D4AF37;} .searchbar-expanded > .search_input{width:375px;} .vertical-nav-search{position:fixed;top:58.8px;left:-100%;width:100%;height:60px;padding:15px 15px 15px 15px;margin-left:calc(0px - 100%);background-color:#0D0D0D;box-shadow:3px 3px 10px #D4AF37;transition:all 200ms;/*z-index:3;*/} .vertical-nav-search > .search_input{width:100%;color:#D4AF37;} .vertical-nav-search > .search_input::placeholder{color:#D4AF37 !important;opacity:0.5 !important;} #search-sidebar.active{left:100%;} #aboutus{top:0;height: 100%;} #contactus{top:0;height: 100%;color:#0D0D0D !important;overflow-y:scroll !important;padding:0 !important;} #contactus .form {height:100% !important;width:100% !important;overflow:scroll !important;border-radius:0 !important;box-shadow: 0 0 !important;} #contactus section .contact-form{height: 100%;padding-left: 15px !important;padding-right: 15px !important;} #contactus .row{margin-top:15px !important;} #contactus input{margin-top:0px !important;} #contactus textarea{margin-top:0px !important;} #contactus section .contact-info{width:100% !important;} #contactus section.contactus-form{overflow-y:auto !important;} #contactus section.contactus-form form.form-inline{padding: 0 !important;padding-top: 10px !important;display: flex !important;flex-flow: row wrap !important;align-items: center !important;} #contactus section.contactus-form form.form-inline input[type=text]{outline: 0 !important;padding-left: 20px !important;padding-top: 5px !important;padding-bottom: 5px !important;vertical-align: middle !important;background-color: #0D0D0D !important;border: 1px solid #7F8082 !important;color: #D4AF37 !important;} #contactus section.contactus-form form.form-inline input[type=submit]{vertical-align: middle !important;background-color: #0D0D0D !important;color: #D4AF37 !important;border: 1px solid #D4AF37 !important;padding: 5px !important;} #contactus section .input-container{width:100%;} #contactus #CLIENT_CONTACT_US_FORM{padding:20% 5% !important;height:100% !important;max-height: 100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start;} #support{top:0;height: 100%;color:#0D0D0D !important;overflow-y:scroll !important;padding:0 !important;} #support .form {height:100% !important;width:100% !important;overflow:scroll !important;border-radius:0 !important;box-shadow: 0 0 !important;} #support section .contact-form{height: 100%;padding-left: 15px !important;padding-right: 15px !important;} #support .row{margin-top:15px !important;} #support input{margin-top:0px !important;} #support textarea{margin-top:0px !important;} #support section .contact-info{width:100% !important;} #support section.contactus-form{overflow-y:auto !important;} #support section.contactus-form form.form-inline{padding: 0 !important;padding-top: 10px !important;display: flex !important;flex-flow: row wrap !important;align-items: center !important;} #support section.contactus-form form.form-inline input[type=text]{outline: 0 !important;padding-left: 20px !important;padding-top: 5px !important;padding-bottom: 5px !important;vertical-align: middle !important;background-color: #0D0D0D !important;border: 1px solid #7F8082 !important;color: #D4AF37 !important;} #support section.contactus-form form.form-inline input[type=submit]{vertical-align: middle !important;background-color: #0D0D0D !important;color: #D4AF37 !important;border: 1px solid #D4AF37 !important;padding: 5px !important;} #support section .input-container{width:100%;} #support #CLIENT_SUPPORT_FORM{padding:5% 5% !important;height:100% !important;max-height: 100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start;} #aboutus section.AboutTeam .profileContainer{flex-direction:column !important;gap:5% !important;} #aboutus section.AboutTechnologies .Technologies .box{text-align:center !important;width:100% !important;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness{height:25% !important;width:100% !important;display:block !important;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness .boxContentHeading{flex:none !important;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness p{flex:none !important;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness:nth-child(1){top:0;left:0 !important;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness:nth-child(2){top:25%;left:0 !important;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness:nth-child(3){top:50%;left:0 !important;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness:nth-child(4){top:75%;left:0 !important;} #aboutus section.AboutBusiness .wrapperAboutBusiness .expandedSlider{top:0 !important;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness .boxContent{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;} #aboutus section.AboutCollaboration{flex-direction:column !important;} #AuthPreviewThumbnail{max-height:200px !important;max-width:200px !important;margin-top:2rem !important;} #AuthPreviewThumbnail img{max-height:200px !important;max-width:200px !important;} .form-switch .__label{padding:10px 10px 10px 10px !important;} .CarouselWrapperPROG_LANG .carouselPROG_LANG{grid-auto-columns:100% !important;} .CarouselWrapperCTGRY .carouselCTGRY{grid-auto-columns:100% !important;} .CarouselWrapperTRENDING .carouselTRENDING{grid-auto-columns:100% !important;} #ProjectListPROG_LANG .carouselProjectListPROG_LANG{grid-auto-columns:100% !important;} #ProjectListCTGRY .carouselProjectListCTGRY{grid-auto-columns:100% !important;} header nav .BrandLogoImg{display:inline-block !important;padding-left:15px;} header nav .BrandLogoImg img{max-height: 58.8px !important;aspect-ratio:1;} .TopMenu{display:flex !important;flex-direction:column;flex-wrap: wrap;white-space:break-spaces;position:absolute;top:58.8px;left:0;height:60px;width:100%;justify-content:space-evenly;align-items:center;gap:15px;background-color:#0D0D0D;color:#7F8082;padding:0px 5px 0px 5px;overflow:scroll;} .TopMenu span{text-align:center;transition: all 200ms;} .TopMenu span:hover{font-size: large;color:#D4AF37;} .TopMenu span i{display: block;} .CheckoutServiceDetails::-webkit-scrollbar{width:0 !important;} ::placeholder{color:#7f8082 !important;opacity:0.5;} ::-ms-input-placeholder{color:#7f8082 !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST_OPTNS{justify-content: space-around !important;height:20% !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST_OPTNS > div{width: auto !important;} #CLIENT_TICKET_CONTAINER .TICKET_LIST_HEADER{display:none !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST{height:80% !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD{flex-direction: column !important;border-bottom:0 !important;height:95% !important;padding: 0 1rem !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD:hover{overflow:visible;& > div > span{font-size:medium !important;font-weight:600 !important;};&::before{filter:blur(0.3rem) !important;}&::after, &::before{height:calc(100% + 0.3rem) !important;width:calc(100% + 0.3rem) !important;}} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div{width:100% !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span{margin:0 !important;transition: all 0.2s !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_SERVICE_DTLS{display:inline !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_PLAN_DTLS{display:inline !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_TYPE{display:inline !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_STATUS{display:inline !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_REGISTERED_DT{display:inline !important;} #CLIENT_PAYMENT_CONTAINER .TICKET_LIST_OPTNS{justify-content: space-around !important;} #CLIENT_PAYMENT_CONTAINER .TICKET_LIST_OPTNS > div{width: auto !important;} .CLIENT_PROFILE_DETAILS form.form-inline{padding: 0 !important;padding-top: 10px !important;display: flex !important;flex-flow: row wrap !important;align-items: center !important;justify-content: space-between !important;} .CLIENT_PROFILE_DETAILS form.form-inline input[type=text]{outline: 0 !important;padding-left: 20px !important;padding-top: 5px !important;padding-bottom: 5px !important;vertical-align: middle !important;background-color: #0D0D0D !important;border: 1px solid #7F8082 !important;color: #D4AF37 !important;} .CLIENT_PROFILE_DETAILS form.form-inline input[type=submit]{vertical-align: middle !important;background-color: #0D0D0D !important;color: #D4AF37 !important;border: 1px solid #D4AF37 !important;padding: 5px !important;} .CLIENT_PROFILE_DETAILS form.form-inline{padding-top: 10px;display: flex;flex-flow: row wrap;align-items: center;justify-content: center;gap: 2%;} .CLIENT_PROFILE_DETAILS form.form-inline input[type=text]{outline: 0 !important;padding-left: 20px !important;padding-top: 5px !important;padding-bottom: 5px !important;vertical-align: middle !important;background-color: #0D0D0D !important;border: 1px solid #7F8082 !important;color: #D4AF37 !important;} .CLIENT_PROFILE_DETAILS form.form-inline input[type=submit]{vertical-align: middle !important;background-color: #0D0D0D !important;color: #D4AF37 !important;border: 1px solid #D4AF37 !important;padding: 5px !important;} #CLIENT_MANAGE_ROLE_CONTAINER{justify-content:start !important;gap:5% !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(1){justify-content:space-around !important;height:fit-content !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(1) > div{max-width:50% !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form{display: block !important;max-height:373px !important;height: auto !important;flex-direction:column !important;padding: 0.2rem 0.6rem !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form div{margin-top:0.5rem !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_SUBSCRIPTION_BOX{max-height:95px !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_USER_ROLE_BOX{max-height:95px !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(3) form.form-inline{padding: 0 !important;padding-top: 10px !important;display: flex !important;flex-flow: row wrap !important;align-items: center !important;justify-content: space-evenly !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(3) form.form-inline input[type=text]{outline: 0 !important;padding-left: 20px !important;padding-top: 5px !important;padding-bottom: 5px !important;vertical-align: middle !important;background-color: #0D0D0D !important;border: 1px solid #7F8082 !important;color: #D4AF37 !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(3) form.form-inline input[type=submit]{vertical-align: middle !important;background-color: #0D0D0D !important;color: #D4AF37 !important;border: 1px solid #D4AF37 !important;padding: 5px !important;} #CLIENT_SUBSCRIPTIONS_CONTAINER{flex-direction:column !important;flex-wrap:nowrap !important;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob{width:100% !important;} .CheckoutPanelMobile .CloseCheckout{position:fixed !important;right:5% !important;top:12% !important;color:#D4AF37 !important;text-decoration:none !important;z-index:200 !important;} .CheckoutPanelMobile::-webkit-scrollbar{width:0 !important;border-radius:0 !important;} .CheckoutPanelMobile::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:0 !important;} .CheckoutPanelMobile::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:0 !important;} } @media(max-width:320px) { .searchbar-mobile{display:none !important;} .searchbar{display:none;} .wrapper{position:absolute !important;top:57px !important;left:0 !important;bottom:0 !important;height:calc(100% - 122px) !important;overflow-y:auto !important;transition:all 200ms !important;} .wrapper-shrinked{position:absolute !important;top:57px !important;left:0 !important;bottom:0 !important;height:calc(100% - 122px) !important;overflow-y:auto !important;transition:all 200ms !important;} .form-switch .__label{padding:5px 5px 5px 5px !important;} .TopMenu{display:none !important;} .CheckoutPanel{display:none !important;} } .navbar{background:#0D0D0D;/*z-index:2;*/} .navbar-nav .nav-item,.navbar-brand{margin-bottom:auto;color:#D4AF37 !important;margin-left: 5px !important;} .nav-item:hover{transition:all 200ms;background-color:#0D0D0D;border:1px solid #D4AF37;} .nav-item:hover > a{color:#D4AF37 !important}; header nav .BrandLogoImg{display:inline-block !important;margin-right:1rem !important;} header nav .BrandLogoImg img{max-height: 53.6px !important;aspect-ratio:1;} #brand-logo{margin-left:20px !important;} .navbar-brand{padding-bottom:0 !important;} .nav-link{color:#D4AF37 !important;} #searchpanel{display:block;} .searchbar{padding:10px;background:#0D0D0D;border:1px solid #D4AF37;} .search_input{border:0;outline:0;background:none;width:0;padding-left:40px;transition:width 200ms linear;} .search_icon{float:right;display:flex;color:#D4AF37;} .search_icon:hover{color:#D4AF37;} .searchbar-expanded{padding:10px;background:#0D0D0D;border:1px solid #D4AF37;} .searchbar-expanded > .search_input{width:375px;color:#D4AF37;} .searchbar-expanded > .search_input::placeholder{color:#D4AF37;} .searchbar-expanded > .search_icon{color:#D4AF37;} .searchbar-mobile{display:none;} .vertical-nav{min-width:17rem;width:17rem;height:100%;position:fixed;top:69.6px;left:0;transition:all 200ms;overflow-y:auto;background-color:#0D0D0D;/*background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23D36227' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");*/} .vertical-nav #accordion .card{border:0 !important;border-bottom: 1px solid #D4AF37 !important;} .vertical-nav #accordion .card-header{background:#0D0D0D;} .vertical-nav #accordion .card-header h5{color:#7f8082;text-decoration:none;border:0;} .vertical-nav #accordion .card-body{background-color:#0D0D0D;border-left:10px solid #D4AF37;} .vertical-nav #accordion ul.nav li.nav-item a.nav-link{color:#7f8082;display:block;} .vertical-nav ul.nav li.nav-item a.nav-link:hover{background-color:#0D0D0D;color:#D4AF37;} #sidebar.active{margin-left:-20rem;} .chatbot-btn{position:fixed;bottom:70px;right:5px;color:#E5E5CB;} .chatbot-btn:hover{color:#E5E5CB;} #chatbot-conversation{position:fixed;bottom:120px;right:60px;height:500px;width:300px;border-radius:10px;background-color:#ffffff;} .chatbot-header{position:absolute;top:0;left:0;height:50px;width:100%;border-radius:10px;line-height:50px;} .chatbot-footer{position:absolute;bottom:0;left:0;height:50px;width:100%;border-radius:10px;line-height:50px;} .chatbot-footer .user-input-bot{width:100%;height:80%;display:inline;float:left;border-radius:30px;padding-left:20px;border:1px solid #D5CEA3;color:#E5E5CB} .chatbot-footer .user-input-bot:focus{outline:0;} .chatbot-send-btn{height:100%;width:15%;padding-top:5px !important;line-height:100%;display:inline-block;} .chatbot-chat{position:absolute;width:100%;height:calc(100% - 150px);;top:52px;left:0;padding-bottom:20px;overflow-y:auto;} .chatbot-chat .user-chat{width:50%;height:auto;margin-right:5px;margin-top:5px;padding:5px 10px 5px 10px;float:right;border-bottom-right-radius:2px;border-radius:20px;-webkit-border-radius:20px;-webkit-border-bottom-right-radius:2px;transform:perspective(300px) rotateY(-10deg) scale(1) rotateX(0deg) translateY(5px);box-shadow:0 7px 14px rgba(0,0,0,0.25),0 5px 5px rgba(0,0,0,0.22);background-color:#D5CEA3;color:#E5E5CB;} .chatbot-chat .bot-chat{width:50%;height:auto;margin-left:5px;margin-top:5px;padding:5px 10px 5px 10px;float:left;border-radius:20px;border-bottom-left-radius:2px;-webkit-border-radius:20px;-webkit-border-bottom-left-radius:2px;transform:perspective(300px) rotateY(10deg) rotateX(0deg) scale(1) translateY(5px);box-shadow:0 7px 14px #D5CEA3,0 5px 5px #D5CEA3;border:#D5CEA3;color:#E5E5CB;} .bot-chat-bubble{width:50%;height:40px;margin-left:5px;margin-top:5px;padding-left:25px;padding-top:10px;float:left;background-color:#ffffff;border-radius:20px;border-bottom-left-radius:2px;-webkit-border-radius:20px;-webkit-border-bottom-left-radius:2px;} .bot-chat-typing{align-items:center;height:10px;display:inline-flex;} .bot-chat-typing .dot{animation:mercuryTypingAnimation 1.8s infinite ease-in-out;background-color:#E5E5CB;border-radius:50%;height:10px;margin-right:5px;vertical-align:middle;width:7px;} .typing .dot:nth-child(1){animation-delay:200ms;} .typing .dot:nth-child(2){animation-delay:300ms;} .typing .dot:nth-child(3){animation-delay:400ms;} .typing .dot:last-child{margin-right:0;} @keyframes mercuryTypingAnimation{0%{transform:translateY(0px);background-color:#E5E5CB;}28%{transform:translateY(-7px);background-color:#E5E5CB;}44%{transform:translateY(0px);background-color:#E5E5CB;}} .chatbot-chat::-webkit-scrollbar{width:10px;border-radius:20px;} .chatbot-chat::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} .chatbot-chat::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} .vertical-nav::-webkit-scrollbar{width:10px;border-radius:20px;} .vertical-nav::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} .vertical-nav::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} .wrapper::-webkit-scrollbar{width:10px;border-radius:20px;} .wrapper::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} .wrapper::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} .wrapper-shrinked::-webkit-scrollbar{width:10px;border-radius:20px;} .wrapper-shrinked::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} .wrapper-shrinked::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #home::-webkit-scrollbar{width:0px;} #home::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} #home::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #home #ShowCaseCarousel::-webkit-scrollbar{width:10px;border-radius:20px;} #home #ShowCaseCarousel::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} #home #ShowCaseCarousel::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #aboutus::-webkit-scrollbar{width:0px;} #aboutus::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} #aboutus::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #aboutus #ShowCaseCarousel::-webkit-scrollbar{width:10px;border-radius:20px;} #aboutus #ShowCaseCarousel::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} #aboutus #ShowCaseCarousel::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #aboutus .AboutTechnologies .Technologies::-webkit-scrollbar{width:0px;} #aboutus .AboutTechnologies .Technologies::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} #aboutus .AboutTechnologies .Technologies::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #contactus::-webkit-scrollbar{width:0px;} #contactus::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} #contactus::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #contactus #ShowCaseCarousel::-webkit-scrollbar{width:10px;border-radius:20px;} #contactus #ShowCaseCarousel::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} #contactus #ShowCaseCarousel::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #support::-webkit-scrollbar{width:0px;} #support::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} #support::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #support #ShowCaseCarousel::-webkit-scrollbar{width:10px;border-radius:20px;} #support #ShowCaseCarousel::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} #support #ShowCaseCarousel::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #CLIENT_TICKET_CONTAINER #TICKET_LIST::-webkit-scrollbar{width:5px;border-radius:0px;} #CLIENT_TICKET_CONTAINER #TICKET_LIST::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:0px;} #CLIENT_TICKET_CONTAINER #TICKET_LIST::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:0px;} #CLIENT_MANAGE_ROLE_CONTAINER::-webkit-scrollbar{width:5px;border-radius:0px;} #CLIENT_MANAGE_ROLE_CONTAINER::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:0px;} #CLIENT_MANAGE_ROLE_CONTAINER::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:0px;} #CLIENT_PAYMENT_CONTAINER::-webkit-scrollbar{width:5px;border-radius:0px;} #CLIENT_PAYMENT_CONTAINER::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:0px;} #CLIENT_PAYMENT_CONTAINER::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:0px;} #CLIENT_SUBSCRIPTIONS_CONTAINER::-webkit-scrollbar{width:5px;border-radius:0px;} #CLIENT_SUBSCRIPTIONS_CONTAINER::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:0px;} #CLIENT_SUBSCRIPTIONS_CONTAINER::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:0px;} .CONTACT_REQUEST_SUBJECT_BOX::-webkit-scrollbar{width:5px;border-radius:0px;} .CONTACT_REQUEST_SUBJECT_BOX::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} .CONTACT_REQUEST_SUBJECT_BOX::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} .CLIENT_ADD_ROLE_SUBSCRIPTION_BOX::-webkit-scrollbar{width:5px;border-radius:0px;} .CLIENT_ADD_ROLE_SUBSCRIPTION_BOX::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} .CLIENT_ADD_ROLE_SUBSCRIPTION_BOX::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} .CLIENT_ADD_ROLE_USER_ROLE_BOX::-webkit-scrollbar{width:5px;border-radius:0px;} .CLIENT_ADD_ROLE_USER_ROLE_BOX::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} .CLIENT_ADD_ROLE_USER_ROLE_BOX::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} .CheckoutPanel::-webkit-scrollbar{width:10px;border-radius:20px;} .CheckoutPanel::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:20px;} .CheckoutPanel::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} #projectlist::-webkit-scrollbar{width:0px;border-radius:0px;} #projectlist::-webkit-scrollbar-track{background-color:#0D0D0D;border-radius:0px;} #projectlist::-webkit-scrollbar-thumb{background-image:linear-gradient(#707173,#0D0D0D);border-radius:20px;} .wrapper{position:absolute;top:69.6px;left:0;bottom:80px;height:calc(100% - 126.6px);overflow-y:auto;transition:all 200ms;padding:0 !important;} .wrapper-shrinked{position:absolute;top:69.6px;/*left:17rem;*/bottom:80px;height:calc(100% - 126.6px);/*width:calc(100% - 17rem);*/padding:0 !important;overflow-y:auto;transition:all 200ms;} .wrapper #nav-pages{position:absolute;top:0px;left:0;bottom:85px;height:100%;width:100%;transition:all 200ms;overflow:hidden;display:flex;margin-left:0;margin-right:0;} .wrapper-shrinked #nav-pages{position:absolute;top:0px;left:0;bottom:85px;height:100%;width:100%;transition:all 200ms;overflow:hidden;display:flex;} .wrapper-shrinked #nav-pages{display:none;} #home{display:block;height:100%;padding:0 !important;position: relative;top:0;left:0;scroll-snap-type:y mandatory;overflow-y:scroll;} #home #HeroImage{display:table;position:relative;top:0;left:0;width:100%;height:100%;background-color:#0D0D0D;padding:0 !important;scroll-snap-align:start;} #home #HeroImage .bubbles{position:absolute;top:0;left:0;height:100%;width:100%;} #home #HeroImage .bubbles li{list-style:none;position:absolute;display:block;width:20px;height:20px;background:rgba(255,255,255,.2);animation:animate 25s linear infinite;bottom:-150px;} #home #HeroImage .bubbles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0;} #home #HeroImage .bubbles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s;} #home #HeroImage .bubbles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s;} #home #HeroImage .bubbles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0;animation-duration:18s;} #home #HeroImage .bubbles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0;} #home #HeroImage .bubbles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s;} #home #HeroImage .bubbles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s;} #home #HeroImage .bubbles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s;} #home #HeroImage .bubbles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s;} #home #HeroImage .bubbles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0;animation-duration:11s;} @keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0;}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%;}} #home #HeroImage h1{display:table-cell;vertical-align:middle;text-align:center;color:#7F8082;font:normal 300 64px/1 'Josefin Sans', sans-serif;} #home #HeroImage a{padding-top:60px;} #home #HeroImage a span{position:absolute;bottom:5%;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb04 2s infinite;animation:sdb04 2s infinite;box-sizing:border-box;} @-webkit-keyframes sdb04{0%{-webkit-transform:rotate(-45deg) translate(0, 0);}20%{-webkit-transform:rotate(-45deg) translate(-10px, 10px);}40%{-webkit-transform:rotate(-45deg) translate(0, 0);}} @keyframes sdb04{0%{transform:rotate(-45deg) translate(0, 0);}20%{transform:rotate(-45deg) translate(-10px, 10px);}40%{transform:rotate(-45deg) translate(0, 0);}} #home #ShowCaseCarousel{position:relative;top:0;left:0;width:100%;height:100%;display:block;padding:70px 35px;overflow-y:scroll;align-items:center;justify-content:center;background-color:#0D0D0D;scroll-snap-align: start;} #home #ShowCaseCarousel>a{padding-top:60px;} #home #ShowCaseCarousel>a span{position:absolute;top:5%;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-animation:sdb05 2s infinite;animation:sdb05 2s infinite;box-sizing:border-box;} @-webkit-keyframes sdb05{0%{-webkit-transform:rotate(135deg) translate(0, 0);}20%{-webkit-transform:rotate(135deg) translate(-10px, 10px);}40%{-webkit-transform:rotate(135deg) translate(0, 0);}} @keyframes sdb05{0%{transform:rotate(135deg) translate(0, 0);}20%{transform:rotate(135deg) translate(-10px, 10px);}40%{transform:rotate(135deg) translate(0, 0);}} #home #ShowCaseCarousel .CarouselWrapperPROG_LANG{position:relative;width:100%;margin:auto;} #home #ShowCaseCarousel .CarouselWrapperPROG_LANG .PrevNext{top:50%;height:50px;width:50px;cursor:pointer;font-size:1.25rem;position:absolute;text-align:center;line-height:50px;border-radius:50%;border-color:#D4AF37;box-shadow:0 3px 6px #D4AF37;color:#D4AF37;transform:translateY(-100%);transition:transform 0.1s linear;} #home #ShowCaseCarousel .CarouselWrapperPROG_LANG i:active{transform:translateY(-100%) scale(0.85);} #home #ShowCaseCarousel .CarouselWrapperPROG_LANG i:first-child{left:3%;} #home #ShowCaseCarousel .CarouselWrapperPROG_LANG i:last-child{right:3%;} #home #ShowCaseCarousel .CarouselWrapperPROG_LANG .carouselPROG_LANG{display:grid;grid-auto-flow:column;margin-left:auto;margin-right:auto;grid-auto-columns:calc((100% / 5) - 12px);overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;border-radius:8px;scroll-behavior:smooth;scrollbar-width:none;} #home #ShowCaseCarousel .carouselPROG_LANG::-webkit-scrollbar{display:none;} #home #ShowCaseCarousel .carouselPROG_LANG.no-transition{scroll-behavior:auto;} #home #ShowCaseCarousel .carouselPROG_LANG.dragging{scroll-snap-type:none;scroll-behavior:auto;} #home #ShowCaseCarousel .carouselPROG_LANG.dragging .deck{cursor:grab;user-select:none;} #home #ShowCaseCarousel .carouselPROG_LANG:where(.deck, .img){display:flex;justify-content:center;align-items:center;} #home #ShowCaseCarousel .carouselPROG_LANG .deck{scroll-snap-align:start;list-style:none;cursor:pointer;padding-bottom:15px;flex-direction:column;text-align:center;text-decoration:none;} #home #ShowCaseCarousel .carouselPROG_LANG .deck i{color:#D4AF37;} #home #ShowCaseCarousel .carouselPROG_LANG .deck h2{color:#7F8082;font-weight:500;font-size:1.56rem;margin:30px 0 5px;} #home #ShowCaseCarousel .CarouselWrapperCTGRY{position:relative;width:100%;margin:auto} #home #ShowCaseCarousel .CarouselWrapperCTGRY .PrevNext{top:50%;height:50px;width:50px;cursor:pointer;font-size:1.25rem;position:absolute;text-align:center;line-height:50px;border-radius:50%;border-color:#D4AF37;box-shadow:0 3px 6px #D4AF37;color:#D4AF37;transform:translateY(-100%);transition:transform 0.1s linear;} #home #ShowCaseCarousel .CarouselWrapperCTGRY i:active{transform:translateY(-100%) scale(0.85);} #home #ShowCaseCarousel .CarouselWrapperCTGRY i:first-child{left:3%;} #home #ShowCaseCarousel .CarouselWrapperCTGRY i:last-child{right:3%;} #home #ShowCaseCarousel .CarouselWrapperCTGRY .carouselCTGRY{display:grid;grid-auto-flow:column;margin-left:auto;margin-right:auto;grid-auto-columns:calc((100% / 5) - 12px);overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;border-radius:8px;scroll-behavior:smooth;scrollbar-width:none;} #home #ShowCaseCarousel .carouselCTGRY::-webkit-scrollbar{display:none;} #home #ShowCaseCarousel .carouselCTGRY.no-transition{scroll-behavior:auto;} #home #ShowCaseCarousel .carouselCTGRY.dragging{scroll-snap-type:none;scroll-behavior:auto;} #home #ShowCaseCarousel .carouselCTGRY.dragging .deck{cursor:grab;user-select:none;} #home #ShowCaseCarousel .carouselCTGRY:where(.deck, .img){display:flex;justify-content:center;align-items:center;} #home #ShowCaseCarousel .carouselCTGRY .deck{scroll-snap-align:start;list-style:none;cursor:pointer;padding-bottom:15px;flex-direction:column;text-align:center;text-decoration:none;color:#7F8082;} #home #ShowCaseCarousel .carouselCTGRY .deck i{color:#D4AF37;} #home #ShowCaseCarousel .carouselCTGRY .deck h2{color:#7F8082;font-weight:500;font-size:1.56rem;margin:30px 0 5px;} #home #ShowCaseCarousel .CarouselWrapperTRENDING{position:relative;width:100%;margin:auto;min-height:167px;} #home #ShowCaseCarousel .CarouselWrapperTRENDING .PrevNext{top:50%;height:50px;width:50px;cursor:pointer;font-size:1.25rem;position:absolute;text-align:center;line-height:50px;border-radius:50%;border-color:#D4AF37;box-shadow:0 3px 6px #D4AF37;color:#D4AF37;transform:translateY(-100%);transition:transform 0.1s linear;} #home #ShowCaseCarousel .CarouselWrapperTRENDING i:active{transform:translateY(-100%) scale(0.85);} #home #ShowCaseCarousel .CarouselWrapperTRENDING i:first-child{left:3%;} #home #ShowCaseCarousel .CarouselWrapperTRENDING i:last-child{right:3%;} #home #ShowCaseCarousel .CarouselWrapperTRENDING .carouselTRENDING{display:grid;grid-auto-flow:column;width:90%;margin-left:auto;margin-right:auto;grid-auto-columns:calc((100% / 5) - 12px);overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;border-radius:8px;scroll-behavior:smooth;scrollbar-width:none;} #home #ShowCaseCarousel .carouselTRENDING::-webkit-scrollbar{display:none;} #home #ShowCaseCarousel .carouselTRENDING.no-transition{scroll-behavior:auto;} #home #ShowCaseCarousel .carouselTRENDING.dragging{scroll-snap-type:none;scroll-behavior:auto;} #home #ShowCaseCarousel .carouselTRENDING.dragging .deck{cursor:grab;user-select:none;} #home #ShowCaseCarousel .carouselTRENDING:where(.deck, .img){display:inline-block;justify-content:center;align-items:center;} #home #ShowCaseCarousel .carouselTRENDING .deck{scroll-snap-align:start;list-style:none;cursor:pointer;padding-bottom:15px;flex-direction:column;text-align:center;text-decoration:none;color:#7F8082;} #home #ShowCaseCarousel .carouselTRENDING .deck .img{height:148px;width:148px;border-radius:10%;margin:auto;} #home #ShowCaseCarousel .carouselTRENDING .deck .img img{width:140px;height:140px;border-radius:10%;object-fit:cover;} #home #ShowCaseCarousel .carouselTRENDING .deck h2{color:#7F8082;font-weight:500;font-size:1.56rem;margin:30px 0 5px;} #home #ShowCaseCarousel #ProjectListPROG_LANG{position:relative;width:100%;margin:auto;} #home #ShowCaseCarousel #ProjectListPROG_LANG .PrevNext{top:50%;height:50px;width:50px;cursor:pointer;font-size:1.25rem;position:absolute;text-align:center;line-height:50px;border-radius:50%;border-color:#D4AF37;box-shadow:0 3px 6px #D4AF37;color:#D4AF37;transform:translateY(-100%);} #home #ShowCaseCarousel #ProjectListPROG_LANG i:active{transform:translateY(-100%) scale(0.85);} #home #ShowCaseCarousel #ProjectListPROG_LANG i:first-child{left:3%;} #home #ShowCaseCarousel #ProjectListPROG_LANG i:last-child{right:3%;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG{display:grid;grid-auto-flow:column;width:90%;margin-left:auto;margin-right:auto;grid-auto-columns:calc((100% / 5) - 12px);overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;border-radius:8px;scroll-behavior:smooth;scrollbar-width:none;transition:all 200ms;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG::-webkit-scrollbar{display:none;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG .no-transition{scroll-behavior:auto;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG .dragging{scroll-snap-type:none;scroll-behavior:auto;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG .dragging .deck{cursor:grab;user-select:none;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG:where(.deck, .img){display:inline-block;justify-content:center;align-items:center;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG .deck{scroll-snap-align:start;list-style:none;cursor:pointer;padding-bottom:15px;flex-direction:column;text-align:center;text-decoration:none;color:#7F8082;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG .deck .img{height:148px;width:148px;border-radius:10%;margin:auto;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG .deck .img img{width:140px;height:140px;border-radius:10%;object-fit:cover;} #home #ShowCaseCarousel #ProjectListPROG_LANG .carouselProjectListPROG_LANG .deck h2{color:#7F8082;font-weight:500;font-size:1.56rem;margin:30px 0 5px;} #home #ShowCaseCarousel #ProjectListCTGRY{position:relative;width:100%;margin:auto;} #home #ShowCaseCarousel #ProjectListCTGRY .PrevNext{top:50%;height:50px;width:50px;cursor:pointer;font-size:1.25rem;position:absolute;text-align:center;line-height:50px;border-radius:50%;border-color:#D4AF37;box-shadow:0 3px 6px #D4AF37;color:#D4AF37;transform:translateY(-100%);} #home #ShowCaseCarousel #ProjectListCTGRY i:active{transform:translateY(-100%) scale(0.85);} #home #ShowCaseCarousel #ProjectListCTGRY i:first-child{left:3%;} #home #ShowCaseCarousel #ProjectListCTGRY i:last-child{right:3%;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY{display:grid;grid-auto-flow:column;width:90%;margin-left:auto;margin-right:auto;grid-auto-columns:calc((100% / 5) - 12px);overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;border-radius:8px;scroll-behavior:smooth;scrollbar-width:none;transition:all 200ms;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY::-webkit-scrollbar{display:none;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY .no-transition{scroll-behavior:auto;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY .dragging{scroll-snap-type:none;scroll-behavior:auto;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY.dragging .deck{cursor:grab;user-select:none;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY:where(.deck, .img){display:inline-block;justify-content:center;align-items:center;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY .deck{scroll-snap-align:start;list-style:none;cursor:pointer;padding-bottom:15px;flex-direction:column;text-align:center;text-decoration:none;color:#7F8082;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY .deck .img{height:148px;width:148px;border-radius:10%;margin:auto;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY .deck .img img{width:140px;height:140px;border-radius:10%;object-fit:cover;} #home #ShowCaseCarousel #ProjectListCTGRY .carouselProjectListCTGRY .deck h2{color:#7F8082;font-weight:500;font-size:1.56rem;margin:30px 0 5px;} #aboutus{position:relative;top:0;Left:0;height:100%;width:100%;scroll-snap-type:y mandatory;overflow-y:scroll;padding:0 !important;background-color:#0D0D0D;} #contactus{position:relative;top:0;Left:0;height:100%;width:100%;scroll-snap-type:y mandatory;overflow-y:scroll;padding:0 !important;background-color:#0D0D0D;} #support{position:relative;top:0;Left:0;height:100%;width:100%;scroll-snap-type:y mandatory;overflow-y:scroll;padding:0 !important;background-color:#0D0D0D;} #feedback{position:relative;top:0;Left:0;height:100%;width:100%;} /* #CLIENT_TICKET_CONTAINER * {overflow:auto;} */ #CLIENT_TICKET_CONTAINER{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;width:100%;position: relative;z-index:100;background-color: #0D0D0D !important;border:1px solid black;} #CLIENT_TICKET_CONTAINER #TICKET_LIST_OPTNS{height:20%;display:flex !important;flex-direction:row !important;justify-content:center;flex: 0 auto;align-items: center !important; transition: all 0.1s;} #CLIENT_TICKET_CONTAINER #TICKET_LIST_OPTNS > button{display: block !important;margin:auto !important;padding:10px !important;color:#D4AF37;background:#0D0D0D;border:1px solid #D4AF37;cursor:pointer;transition:all 0.1s;} #CLIENT_TICKET_CONTAINER #TICKET_LIST_OPTNS > button:hover{font-size: large !important;} #CLIENT_TICKET_CONTAINER #TICKET_LIST{position:relative;top:0;z-index:100;overflow-y:scroll;padding:0.5rem 0;} #CLIENT_TICKET_CONTAINER #TICKET_LIST > div{margin-top: 0.5rem !important;} #CLIENT_TICKET_CONTAINER .TICKET_LIST_HEADER{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:90%;height:10%;position:relative;top:0;margin:0 auto;border-bottom:1px solid #D4AF37;padding:0.5rem 0.2rem;overflow:visible;background-color:#0D0D0D;} #CLIENT_TICKET_CONTAINER .TICKET_LIST_HEADER::after,#CLIENT_TICKET_CONTAINER .TICKET_LIST_HEADER::before{content:'';position:absolute;height:calc(100% + 0.2rem);width:calc(100% + 0.2rem);background-color:#0D0D0D;top:50%;left:50%;translate:-50% -50%;z-index:-1;background-image:conic-gradient(from var(--angle),#D4AF37);transition: all 0.5s;} #CLIENT_TICKET_CONTAINER .TICKET_LIST_HEADER::before{filter:blur(0.5rem);opacity:0.5;} #CLIENT_TICKET_CONTAINER .TICKET_LIST_HEADER div{height:100%;display:flex;align-items:center;width:20%;} #CLIENT_TICKET_CONTAINER .TICKET_LIST_HEADER div span{margin:auto;color:#D4AF37;font-size: large;font-weight: bold;} #CLIENT_TICKET_CONTAINER .TICKET_LIST_HEADER div.TICKET_LIST_HEADER_BTN_GRP{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;} #CLIENT_TICKET_CONTAINER .TICKET_LIST_HEADER div.TICKET_LIST_HEADER_BTN_GRP a{text-decoration:none;color:#D4AF37;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD{width:90%;margin:auto;border-bottom:1px solid #D4AF37;background:#0D0D0D;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:0.5rem 0.2rem;position: relative;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD::after,#CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD::before{content:'';position:absolute;height:100%;width:100%;background-color:#0D0D0D;top:50%;left:50%;translate:-50% -50%;z-index:-1;background-image:conic-gradient(from var(--angle),#D4AF37);transition: all 0.5s;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD::before{filter:blur(0.2rem);opacity:0.5;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD:hover{overflow:visible;&::before{filter:blur(0.5rem);}&::after, &::before{height:calc(100% + 0.5rem);width:calc(100% + 0.5rem);}} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div{height:100%;display:flex;align-items:center;width:20%;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span{margin:auto;color:#D4AF37;transition: all 0.2s;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_SERVICE_DTLS{display:none;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_PLAN_DTLS{display:none;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_TYPE{display:none;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_STATUS{display:none;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div span.TITLE_TICKET_RECORD_REGISTERED_DT{display:none;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div.TICKET_LIST_ACTION_BTN_GRP{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;} #CLIENT_TICKET_CONTAINER #TICKET_LIST .TICKET_LIST_RECORD div.TICKET_LIST_ACTION_BTN_GRP a{text-decoration:none;color:#D4AF37;} #CLIENT_PAYMENT_CONTAINER * {overflow:auto;} #CLIENT_PAYMENT_CONTAINER{display:flex;flex-direction:column;justify-content:space-evenly;border:1px solid black;height:100%;background-color: #0D0D0D !important;overflow-y:scroll;} #CLIENT_PAYMENT_CONTAINER .row:nth-child(1){padding: 2% !important;;display:flex !important;flex-direction:row !important;justify-content:center;align-items: center !important; transition: all 0.1s;} #CLIENT_PAYMENT_CONTAINER .row:nth-child(1) div > button{display: block !important;margin:auto !important;padding:10px !important;color:#D4AF37;background:#0D0D0D;border:1px solid #D4AF37;cursor:pointer;transition:all 0.1s;} #CLIENT_PAYMENT_CONTAINER .row:nth-child(1) div > button:hover{font-size: large !important;} #CLIENT_PAYMENT_CONTAINER table{width:100%;overflow:auto;} #CLIENT_PAYMENT_CONTAINER table tbody{overflow:auto;} #CLIENT_PAYMENT_CONTAINER table tr th{vertical-align:top;color:#D4AF37;text-align:center;padding:10px !important;} #CLIENT_PAYMENT_CONTAINER table tr td{vertical-align:middle;color:#7F8082;text-align:center;padding:10px !important;} #CLIENT_PAYMENT_CONTAINER table tr td a{display:block;margin:auto;height:100%;text-decoration:none;color:#D4AF37;} #CLIENT_PAYMENT_CONTAINER tbody, #CLIENT_PAYMENTS_CONTAINER td, #CLIENT_PAYMENTS_CONTAINER tfoot, #CLIENT_PAYMENTS_CONTAINER th, #CLIENT_PAYMENTS_CONTAINER thead, #CLIENT_PAYMENTS_CONTAINER tr{border-color: #7F8082 !important;} #CLIENT_MANAGE_ROLE_CONTAINER{display:flex;flex-direction:column;justify-content:space-evenly;border:1px solid black;height:100%;width:100%;background-color:#0D0D0D !important;overflow-y:scroll;} #CLIENT_MANAGE_ROLE_CONTAINER * {overflow:auto;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(1) {padding:2% !important;display:flex !important;flex-direction:row !important;justify-content:center;align-items:center !important;transition:all 0.1s;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(1) div > button {display:block !important;margin:auto !important;padding:10px !important;max-width:50%;white-space:normal;word-wrap:break-word;color:#D4AF37;background:#0D0D0D;border:1px solid #D4AF37;cursor:pointer;transition:all 0.1s;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(1) div > button:hover{font-size:large !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form{display:flex;flex-direction:row;justify-content:space-evenly;height:fit-content;width:100%;max-height:200px;background-color: #0D0D0D !important;padding: 10% 25%;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form #CLIENT_ADD_ROLE_USER_ROLE_LABEL{padding:0.6rem 1.2rem;color:#7F8082;background:#0D0D0D;border:1px solid #7F8082;cursor:pointer;transition:all 0.1s;display:block;font-weight:500;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_USER_ROLE_BOX{display:none;transition:200ms all;overflow-y:auto;max-height:130px;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_USER_ROLE_BOX .__radio{display:none;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_USER_ROLE_BOX .__label{padding:15px 15px 15px 15px;color:#7F8082;background:#0D0D0D;cursor:pointer;transition:all 0.1s;display:block;width:100%;border-right:1px solid #7f8082;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_USER_ROLE_BOX .__label:hover{color:#D4AF37;font-size:large;font-weight:bold;border-right:1px solid #D4AF37;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_USER_ROLE_BOX .__radio:checked + .__label{background:#0D0D0D;font-weight:bold;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form #CLIENT_ADD_ROLE_SUBSCRIPTION_LABEL{padding:0.6rem 1.2rem;color:#7F8082;background:#0D0D0D;border:1px solid #7F8082;cursor:pointer;transition:all 0.1s;display:block;font-weight:500;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_SUBSCRIPTION_BOX{display:none;transition:200ms all;overflow-y:auto;max-height:130px;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_SUBSCRIPTION_BOX .__radio{display:none;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_SUBSCRIPTION_BOX .__label{padding:15px 15px 15px 15px;color:#7F8082;background:#0D0D0D;cursor:pointer;transition:all 0.1s;display:block;width:100%;border-right:1px solid #7f8082;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_SUBSCRIPTION_BOX .__label:hover{color:#D4AF37;font-size:large;font-weight:bold;border-right:1px solid #D4AF37;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .CLIENT_ADD_ROLE_SUBSCRIPTION_BOX .__radio:checked + .__label{background:#0D0D0D;font-weight:bold;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .FORM_GRP{position:relative;width:100%;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .FORM_FLD {font-family:inherit;width:100%;border:0;border-bottom:2px solid #7F8082;outline:0;color:#7F8082;padding:7px 0;background:transparent;transition:all 0.5s; &::placeholder{color:transparent !important;} &:placeholder-shown ~ .FORM_LBL{cursor:text;top:20px;} } #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .FORM_LBL{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:#7F8082;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .FORM_FLD:focus { ~ .FORM_LBL{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:#D4AF37;font-weight:700;} padding-bottom:6px;font-weight:700;color:#D4AF37;border-width:3px;border-image:linear-gradient(to right,#D4AF37,#7F8082);border-image-slice:1; } #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .FORM_FLD{&:required,&:invalid{box-shadow:none;}} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .FORM_FLD::placeholder{color:#7F8082 !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .FORM_GRP span.VALIDATION_REMARKS{color:#7F8082 !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form .FORM_GRP span.VALIDATION_REMARKS i{display:inline-flex !important;color:#7F8082;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form #FIELD_FORM_INPUT_SUBMIT{display:flex;align-items:center;justify-content:space-evenly;align-items: flex-start;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) form #FIELD_FORM_INPUT_SUBMIT button{color: #D4AF37;background-color: #0D0D0D;border: 1px solid #D4AF37 !important;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(3) form.form-inline{padding-top:10px;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:2%;width:100%;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(3) input[type=text]{outline:0;padding-left:20px;padding-top:5px;padding-bottom:5px;vertical-align:middle;background-color:#0D0D0D;border:1px solid #7F8082;color:#D4AF37;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(3) input[type=submit]{vertical-align:middle;background-color:#0D0D0D;color:#D4AF37;border:1px solid #D4AF37;padding:5px;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) table{border-collapse:separate;border-spacing: 0 2rem;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) table th{border-top:0;border-bottom:0;vertical-align:middle;text-align:center;color: #D4AF37;font-weight: bold;font-size: large;border-bottom: 0.1rem solid #D4AF37;} #CLIENT_MANAGE_ROLE_CONTAINER .row:nth-child(2) table td{border-top:0;border-bottom:0;vertical-align:middle;text-align:center;color: #D4AF37;} #CLIENT_SUBSCRIPTIONS_CONTAINER{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;row-gap:5%;align-items:center;position:relative;z-index:100;height:100%;width:100%;padding: 5%;background-color:#0D0D0D;overflow: scroll;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob{display:flex;flex-direction:column;align-items:baseline;justify-content:space-evenly;width:30%;height:80%;border-radius:20px;border:1px solid#D4AF37;color:#D4AF37;text-align:center;position: relative;overflow:visible;background-color: #0D0D0D;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob > div{width:100%;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob::after,#CLIENT_SUBSCRIPTIONS_CONTAINER .blob::before{content:'';position:absolute;height:calc(100% + 0.2rem);width:calc(100% + 0.2rem);background-color:#0D0D0D;top:50%;left:50%;translate:-50% -50%;z-index:-1;background-image:conic-gradient(from var(--angle),#D4AF37);border-radius:20px;transition: all 0.5s;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob::before{filter:blur(0.2rem);opacity:0.5;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob:hover{&::before{filter:blur(0.5rem);}&::after, &::before{height:calc(100% + 0.5rem);width:calc(100% + 0.5rem);}} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob .blob-header{padding:5% 0;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob .blob-footer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5%;padding:5% 0;position: relative;z-index: 100;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob .blob-footer a{display:block;position:relative;border:1px solid #D4AF37;padding:0.5rem;text-decoration:none;color:#D4AF37;background-color: #0D0D0D;border-radius:5px;transition: all 0.2s;overflow: visible;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob .blob-footer a::after, #CLIENT_SUBSCRIPTIONS_CONTAINER .blob .blob-footer a::before{content:'';position:absolute;height:calc(100% + 0.2rem);width:calc(100% + 0.2rem);background-color:#D4AF37;top:50%;left:50%;translate:-50% -50%;background-image:conic-gradient(from var(--angle), transparent 100%,#D4AF37);z-index: -1;border-radius:5px;transition:all 0.2s;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob .blob-footer a::before{filter:blur(0.2rem);opacity:0.5;} #CLIENT_SUBSCRIPTIONS_CONTAINER .blob .blob-footer a:hover{&::before{filter:blur(1.5rem);}&::after{height:calc(100% + 0.5rem);width:calc(100% + 0.5rem);}} /*#CLIENT_SUBSCRIPTIONS_CONTAINER table{border-collapse:separate;border-spacing: 0 2rem;} #CLIENT_SUBSCRIPTIONS_CONTAINER table th{border-top:0;border-bottom:0;vertical-align:middle;text-align:center;color: #D4AF37;font-weight: bold;font-size: large;border-bottom: 0.1rem solid #D4AF37;} #CLIENT_SUBSCRIPTIONS_CONTAINER table td{border-top:0;border-bottom:0;vertical-align:middle;text-align:center;color: #D4AF37;} #CLIENT_SUBSCRIPTIONS_CONTAINER table td{border-top:0;border-bottom:0;vertical-align:middle;text-align:center;color: #D4AF37;} #CLIENT_SUBSCRIPTIONS_CONTAINER table tr td a{display:inline-block;height:100%;text-decoration:none;color:#D4AF37;margin-left:1rem;overflow:hidden;} #CLIENT_SUBSCRIPTIONS_CONTAINER table tr td a i,#CLIENT_SUBSCRIPTIONS_CONTAINER table tr td a p{display:inline;margin-left:5%;}*/ #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER{padding:0 !important;margin:0 !important;display:flex;flex-direction:column;justify-content:space-evenly;border:1px solid black;height:100%;width:100%;background-color:#0D0D0D !important;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER div.INVITAION_CLIENT_SERVICE_ROLE_DTLS{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;border: 1px solid #D4AF37;color: #D4AF37;border-radius:10px;padding: 15px 15px 15px 15px;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER div div.BLOB_INVITATION_CLIENT_DTLS{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5%;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER div div.BLOB_INVITATION_SERVICE_DTLS{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5%;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER div div.BLOB_INVITATION_SERVICE_DTLS{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5%;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM{width:100%;padding:15px 15px 15px 15px;overflow:auto;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM #FORM_CLIENT_ADD_ROLE_INVITED_TO_ACTIVE .FORM_GRP_ROW{width:100%;display:flex;flex-direction:row;align-items:center;justify-content: space-around;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM #FORM_CLIENT_ADD_ROLE_INVITED_TO_ACTIVE .FORM_GRP_ROW .FORM_GRP{position:relative;padding:15px 0 0;margin-top:10px;width:100%;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM #FORM_CLIENT_ADD_ROLE_INVITED_TO_ACTIVE .FORM_GRP_ROW .FORM_FLD {font-family:inherit;width:80%;border:0;border-bottom:2px solid #7F8082;outline:0;color:#7F8082;padding:7px 0;background:transparent;transition:all 0.5s; &::placeholder{color:transparent !important;} &:placeholder-shown ~ .FORM_LBL{cursor:text;top:20px;} } #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM #FORM_CLIENT_ADD_ROLE_INVITED_TO_ACTIVE .FORM_GRP_ROW .FORM_LBL{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:#7F8082;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM #FORM_CLIENT_ADD_ROLE_INVITED_TO_ACTIVE .FORM_GRP_ROW .FORM_FLD:focus { ~ .FORM_LBL{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:#D4AF37;font-weight:700;} padding-bottom:6px;font-weight:700;color:#D4AF37;border-width:3px;border-image:linear-gradient(to right,#D4AF37,#7F8082);border-image-slice:1; } #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM #FORM_CLIENT_ADD_ROLE_INVITED_TO_ACTIVE .FORM_GRP_ROW .FORM_GRP a{display:inline-block;width:20%;color:#7f8082;line-height: 1;text-align: center;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM #FORM_CLIENT_ADD_ROLE_INVITED_TO_ACTIVE .FORM_GRP_ROW .FORM_FLD{&:required,&:invalid{box-shadow:none;}} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM #FORM_CLIENT_ADD_ROLE_INVITED_TO_ACTIVE .FORM_GRP_ROW .FORM_GRP span.VALIDATION_REMARKS{color:#7F8082 !important;display:block;} #CLIENT_ADD_ROLE_INVITED_TO_ACTIVE_CONTAINER .INVITAION_FORM #FORM_CLIENT_ADD_ROLE_INVITED_TO_ACTIVE .FORM_GRP_ROW .FORM_GRP span.VALIDATION_REMARKS i{display:inline-flex !important;color:#7F8082;} #contactus section{height:100%;scroll-snap-align: start;} #contactus section .form {padding:10% 25%;border-radius: 10px;box-shadow: 0 0 20px 1px #D4AF37;overflow: hidden;} #contactus section .contact-form {background-color:#0D0D0D;position:relative;} #contactus section .circle {border-radius: 50%;background: linear-gradient(135deg, transparent 20%, #D4AF37);position: absolute;} #contactus section .circle.one {width: 150px;height: 150px;bottom: 0;left: 60%;} #contactus section .circle.two {width: 80px;height: 80px;top: 10px;right: 30px;} #contactus section .contact-form:before {content: "";position: absolute;width: 26px;height: 26px;background-color: #0D0D0D;transform: rotate(45deg);top: 50px;left: -13px;} #contactus section form {display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:2.5% 20% 0 20%;overflow: hidden;} #contactus section form div.input-container{width:100%;/*position: relative;margin: 1rem 0;*/} #contactus section .title {color: #7f8082;font-weight: 500;font-size: 1.5rem;margin-bottom: 0.7rem;} #contactus section .input {width: 100%;outline:none;border: 2px solid #7f8082;background: none;padding: 0.6rem 1.2rem;color: #7f8082;font-weight: 500;font-size: 0.95rem;letter-spacing: 0.5px;transition: 0.3s;} #contactus section textarea.input {padding: 0.8rem 1.2rem;min-height: 150px;resize: none;overflow-y: auto;} #contactus section #CharCount{padding:0.1rem 0 0 0;width:100%;text-align:right;font-size:0.875rem;color:#D4AF37;} #contactus section .input-container label {position: absolute;top: 50%;left: 15px;transform: translateY(-50%);padding: 0 0.4rem;color: #7f8082;font-size: 0.9rem;font-weight: 400;pointer-events: none;z-index: 1000;transition: 0.5s;} #contactus section .input-container.textarea label {top: 1rem;transform: translateY(0);} #contactus section .btn {padding: 0.6rem 1.3rem;background-color: #0D0D0D;border: 2px solid #D4AF37;font-size: 0.95rem;color: #D4AF37;line-height: 1;outline: none;cursor: pointer;transition: 0.3s;/*margin: auto;*/display: block !important;} #contactus section .btn:hover {background-color: #D4AF37;color: #0D0D0D;} #contactus section form.form-inline{display: flex;flex-flow: row wrap;align-items: center;justify-content: center;gap: 2%;} #contactus section form.form-inline input[type=text]{outline: 0;padding-left: 20px;padding-top: 5px;padding-bottom: 5px;vertical-align: middle;background-color: #0D0D0D;border: 1px solid #7F8082;color: #D4AF37;} #contactus section form.form-inline input[type=submit]{vertical-align: middle;background-color: #0D0D0D;color: #D4AF37;border: 1px solid #D4AF37;padding: 5px;} #contactus section .input-container span {position: absolute;top: 0;left: 25px;transform: translateY(-50%);font-size: 0.8rem;padding: 0 0.4rem;color: transparent;pointer-events: none;z-index: 500;} #contactus section .input-container span:before, #contactus section .input-container span:after {content: "";position: absolute;width: 10%;opacity: 0;transition: 0.3s;height: 5px;background-color: #0D0D0D;top: 50%;transform: translateY(-50%);} #contactus section .input-container span:before {left: 50%;} #contactus section .input-container span:after {right: 50%;} #contactus section .input-container.focus label {top: 0;transform: translateY(-25%);left: 25px;font-size: 0.8rem;} #contactus section .input-container.focus span:before, #contactus section .input-container.focus span:after {width: 50%;opacity: 1;} #contactus section .contact-info {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;} #contactus section .contact-info .title {color:#7f8082;text-align:center;} #contactus section .text {color:#7f8082;margin: 1.5rem 0 2rem 0;text-align:center;font-weight: 500;font-size: 1.3rem;} #contactus section .information {display: block;color: #7f8082;margin: 0.7rem 0;font-size: 0.95rem;text-align:center;} #contactus section .information p{display: inline;} #contactus section .information table{border-collapse:separate;border-spacing:0 1rem;margin: auto;} #contactus section .information table tr td{text-align:left;padding-left:5px;} #contactus section .icon {width: 28px;margin-right: 0.7rem;} #contactus section .social-media {display:flex;flex-direction:column;align-items:center;} #contactus section .social-media p {color: #7f8082;} #contactus section .social-icons {display: flex;margin-top: 0.5rem;} #contactus section .social-icons a {width: 35px;height: 35px;border-radius: 5px;background: #0D0D0D;color: #7f8082;border: 1px solid #7f8082;text-align: center;line-height: 40px;margin-right: 0.5rem;transition: 0.3s;} #contactus section .social-icons a:hover {font-size:larger;border:1px solid #D4AF37;color:#D4AF37;} #support section{height:100%;scroll-snap-align: start;} #support section .form {padding:10% 25%;border-radius: 10px;box-shadow: 0 0 20px 1px #D4AF37;overflow: hidden;} #support section .contact-form {background-color:#0D0D0D;position:relative;} #support section .circle {border-radius: 50%;background: linear-gradient(135deg, transparent 20%, #D4AF37);position: absolute;} #support section .circle.one {width: 150px;height: 150px;bottom: 0;left: 60%;} #support section .circle.two {width: 80px;height: 80px;top: 10px;right: 30px;} #support section .contact-form:before {content: "";position: absolute;width: 26px;height: 26px;background-color: #0D0D0D;transform: rotate(45deg);top: 50px;left: -13px;} #support section form {display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:2.5% 20% 0 20%;overflow: hidden;} #support section form div.input-container{width:100%;/*position: relative;margin: 1rem 0;*/} #support section .title {color: #7f8082;font-weight: 500;font-size: 1.5rem;margin-bottom: 0.7rem;} #support section .input {width: 100%;outline:none;border: 2px solid #7f8082;background: none;padding: 0.6rem 1.2rem;color: #7f8082;font-weight: 500;font-size: 0.95rem;letter-spacing: 0.5px;transition: 0.3s;} #support section textarea.input {padding: 0.8rem 1.2rem;min-height: 150px;resize: none;overflow-y: auto;} #support section #CharCount{padding:0.1rem 0 0 0;width:100%;text-align:right;font-size:0.875rem;color:#D4AF37;} #support section .input-container label {position: absolute;top: 50%;left: 15px;transform: translateY(-50%);padding: 0 0.4rem;color: #7f8082;font-size: 0.9rem;font-weight: 400;pointer-events: none;z-index: 1000;transition: 0.5s;} #support section .input-container.textarea label {top: 1rem;transform: translateY(0);} #support section .btn {padding: 0.6rem 1.3rem;background-color: #0D0D0D;border: 2px solid #D4AF37;font-size: 0.95rem;color: #D4AF37;line-height: 1;outline: none;cursor: pointer;transition: 0.3s;/*margin: auto;*/display: block !important;} #support section .btn:hover {background-color: #D4AF37;color: #0D0D0D;} #support section form.form-inline{display: flex;flex-flow: row wrap;align-items: center;justify-content: center;gap: 2%;} #support section form.form-inline input[type=text]{outline: 0;padding-left: 20px;padding-top: 5px;padding-bottom: 5px;vertical-align: middle;background-color: #0D0D0D;border: 1px solid #7F8082;color: #D4AF37;} #support section form.form-inline input[type=submit]{vertical-align: middle;background-color: #0D0D0D;color: #D4AF37;border: 1px solid #D4AF37;padding: 5px;} #support section .input-container span {position: absolute;top: 0;left: 25px;transform: translateY(-50%);font-size: 0.8rem;padding: 0 0.4rem;color: transparent;pointer-events: none;z-index: 500;} #support section .input-container span:before, #support section .input-container span:after {content: "";position: absolute;width: 10%;opacity: 0;transition: 0.3s;height: 5px;background-color: #0D0D0D;top: 50%;transform: translateY(-50%);} #support section .input-container span:before {left: 50%;} #support section .input-container span:after {right: 50%;} #support section .input-container.focus label {top: 0;transform: translateY(-25%);left: 25px;font-size: 0.8rem;} #support section .input-container.focus span:before, #support section .input-container.focus span:after {width: 50%;opacity: 1;} #support section .contact-info {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;} #support section .contact-info .title {color:#7f8082;text-align:center;} #support section .text {color:#7f8082;margin: 1.5rem 0 2rem 0;text-align:center;font-weight: 500;font-size: 1.3rem;} #support section .information {display: block;color: #7f8082;margin: 0.7rem 0;font-size: 0.95rem;text-align:center;} #support section .information p{display: inline;} #support section .information table{border-collapse:separate;border-spacing:0 1rem;margin: auto;} #support section .information table tr td{text-align:left;padding-left:5px;} #support section .icon {width: 28px;margin-right: 0.7rem;} #support section .social-media {display:flex;flex-direction:column;align-items:center;} #support section .social-media p {color: #7f8082;} #support section .social-icons {display: flex;margin-top: 0.5rem;} #support section .social-icons a {width: 35px;height: 35px;border-radius: 5px;background: #0D0D0D;color: #7f8082;border: 1px solid #7f8082;text-align: center;line-height: 40px;margin-right: 0.5rem;transition: 0.3s;} #support section .social-icons a:hover {font-size:larger;border:1px solid #D4AF37;color:#D4AF37;} #aboutus section.AboutBusiness .wrapperAboutBusiness{display:block;height:100%;width:100%;background-color:#0D0D0D;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness{height:100%;width:25%;display:inline-block;transition:all 0.5s;position:absolute;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness .boxContentHeading{flex:1;text-align:center;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness h3{font-weight:bold;color:#D4AF37;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness p{color:#7F8082;display:none;flex:1;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness:nth-child(1){left:0;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness:nth-child(2){left:25%;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness:nth-child(3){left:50%;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness:nth-child(4){left:75%;} #aboutus section.AboutBusiness .wrapperAboutBusiness .expandedSlider{left:0 !important;transition:all 0.5s;} #aboutus section.AboutBusiness .wrapperAboutBusiness .boxAboutBusiness .boxContent{height:100%;width:100%;display:flex;justify-content: center;align-items: center;padding:0 25px;} #aboutus section.AboutBusiness a{padding-top:60px;} #aboutus section.AboutBusiness a span{position:absolute;bottom:5%;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb06 2s infinite;animation:sdb06 2s infinite;box-sizing:border-box;} @-webkit-keyframes sdb06{0%{-webkit-transform:rotate(-45deg) translate(0, 0);}20%{-webkit-transform:rotate(-45deg) translate(-10px, 10px);}40%{-webkit-transform:rotate(-45deg) translate(0, 0);}} @keyframes sdb06{0%{transform:rotate(-45deg) translate(0, 0);}20%{transform:rotate(-45deg) translate(-10px, 10px);}40%{transform:rotate(-45deg) translate(0, 0);}} #aboutus section.AboutTechnologies{height:100%;width:100%;color:#7F8082;display:flex;flex-direction:column;align-items:center;justify-content:center;} #aboutus section.AboutTechnologies h1{text-align:center;} #aboutus section.AboutTechnologies .Technologies{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;overflow-y:scroll;} #aboutus section.AboutTechnologies .Technologies .box{height:auto;width:25%;padding:15px;background-color:#0D0D0D;overflow:hidden;transition: 0.5s ease;margin:15px;} #aboutus section.AboutTechnologies .Technologies .box i{color:#D4AF37;margin:15px;transition:inherit;transition-delay:0s;} #aboutus section.AboutTechnologies .Technologies .box h4{color:#D4AF37;font-weight:bold;} #aboutus section.AboutTechnologies .Technologies .box p{color:#7F8082;font-weight:bold;} #aboutus section.AboutTechnologies .Technologies .box:hover i{transform:translateY(-0.625rem);font-size:4rem;} #aboutus section.AboutTechnologies .Technologies .box:hover h4{transform:translateY(-0.625rem);} #aboutus section.AboutTechnologies .Technologies .box:hover p{transform:translateY(-0.625rem);} @keyframes link-out{0%{transform-origin:right center;transform: scaleX(.2);} 70%{transform-origin:right center;} 71%{transform-origin:left center;transform: scaleX(1);} 100%{transform-origin:left center;transform: scaleX(.2);}} @keyframes link-in{0%{transform-origin:left center;transform: scaleX(.2);} 70%{transform-origin:left center;transform: scaleX(1);} 71%{transform-origin:right center;} 100%{transform-origin:right center;transform: scaleX(.2);}} #aboutus section.AboutCollaboration{color:#7F8082;padding:0 25px;} #aboutus section{height:100%;display:flex;justify-content:center;align-items:center;scroll-snap-align: start;} #aboutus section.AboutTeam .profileContainer{width:80%;height:100%;margin:auto;display:flex;justify-content:center;gap:10%;align-items:center;} #aboutus section.AboutTeam .profileContainer .profileCard{display:flex;flex-direction:column;align-items:center;transition: 0.5s ease;} #aboutus section.AboutTeam .profileContainer .profileCard:hover{transform:translateY(-5px);} #aboutus section.AboutTeam .profileContainer .profileCard .profileImage{height:100px;width:100px;overflow:hidden;border-radius:50%;} #aboutus section.AboutTeam .profileContainer .profileCard .profileImage img{height:100%;width:100%;} #aboutus section.AboutTeam .profileContainer .profileCard .profileInfo{text-align:center;color:#7F8082;} #aboutus section.AboutTeam .profileContainer .profileCard .profileInfo h2{margin-bottom:10px;} #aboutus section.AboutTeam .profileContainer .profileCard .profileInfo p{line-height: 1.4;} #aboutus section.AboutTeam .profileContainer .profileCard .profileSocialIcons a{font-size: 24px;color: #7F8082;border: 1px solid white;display: inline-block;height: 40px;width: 40px;line-height: 2;padding: 0 7px;transition:0.5s all;} #aboutus section.AboutTeam .profileContainer .profileCard .profileSocialIcons a:hover{border-color: #D4AF37;color: #D4AF37;border-radius: 50%;} @property --angle{syntax:"";initial-value:0deg;inherits:false;} #projectlist{z-index:100;display:flex;flex-direction:row;justify-content:flex-start;gap: 3%;height:100%;width:100%;position:relative;top:0;left:0;overflow-y:scroll;padding:0.5% 2.5%;background-color:#0D0D0D;} #projectlist .blob{display:flex;flex-direction:column;align-items:baseline;justify-content:space-evenly;position:relative;width:25%;height:90%;background-color:#0D0D0D;text-align:center;border-radius:25px;padding:0.5rem;overflow:visible;} #projectlist .blob::after, #projectlist .blob::before{content:'';position:absolute;height:calc(100% + 10px);width:calc(100% + 10px);background-color:#0D0D0D;top:50%;left:50%;translate:-50% -50%;z-index:-1;background-image:conic-gradient(from var(--angle), transparent 100%,#D4AF37);border-radius:25px;} #projectlist .blob::before{filter:blur(1.5rem);opacity:0.5;} #projectlist .blob:hover{&::after, &::before{background-image: conic-gradient(from var(--angle), transparent 90%,#D4AF37);animation: 3s spin linear infinite;}} @keyframes spin{from{--angle:0deg;}to{--angle:360deg;}} #projectlist .blob .blob-top{border-radius:25px;} #projectlist .blob .blob-top,#projectlist .blob .blob-content,#projectlist .blob .blob-footer{width:100%;} #projectlist .blob .blob-top img{width:100%;object-fit:cover;aspect-ratio:1 / 1;} #projectlist .blob .blob-content{color:#7F8082;padding-top:1rem;} #projectlist .blob .blob-footer{position:relative;z-index:100;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2.5% 10% 2.5% 10%;} #projectlist .blob .blob-footer a{display:block;position: relative;border:1px solid #D4AF37;padding:0.5rem;text-decoration:none;color:#D4AF37;background-color: #0D0D0D;border-radius:5px;transition: all 0.2s;overflow: visible;} #projectlist .blob .blob-footer a::after, #projectlist .blob .blob-footer a::before{content:'';position:absolute;height:calc(100% + 0.2rem);width:calc(100% + 0.2rem);background-color:#D4AF37;top:50%;left:50%;translate:-50% -50%;background-image:conic-gradient(from var(--angle), transparent 100%,#D4AF37);z-index: -1;border-radius:5px;transition:all 0.2s;} #projectlist .blob .blob-footer a::before{filter:blur(0.5rem);opacity:0.5;} #projectlist .blob .blob-footer a:hover{&::before{filter:blur(1.5rem);}&::after{height:calc(100% + 0.5rem);width:calc(100% + 0.5rem);}} .CheckoutPanel{z-index:100;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2.5%;height:100%;width:100%;position:relative;top:0;left:0;padding: 2.5% 12.5%;background-color:#0D0D0D;} .CheckoutPanel div.CheckoutServiceDetails{height:100%;width:30%;color:#D4AF37;overflow-y: scroll;} .CheckoutPanel div.CheckoutServiceDetails table{width: 100%;} .CheckoutPanel div.CheckoutServiceDetails table tr td{padding: 5%;} .CheckoutPanel div.CheckoutServiceDetails table tr:nth-child(2) td{text-align: center;} .CheckoutPanel div.Plan{display:flex;flex-direction:column;align-items:baseline;justify-content: space-evenly;position:relative;height:100%;width:50%;color:#D4AF37;background-color:#0D0D0D;overflow:visible;border-radius:1.5rem;} .CheckoutPanel .Plan::after, .CheckoutPanel .Plan::before{content:'';position:absolute;height:calc(100% + 0.2rem);width:calc(100% + 0.2rem);top:50%;left:50%;translate:-50% -50%;z-index:-1;background-image:conic-gradient(from var(--angle), transparent 100%,#D4AF37);border-radius:1.5rem;} .CheckoutPanel .Plan::before{filter:blur(0.5rem);opacity:0.5;} .CheckoutPanel .Plan:hover{&::after, &::before{background-image: conic-gradient(from var(--angle),#D4AF37);}} .CheckoutPanel div.Plan div{padding: 5%;} .CheckoutPanel div.Plan div.PlanHeading h5{font-size:48px;} .CheckoutPanel .PlanBody ul{line-height: 250%;} /*.CheckoutPanel .Plan .PlanFooter button{padding:15px 15px 15px 15px;color:#D4AF37;background:#0D0D0D;border:1px solid #D4AF37;cursor:pointer;transition:all 0.1s;display:block;border-radius: 20%;} .CheckoutPanel .Plan .PlanFooter button:hover{font-size: larger;} */ .CheckoutPanel .Plan .PlanFooter{position:relative;z-index:100;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:2.5% 10% 2.5% 10%;} .CheckoutPanel .Plan .PlanFooter button{display:block;position: relative;border:1px solid #D4AF37;padding:0.5rem;text-decoration:none;color:#D4AF37;background: #0D0D0D;border-radius:5px;transition: all 0.2s;overflow: visible;} .CheckoutPanel .Plan .PlanFooter button::after, .CheckoutPanel .Plan .PlanFooter button::before{content:'';position:absolute;height:calc(100% + 0.1rem);width:calc(100% + 0.1rem);background-color:#D4AF37;top:50%;left:50%;translate:-50% -50%;background-image:conic-gradient(from var(--angle), transparent 100%,#D4AF37);z-index: -1;border-radius:5px;transition:all 0.2s;} .CheckoutPanel .Plan .PlanFooter button::before{filter:blur(0.5rem);opacity:0.5;} .CheckoutPanel .Plan .PlanFooter button:hover{&::before{filter:blur(1.5rem);}&::after{height:calc(100% + 0.5rem);width:calc(100% + 0.5rem);}} .CheckoutPanelMobile{display:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:0.5rem;position:relative;top:0;left:0;scroll-snap-type:y mandatory;overflow-y: scroll;background-color:#0D0D0D;padding: 2.5% 0;} .CheckoutPanelMobile div.Plan{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;position:relative;z-index:100;padding:5%;height:50%;width:95%;scroll-snap-align:start;color:#D4AF37;} .CheckoutPanelMobile div.Plan:nth-child(1){border-bottom:1px solid #D4AF37;} .CheckoutPanelMobile div.Plan div.PlanHeading{display:block;position: relative;border:1px solid #D4AF37;padding:1rem;text-decoration:none;color:#D4AF37;background: #0D0D0D;border-radius:5px;transition: all 0.2s;overflow: visible;border-radius:20px;} .CheckoutPanelMobile div.Plan div.PlanHeading::after, .CheckoutPanelMobile div.Plan div.PlanHeading::before{content:'';position:absolute;height:calc(100% + 0.5rem);width:calc(100% + 0.5rem);background-color:#D4AF37;top:50%;left:50%;translate:-50% -50%;background-image:conic-gradient(from var(--angle), transparent 100%,#D4AF37);z-index: -1;border-radius:20px;transition:all 0.2s;} .CheckoutPanelMobile div.Plan div.PlanHeading::before{filter:blur(0.5rem);opacity:0.5;} .CheckoutPanelMobile div.Plan .PlanHeading h2,.CheckoutPanelMobile div.Plan .PlanHeading h5{text-align:center;} .CheckoutPanelMobile .Plan .PlanFooter button{padding:15px 15px 15px 15px;color:#D4AF37;background:#0D0D0D;border:1px solid #D4AF37;cursor:pointer;transition:all 0.1s;display:block;border-radius:20%;margin:auto;} .CheckoutPanelMobile .Plan .PlanFooter button:hover{font-size: larger;} .CheckoutPanel a.CloseCheckout{position:fixed;top:15%;right:5%;z-index:200;color:#D4AF37;text-decoration:none;} .DemoPanel{position:absolute;top:57px;left:0;bottom:80px;padding-left:0;padding-right:0;margin-left:0;margin-right:0;height:calc(100% - 122px);width:100%;transition:all 200ms;display:none;} .DemoPanel .MediaContainer{height:100%;width:100%;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);} .DemoPanel .MediaContainer embed{height:100%;width:100%;} footer{background:#0D0D0D;height:65px;padding:5px 0 5px 0;color:#D4AF37;} footer .list-inline-item{background:#0D0D0D;} footer .list-inline-item a{color:#D4AF37;} #SignUp{padding:0 !important;margin:0 !important;} #SignUp .modal-header{background-color:#0D0D0D;color:#E5E5CB;border:0;} #SignUp .modal-header button{color:#E5E5CB;background-color:#0D0D0D;} #SignUp .modal-body{margin:0 !important;background:#0D0D0D;} #SignUp .modal-body div{margin-bottom:1rem;} #SignUp .modal-body label.form-label{color:#0D0D0D;font-weight:bold;} #SignUp .modal-body input[type='text']{color:#D4AF37;background-color:#0D0D0D;border:1px solid #0D0D0D;box-shadow:none;} #SignUp .modal-body input[type='password']{color:#D4AF37;background-color:#0D0D0D;border:1px solid #0D0D0D;box-shadow:none;} #SignUp .modal-body select{color:#D4AF37;font-weight:bold;border:1px solid #0D0D0D;} #SignUp .modal-body select:focus{outline:0;} #SignUp .modal-footer{background-color:#0D0D0D;border:0;} #SignUp .modal-footer button{color:#D4AF37;background-color:#0D0D0D;border:1px solid #D4AF37 !important;} #SignUp .modal-footer button:hover{color:#0D0D0D !important;background-color:#D4AF37;border:1px solid #D4AF37;font-weight:bold;} .form-switch .__radio{display:none;} .form-switch .__label{display:inline-block;padding:8px 14px;color:#D4AF37;background:#0D0D0D;cursor:pointer;transition:background 0.1s;} .form-switch .__label:not(:last-of-type){border-right:1px solid #0D0D0D;} .form-switch .__radio:checked + .__label{transition:all 200ms;color:#D4AF37 !important;background-color:#0D0D0D;border:1px solid #D4AF37;font-weight:bold;} #SignUp .modal-body .FORM_GRP{position:relative;padding:15px 0 0;margin-top:10px;width:100%;} #SignUp .modal-body .FORM_FLD {font-family:inherit;width:100%;border:0;border-bottom:2px solid #7F8082;outline:0;color:#7F8082;padding:7px 0;background:transparent;transition:all 0.5s; &::placeholder{color:transparent !important;} &:placeholder-shown ~ .FORM_LBL{cursor:text;top:20px;} } #SignUp .modal-body .FORM_LBL{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:#7F8082;} #SignUp .modal-body .FORM_FLD:focus { ~ .FORM_LBL{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:#D4AF37;font-weight:700;} padding-bottom:6px;font-weight:700;color:#D4AF37;border-width:3px;border-image:linear-gradient(to right,#D4AF37,#7F8082);border-image-slice:1; } #SignUp .modal-body .FORM_FLD{&:required,&:invalid{box-shadow:none;}} #SignUp .modal-body .FORM_GRP span.VALIDATION_REMARKS{color:#7F8082 !important;} #SignUp .modal-body .FORM_GRP span.VALIDATION_REMARKS i{display:inline-flex !important;color:#7F8082;} #CONTACT_REQUEST_SUBJECT_LABEL{width: 100%;padding:0.6rem 1.2rem;color:#7F8082;background:#0D0D0D;border:1px solid #7F8082;cursor:pointer;transition:all 0.1s;display:block;font-weight:500;} .CONTACT_REQUEST_SUBJECT_BOX{display:none;transition:200ms all;overflow-y:auto;max-height:130px;width:100%;} .CONTACT_REQUEST_SUBJECT_BOX .__radio{display:none;} .CONTACT_REQUEST_SUBJECT_BOX .__label{padding:15px 15px 15px 15px;color:#7F8082;background:#0D0D0D;cursor:pointer;transition:all 0.1s;display:block;width:100%;border-right:1px solid #7f8082;} .CONTACT_REQUEST_SUBJECT_BOX .__label:hover{color:#D4AF37;font-size:large;font-weight:bold;border-right:1px solid #D4AF37;} .CONTACT_REQUEST_SUBJECT_BOX .__radio:checked + .__label{background:#0D0D0D;font-weight:bold;} #CONTACT_REQUEST_SUBSCRIPTION_LABEL{width: 100%;padding:0.6rem 1.2rem;color:#7F8082;background:#0D0D0D;border:1px solid #7F8082;cursor:pointer;transition:all 0.1s;display:block;font-weight:500;} .CONTACT_REQUEST_SUBSCRIPTION_BOX{display:none;transition:200ms all;overflow-y:auto;max-height:130px;width:100%;} .CONTACT_REQUEST_SUBSCRIPTION_BOX .__radio{display:none;} .CONTACT_REQUEST_SUBSCRIPTION_BOX .__label{padding:15px 15px 15px 15px;color:#7F8082;background:#0D0D0D;cursor:pointer;transition:all 0.1s;display:block;width:100%;border-right:1px solid #7f8082;} .CONTACT_REQUEST_SUBSCRIPTION_BOX .__label:hover{color:#D4AF37;font-size:large;font-weight:bold;border-right:1px solid #D4AF37;} .CONTACT_REQUEST_SUBSCRIPTION_BOX .__radio:checked + .__label{background:#0D0D0D;font-weight:bold;} .CONTACT_REQUEST_TYPE_BOX {display:flex;flex-direction:row;justify-content:normal;gap:2%;width:100%;padding: 0.6rem 0;overflow-x:auto;transition:all 200ms;} .CONTACT_REQUEST_TYPE_BOX .__checkbox{display:none;} .CONTACT_REQUEST_TYPE_BOX .__label{height:100%;padding:5px 5px 5px 5px;color:#7F8082;background:#0D0D0D;border:1px solid #7F8082;cursor:pointer;transition:background 200ms;display:inline-block;} .CONTACT_REQUEST_TYPE_BOX .__checkbox:checked + .__label{background:#0D0D0D;font-weight:bold;color:#D4AF37;border:1px solid #D4AF37;} #DetailsBox{padding:0 !important;margin:0 !important;} #DetailsBox .modal-header{background-color:#0D0D0D;color:#D4AF37;border:0;} #DetailsBox .modal-header .close{opacity:1;color:#D4AF37;} #DetailsBox .modal-body{margin:0 !important;background:#0D0D0D;} #DetailsBox .modal-body table tr td{border:0;color:#D4AF37;} #DetailsBox .modal-body table tr td textarea{padding:0.8rem 1.2rem;min-height:150px;resize:none;overflow-y:auto;width:100%;outline:none;border:2px solid #7F8082;background:none;padding:0.6rem 1.2rem;color:#7F8082;font-weight:500;font-size:0.95rem;letter-spacing:0.5px;transition:0.3s;} #DetailsBox .modal-body div{margin-bottom:1rem;} #DetailsBox .modal-footer{background-color:#0D0D0D;border:0;justify-content:center !important;} #DetailsBox .modal-footer a.btn{display: block !important;/*margin:auto !important;*/color:#D4AF37;background:#0D0D0D;border:1px solid #D4AF37;cursor:pointer;transition:all 0.1s;} #DetailsBox .modal-footer a.btn:hover{font-size: large !important;} #DetailsBox .modal-footer form.form-inline{padding: 0 !important;display: flex !important;flex-flow: row wrap !important;align-items: center !important;} #DetailsBox .modal-footer form.form-inline input[type=text]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;outline: 0 !important;padding-left: 20px !important;padding-top: 5px !important;padding-bottom: 5px !important;vertical-align: middle !important;background-color: #0D0D0D !important;border: 1px solid #7F8082 !important;color: #D4AF37 !important;} #DetailsBox .modal-footer form.form-inline input[type=submit]{padding:0.375rem 0.75rem;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;vertical-align: middle !important;background-color: #0D0D0D !important;color: #D4AF37 !important;border: 1px solid #D4AF37 !important;} #DetailsBox .modal-footer .DetailBoxError{color:#D4AF37;text-align:center;width:100%;} #DetailsBox .modal-footer .DetailBoxSuccess{color:#D4AF37;text-align:center;width:100%;} /* #ErrorMessageModal .modal-content{height:530px !important;} .categories, .ProjectCategories{display:flex;overflow-x:auto;} .categories .__radio{display:none;} .categories .__label{padding:15px 15px 15px 15px;color:#7f8082;background:#0D0D0D;cursor:pointer;transition:all 0.1s;margin-left:5px;line-height:100%;overflow:visible;border:1px solid #7f8082;} .categories .__label:hover{color:#D4AF37;border:1px solid #D4AF37;} .categories .__radio:checked + .__label{background:#0D0D0D;font-weight:bold;color:#D4AF37;border:1px solid #D4AF37;font-weight:bold;} #country-expand-btn{padding:15px 15px 15px 15px;color:#D4AF37;background:#0D0D0D;border:1px solid #D4AF37;cursor:pointer;transition:all 0.1s;display:block;font-weight:bold;} .countries{display:none;transition:200ms all;overflow-y:auto;max-height:230px;} .countries .__radio{display:none;} .countries .__label{padding:15px 15px 15px 15px;color:#7f8082;background:#0D0D0D;cursor:pointer;transition:all 0.1s;display:block;width:100%;border-right:1px solid #7f8082;} .countries .__label:hover{color:#D4AF37;font-size:large;font-weight:bold;border-right:1px solid #D4AF37;} .countries .__radio:checked + .__label{background:#0D0D0D;font-weight:bold;} */ ::placeholder{color:#7f8082 !important;opacity:0.5;} ::-ms-input-placeholder{color:#7f8082 !important;} .LabelDefault{padding:8px 14px;color:white;background:#D4AF37;cursor:pointer;transition:background 0.1s;display:block;font-weight:bold;pointer-events:none;} .LabelPopulated{padding:8px 14px;color:white;background:#D4AF37;cursor:pointer;transition:background 0.1s;display:none;font-weight:bold;pointer-events:none;} #SwitchProfile .modal-header{background-color:#0D0D0D;color:#7f8082;border:0;} #SwitchProfile .modal-header h3{margin:auto;} #SwitchProfile .modal-body{margin:0 !important;background:#0D0D0D;} #SwitchProfile .modal-body .container-fluid .row div{text-align:center;} #SwitchProfile .modal-body a, #SwitchProfile .modal-footer a{text-decoration:none;color:#7f8082;transition: all 0.2s;} #SwitchProfile .modal-body a:hover{font-size:large;color:#D4AF37;} #SwitchProfile .modal-footer{border: 0 !important;margin:0 !important;background:#0D0D0D;} #SwitchProfile .modal-footer h6{color:#7f8082;} #SwitchProfile .modal-footer h6 a{color:#D4AF37;transition:all 0.2s;} #SwitchProfile .modal-footer h6 a:hover{font-weight:bold;} .ModalFullScreen{ max-width:100%; } label{ display:inline; } #AuthPreviewThumbnail{max-height:360px;max-width:360px;} #AuthPreviewThumbnail img{max-height:200px;max-width:200px;} #CLIENT_PROFILE_CONTAINER{position:relative;top:0;Left:0;height:100%;width:100%;scroll-snap-type:y mandatory;overflow-y:scroll;padding:0 !important;background-color:#0D0D0D;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS .FORM_GRP{position:relative;padding:15px 0 0;margin-top:10px;width:100%;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS .FORM_FLD {font-family:inherit;width:80%;border:0;border-bottom:2px solid #7F8082;outline:0;color:#7F8082;padding:7px 0;background:transparent;transition:all 0.5s; &::placeholder{color:transparent !important;} &:placeholder-shown ~ .FORM_LBL{cursor:text;top:20px;} } #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS .FORM_LBL{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:#7F8082;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS .FORM_FLD:focus { ~ .FORM_LBL{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:#D4AF37;font-weight:700;} padding-bottom:6px;font-weight:700;color:#D4AF37;border-width:3px;border-image:linear-gradient(to right,#D4AF37,#7F8082);border-image-slice:1; } #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS .FORM_GRP a{display:inline-block;width:20%;color:#7f8082;line-height: 1;text-align: center;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS .FORM_FLD{&:required,&:invalid{box-shadow:none;}} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS .FORM_GRP span.VALIDATION_REMARKS{color:#7F8082 !important;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS .FORM_GRP span.VALIDATION_REMARKS i{display:inline-flex !important;color:#7F8082;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_THUMBNAIL img{margin:15px;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_THUMBNAIL i.fa-user{color:#7F8082;font-size:150px;color:#7F8082;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_THUMBNAIL span{color:#7F8082;padding:10px;width:100%;font-size:large;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS h4{color:#D4AF37;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS .btn{background-color:#0D0D0D;color:#D4AF37;border:1px solid #D4AF37;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS form.form-inline{display: flex;flex-flow: row wrap;align-items: center;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS form.form-inline .form-inline input[type=text] {outline:0;vertical-align: middle;margin: 5px 10px 5px 0;padding: 10px;background-color: #0D0D0D;border: 1px solid #7F8082;color: #D4AF37;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS form.form-inline .form-inline input[type=submit] {vertical-align: middle;margin: 5px 10px 5px 0;padding: 10px;background-color: #0D0D0D;color: #D4AF37;border: 1px solid #D4AF37;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS form.form-inline{padding-top: 10px;display: flex;flex-flow: row wrap;align-items: center;justify-content: center;gap: 2%;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS form.form-inline input[type=text]{outline: 0;padding-left: 20px;padding-top: 5px;padding-bottom: 5px;vertical-align: middle;background-color: #0D0D0D;border: 1px solid #7F8082;color: #D4AF37;} #CLIENT_PROFILE_CONTAINER .CLIENT_PROFILE_DETAILS form.form-inline input[type=submit]{vertical-align: middle;background-color: #0D0D0D;color: #D4AF37;border: 1px solid #D4AF37;padding: 5px;}