body {
    height: 100%;
}

@font-face {
    font-family: SF-Pro-Text-Black;
    src: url("../fonts/SF-Pro-Text-Black.otf");
}

@font-face {
    font-family: SF-Pro-Text-BlackItalic;
    src: url("../fonts/SF-Pro-Text-BlackItalic.otf");
}

@font-face {
    font-family: SF-Pro-Text-Bold;
    src: url("../fonts/SF-Pro-Text-Bold.otf");
}

@font-face {
    font-family: SF-Pro-Text-BoldItalic;
    src: url("../fonts/SF-Pro-Text-BoldItalic.otf");
}

@font-face {
    font-family: SF-Pro-Text-Thin;
    src: url("../fonts/SF-Pro-Text-Thin.otf");
}

@font-face {
    font-family: SF-Pro-Text-ThinItalic;
    src: url("../fonts/SF-Pro-Text-ThinItalic.otf");
}

@font-face {
    font-family: SF-Pro-Text-Heavy;
    src: url("../fonts/SF-Pro-Text-Heavy.otf");
}

@font-face {
    font-family: SF-Pro-Text-HeavyItalic;
    src: url("../fonts/SF-Pro-Text-HeavyItalic.otf");
}

@font-face {
    font-family: SF-Pro-Text-Light;
    src: url("../fonts/SF-Pro-Text-Light.otf");
}

@font-face {
    font-family: SF-Pro-Text-LightItalic;
    src: url("../fonts/SF-Pro-Text-LightItalic.otf");
}

@font-face {
    font-family: SF-Pro-Text-Medium;
    src: url("../fonts/SF-Pro-Text-Medium.otf");
}

@font-face {
    font-family: SF-Pro-Text-MediumItalic;
    src: url("../fonts/SF-Pro-Text-MediumItalic.otf");
}

@font-face {
    font-family: SF-Pro-Text-Ultralight;
    src: url("../fonts/SF-Pro-Text-Ultralight.otf");
}

@font-face {
    font-family: SF-Pro-Text-UltralightItalic;
    src: url("../fonts/SF-Pro-Text-UltralightItalic.otf");
}

@font-face {
    font-family: SF-Pro-Text-Semibold;
    src: url("../fonts/SF-Pro-Text-Semibold.otf");
}

@font-face {
    font-family: SF-Pro-Text-SemiboldItalic;
    src: url("../fonts/SF-Pro-Text-SemiboldItalic.otf");
}

@font-face {
    font-family: SF-Pro-Text-Regular;
    src: url("../fonts/SF-Pro-Text-Regular.otf");
}

@font-face {
    font-family: SF-Pro-Text-RegularItalic;
    src: url("../fonts/SF-Pro-Text-RegularItalic.otf");
}

:root {
    --Color__Gray__50: #fafafa;
    --Color__Gray__950: #0a0a0a;
    --Color__Gray__800: #262626;
    --Color__Gray__600: #525252;
    --Color__Gray__400: #a3a3a3;
    --Color__Gray__200: #e5e5e5;
    --Color__Gray__100: #f5f5f5;
    --Color__Brand__700: #275e51;
    --Color__Base__White: #ffffff;
    --Color__Brand__50: #f3faf7;
    --Color__Brand__950: #0e2520;
    --Color__Brand__300: #7fc9b2;
    --Color__Brand__500: #3f9d84;
    --Color__Brand__100: #d7f0e7;
    --Color__Gray__900: #171717;
    --Color__Brand__400: #54ad94;
    --Color__Brand__900: #214039;
    --Color__Brand__200: #afe0cf;
    --Color__Gray__700: #404040;
    --Color__Gray__500: #737373;
    --Color__Gray__300: #d4d4d4;
    --Color__Base__Black: #000000;
    --Color__Brand__800: #234c43;
    --Color__Brand__600Base: #2d7463;
    --Color__Error__950: #450a0a;
    --Color__Error__900: #7f1d1d;
    --Color__Error__800: #991b1b;
    --Color__Error__700: #b91c1c;
    --Color__Error__600: #dc2626;
    --Color__Error__500: #ef4444;
    --Color__Error__400: #f87171;
    --Color__Error__300: #fca5a5;
    --Color__Error__200: #fecaca;
    --Color__Error__100: #fee2e2;
    --Color__Error__50: #fef2f2;
    --Color__Warning__950: #451a03;
    --Color__Warning__900: #78350f;
    --Color__Warning__800: #92400e;
    --Color__Warning__700: #b45309;
    --Color__Warning__600: #d97706;
    --Color__Warning__500: #f59e0b;
    --Color__Warning__400: #fbbf24;
    --Color__Warning__300: #fcd34d;
    --Color__Warning__200: #fde68a;
    --Color__Warning__100: #fef3c7;
    --Color__Warning__50: #fffbeb;
    --Color__Success__950: #052e16;
    --Color__Success__900: #14532d;
    --Color__Success__800: #166534;
    --Color__Success__700: #15803d;
    --Color__Success__600: #16a34a;
    --Color__Success__500: #22c55e;
    --Color__Success__400: #4ade80;
    --Color__Success__300: #86efac;
    --Color__Success__200: #bbf7d0;
    --Color__Success__100: #dcfce7;
    --Color__Success__50: #f0fdf4;
}

div {
    color: var(--Color__Gray__600);
}

.navColor {
}

.menu_active {
    color: var(--Color__Gray__900) !important;
}

.home_welcome_title {

    /* Display xl/Medium */
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    line-height: 72px;
    font-size: calc(1em + 3vw);
    background: linear-gradient(90.94deg, #0A0A0A 9.64%, #3F9D84 85.58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    padding: 10px;
}

.home_welcome_text {
    font-family: 'SF Pro Display';
    font-style: normal;
    color: var(--Color__Gray__800);
    font-size: calc(1em + 0.3vw);
}

.home_box {

    background-image: url("../images/6d1.png");
    background-repeat: no-repeat;
    background-position: right;
    text-align: center;
    border: 1px solid var(--Color__Gray__200);
}

.home_tab {
    text-decoration: none;
    color: var(--Color__Gray__700);
}

.home_tab:hover {
    text-decoration: none;
    color: var(--Color__Brand__600Base);

}

.div_link {
    text-decoration: none;
    color: var(--Color__Gray__700);
}

.div_link:hover {
    text-decoration: none;
    color: var(--Color__Brand__500);
    border-bottom: var(--Color__Brand__500) solid 2px;
}

.div_link_active {
    text-decoration: none;
    color: var(--Color__Brand__500);
    border-bottom: var(--Color__Brand__500) solid 2px;
}

.dropdownx {
    position: relative;
    left: 50px;
    top: 50px;
}

.op_link {
    text-decoration: none;
    color: var(--Color__Gray__600)
}

.op_link:hover {
    text-decoration: none;
    color: var(--Color__Gray__900)
}

.drop_check {
    accent-color: var(--Color__Brand__600Base);
    margin-left: 5px;
    margin-right: 3px;
}

.search_icon {
    color: var(--Color__Gray__500)
}

.mybtn {
    background: var(--Color__Brand__600Base);
    border-radius: 8px;
    color: white;
}

.mybtn:hover {
    background: var(--Color__Brand__800);
    color: white;
}

dropdown-text_1, dropdown-text_2, dropdown-text_3, dropdown-text_4, dropdown-text_5 {
    color: var(--Color__Gray__500)
}

.myfooter {
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.dropdown {
    border: var(--Color__Gray__300) 1px solid;
    border-radius: 4px;
}

.dropdown:hover {
    border: var(--Color__Gray__300) 1px solid;
    border-radius: 4px;
}

.navbar-toggler:focus {
    outline: none !important;
    box-shadow: none;
}

input:focus, button:focus {
    outline: none !important;
    box-shadow: none !important;

}

.form-control:focus {

    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(206, 212, 218);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(206, 212, 218);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(206, 212, 218);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(206, 212, 218);
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
}

.dropdown-menu {
    width: 100%;
}

.boxes_link {
    text-decoration: none;
    color: var(--Color__Gray__600);
}

.boxes_link:hover {
    text-decoration: none;
    color: var(--Color__Gray__700);
}

.my_out_btn {
    border: 1px solid;
    background-color: white;
    cursor: pointer;
    border-color: var(--Color__Brand__300);
    color: var(--Color__Brand__600Base);
    border-radius: 8px;
    font-family: SF-Pro-Text-Medium;
}

.my_out_btn:hover {

    color: var(--Color__Brand__800);

}

.my_badge {
    display: inline-block;
    font-size: 10px;
    padding: 5px 20px;
    border: 1px solid var(--Color__Brand__300);
    min-width: 10px;
    line-height: 1;
    color: var(--Color__Brand__600Base);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 99999px;
    background-color: transparent;
}

.data_box {
    text-align: center;
    border: 2px solid var(--Color__Gray__200);
    border-radius: 7px;
}
.data_box_back {


}

.data_title {
    /* Display xl/Medium */
    font-family: 'SF-Pro-Text-Medium';
    font-style: normal;
    font-weight: 500;
    line-height: 72px;
    font-size: calc(3.7vw);
    background: linear-gradient(90deg, var(--Color__Gray__800), var(--Color__Brand__400));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.data_text_1 {
    font-family: SF-Pro-Text-Regular;
    color: var(--Color__Gray__800);
}

.data-bw-box {
    border: 2px solid var(--Color__Gray__200);
    border-radius: 7px;
    padding: 0;
}

.btn_dw {
    border: 1px solid;
    background-color: white;
    cursor: pointer;
    border-color: var(--Color__Gray__300);
    color: var(--Color__Gray__600);
    border-radius: 6px;
    font-family: SF-Pro-Text-Medium;
    padding: 5px;
    max-height: 35px;
}

.dw_up_box {
    border: 1px solid var(--Color__Gray__800);
    background: var(--Color__Gray__800);
    border-radius: 7px 7px 0px 0px;
    color: white;
}

.dw_down_box {
    border: 1px solid var(--Color__Gray__950);
    background: var(--Color__Gray__950);
    border-radius: 0px 0px 7px 7px;
    color: white;
}

#copyer {
    color: var(--Color__Gray__400);
    text-decoration: none
}

#copyer:hover {
    color: white;
    text-decoration: none
}

.browse_box {
    background-color: var(--Color__Gray__300);
    border-radius: 5px;
    color: var(--Color__Gray__800);
}

.about_title {
    text-align: center;
    vertical-align: top;
    border: 2px solid var(--Color__Gray__200);
    border-radius: 7px;
    padding: 10px;
}
.linkdw
{
    color: var(--Color__Brand__600Base);
    text-decoration: underline;
}
.linkdw:hover
{
    color: var(--Color__Brand__800);
    text-decoration: underline;
}
.contact_title {
    /* Display xl/Medium */
    font-family: 'SF-Pro-Text-Medium';
    font-style: normal;
    font-weight: 500;
    line-height: 72px;
    font-size: calc(1em + 3vw);
    background: linear-gradient(90deg, var(--Color__Gray__800), var(--Color__Brand__400));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.contact_link
{
    color:var(--Color__Brand__600Base);
    text-decoration: underline;
}

.contact_link:hover
{
    color:var(--Color__Brand__800);
    text-decoration: underline;
}
.contact_box
{
    border: 1px solid var(--Color__Gray__300);
    border-radius: 3px;
}
.contact_no_underline
{
    color:var(--Color__Brand__600Base);
    text-decoration: none;
}

.contact_link_underline_black
{
    color:var(--Color__Gray__800);
    text-decoration: underline;
}
.contact_link_underline_black:hover
{
    color:var(--Color__Gray__950);
    text-decoration: underline;
}
.contact_link_underline
{
    color:var(--Color__Brand__600Base);
    text-decoration: underline;
}
.contact_link_underline:hover
{
    color:var(--Color__Brand__800);
    text-decoration: underline;
}
.contact_frame
{
    border: 1px solid var(--Color__Gray__300);
    border-radius: 3px;
}
.contact_frame_back
{
    background-image: url('../images/pres.png') ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;

}

@media only screen and (max-width: 576px) {
    .about_title {

        padding: 0;
        margin: 0;
    }

}

@media only screen and (max-width: 769px) and (min-height: 576.1px){
    .about_title {
        padding: 0;
        margin: 0;
    }

}
@media only screen and (max-width: 992px) and (min-height: 769.1px) {
    .about_title {
        padding: 0;
        margin: 0;
    }

}
@media only screen and (max-width: 1200px)  and (min-height: 992.1px){

}
.amore
{
    color:var(--Color__Brand__600Base);
    text-decoration: none;
}
.amore:hover
{
    color:var(--Color__Brand__800);
    text-decoration: none;
}