.con-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;font-weight:300;margin-left:9.45%;border:1.75px solid #0000ee;margin-bottom:5%;background:#0000ee;text-transform:uppercase;color:#fff;padding:21.75px 30.75px;border-radius:12px;box-shadow:0 9px 15.75px rgba(0,0,0,.1);text-decoration:none;font-size:1.21rem;transition:all .3s ease}
.con-button i{font-size:1.21rem}
.con-button:hover{background:transparent;box-shadow:0 9px 15.75px rgba(0,0,0,.3)}
h6{padding:55px 9%;color:#fff;font-size:3rem;font-weight:400;margin:0 auto;background-size:55px 55px;background-image:repeating-linear-gradient(180deg,#000055 0 1.75px,transparent 1.75px 55%);background-position:0 0,0 0}
@media (max-width:375px){h6{font-size:1.21rem}}
@media (max-width:415px){h6{font-size:1.75rem}}
@media (min-width:416px) and (max-width:515px){h6{font-size:2.15rem}}
@media (min-width:516px){h6{font-size:3rem}}
.content-section{display:flex;flex-wrap:wrap;background:#000055;overflow:hidden;position:relative;margin:1.45em 0;height:55.75%}
.image-container{flex:1 1 45%;position:relative;overflow:hidden}
.image-container img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.text-content{flex:1 1 55%;padding:45px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.text-content p{font-size:1.05rem;color:#fff;margin-bottom:15px}
@media (max-width:745px){.content-section{flex-direction:column;min-height:auto}.image-container,.text-content{flex-basis:100%;min-width:unset}.image-container::after{background:none!important}}
@media (max-width:475px){.text-content{padding:21px}.text-content p{font-size:1rem}}
.api-grid-container,.api-grid-container *{box-sizing:border-box}
.api-grid-container{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:30px;padding:45px;margin:0 auto;border-radius:1.75px solid #000055}
.api-grid-container .subitem-card{width:auto;margin:0;border-radius:12px;padding:30px;border:1.75px solid #000055;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}
.api-grid-container h3{color:#fff;font-size:1.45em;margin:0 0 12px 0;font-weight:500;border-bottom:1.75px solid #000055;padding-bottom:12px}
.api-grid-container p{font-size:1em;font-weight:300;line-height:1.45;color:#fff;padding-left:15.75px;border-left:3px solid #0000ee}
@media (min-width:575px){.api-grid-container{grid-template-columns:1fr 1fr}}
@media (min-width:999px){.api-grid-container{grid-template-columns:repeat(3,1fr);gap:30px}}
.i-info{text-align:center;justify-content:center;padding:75px;border-top:1.75px solid #000055;border-bottom:1.75px solid #000055}
.toc-container{padding:75px}
.toc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:15px;margin-bottom:45px}
.toc-card{background:linear-gradient(45deg,#151515,rgba(0,0,0,.75));padding:12px 21px;font-weight:300;color:#fff;font-size:1em;border-left:3px solid #0000ee;transition:all .3s ease;display:flex;align-items:center}
.highlight{font-weight:300;color:#0000ee;padding:3px}
.breadcrumb{font-size:15.75px;margin-left:30px;margin-top:21px}
.breadcrumb ol{list-style:none;display:flex;padding:0;margin:0;font-weight:300}
.breadcrumb li+li::before{content:"/";margin:0 9px;color:#fff}
.breadcrumb a{color:#fff;text-decoration:none;transition:color .2s ease}
.breadcrumb a:hover{color:#0000ee}