@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Noto Serif Italic';
    src: url('../fonts/NotoSerif-Italic.woff2') format('woff2'),
        url('../fonts/NotoSerif-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Regular.woff2') format('woff2'),
        url('../fonts/NotoSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/notosans-variablefont_wdthwght-webfont.woff2') format('woff2'),
         url('../fonts/notosans-variablefont_wdthwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Noto Sans Italic';
    src: url('../fonts/notosans-italic-variablefont_wdthwght-webfont.woff2') format('woff2'),
         url('../fonts/notosans-italic-variablefont_wdthwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
    --Body: #0a2075;
    --HumanBlue: #6785c1;
    --Blue: #0a2075;
    --DarkBlue: #050f27;
    --SmartNavy: #0f1c50;
    --SmartBlue: #0080b1;
    --DelightfulYellow: #e6b600;
    --DynamicRed: #bc4328;
    --Green: #83b254;
    --Purple: #aa3c80;
    --Gray: #404041;
    --LightGray: #8c91a9;
    --LightBlue: #f0f5ff;
    --background-color: #070f26;
    --SmartNavyHover: rgba(15,28,80,.15);
    --LightBlueHover: rgba(240,245,255,.15);
    --WhiteHover: hsla(0,0%,100%,.15);
    --ButtonRed: var(--DynamicRed);
    --ButtonRedHover: #d55032;
    --HumanBlueLight: rgba(103,133,193,.7);
    --DelightfulYellowLight: rgba(230,182,0,.7);
    --SmartBlueLight: rgba(0,128,177,.7);
    --DynamicRedLight: rgba(188,67,40,.7);
    --GreenLight: rgba(131,178,84,.7);
    --PurpleLight: rgba(170,60,128,.7);
    --form-background-color: #141b31;
    --form-border-color: #e8e8e8;
    --form-hover-border-color: #0072bc;
    --form-option-background-color: #2e404d;
    --button-background-color: transparent;
    --button-border-color: #ffc400;
    --button-color: #fff;
    --button-hover-background-color: transparent;
    --button-hover-border-color: #fff;
    --button-hover-color: #fff;
    --button-primary-background-color: #ffc400;
    --button-primary-border-color: #ffc400;
    --button-primary-color: #070f26;
    --button-primary-hover-background-color: #fff;
    --button-primary-hover-border-color: #fff;
    --button-primary-hover-color: #070f26;
    --button-secondary-background-color: transparent;
    --button-secondary-border-color: #ffc400;
    --button-secondary-color: #fff;
    --button-secondary-hover-background-color: transparent;
    --button-secondary-hover-border-color: #fff;
    --button-secondary-hover-color: #fff;
    --marker-color: #19a3fc;
    --entry-background-color: #141b31;
    --Main-font: 'Noto Sans',Tahoma,sans-serif;
    --Title-font: 'Noto Serif'
}
                                                                                                            
*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    font-family: var(--Main-font);
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

  
@media (min-resolution: 1.25dppx) and (max-resolution: 1.75dppx) {
    html{
        font-size: 14px;
    }
    
}
@media (min-zoom: 125%) and (max-zoom: 175%) {
   
    html{
        font-size: 14px;
    }
}
@media only screen and (min-width:1200px) and (max-width: 1370px) {
    html{
        font-size: 15px;
    }
}
@media (min-resolution: 1.25dppx) {
    html{
        font-size: 14px;
        line-height: 1.5;
    }
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
body {
    font-size: 1rem;
    line-height: 1.7;
    color: #FFFFFF;
    background: #070f26;
    font-family: var(--Main-font);
    font-weight: 300;
}
blockquote, ol, p, table, ul, td {
    font-family: var(--Main-font);
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 0;
}
a {
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.3s;
}

a:hover {
    text-decoration: underline;
}

.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    font-family: "Noto Serif";
    line-height: 1.2;
    margin-bottom: 0;
    font-weight: 400;
}
p {
    font-size: 1rem;
    line-height: 1.7;
    font-family: var(--Main-font);
    margin-bottom: 15px;
    color: #FFFFFF;
    font-weight: 300;
}
ul {
    list-style-type: disc;
    font-size: 1rem;
    line-height: 1.7;
    font-family: var(--Main-font);
    margin-bottom: 15px;
    color: #FFFFFF;
    font-weight: 300;
}

ol {
    list-style-type: decimal;
    font-size: 1rem;
    line-height: 1.5;
    font-family: var(--Main-font);
    margin-bottom: 15px;
    color: #FFFFFF;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}
/* style for button start */
.btn-primary{
    background: var(--button-background-color);
    border: 1px solid var(--button-border-color);
    border-radius: 40px;
    color: var(--button-color);
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    padding: 15px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background .3s ease-in, color .3s ease-in, border-color .3s ease-in;
    transition: background .3s ease-in, color .3s ease-in, border-color .3s ease-in;
    background: var(--button-primary-background-color);
    border-color: var(--button-primary-border-color);
    color: var(--button-primary-color);
    text-decoration: none;
    font-family: var(--Main-font);
    padding-right: 45px;

}
.btn-primary:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23070f26"><path d="M665.08-450H180v-60h485.08L437.23-737.85 480-780l300 300-300 300-42.77-42.15L665.08-450Z"/></svg>');
    speak: none;
    display: inline-block;
    font-family: nttdata-icons;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    position: absolute;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right .3s ease;
    transition: right .3s ease;
    width: 35px;
    height: 23px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus-visible{
    background: var(--button-primary-hover-background-color)!important;
    border-color: var(--button-primary-hover-border-color)!important;
    color: var(--button-primary-hover-color)!important;
    text-decoration: none;
}
.btn-secondary{
    background: var(--button-background-color);
    border: 1px solid var(--button-border-color);
    border-radius: 40px;
    color: var(--button-color);
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    padding: 15px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background .3s ease-in, color .3s ease-in, border-color .3s ease-in;
    transition: background .3s ease-in, color .3s ease-in, border-color .3s ease-in;
    width: 100%;
    padding-right: 45px;
    max-width: fit-content;
}
.btn-secondary.no-icon, .btn-primary.no-icon{
    padding-right: 30px;
}
.btn-secondary:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M665.08-450H180v-60h485.08L437.23-737.85 480-780l300 300-300 300-42.77-42.15L665.08-450Z"/></svg>');
    speak: none;
    display: inline-block;
    font-family: nttdata-icons;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    position: absolute;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right .3s ease;
    transition: right .3s ease;
    width: 35px;
    height: 23px;
}
.btn-secondary.no-icon::after, .btn-primary.no-icon::after{
    display: none;
}
.btn-secondary:hover{
    background: var(--button-secondary-hover-background-color);
    border-color: var(--button-secondary-hover-border-color);
    color: var(--button-secondary-hover-color);
    text-decoration: none;
}
@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width: 1015px;
    }
}
@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1115px
    }
}
.sec-space{
    margin: 60px 0px;
}
.sec-space-inside{
    padding: 60px 0px;
}
.title{
    font-family: var(--Title-font);
    font-size: 2.2rem;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 1.5;
    color: #FFFFFF;
    font-weight: 400;
}
.sub-title{
    font-family: var(--Title-font);
    font-size: 1.6rem;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 1.5;
    color: #FFFFFF;
    font-weight: 400;
}
.white-text{
    color: #FFFFFF;
}
.ntt-list{
    list-style: none;
    padding-left: 0px;
}
.ntt-list li{
    position: relative;
    padding-left: 20px;
}
.ntt-list li::before{
    background: var(--marker-color);
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    width: 8px;
    height: 8px;
}
.ntt-list li+li {
    margin-top: .6em;
}
@media (min-width: 0px) and (max-width: 767px) {
    .title{
        font-size: 1.5rem;
    }
    .sub-title{
        font-size: 1.2rem;
    }
}
.ntt-breadcrumb{
    margin: 20px 0px;
}
.ntt-breadcrumb-list{
    display: flex;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
.ntt-breadcrumb-list li{
    display: inline-block;
    margin-right: 10px;
    position: relative;
    padding-right: 20px;
}
.ntt-breadcrumb-list li:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="m535.85-480-189-189L384-706.15 610.15-480 384-253.85 346.85-291l189-189Z"/></svg>');
    font-size: 9px;
    position: absolute;
    right: 0rem;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ntt-breadcrumb-list li:last-child::after{
    display: none;
}
.ntt-breadcrumb-list li a, .ntt-breadcrumb-list li span{
    color: #FFFFFF;
    font-size: 0.9rem;
    line-height: 1.5;
}
.ntt-breadcrumb-list li a:hover{
    text-decoration: underline;
}