@charset "utf-8";

:root{ --primary: #3853A2; }

html { scroll-behavior: smooth; }

/*---- Bootstrap 5 ----*/
.w-100{ width: 100%; }
.h-100{ height: 100%; }

.img-fluid { max-width: 100%; height: auto; }
img { vertical-align: middle; border-style: none; max-width: 100%; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }

.d-flex { display: -ms-flexbox !important; display: flex !important; }
.align-items-center { -ms-flex-align: center !important; align-items: center !important; }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }
.justify-content-end { -ms-flex-pack: flex-end !important; justify-content: flex-end !important; }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }

.ml-auto{ margin-left: auto; }
.mx-auto{ margin-left: auto; margin-right: auto; }
.mt-auto{ margin-top: auto; }
.mb-auto{ margin-bottom: auto; }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }
.row > [class*="col-"] { position: relative; /*width: 100%;*/ padding-right: 10px; padding-left: 10px; }

.col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

hr { margin-top: 15px; margin-bottom: 15px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid #c5c6c6; }

.media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ml-2{ margin-left: 20px; }
.mr-2{ margin-right: 20px; }
/*---- Bootstrap 5 End ----*/


body { font-family: 'Montserrat'; font-size: 16px; font-weight: 500; color: #000000; overflow: hidden; overflow-y: auto; line-height: normal; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; line-height: normal; }
*, ::after, ::before { box-sizing: border-box; }
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


.font-26{ font-size: 26px; }
.font-35{ font-size: 35px; }

.light{ font-weight: 300 !important; }
.normal{ font-weight: normal !important; }
.medium{ font-weight: 500 !important; }
.sbold{ font-weight: 600 !important; }
.bold{ font-weight: 700 !important; }
.xbold{ font-weight: 800 !important; }

.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }

a { 
    color: #000000; outline: none; text-decoration: none;
    -webkit-transition: all 300ms ease; -moz-transition: all ease 300ms; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
}
a:hover, a:focus { text-decoration: none; color: #000000; outline: none; }

p { line-height: 1.5; font-size: 16px; padding-bottom: 20px; color: #000000; }
p:last-child { padding-bottom: 0px; }

.btn{ font-family: 'Montserrat'; transition: all 0.3s; }
.btn:focus { box-shadow: none; }

.btn1 {
    background-color: var(--primary); border: 0px; border-radius: 6px; color: #ffffff; font-size: 55px; font-weight: bold; text-decoration: none; padding: 0px 30px; cursor: pointer; 
    min-height: 104px; min-width: 170px; display: inline-flex; align-items: center; justify-content: center; 
}
.btn1:hover, .btn1:focus { background-color: #000000; color: #ffffff; }

.greenBg{ background-color: #56b417 !important; }

.white{ color: #ffffff !important; }
.black{ color: #000000 !important; }
.blue{ color: var(--primary); }

.whiteBg{ background-color: #ffffff; }
.blueBg{ background-color: var(--primary); }
.blackBg{ background-color: #000000; }
.blackgoldBg{ background-color: #494D4D; }


.wrapper { width: 1920px; height: 1080px; margin: 0 auto; position: relative; overflow: hidden; }

.header{ height: 154px; background-color: #f1f1f1; border: solid 1px #838586; border-radius: 0px 0px 8px 8px; padding: 0px 36px; 
    /*display: flex; align-items: center;*/
}

.header-logo{ text-align: center; height: 100%; 
    display: flex; align-items: center; justify-content: center;
}

.header-side{ font-size: 27px; display: flex; align-items: center; height: 100%; }
.header-timebox{ background-color: #ffffff; min-height: 64px; border-radius: 7px; padding: 0px 10px; display: flex; align-items: center; justify-content: center; border: solid 1px #b15052; 
    font-size: 36px; font-weight: bold; min-width: 180px; text-align: center;
}


.data-footer{ 
    background-color: #000000; 
    width: 100%; min-height: 122px; font-size: 48px; color: #ffffff; 
    display: flex; align-items: center; justify-content: center; overflow: hidden;
}

/*---- Marquee ----*/
.marquee { display: flex; overflow: hidden; white-space: nowrap; }
.marquee-item {
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-name: marquee-content;
    animation-timing-function: linear;
    padding: 0px 10px;
}
.marquee:hover .marquee-item {
    animation-play-state: paused;
}

@keyframes marquee-content {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
/*---- Marquee End ----*/


.row-video{ display: flex; height: 804px; padding: 12px 18px; }
.column1-video{ width: 1345px; }
.column1-video img{ width: 100%; height: 100%; object-fit: cover; }
.column2-video{ width: 525px; padding-left: 15px; }

.site_add { width: 1345px; height: 775px; margin: 0 auto; border: 0; display: block; background-color: #000000; }

.data-box1{ background-color: #3a5ea5; border: solid 1px #b15052; color: #ffffff; padding: 25px; height: 498px; display: flex; flex-direction: column; }
.data-box1 h5{ font-size: 50px; font-weight: bold !important; }

.data-box2{ background-color: #000000; color: #ffffff; padding: 35px 25px; height: 260px; margin-top: 17px; text-align: center; }
.data-box2 h5{ font-size: 30px; font-weight: bold !important; padding-bottom: 15px; }
.data-box2 h6{ font-size: 17px; font-weight: bold; }
.time-table{ font-size: 25px; font-weight: normal; line-height: 1.3; padding-bottom: 15px; }
.time-table span{ font-weight: 600; }


/*
.light{ font-weight: 300 !important; }
.normal{ font-weight: normal !important; }
.medium{ font-weight: 500 !important; }
.sbold{ font-weight: 600 !important; }
.bold{ font-weight: bold !important; }
*/