| html { |
| position: relative; |
| height: 100%; |
| scroll-behavior: smooth; |
| } |
| body{ |
| font-family: 'Raleway', sans-serif; |
| overflow-x: hidden; |
| padding: 0px; |
| margin: 0px; |
| background-color: #FCFEFF ; |
| overflow-x: hidden; |
| font-size: 15px; |
| color: #6C7B81; |
| font-weight: 400; |
| } |
| .medium{ |
| font-weight: 500; |
| } |
| .semo-bold{ |
| font-weight: 600; |
| } |
| .bold{ |
| font-weight: 700; |
| } |
| .ft-17{ |
| font-size: 17px; |
| } |
| .ft-25{ |
| font-size: 25px; |
| } |
| .ft-18{ |
| font-size: 18px; |
| } |
| .ft-30{ |
| font-size: 30px; |
| } |
| .ft-40{ |
| font-size: 40px; |
| } |
| .black{ |
| color: #2B363A; |
| } |
| .text-blue{ |
| color: #147AA4; |
| } |
| .text-orange{ |
| color: #f08d49; |
| } |
| .hover-op-low li{ |
| transition: all 0.2s ease-in-out; |
| } |
| .hover-op-low li:hover{ |
| opacity: 0.8; |
| } |
| a, a:hover{ |
| color: inherit; |
| text-decoration: none; |
| } |
| /* header */ |
| .header{ |
| width: 100%; |
| z-index: 99; |
| position: fixed; |
| left: 0; |
| top: 6px; |
| width: 100%; |
| } |
| .sticky-bar { |
| left: 0; |
| margin: auto; |
| position: fixed; |
| top: 0; |
| width: 100%; |
| z-index: 99; |
| -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; |
| animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; |
| -webkit-box-shadow: 0 5px 15px rgba(25, 25, 25, 0.1); |
| background: #f4f8fb; |
| } |
| .nav-link { |
| padding: 1rem 1.3rem !important; |
| color: #6c7b81; |
| } |
| .nav-link:focus, .nav-link:hover { |
| color: #147AA4; |
| } |
| /* footer */ |
| .secondry-footer{ |
| padding: 12px 0px; |
| text-align: center; |
| } |
| .primary-footer{ |
| background: #255264 0% 0% no-repeat padding-box; |
| color: #FCFEFF; |
| } |
| .sec-pad{ |
| padding: 4rem 0rem; |
| } |
| .ft-links { |
| padding: 0rem 3rem; |
| } |
| .ft-links li{ |
| margin-bottom: 10px; |
| } |
| |
| /* join us */ |
| .join-us{ |
| background-image: url(../img/footer-bg.png); |
| background-size: cover; |
| background-position: center; |
| width: 100%; |
| } |
| .ju-box{ |
| margin-top: 5rem; |
| background: #fcfeffc7 0% 0% no-repeat padding-box; |
| box-shadow: 5px 0px 10px #0000000F; |
| border: 1px solid #AAAAAA; |
| border-radius: 10px 10px 0px 0px; |
| opacity: 0.85; |
| backdrop-filter: blur(30px); |
| -webkit-backdrop-filter: blur(30px); |
| padding: 50px 30px; |
| text-align: center; |
| } |
| |
| /* content */ |
| .uc-box{ |
| background: #FCFEFF 0% 0% no-repeat padding-box; |
| box-shadow: 0px 3px 15px #00000017; |
| border: 1px solid #EBEBEB; |
| padding: 30px 20px; |
| text-align: center; |
| margin-bottom: 30px; |
| transition: all 0.2s ease-in-out; |
| } |
| .uc-box:hover{ |
| border-color: #147aa442; |
| } |
| .uc-box p{ |
| min-height: 68px; |
| } |
| .use-case-page-pl-3{ |
| padding-left: 3rem; |
| } |
| .hero-inner { |
| padding-top: 82.5px !important; |
| } |
| .accordion-item{ |
| background: #ffffff 0% 0% no-repeat padding-box; |
| box-shadow: 0px 3px 15px #00000017; |
| border: 1px solid #E6E6E6; |
| border-radius: 10px; |
| overflow: hidden; |
| margin-bottom: 20px; |
| } |
| .accordion-item:not(:first-of-type) { |
| border: 1px solid #E6E6E6; |
| } |
| .accordion-button:focus { |
| z-index: 3; |
| border-color: #86b7fe; |
| outline: 0; |
| box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%); |
| } |
| .accordion-button:not(.collapsed) { |
| color: #0c63e4; |
| background-color: #e7f1ff00; |
| box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%); |
| color: #2B363A; |
| } |
| .accordion-button { |
| position: relative; |
| display: flex; |
| color: #2B363A; |
| align-items: center; |
| width: 100%; |
| padding: 1rem 1.25rem; |
| font-size: 1rem; |
| color: #212529; |
| text-align: left; |
| background-color: #fff; |
| border: 0; |
| border-radius: 0; |
| overflow-anchor: none; |
| font-weight: 700; |
| transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; |
| } |
| .accordion-item:first-of-type .accordion-button { |
| border-top-left-radius: 10px; |
| border-top-right-radius: 10px; |
| } |
| .accordion-item:first-of-type { |
| border-top-left-radius: 10px; |
| border-top-right-radius: 10px; |
| } |
| .accordion-item:last-of-type .accordion-button.collapsed { |
| border-bottom-right-radius: 10px; |
| border-bottom-left-radius: 10px; |
| } |
| .accordion-item:last-of-type { |
| border-bottom-right-radius: 10px; |
| border-bottom-left-radius: 10px; |
| } |
| .code-box{ |
| background: #203C47 0% 0% no-repeat padding-box; |
| border-radius: 15px; |
| padding: 20px; |
| margin-bottom: 10px; |
| text-align: left; |
| } |
| .comment-text{ |
| color: #979797; |
| } |
| .text-purpal{ |
| color: #A830C5; |
| } |
| .accordion-body { |
| padding: 1rem 2.25rem; |
| } |
| .ul-li-mb li{ |
| margin-bottom: 8px; |
| } |
| .btn-theme{ |
| background: #40C3D8 0% 0% no-repeat padding-box; |
| box-shadow: 0px 3px 15px #40C3D840; |
| border-radius: 7px; |
| color: #FCFEFF; |
| padding: 8px; |
| font-size: 15px; |
| } |
| .btn-theme:hover{ |
| color: #fff; |
| opacity: 0.9; |
| } |
| .form-select:focus { |
| border-color: #86b7fe; |
| outline: 0; |
| box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%); |
| } |
| .form-select{ |
| width: auto; |
| font-size: 14px; |
| display: inline-block; |
| /* padding: 5px; */ |
| padding: 0.2rem 2.25rem 0.2rem 0.35rem; |
| } |
| .info-box{ |
| background: #D3E7EF 0% 0% no-repeat padding-box; |
| border-radius: 29px; |
| padding: 40px 35px; |
| } |
| |
| table { |
| border-collapse: collapse; |
| margin: 0; |
| padding: 0; |
| width: 100%; |
| table-layout: fixed; |
| } |
| |
| table caption { |
| font-size: 1.5em; |
| margin: .5em 0 .75em; |
| } |
| |
| table tr { |
| background-color: #fcfeff; |
| padding: 0.35em; |
| } |
| table tr td{ |
| border-bottom: 1px solid #ccc3; |
| } |
| table th, table td { |
| padding: 19px 29px; |
| text-align: left; |
| } |
| |
| table th { |
| |
| } |
| |
| @media screen and (max-width: 600px) { |
| table { |
| border: 0; |
| } |
| |
| table caption { |
| font-size: 1.3em; |
| } |
| |
| table thead { |
| border: none; |
| clip: rect(0 0 0 0); |
| height: 1px; |
| margin: -1px; |
| overflow: hidden; |
| padding: 0; |
| position: absolute; |
| width: 1px; |
| } |
| |
| table tr { |
| border-bottom: 3px solid #ddd; |
| display: block; |
| margin-bottom: .625em; |
| } |
| |
| table td { |
| border-bottom: 1px solid #ddd; |
| display: block; |
| font-size: .8em; |
| text-align: right; |
| } |
| |
| table td::before { |
| /* |
| * aria-label has no advantage, it won't be read inside a table |
| content: attr(aria-label); |
| */ |
| content: attr(data-label); |
| float: left; |
| font-weight: bold; |
| text-transform: uppercase; |
| } |
| |
| table td:last-child { |
| border-bottom: 0; |
| } |
| } |
| table tr th{ |
| background: #D3E7EF 0% 0% no-repeat padding-box; |
| } |
| table tr th.left-radius{ |
| border-top-left-radius: 5px; |
| border-bottom-left-radius: 5px; |
| } |
| table tr th.right-radius{ |
| border-top-right-radius: 5px; |
| border-bottom-right-radius: 5px; |
| } |
| .code-box1{ |
| text-align: left; |
| border: 1px solid #D4D4D4; |
| border-radius: 5px; |
| padding: 17px 21px; |
| background-color: #fff; |
| } |
| .info-table-th{ |
| width: 50%; |
| } |
| .dark-bg{ |
| background: #255264 0% 0% no-repeat padding-box; |
| } |
| .carousel-indicators [data-bs-target] { |
| text-indent: inherit; |
| } |
| .carousel-indicators [data-bs-target] { |
| box-sizing: content-box; |
| flex: 0 1 auto; |
| width: 30px; |
| height: 30px; |
| padding: 0; |
| margin-right: 3px; |
| margin-left: 3px; |
| cursor: pointer; |
| background-color: #fff0; |
| background-clip: padding-box; |
| border: 0; |
| border-top: 0px solid transparent; |
| border-bottom: 0px solid transparent; |
| opacity: 1; |
| transition: opacity .6s ease; |
| color: #FCFEFF; |
| } |
| .carousel-indicators button:hover{ |
| opacity: 0.6; |
| } |
| .carousel-indicators button.active{ |
| background-color: #203C47; |
| border-radius: 50px; |
| } |
| .op-7{ |
| opacity: 0.7; |
| } |
| .carousel-indicators { |
| position: initial; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| z-index: 2; |
| display: flex; |
| justify-content: center; |
| padding: 0; |
| margin-right: 15%; |
| margin-bottom: 0rem; |
| margin-left: 15%; |
| list-style: none; |
| } |
| .text-success{ |
| color: #30C56C !important; |
| } |
| .code-box .text-blue{color: #308EC5;} |
| .rr-box{ |
| margin-bottom: 30px; |
| background: #FCFEFF 0% 0% no-repeat padding-box; |
| box-shadow: 0px 3px 15px #00000017; |
| } |
| .rr-box-body{ |
| padding: 15px; |
| min-height: 75px; |
| } |
| .cust-tab{ |
| background: #FCFEFF 0% 0% no-repeat padding-box; |
| box-shadow: 0px 3px 15px #00000017; |
| } |
| .tab-content{ |
| padding: 40px; |
| } |
| .nav-pills .nav-link.active, .nav-pills .show>.nav-link { |
| color: #fff; |
| background-color: #0d6efd; |
| background: #255264 0% 0% no-repeat padding-box; |
| } |
| .nav-pills .nav-link { |
| background: 0 0; |
| border: 0; |
| border-radius: 0rem; |
| } |
| .nav-fill .nav-item, .nav-fill>.nav-link { |
| flex: 1 1 auto; |
| text-align: center; |
| background: #FCFEFF 0% 0% no-repeat padding-box; |
| box-shadow: 0px 3px 6px #00000029; |
| } |
| .com-box{ |
| background: #FCFEFF 0% 0% no-repeat padding-box; |
| box-shadow: 0px 3px 15px #00000017; |
| padding: 20px; |
| min-height: 183px; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| text-align: center; |
| margin-bottom: 20px; |
| } |
| .dd-box{ |
| background: #FCFEFF 0% 0% no-repeat padding-box; |
| box-shadow: 0px 10px 10px #1E4C5E14; |
| border-radius: 10px; |
| padding: 30px; |
| } |
| .btn-cust{ |
| padding: 12px 15px; |
| } |
| .overlap-sec{ |
| margin-top: -119px; |
| padding-top: 8rem !important; |
| } |
| .sec-top-pad-eight{ |
| padding-top: 2rem; |
| } |
| .hero-img{ |
| background-image: url('../img/hero-img.png'); |
| background-size: cover; |
| background-position: bottom center; |
| padding: 10rem 0rem 20rem; |
| } |
| .tinkerpop-splash{ |
| margin-top: -20rem; |
| } |
| .dropdown-menu{ |
| background: #FCFEFF 0% 0% no-repeat padding-box; |
| box-shadow: 0px 3px 15px #00000017; |
| border: 0px; |
| font-size: 15px; |
| } |
| .dropdown-divider { |
| height: 0; |
| margin: 0.5rem 0; |
| overflow: hidden; |
| border-top: 1px solid rgb(253 253 253 / 73%); |
| } |
| .nav-icon { |
| width: 24px; |
| height: 24px; |
| margin-right: 5px; |
| } |
| .btn-check:focus+.btn, .btn:focus { |
| outline: 0; |
| box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%); |
| } |
| .modal-header { |
| display: flex; |
| flex-shrink: 0; |
| align-items: center; |
| justify-content: end; |
| padding: 0rem 1rem; |
| border-bottom: 0px solid #dee2e6; |
| border-top-left-radius: calc(0.3rem - 1px); |
| border-top-right-radius: calc(0.3rem - 1px); |
| } |
| .close{ |
| border: 0px; |
| background-color: #2b363a; |
| border-radius: 50px; |
| color: #fff; |
| font-size: 37px; |
| width: 30px; |
| height: 30px; |
| display: flex; |
| justify-content: center; |
| align-items: center; |
| padding: 0px; |
| line-height: 0px; |
| position: absolute; |
| right: 11px; |
| top: 10px; |
| z-index: 99; |
| |
| } |
| .close span{ |
| margin-top: -6px; |
| margin-left: 1px; |
| } |