/*Side-modules-contact */ .text-with-side-module .contact-side-wrapper{background:var(--white-prime);border-radius:12px;padding:30px; display:flex;flex-direction:column;align-items:self-start;margin-bottom: 40px;} .text-with-side-module .contact-side-wrapper .contact-title{margin: -4px 22px 21px 0px;} .text-with-side-module .contact-side-wrapper .contact-title p.quote{color:var(--cobalt-prime);font-weight:400;} .text-with-side-module .contact-side-wrapper .contact-title p.quote span.icon.icon-mail{margin-right: 15px;background: var(--cobalt-prime); color: var(--white-light);padding: 12px;border-radius: 100%;font-size: 10px;} .text-with-side-module .contact-side-wrapper .contact-image{border-radius:12px;width:120px;height:auto;margin:0px 0px 20px 0px;} .text-with-side-module .contact-side-wrapper .contact-subheading p.quote{font-weight:400;} .text-with-side-module .contact-side-wrapper .contact-smalltag{display: flex;align-items: center;text-transform: uppercase;color:var(--cobalt-light);margin: 6px 0px 25px 4px;} .text-with-side-module .contact-side-wrapper .contact-smalltag p.smalltag{font-size:1.2rem;line-height:1.6rem;font-weight:400} .text-with-side-module .contact-side-wrapper .contact-body{margin: -8px -13px 16px 4px;} .text-with-side-module .contact-side-wrapper .contact-phone{margin: 0px 0px 12px 5px;} .text-with-side-module .contact-side-wrapper .contact-phone span.icon{color:var(--cobalt-light);font-size:16px;} .text-with-side-module .contact-side-wrapper .contact-phone a{padding-left:6px;} .text-with-side-module .contact-side-wrapper .contact-email{margin: 2px 0px 24px 3px;} .text-with-side-module .contact-side-wrapper .contact-email span.icon{color:var(--cobalt-light);font-size:16px;} .text-with-side-module .contact-side-wrapper .contact-email a{padding:0px 0px 0px 6px;} .text-with-side-module .contact-side-wrapper .contact-link{margin: -4px 0px 6px 4px;} .text-with-side-module .contact-side-wrapper .contact-link a.cta.cta-secondary{padding:0px;margin:0px;} .text-with-side-module .content-module-wrapper.blueClass .title{ color: var(--white-light);} .text-with-side-module .content-module-wrapper.blueClass{background-color: var(--cobalt-dark); color: var(--white-light);border-top-right-radius: 20px;border-bottom-right-radius: 20px;padding: 64px 35px 64px 12px;position: relative;margin:48px 0px;} .text-with-side-module .content-module-wrapper.blueClass::before{content: '';position: absolute;width: 100%;background: var(--cobalt-dark);height: 100%;top: 0;left: -100%;margin-left:1px;} .text-with-side-module .stikyNva-mobile{display:none;} .text-with-side-module .content-module-wrapper .description ul{list-style: disc;margin-left: 35px;} .text-with-side-module .content-module-wrapper .description ul li{list-style-type: disc !important;} @media all and (min-width: 768px) and (max-width:991.98px){ .text-with-side-module .contact-side-wrapper .contact-title p.quote span.icon.icon-mail{margin-right: 7px;padding: 7px;font-size: 9px;} .text-with-side-module .content-module-wrapper.blueClass{padding: 56px 35px 56px 0px;} } @media all and (max-width:767.98px){ .text-with-side-module .contact-side-wrapper .contact-title {margin: -4px 22px 20px 0px;} .text-with-side-module .contact-side-wrapper .contact-title p.quote span.icon.icon-mail{margin-right: 7px;padding: 11px;font-size: 7px;} .text-with-side-module .contact-side-wrapper .contact-subheading{margin:0px;} .text-with-side-module .contact-side-wrapper .contact-smalltag{margin:0px 0px 12px 0px;} .text-with-side-module .contact-side-wrapper .contact-body {margin: 0px 0px 12px 0px;} .text-with-side-module .content-module-wrapper.blueClass{padding: 24px 35px 24px 0px;} .text-with-side-module .container-fluid > div.row{flex-flow: column-reverse;} } /* side-modules-quote */ .text-with-side-module .quotes-side-wrapper{background:var(--white-prime);border-radius:12px;padding:30px; display:flex;flex-direction:column;align-items:self-start;margin-bottom: 40px;} .text-with-side-module .quotes-side-wrapper .quotes-title{color:var(--cobalt-prime);padding-bottom:30px;} .text-with-side-module .quotes-side-wrapper .quotes-title .icon{font-size: 18px;padding: 9px 11px;margin-right: 14px;width: 37px;height: 37px;display: inline-block;background-color: var(--cobalt-prime);border-radius: 100%;color: var(--white-light);} .text-with-side-module .quotes-side-wrapper .quotes-title p.quote{font-weight:400;} .text-with-side-module .quotes-side-wrapper .quotes-image{margin-bottom:40px;border-radius:12px;width:120px;height:auto;} .text-with-side-module .quotes-side-wrapper .quotes-content{margin-bottom:16px;background: url('~/media/Images/p/prosus-corp-v2/prosus-images/side-modules/background-quote') no-repeat left top;} .text-with-side-module .quotes-side-wrapper .quotes-person-name{margin-bottom:4px;color:var(--cobalt-prime);} .text-with-side-module .quotes-side-wrapper .quotes-person-designation{display: flex;align-items: center;text-transform: uppercase;color:var(--cobalt-light);} .text-with-side-module .quotes-side-wrapper .quotes-person-designation .person-designation{font-size:12px;line-height:16px;font-weight:400;margin:1px 0px 0px 0px;} /* side-modules-links */ .text-with-side-module .link-module-wrapper{background:var(--white-prime);border-radius:12px;padding:30px;margin-bottom: 40px;} .text-with-side-module .link-module-wrapper .link-title{color:var(--cobalt-prime);padding: 5px;} .text-with-side-module .link-module-wrapper .link-title span.icon{background: var(--cobalt-prime); color: var(--white-light);padding: 9px;border-radius: 100%;font-size: 19px;margin: 0px 16px 0px 0px;} .text-with-side-module .link-module-wrapper .link-button-wrapper{margin-top:12px;} .text-with-side-module .link-module-wrapper .link-button{padding: 12px 0px 10px 6px;color:var(--graphite-prime);} .text-with-side-module .link-module-wrapper .link-button a{position: relative;padding-left: 46px;color: var(--graphite-prime);display: block;margin-bottom: 0px;} .text-with-side-module .link-module-wrapper .link-button a:hover{color: var(--cobalt-prime);} .text-with-side-module .link-module-wrapper .link-button a span.icon{position: absolute;left: 0;top:4px} .text-with-side-module .link-module-wrapper .link-button:hover{background: #E5EEFF;border-radius: 8px;text-decoration:underline;color:var(--cobalt-prime);} .text-with-side-module .link-module-wrapper .link-button a span.icon.icon-download {margin: 0px 12px 0px 10px;color:var(--cobalt-prime);font-size:1.4rem} .text-with-side-module .link-module-wrapper .link-title a span.icon.icon-share{margin: 0px 12px 0px 10px;background: var(--cobalt-prime);color: var(--white-light);padding: 9px;border-radius: 100%;font-size: 19px;} .text-with-side-module .link-module-wrapper .link-button a span.icon.icon-link-arrow {margin: 0px 12px 0px 10px;color:var(--cobalt-prime);font-size:1.8rem} .content-module-wrapper .title{color: var(--cobalt-prime);margin-bottom: 16px;} .content-module-wrapper {padding-bottom:64px;} /* Side-module-navigation */ .text-with-side-module .in-page-nav-wrapper span.sliding-tab { width: 310px; height: 100%; position: absolute; background: var(--cobalt-light); border-radius: 8px; z-index: -1; } .text-with-side-module .in-page-nav-wrapper span.sliding-tab:before { position: absolute;width: 8px;height: 42px;left: -30px;top: 0px;content: "";background: var(--oxide-prime);border-radius: 0px 8px 8px 0px; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent { padding: 17px 29px 18px 32px; cursor: pointer; transition: all 0.6s ease-in-out;display: flex;justify-content: space-between;align-items: center; background: var(--cobalt-dark); border-bottom-left-radius:8px; border-bottom-right-radius:8px; } .text-with-side-module .in-page-nav-wrapper ul.topic-list { padding:1px 30px 30px 30px; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent ul.topic-list { padding-bottom: 30px; } .text-with-side-module .in-page-nav-wrapper .icon.icon-arrow{font-size:12px;transform: rotate(90deg);-webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; -moz-transform: rotate(90deg) !important; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .text-with-side-module .in-page-nav-wrapper .opened .icon.icon-arrow { transform: rotate(270deg) !important; color: var(--oxide-prime) !important; -webkit-transform: rotate(270deg) !important; -ms-transform: rotate(270deg) !important; -moz-transform: rotate(270deg) !important; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent.opened { padding: 30px 29px;border-bottom-left-radius:0px; border-bottom-right-radius:0px;border-top-left-radius: 8px; border-top-right-radius: 8px; } .text-with-side-module .in-page-nav-wrapper li.items::marker { display: none; } .text-with-side-module .in-page-nav-wrapper li.items:first-child .item-circle:before, .text-with-side-module .in-page-nav-wrapper li.items:last-child .item-circle:after { display: none; } .text-with-side-module .in-page-nav-wrapper .item-circle:before { position: absolute; width: 1px; height: 21px; left: 4px; top: -16px; content: "";border-radius: 0px 8px 8px 0px; background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/blue-upper-line.png); z-index: -1; } .text-with-side-module .in-page-nav-wrapper li.items.current { position: relative; width: 100%; height: 42px; left: 0; top: 0px; content: "";border-radius: 12px; } .text-with-side-module .in-page-nav-wrapper li.items { position: relative; } .text-with-side-module .in-page-nav-wrapper .display-block { display: block !important; transition: all .5s ease-in-out; } .text-with-side-module .in-page-nav-wrapper .active .item-circle { background: var(--oxide-prime) !important; } .text-with-side-module .in-page-nav-wrapper .items a.prev .item-circle {background: var(--oxide-prime) !important;} .text-with-side-module .in-page-nav-wrapper .sticky-div {color: #fff;} .text-with-side-module .in-page-nav-wrapper .item-text { display: inline-block; vertical-align: middle; align-items: center; margin-left: 0px; color:var(--white-light);margin-bottom:0px;padding-right: 12px;} .text-with-side-module .in-page-nav-wrapper .items a { width: 100%; height: 100%;position: relative; padding:11px 10px 8px 15px; cursor: pointer;display: flex;align-items: center; } .text-with-side-module .in-page-nav-wrapper .item-circle { height: 42px; display: inline-block; vertical-align: middle; height: 42px; background: #1136A8; border-radius: 100%; height: 9px; width: 9px; align-items: center; margin-top: 6px; right: 11px; left: auto; position: absolute; z-index: 2; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent .iconImg { background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/frame-icon.png); background-size: 100% 100%; background-position: center; height: 38px;width: 38px;} .text-with-side-module .in-page-nav-wrapper .h5 .icon { height: auto; width: auto; display: inline-block; font-size: 1.2rem; transform: rotate(90deg); right: -90px; position: relative; vertical-align: middle; text-align: center; align-items: center; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .text-with-side-module .in-page-nav-wrapper .title { display: inline-block; } .text-with-side-module .in-page-nav-wrapper .topic-container { position: relative; height: auto; width: 100%; display: none;margin-top: -16px;border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: var(--cobalt-dark); } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent .h5 { margin-left: 14px;margin-bottom: 0px; } .text-with-side-module .in-page-nav-wrapper .item-circle:after { position: absolute; width: 1px; height: 21px; left: 4px; top: 7px; content: "";border-radius: 0px 8px 8px 0px; background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/blue-lower-line.png); z-index: -1;background-repeat: no-repeat;} .text-with-side-module .in-page-nav-wrapper .active .item-circle:before,.text-with-side-module .in-page-nav-wrapper .prev .item-circle:before { position: absolute; width: 1px; height: 23px; left: 4px;content: "";border-radius: 0px 8px 8px 0px; background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/yellow-upperline.png); z-index: -1; } .text-with-side-module .in-page-nav-wrapper .active .item-circle:after,.text-with-side-module .in-page-nav-wrapper .prev .item-circle:after { position: absolute; width: 1px; height: 23px; left: 4px; top: 0px; content: "";border-radius: 0px 8px 8px 0px; background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/yellow-lower-line.png); z-index: -1; background-size: 100% 100%; } .text-with-side-module .in-page-nav-wrapper{ top: 0%;position: sticky;z-index: 1;} .text-with-side-module .in-page-nav-wrapper .items a.active{background-color: var(--cobalt-light); border-radius: 8px;} .text-with-side-module .in-page-nav-wrapper .items a:hover{background-color: var(--cobalt-prime);border-radius: 8px;} .text-with-side-module .in-page-nav-wrapper .items a.active::before{content:'';position: absolute; width: 8px;height: 100%;background-color: var(--oxide-prime);top: 0;left: -30px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;} .text-with-side-module .in-page-nav-wrapper{display:none;} .text-with-side-module .in-page-nav-wrapper:first-child{display:block;margin-bottom: 40px;margin-top: 20px;} @media only screen and (max-width: 991.98px){ .in-page-nav-wrapper .topic-container { margin-top: 25px; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent .iconImg { height: 30px; width: 30px;} .in-page-nav-wrapper li.items.current:before { left: -15px; } .in-page-nav-wrapper ul.topic-list { padding-bottom: 16px; padding-left: 0; padding-right: 0; margin-bottom: 0px; } .in-page-nav-wrapper .topic-container { margin-top: 25px; } .text-with-side-module .in-page-nav-wrapper{top:0%;} .text-with-side-module .in-page-nav-wrapper:first-child,.text-with-side-module .contact-side-wrapper{margin-bottom: 30px;} .content-module-wrapper {padding-bottom:56px;} } @media only screen and (max-width: 767.98px){ /*.text-with-side-module .in-page-nav-wrapper:first-child {display: none;}*/ .content-module-wrapper {padding-bottom:48px;} /*.text-with-side-module .stikyNva-mobile{display:block;} .text-with-side-module .stikyNva-mobile .in-page-nav-wrapper:first-child{display:block;}*/ } @media(max-width:566.98px){ /*Side-modules-contact */ .text-with-side-module .contact-side-wrapper{background:var(--white-prime);border-radius:12px;padding:30px; display:flex;flex-direction:column;align-items:self-start;margin-bottom: 40px;} .text-with-side-module .contact-side-wrapper .contact-title{margin: -4px 22px 21px 0px;} .text-with-side-module .contact-side-wrapper .contact-title p.quote{color:var(--cobalt-prime);font-weight:400;} .text-with-side-module .contact-side-wrapper .contact-title p.quote span.icon.icon-mail{margin-right: 15px;background: var(--cobalt-prime); color: var(--white-light);padding: 12px;border-radius: 100%;font-size: 10px;} .text-with-side-module .contact-side-wrapper .contact-image{border-radius:12px;width:120px;height:auto;margin:0px 0px 20px 0px;} .text-with-side-module .contact-side-wrapper .contact-subheading p.quote{font-weight:400;} .text-with-side-module .contact-side-wrapper .contact-smalltag{display: flex;align-items: center;text-transform: uppercase;color:var(--cobalt-light);margin: 6px 0px 25px 4px;} .text-with-side-module .contact-side-wrapper .contact-smalltag p.smalltag{font-size:1.2rem;line-height:1.6rem;font-weight:400} .text-with-side-module .contact-side-wrapper .contact-body{margin: -8px -13px 16px 4px;} .text-with-side-module .contact-side-wrapper .contact-phone{margin: 0px 0px 12px 5px;} .text-with-side-module .contact-side-wrapper .contact-phone span.icon{color:var(--cobalt-light);font-size:16px;} .text-with-side-module .contact-side-wrapper .contact-phone a{padding-left:6px;} .text-with-side-module .contact-side-wrapper .contact-email{margin: 2px 0px 24px 3px;} .text-with-side-module .contact-side-wrapper .contact-email span.icon{color:var(--cobalt-light);font-size:16px;} .text-with-side-module .contact-side-wrapper .contact-email a{padding:0px 0px 0px 6px;} .text-with-side-module .contact-side-wrapper .contact-link{margin: -4px 0px 6px 4px;} .text-with-side-module .contact-side-wrapper .contact-link a.cta.cta-secondary{padding:0px;margin:0px;} .text-with-side-module .content-module-wrapper.blueClass .title{ color: var(--white-light);} .text-with-side-module .content-module-wrapper.blueClass{background-color: var(--cobalt-dark); color: var(--white-light);border-top-right-radius: 20px;border-bottom-right-radius: 20px;padding: 64px 35px 64px 12px;position: relative;margin:48px 0px;} .text-with-side-module .content-module-wrapper.blueClass::before{content: '';position: absolute;width: 100%;background: var(--cobalt-dark);height: 100%;top: 0;left: -100%;margin-left:1px;} .text-with-side-module .stikyNva-mobile{display:none;} @media all and (min-width: 768px) and (max-width:991.98px){ .text-with-side-module .contact-side-wrapper .contact-title p.quote span.icon.icon-mail{margin-right: 7px;padding: 7px;font-size: 9px;} .text-with-side-module .content-module-wrapper.blueClass{padding: 56px 35px 56px 0px;} } @media all and (max-width:767.98px){ .text-with-side-module .contact-side-wrapper .contact-title {margin: -4px 22px 20px 0px;} .text-with-side-module .contact-side-wrapper .contact-title p.quote span.icon.icon-mail{margin-right: 7px;padding: 11px;font-size: 7px;} .text-with-side-module .contact-side-wrapper .contact-subheading{margin:0px;} .text-with-side-module .contact-side-wrapper .contact-smalltag{margin:0px 0px 12px 0px;} .text-with-side-module .contact-side-wrapper .contact-body {margin: 0px 0px 12px 0px;} .text-with-side-module .content-module-wrapper.blueClass{padding: 24px 35px 24px 0px;} .text-with-side-module .container-fluid > div.row{flex-flow: column-reverse;} } /* side-modules-quote */ .text-with-side-module .quotes-side-wrapper{background:var(--white-prime);border-radius:12px;padding:30px; display:flex;flex-direction:column;align-items:self-start;margin-bottom: 40px;} .text-with-side-module .quotes-side-wrapper .quotes-title{color:var(--cobalt-prime);padding-bottom:30px;} .text-with-side-module .quotes-side-wrapper .quotes-title .icon{font-size: 18px;padding: 9px 11px;margin-right: 14px;width: 37px;height: 37px;display: inline-block;background-color: var(--cobalt-prime);border-radius: 100%;color: var(--white-light);} .text-with-side-module .quotes-side-wrapper .quotes-title p.quote{font-weight:400;} .text-with-side-module .quotes-side-wrapper .quotes-image{margin-bottom:40px;border-radius:12px;width:120px;height:auto;} .text-with-side-module .quotes-side-wrapper .quotes-content{margin-bottom:16px;background: url('~/media/Images/p/prosus-corp-v2/prosus-images/side-modules/background-quote') no-repeat left top;} .text-with-side-module .quotes-side-wrapper .quotes-person-name{margin-bottom:4px;color:var(--cobalt-prime);} .text-with-side-module .quotes-side-wrapper .quotes-person-designation{display: flex;align-items: center;text-transform: uppercase;color:var(--cobalt-light);} .text-with-side-module .quotes-side-wrapper .quotes-person-designation .person-designation{font-size:12px;line-height:16px;font-weight:400;margin:1px 0px 0px 0px;} /* side-modules-links */ .text-with-side-module .link-module-wrapper{background:var(--white-prime);border-radius:12px;padding:30px;margin-bottom: 40px;} .text-with-side-module .link-module-wrapper .link-title{color:var(--cobalt-prime);padding: 5px;} .text-with-side-module .link-module-wrapper .link-title span.icon{background: var(--cobalt-prime); color: var(--white-light);padding: 9px;border-radius: 100%;font-size: 19px;margin: 0px 16px 0px 0px;} .text-with-side-module .link-module-wrapper .link-button-wrapper{margin-top:12px;} .text-with-side-module .link-module-wrapper .link-button{padding: 12px 0px 10px 6px;color:var(--graphite-prime);} .text-with-side-module .link-module-wrapper .link-button a{position: relative;padding-left: 46px;color: var(--graphite-prime);display: block;margin-bottom: 0px;} .text-with-side-module .link-module-wrapper .link-button a:hover{color: var(--cobalt-prime);} .text-with-side-module .link-module-wrapper .link-button a span.icon{position: absolute;left: 0;top:4px} .text-with-side-module .link-module-wrapper .link-button:hover{background: #E5EEFF;border-radius: 8px;text-decoration:underline;color:var(--cobalt-prime);} .text-with-side-module .link-module-wrapper .link-button a span.icon.icon-download {margin: 0px 12px 0px 10px;color:var(--cobalt-prime);font-size:1.4rem} .text-with-side-module .link-module-wrapper .link-title a span.icon.icon-share{margin: 0px 12px 0px 10px;background: var(--cobalt-prime);color: var(--white-light);padding: 9px;border-radius: 100%;font-size: 19px;} .text-with-side-module .link-module-wrapper .link-button a span.icon.icon-link-arrow {margin: 0px 12px 0px 10px;color:var(--cobalt-prime);font-size:1.8rem} .content-module-wrapper .title{color: var(--cobalt-prime);margin-bottom: 16px;} .content-module-wrapper {padding-bottom:64px;} /* Side-module-navigation */ .text-with-side-module .in-page-nav-wrapper span.sliding-tab { width: 310px; height: 100%; position: absolute; background: var(--cobalt-light); border-radius: 8px; z-index: -1; } .text-with-side-module .in-page-nav-wrapper span.sliding-tab:before { position: absolute;width: 8px;height: 42px;left: -30px;top: 0px;content: "";background: var(--oxide-prime);border-radius: 0px 8px 8px 0px; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent { padding: 17px 29px 18px 32px; cursor: pointer; transition: all 0.6s ease-in-out;display: flex;justify-content: space-between;align-items: center; background: var(--cobalt-dark); border-bottom-left-radius:8px; border-bottom-right-radius:8px; } .text-with-side-module .in-page-nav-wrapper ul.topic-list { padding:1px 30px 30px 30px; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent ul.topic-list { padding-bottom: 30px; } .text-with-side-module .in-page-nav-wrapper .icon.icon-arrow{font-size:12px;transform: rotate(90deg);-webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; -moz-transform: rotate(90deg) !important; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .text-with-side-module .in-page-nav-wrapper .opened .icon.icon-arrow { transform: rotate(270deg) !important; color: var(--oxide-prime) !important; -webkit-transform: rotate(270deg) !important; -ms-transform: rotate(270deg) !important; -moz-transform: rotate(270deg) !important; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent.opened { padding: 30px 29px;border-bottom-left-radius:0px; border-bottom-right-radius:0px;border-top-left-radius: 8px; border-top-right-radius: 8px; } .text-with-side-module .in-page-nav-wrapper li.items::marker { display: none; } .text-with-side-module .in-page-nav-wrapper li.items:first-child .item-circle:before, .text-with-side-module .in-page-nav-wrapper li.items:last-child .item-circle:after { display: none; } .text-with-side-module .in-page-nav-wrapper .item-circle:before { position: absolute; width: 1px; height: 21px; left: 4px; top: -16px; content: "";border-radius: 0px 8px 8px 0px; background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/blue-upper-line.png); z-index: -1; } .text-with-side-module .in-page-nav-wrapper li.items.current { position: relative; width: 100%; height: 42px; left: 0; top: 0px; content: "";border-radius: 12px; } .text-with-side-module .in-page-nav-wrapper li.items { position: relative; } .text-with-side-module .in-page-nav-wrapper .display-block { display: block !important; transition: all .5s ease-in-out; } .text-with-side-module .in-page-nav-wrapper .active .item-circle { background: var(--oxide-prime) !important; } .text-with-side-module .in-page-nav-wrapper .items a.prev .item-circle {background: var(--oxide-prime) !important;} .text-with-side-module .in-page-nav-wrapper .sticky-div {color: #fff;} .text-with-side-module .in-page-nav-wrapper .item-text { display: inline-block; vertical-align: middle; align-items: center; margin-left: 0px; color:var(--white-light);margin-bottom:0px;padding-right: 12px;} .text-with-side-module .in-page-nav-wrapper .items a { width: 100%; height: 100%;position: relative; padding:11px 10px 8px 15px; cursor: pointer;display: flex;align-items: center; } .text-with-side-module .in-page-nav-wrapper .item-circle { height: 42px; display: inline-block; vertical-align: middle; height: 42px; background: #1136A8; border-radius: 100%; height: 9px; width: 9px; align-items: center; margin-top: 6px; right: 11px; left: auto; position: absolute; z-index: 2; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent .iconImg { background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/frame-icon.png); background-size: 100% 100%; background-position: center; height: 38px;width: 38px;} .text-with-side-module .in-page-nav-wrapper .h5 .icon { height: auto; width: auto; display: inline-block; font-size: 1.2rem; transform: rotate(90deg); right: -90px; position: relative; vertical-align: middle; text-align: center; align-items: center; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .text-with-side-module .in-page-nav-wrapper .title { display: inline-block; } .text-with-side-module .in-page-nav-wrapper .topic-container { position: relative; height: auto; width: 100%; display: none;margin-top: -16px;border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: var(--cobalt-dark); } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent .h5 { margin-left: 14px;margin-bottom: 0px; } .text-with-side-module .in-page-nav-wrapper .item-circle:after { position: absolute; width: 1px; height: 21px; left: 4px; top: 7px; content: "";border-radius: 0px 8px 8px 0px; background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/blue-lower-line.png); z-index: -1;background-repeat: no-repeat;} .text-with-side-module .in-page-nav-wrapper .active .item-circle:before,.text-with-side-module .in-page-nav-wrapper .prev .item-circle:before { position: absolute; width: 1px; height: 23px; left: 4px;content: "";border-radius: 0px 8px 8px 0px; background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/yellow-upperline.png); z-index: -1; } .text-with-side-module .in-page-nav-wrapper .active .item-circle:after,.text-with-side-module .in-page-nav-wrapper .prev .item-circle:after { position: absolute; width: 1px; height: 23px; left: 4px; top: 0px; content: "";border-radius: 0px 8px 8px 0px; background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/in-page-navigation/yellow-lower-line.png); z-index: -1; background-size: 100% 100%; } .text-with-side-module .in-page-nav-wrapper{ top: 0%;position: sticky;z-index: 1;} .text-with-side-module .in-page-nav-wrapper .items a.active{background-color: var(--cobalt-light); border-radius: 8px;} .text-with-side-module .in-page-nav-wrapper .items a:hover{background-color: var(--cobalt-prime);border-radius: 8px;} .text-with-side-module .in-page-nav-wrapper .items a.active::before{content:'';position: absolute; width: 8px;height: 100%;background-color: var(--oxide-prime);top: 0;left: -30px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;} .text-with-side-module .in-page-nav-wrapper{display:none;} .text-with-side-module .in-page-nav-wrapper:first-child{display:block;margin-bottom: 40px;margin-top: 20px;} @media only screen and (max-width: 991.98px){ .in-page-nav-wrapper .topic-container { margin-top: 25px; } .text-with-side-module .in-page-nav-wrapper .in-page-navigation-parent .iconImg { height: 30px; width: 30px;} .in-page-nav-wrapper li.items.current:before { left: -15px; } .in-page-nav-wrapper ul.topic-list { padding-bottom: 16px; padding-left: 0; padding-right: 0; margin-bottom: 0px; } .in-page-nav-wrapper .topic-container { margin-top: 25px; } .text-with-side-module .in-page-nav-wrapper{top:10%;} .text-with-side-module .in-page-nav-wrapper:first-child,.text-with-side-module .contact-side-wrapper{margin-bottom: 0px;} .content-module-wrapper {padding-bottom:56px;} } @media only screen and (max-width: 767.98px){ /*.text-with-side-module .in-page-nav-wrapper:first-child {display: none;}*/ .content-module-wrapper {padding-bottom:48px;} /*.text-with-side-module .stikyNva-mobile{display:block;} .text-with-side-module .stikyNva-mobile .in-page-nav-wrapper:first-child{display:block;}*/ } @media(max-width:566.98px){ .sticky-div{ top:50px; transition: top 1s linear; } .sticky-div .in-page-navigation-parent{ min-height:65px; height:65px; } .sticky-above-header{ position:fixed; width:100%; top:56px !important; left:0; right:0; transition: top .5s linear; } .nav-box-fixed{ position:fixed; width:100%; top:0 ; left:0; right:0; transition: top .5s linear; } } }