@charset "utf-8";

@font-face {
    font-family: FC iconic;
    src: url("../fonts/FCIconicRegular.woff2") ;
}

body,
html {
    font-family: FC iconic !important;
    height: 100%;
    font-size  : 18px !important;
    font-weight: normal;
    /* letter-spacing: 1.3px; */
    overflow-x: hidden !important; /* Hide horizontal scrollbar */
    overflow-y: scroll !important; /* Add vertical scrollbar */
    
}

.dropdown-menu {
    border: none !important;
}

.top{
   color: #666666 !important}


.effhvr:hover{
    background-color: #f2f2f2 !important;

}


.dropdown-menu {
    border: none;
    border-radius: 0;
    margin-top: 15px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    width: auto;
    min-width: auto;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}

.btn-toggle {
    display: inline-flex;
    align-items: center;
}

.btn-toggle .chevron {
    transition: transform .35s ease;
    margin-left: 0.5em; /* Adjust space between text and icon */
    transform-origin: center;
    transform: rotate(270deg);

}

.btn-toggle[aria-expanded="true"] .chevron {
    transform: rotate(360deg);
}

.dropdown-toggle {
    color: #666666 !important;
}

.dropdown-toggle::after {
    display: none !important;
}

#navbarDropdownMenuLink.dropdown-toggle::after{
    display: none;
    /*display: inline-block !important;*/
    color: #666 !important;
    border-right: .25em solid transparent;
    border-left: .25em solid transparent;
}
.underlineitem{
    display: inline-block;
    position: relative;
    color: #222222;
  }
  
  .underlineitem::after{
    content: '';
    position: absolute;
    width: 102%;
    transform: scaleX(0);
    height: 2px;
    bottom: -1;
    left: 0;
    background-color: #656565;
    transform-origin: center;
    transition: transform 0.35s ease-out;
  }
  
  .underlineitem:hover::after{
    transform: scaleX(1);
    transform-origin: center;
  }
  

a.dropdown-item{
    font-size: 18px;
    color: #222222 !important;
}

a.dropdown-item:hover{
    color: #222222 !important;
}


a.dropdown-item:hover,.collapse .dropdown-item:hover{
    background-color: transparent;
    color: #222222 !important;
    box-shadow: none !important;
}

.nav-link{
    font-size: 18px;;
}

.nav-link.dropdown-toggle {

    color: #222222 !important;
}

.nav-link {

    color: #222222 !important;
}

.navbar-toggler-icon {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


.bg-main{
    background-color: #00af66 !important;
}

h1 {
    padding-top: 1rem !important;
    font-size: 2.3rem !important;
}

h2 {
    padding-top: 1rem !important;
    font-size: 2.5rem !important;
}

h3 {
    padding-top: 1rem !important;
    font-size: 1.75rem !important;
}

h4 {
    padding-top: 1rem !important;
    font-size: 1rem !important;
}

b {
    /* padding-top: 11px; */
    font-weight: bold !important;
}

th.dt-center,
td.dt-center {
    text-align: center;
    font-size: 16px !important;
}


.card_m {
    margin-top: 90px;
    margin-left: 5px;
}

.resize {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.resize_logo {
    height: 55%;
    width: 25%;
    object-fit: contain
}

.resize_icon {
    height: 55%;
    width: 34%;
    object-fit: contain
}

.resize_iconp {
    height: 55%;
    width: 25%;
    object-fit: contain
}

label {

    display: inline !important;
}

.text_black {
    color: black !important;
}

.card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#btn_shop {

    color: #fff !important;
    background-color: #d69b99 !important;
}

.form-control {

    font-size: 0.95rem !important;
    color: #212121 !important;
}

.form-control-custom {
    margin-bottom: 0.5rem !important;
}


.required {
    color: rgb(247, 16, 16) !important;
}

.bg-image {
    /* background-color: #2E5238; */
    background-image: url("../images/background.png");
    background-position: right !important;
    width: 100% !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.rounded-custom {
    border-radius: 21rem !important;
}

.rounded-card {
    border-radius: 10px !important;
}

.caption {
    color: #73a1d5 !important;
    /* #9E98A8 */
    font-weight: bold;
    padding-top: 15px;
    /* font-size: 100% !important; */
}

.figure-caption {
    color: #73a1d5 !important;
    /* #9E98A8 */
    font-weight: bold;
    padding-top: 15px;
    /* font-size: 100% !important; */
}

.figure-caption-lo {
    color: #73a1d5;
    font-weight: bold;
    padding-top: 20px;
    /* font-size: 40px !important; */
    /* font-size: 100% !important; */
}

.text-fa {
    color: #ffffff !important;
}
 
.text-green {
    color: #446431 !important;
}

.text-purple {
    color: #c4befa !important;
}
 

.btn {
    margin: .375rem !important;
    font-size: 0.95rem !important;
    white-space: nowrap !important;
}

.btn-image {
    max-width: 35% !important;
}

.btn-line {
    max-width: 30% !important;
}

.btn-image:hover,
.btn-line:hover {
    background-color: #c4c4c4
}

.btn-image:active,
.btn-line:active {
    background-color: #c4c4c4;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

.btn-floating-custom {
    position: relative !important;
    padding: 0 !important;
    margin: 0px 0px !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    border-radius: 50% !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    transition: all .2s ease-in-out !important;
}

.btn-floating.btn-lg i {
    font-size: 22px !important;
    line-height: 45px !important;
}

.btn-floating.btn-lg {
    width: 45px !important;
    height: 45px !important;
}

.btn-rounded {
    border-radius: 1em !important;
}

.btn-blue-costom {
    color: #000 !important;
    background-color: #dcadfe !important;
    border: 2px solid #dcadfe !important;
    font-weight: bold!important;
}

.btn-outline-blue-costom {
    color: #000 !important;
    background-color: transparent !important;
    border: 2px solid #dcadfe !important;
    font-weight: bold!important;
}

.btn-home {
    color: #fff;
    background-color: #612d91 !important;
}


#btn_capture{
    color: #446431 !important;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 1.25rem !important;
    font-size: 18px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    box-shadow: none !important;
    text-transform: initial !important;
}

.bg-white {
    padding: 15px 0px;
}

.border-blue {

    border: 1px dashed #73a1d5 !important;
    padding: 15px;
}

.border {
    padding: 10px;
}

.bq-blue {
    color: #73a1d5 !important;
}

.blockquote {
    border-left: .25rem solid #73a1d5 !important;
    padding: .5rem .5rem !important;
}

.blockquote .bq-title {
    font-size: 1rem !important;
}


.blue-text-custom {
    color: #73a1d5 !important;
}


.btn.btn-sm {
    padding: 0.3rem 1.3rem !important;
}


.custom-control-input:checked~.custom-control-label::before {
    border-color: #73a1d5 !important;
    background-color: #73a1d5 !important;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 0 !important;
    width: 45% !important;
}

.custom-control-inline-custom {
    display: inline-flex;
    margin-right: 0 !important;
}

.select2-container--default .select2-selection--single {
    border: 0px solid #d2d8dd !important;
}

.select2-container .select2-selection--single {
    height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: transparent !important;
    font-size: 0.95rem !important;
}

.swal2-styled.swal2-confirm {
    background-color: #dcadfe !important;
    margin: .375rem !important;
    font-size: 0.95rem !important;
    white-space: nowrap !important;
    border-radius: 1.25em !important;
    color:  #000 !important;
}

.swal2-content {
    font-size: 0.95rem !important;
    font-family: FC iconic !important;
}

.swal2-checkbox {
    display: none !important;
}

/* voucher */

.bg-light-custom {
    background-color: #ffffff !important;
}

/* voucher */

.btn-image-lo {
    max-width: 100% !important;
}

.img-fluid-lo {
    max-width: 35% !important;
}

.img-fluid-i {
    max-width: 30% !important;
}


/* zoomin zoomout */
a:hover {
    text-decoration: none;
}

figure {
    overflow: hidden;
}

.column img {
    display: block;
    width: 100%;
    height: 450px;
}

.column#zoomIn img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; 
    -webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.column#zoomIn:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); 
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.column img {
    background-position: center !important;
    width: 100% !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.hide-mobile {
    display: none !important;
}

.hide-mobile-img-2{
    display: none !important;
}

.hide-mobile-bg{
    display: none !important;
} 

.hide-tablet{

    display: none !important;
}

.hide-desktop {

    display: flex !important;
}

.header-set-1127 .burgermenu-toggle {
    display  : inline-block;
    font-size: 28px;
}

.header-set-1127 .burgermenu-toggle i {
    font-weight: 300;
    color      : #000;
}

.header-set-1127 {
    background-color: #f8f8fc;
    position: relative;
}

.header-set-1127 {
    background: #f8f8fc;
    position: -webkit-sticky;
   /* position: sticky; */
    top: 0;
    z-index: 1000;
}

.account-links {
    margin-left: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.nav-link {

    color: #222222 !important;
}

.navbar-toggler-icon {
    cursor          : pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.underline {
    border-bottom: 1px solid #ea1c24 !important;
}

.svglogo {
    max-width: 129px;
}



.static-links .svglogo {
    position         : absolute;
    left             : 0;
    right            : 0;
    margin           : 0 auto;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    transform        : translateY(-50%);
}

.header-set-1127 ul,
.header-set-1127 ol {
    margin    : 0;
    padding   : 0;
    list-style: none;
}

.static-links li {
    margin-right: 5rem;
}

.static-links .dropdown {
    border-right: 1px solid #584ca0;
}

.hide-desktop .account-links {
    margin-left        : auto;
    display            : -webkit-box;
    display            : -moz-box;
    display            : -webkit-flex;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-align-items: center;
    -moz-align-items   : center;
    -ms-align-items    : center;
    align-items        : center;
}

.account-wraps {
    background-color: #f8f8fc !important;
    padding-top     : 10px;
    padding-bottom  : 10px;
}

.account-wrap .account-links li:not(:last-child) {
    margin-right: 20px;
}

.account-wrap {
    margin-left        : auto;
    display            : -webkit-box;
    display            : -moz-box;
    display            : -webkit-flex;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-align-items: center;
    -moz-align-items   : center;
    -ms-align-items    : center;
    align-items        : center;
}

.account-wrap .static-links {
    display    : flex;
    align-items: center;
    flex-grow  : 1;
}


.logo-wraps {
    background-color: #ffffff !important;
    padding-top     : 15px;
    padding-bottom  : 15px;
}


.dropdown-menu {
    border: none !important;
}

.dropdown-menu {
    border       : none;
    border-radius: 0;
    margin-top   : 15px;
    box-shadow   : 0 0 30px rgb(0 0 0 / 10%);
    width        : auto;
    min-width    : auto;
}

.dropdown-toggle {
    color: #666666 !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.lang-wrap .dropdown-toggle {
    padding-right: 0;
}

.lang-wrap a {
    color      : #666;
    line-height: 1;
    font-size  : 1.125rem;
    display    : inline-flex;
    align-items: center;
}

.img-left img {
    max-width   : 18.6px;
    width       : 18.6px;
    height      : 18px;
    display     : inline-block;
    margin-right: 5px;
}


.dropdown-toggle {
    padding-right      : 27px;
    padding-left       : 0;
    padding-top        : 0;
    padding-bottom     : 0;
    display            : -webkit-box;
    display            : -moz-box;
    display            : -webkit-flex;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-flex-wrap  : wrap;
    -ms-flex-wrap      : wrap;
    flex-wrap          : wrap;
    -webkit-align-items: center;
    -moz-align-items   : center;
    -ms-align-items    : center;
    align-items        : center;
}

.sidenav {
    height          : 100%;
    width           : 0;
    position        : fixed;
    z-index         : 1;
    top             : 0;
    left            : 0;
    background-color: #f8f8fc;
    overflow-x      : hidden;
    transition      : 0.5s;
    padding-top     : 60px;
}

.sidenav a {
    padding        : 8px 8px 8px 32px;
    text-decoration: none;
    display        : block;
    transition     : 0.3s;
    text-transform : uppercase;
    font-weight    : normal;
    color          : #25282a;
    font-size      : .975rem;
    text-align: left;
}

.sidenav a:hover {
    color: #25282a;
}

.sidenav .closebtn {
    position   : absolute;
    top        : 0;
    right      : 25px;
    font-size  : 36px;
    margin-left: 50px;
}

.mm-listitem {
    color        : rgba(0, 0, 0, .75);
    border-color : rgba(0, 0, 0, .1);
    color        : var(--mm-color-text);
    border-color : var(--mm-color-border);
    list-style   : none;
    display      : block;
    padding      : 0;
    margin       : 0;
    position     : relative;
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap;
}

.static-links {
    display    : flex;
    align-items: center;
    flex-grow  : 1;
}

.pagination .page-item.active .page-link{
    background-color: #dcadfd !important;
    color: #000 !important;
}

/*graph and video*/
.sumoldbra{
    background-color: #E8F9EE;
    border-radius: 10px;
}

.chartname,.yValuesSum{
    color:#00af66 !important;
}


.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.34);
    z-index: 1000;
    display: none;
}
.video-container {
    position: fixed;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    display: none;
    width:60vw;
}
.close-btn ,.close-btn:hover{
    font-size: 24px;
    text-decoration: none;
    color: #fff;
}
/* width 90 and dropshadow*/

.drpshd{
    filter: drop-shadow(3px 1px 5px rgba(0, 0, 0, 0.3));
}

.w-90{
    width: 90%;
}

.w-12{
    width: 12%;
}

.w-20{
    width: 20%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 320px) {

    .column img {
        display: block;
        width: 100%;
        height: 370px !important;
    }

    h1 {
        padding-top: 1rem !important;
        font-size: 2.5rem !important;
    }

    h2 {
        padding-top: 1rem !important;
        font-size: 1.3rem !important;
    }

    h3 {
        padding-top: 1rem !important;
        font-size: 1.5rem !important;
    }

    h4 {
        padding-top: 1rem !important;
        font-size: 1.2rem !important;
    }

    h5 {
        padding-top: 1rem !important;
        font-size: 1.3rem !important;
    }

    .h3_0 {
        margin-top: -12px !important;
    }

    .h3_1 {
        margin-top: -5px !important;
        margin-left: 50px;
    }

    h2 > a {
        font-size: 1.4rem !important;
    }
    
    .text_sm_h2 {
        font-size: 1.7rem !important;
        /* margin-left: 1rem !important; */
    }

    .text_sm_h1 {
        font-size: 4rem !important;
    } 

    .h5_0 {
        /* margin-top: -21px; */
        margin-left: 0px;
        /* float: right; */
    }

    .a_size {
        font-size: 1.3rem !important;
    }

    li>a {
        float: right;
        margin-top: 0px;
    }

    .col-top {
        margin-left: 15px;
    }

    .col-center {
        justify-content: center !important; 
    }

    .col_center {
        align-items: center;
    }

    .card_m {
        margin-top: -30px;
        margin-left: 3px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    .card_m_2{

        margin-top: 150px;
        margin-left: 3px;
        margin-right: 0px;
        padding-right: 0px !important;

    }

    .card_m_2 > h2 {
        font-size: 2.5rem !important;
    }
    

    .card_m > h2 {
        font-size: 2.5rem !important;
    }
    
    .resize_logo {
        height: 55%;
        width: 40%;
        object-fit: contain;
    }

    .resize_icon {
        height: 55%;
        width: 26%;
        object-fit: contain;
    }

    .resize_iconp {
        height: 55%;
        width: 16%;
        object-fit: contain
    }

    
    .static-links li {
        margin-right: 6.5rem;
    }

    .yValuesSum{
        font-size: 54px;
    }
    .chartname{
        font-size: 20px;
    }

    #tonsmall{
        font-size: 32px;
    }
    .video-container {
        width: 85vw;
    }

}


@media (min-width: 375px) {

    .static-links li {
        margin-right: 7rem;
    }
    .column img {
        display: block;
        width: 100%;
        height: 450px !important
    }

    h1 {
        padding-top: 1rem !important;
        font-size: 3rem !important;
    }

    h2 {
        padding-top: 1rem !important;
        font-size: 1.4rem !important;
    }

    h3 {
        padding-top: 1rem !important;
        font-size: 1.5rem !important;
    }

    h4 {
        padding-top: 1rem !important;
        font-size: 1.2rem !important;
    }

    h5 {
        padding-top: 1rem !important;
        font-size: 1.4rem !important;
    }

    .h3_0 {
        margin-top: -12px !important;
    }

    .h3_1 {
        margin-top: -5px !important;
        margin-left: 50px;
    }

    h2 > a {
        font-size: 1.4rem !important;
    }
    
    .text_sm_h2 {
        font-size: 1.7rem !important;
        /* margin-left: 1rem !important; */
    }

    .text_sm_h1 {
        font-size: 4rem !important;
    } 

    .h5_0 {
        /* margin-top: -21px; */
        margin-left: 0px;
        /* float: right; */
    }

    .a_size {
        font-size: 1.3rem !important;
    }

    li>a {
        float: right;
        margin-top: 0px;
    }

    .col-top {
        margin-left: 15px;
    }

    .col-center {
        justify-content: center !important; 
    }

    .card_m {
        margin-top: -20px;
        margin-left: 10px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    .card_m > h2 {
        font-size: 2.4rem !important;
    }

    .card_m_2{

        margin-top: 215px;
        margin-left: 10px;
        margin-right: 0px;
        padding-right: 0px !important;

    }

    .card_m_2 > h2 {
        font-size: 2.4rem !important;
    }
    
    .resize_logo {
        height: 55%;
        width: 40%;
        object-fit: contain;
    }

    .resize_icon {
        height: 55%;
        width: 26%;
        object-fit: contain;
    }

    .resize_iconp {
        height: 55%;
        width: 16%;
        object-fit: contain
    }

}

@media (min-width: 411px) {

    .static-links li {
        margin-right: 7.5rem;
    }
}
@media (min-width: 425px) {

    .static-links li {
        margin-right: 8rem;
    }

    .column img {
        display: block;
        width: 100%;
        height: 490px !important;
    }

    h1 {
        padding-top: 1rem !important;
        font-size: 3.5rem !important;
    }

    h2 {
        padding-top: 1rem !important;
        font-size: 1.8rem !important;
    }

    h3 {
        padding-top: 1rem !important;
        font-size: 1.5rem !important;
    }

    h4 {
        padding-top: 1rem !important;
        font-size: 1.2rem !important;
    }

    h5 {
        padding-top: 1rem !important;
        font-size: 1.4rem !important;
    }

    .h3_0 {
        margin-top: -12px !important;
    }

    .h3_1 {
        margin-top: -5px !important;
        margin-left: 50px;
    }

    h2 > a {
        font-size: 1.2rem !important;
    }
    
    .text_sm_h2 {
        font-size: 1.9rem !important;
        /* margin-left: 1rem !important; */
    }

    .text_sm_h1 {
        font-size: 5rem !important;
    } 

    .h5_0 {
        /* margin-top: -21px; */
        margin-left: 0px;
        /* float: right; */
    }

    .a_size {
        font-size: 1.4rem !important;
    }

    li>a {
        float: right;
        margin-top: 0px;
    }

    .col-top {
        margin-left: 15px;
    }

    .col-center {
        justify-content: center !important; 
    }

    .card_m {
        margin-top: -15px;
        margin-left: 15px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    .card_m > h2 {
        font-size: 2.4rem !important;
    }

    
    .card_m_2{

        margin-top: 240px;
        margin-left: 10px;
        margin-right: 0px;
        padding-right: 0px !important;

    }

    .card_m_2 > h2 {
        font-size: 2.4rem !important;
    }
    

    .resize_logo {
        height: 55%;
        width: 45%;
        object-fit: contain;
    }

    .resize_icon {
        height: 55%;
        width: 26%;
        object-fit: contain;
    }

    .resize_iconp {
        height: 55%;
        width: 16%;
        object-fit: contain
    }

}

@media (min-width: 576px) {

    .static-links li {
        margin-right: 12.1rem;
    }
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .column img {
        display: block;
        width: 100%;
        height: 310px !important;
    }

    .btn-image {
        max-width: 100% !important;
    }

    .img-fluid {
        max-width: 100% !important;
    }

    .btn-image-lo {
        max-width: 100% !important;
    }

    .img-fluid-lo {
        max-width: 30% !important;
    }

    .img-fluid-i {
        max-width: 40% !important;
    }

    .btn-line {
        max-width: 20% !important;
    }

    .btn.btn-sm {
        padding: 0.3rem 1.3rem !important;
    }

    .custom-control-inline {
        width: 30% !important;
    }

    .btn.btn-sm {
        padding: 0.3rem 1.3rem !important;
    }

    h1 {
        padding-top: 1rem !important;
        font-size: 2rem !important;
    }

    h2 {
        padding-top: 1rem !important;
        font-size: 1.5rem !important;
    }

    h3 {
        padding-top: 1rem !important;
        font-size: 1.3rem !important;
    }

    h4 {
        padding-top: 1rem !important;
        font-size: 1.1rem !important;
    }

    h5 {
        padding-top: 1rem !important;
        font-size: 1.5rem !important;
    }

    h2 > a {
        font-size: 1.2rem !important;
    }

    .text_sm_h2 {
        font-size: 2rem !important;
        /* margin-left: 1rem !important; */
    }

    .text_sm_h1 {
        font-size: 3.1rem !important;
    } 

    .h3_0 {
        margin-top: -25px !important;
        /* margin-left: 67px; */
    }

    .h3_1 {
        margin-top: -26px !important;
        margin-left: 7px;
    }

    .h5_0 {
        /* margin-top: -21px; */
        margin-left: 0px;
        /* float: right; */
    }

    .a_size {
        font-size: 1rem !important;
    }

    li>a {
        float: right;
        margin-top: 0px;
        margin-left: 0px;
    }

    .col-top {
        margin-left: 15px;
    }

    .col-center {
        justify-content: center !important; 
    }

    .card_m {
        margin-top: -40px;
        margin-left: -5px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    .card_m_2{

        margin-top: 125px;
        margin-left: -5px;
        margin-right: 0px;
        padding-right: 0px !important;

    }


    .resize_logo {
        height: 55%;
        width: 100%;
        object-fit: contain
    }

    .resize_icon {
        height: 55%;
        width: 37%;
        object-fit: contain
    }

    .resize_iconp {
        margin-left: 9px !important;
        height: 55%;
        width: 29%;
        object-fit: contain
    }

    .hide-desktop {
    
        display: none !important;
    }

    
    .hide-mobile {
        display: contents !important;
    }

    
    .container{
        max-width: 100% !important;
    }


    .chartname{
        font-size: 24px;
    }
    .yValuesSum{
        font-size: 64px;
    }
    #tonsmall{
        font-size: 48px;
    }

    .video-container {
        width:60vw;
    }

}


/* Large devices (desktops, 992px and up) */
@media (min-width: 1024px) {

    .svglogo {
        max-width: 100%;
    }

    .column img {
        display: block;
        width: 100%;
        height: 410px !important;
    }

    .img-fluid {
        max-width: 100% !important;
    }

    .btn-image-lo {
        max-width: 100% !important;
    }

    .img-fluid-lo {
        max-width: 25% !important;
    }

    .btn-line {
        max-width: 20% !important;
    }

    .btn.btn-sm {
        padding: 0.3rem 1.3rem !important;
    }

    .custom-control-inline {
        width: 20% !important;
    }

    h1 {
        padding-top: 1rem !important;
        font-size: 3.5rem !important;
    }

    h2 {
        padding-top: 1rem !important;
        font-size: 1.8rem !important;
    }

    h3 {
        padding-top: 1rem !important;
        font-size: 1.5rem !important;
    }

    h4 {
        padding-top: 1rem !important;
        font-size: 1.2rem !important;
    }

    h5 {
        padding-top: 1rem !important;
        font-size: 1.6rem !important;
    }

    h2 > a {
        font-size: 1.5rem !important;
    }

    .h3_0 {
        margin-top: -16px !important;
        /* margin-left: -3px; */
    }

    .h3_1 {
        margin-top: -17px !important;
        margin-left: 15px;
    }

    .h5_0 {
        /* margin-top: -25px; */
        margin-left: -6px;
        /* float: right; */
    }

    .h5_1 {
        /* margin-top: -25px; */
        margin-left: -6px;
        /* float: right; */
    }

    .a_size {
        font-size: 1.2rem !important;
    }

    li>a {
        float: right;
        margin-top: 0px;
        margin-left: 0px;
    }

    .col-top {
        margin-left: 15px;
    }

    .card_m {
        margin-top: -22px !important;
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    
    .card_m_2{

        margin-top: 180px;
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px !important;

    }

    .resize_logo {
        height: 55%;
        width: 100%;
        object-fit: contain
    }

    .resize_icon {
        height: 55%;
        width: 35%;
        object-fit: contain
    }

    .resize_iconp {
        margin-left: 23px !important;
        height: 55%;
        width: 22%;
        object-fit: contain
    }


}

@media (min-width: 1300px) {
    .column img {
        display: block;
        width: 100%;
        height: 540px !important;
    }

    h2 {
        padding-top: 1rem !important;
        font-size: 2.2rem !important;
    }

    .card_m {
        margin-top: 0px !important;
        margin-left: 30px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

        
    .card_m_2{

        margin-top: 285px;
        margin-left: 30px;
        margin-right: 0px;
        padding-right: 0px !important;

    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1440px) {

    .column img {
        display: block;
        width: 100%;
        height: 600px !important;
    }

    .btn-image {
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .img-fluid {
        max-width: 100% !important;
    }

    .img-fluid-lo {
        max-width: 40% !important;
    }

    .img-fluid-i {
        max-width: 40% !important;
    }

    .btn-line {
        max-width: 15% !important;
    }

    .btn.btn-sm {
        padding: 0.3rem 1.3rem !important;
        font-size: 22px !important;
    }

    h1 {
        padding-top: 1rem !important;
        font-size: 4.5rem !important;
    }

    h2 {
        padding-top: 1rem !important;
        font-size: 2.6rem !important;
    }

    h3 {
        padding-top: 1rem !important;
        font-size: 1.8rem !important;
    }

    h4 {
        padding-top: 1rem !important;
        font-size: 1.5rem !important;
    }

    h5 {
        padding-top: 1rem !important;
        font-size: 1.7rem !important;
    }

    h2 > a {
        font-size: 1.9rem !important;
    }

    .h3_0 {
        margin-top: -30px !important;
        /* margin-left: 30px; */
    }

    .h3_1 {
        margin-top: -29px !important;
        margin-left: 7px !important;
    }

    .h5_0 {
        /* margin-top: -15px; */
        margin-left: 0px !important;
        /* float: right; */
    }

    .h5_1 {
        /* margin-top: -15px; */
        margin-left: 0px !important;
        /* float: right; */
    }

    .a_size {
        font-size: 1.8rem !important;
    }

    li>a {
        float: right;
        margin-top: 0px;
        margin-left: 0px;
    }

    .col-top {
        margin-left: 15px;
    }

    .card_m {
        margin-top: -20px !important;
        margin-left: 25px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    .card_m_2 {
        margin-top: 285px !important;
        margin-left: 25px;
        margin-right: 0px;
        padding-right: 0px !important;
    }


    .card_m > h2 {
        font-size: 3.1rem !important;
    }

    .card_m_2 > h2 {
        font-size: 3.1rem !important;
    }

    .resize_logo {
        /* height: 55%; */
        width: 100%;
        object-fit: contain
    }

    .resize_icon {
        height: 55%;
        width: 35%;
        object-fit: contain
    }

    .resize_iconp {
        margin-left: 15px !important;
        height: 55%;
        width: 25%;
        object-fit: contain
    }

    .figure-caption-lo {
        color: #73a1d5;
        font-weight: bold;
        padding-top: 20px;
        font-size: 30px !important;
    }

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1920px) {

    .column img {
        display: block;
        width: 100%;
        height: 650px !important;
    }

    .btn-image {
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .img-fluid {
        max-width: 100% !important;
    }

    .img-fluid-i {
        max-width: 40% !important;
    }

    .btn-line {
        max-width: 15% !important;
    }

    .btn.btn-sm {
        padding: 0.3rem 1.3rem !important;
        font-size: 20px !important;
    }

    h1 {
        padding-top: 1rem !important;
        font-size: 4.5rem !important;
    }

    h2 {
        padding-top: 1rem !important;
        font-size: 3.5rem !important;
    }

    h3 {
        padding-top: 1rem !important;
        font-size: 2.8rem !important;
    }

    h4 {
        padding-top: 1rem !important;
        font-size: 2rem !important;
    }

    h5 {
        padding-top: 1rem !important;
        font-size: 1.6rem !important;
    }

    h2 > a {
        font-size: 2.6rem !important;
    }

    .h3_0 {
        margin-top: -30px !important;
        /* margin-left: 30px; */
    }

    .h3_1 {
        margin-top: -29px !important;
        margin-left: 7px !important;
    }

    .h5_0 {
        /* margin-top: -15px; */
        margin-left: 0px !important;
        /* float: right; */
    }

    .h5_1 {
        /* margin-top: -15px; */
        margin-left: 0px !important;
        /* float: right; */
    }

    .a_size {
        font-size: 2.5rem !important;
    }

    li>a {
        float: right;
        margin-top: 0px;
        margin-left: 0px;
    }

    .col-top {
        margin-left: 15px;
    }

    .card_m {
        margin-top: -15px !important;
        margin-left: 36px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    .card_m_2 {
        margin-top: 320px !important;
        margin-left: 36px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    .card_m_2 h2 {
        font-size: 3.8rem !important;
    }


    .card_m h2 {
        font-size: 3.8rem !important;
    }

    .resize_logo {
        /* height: 55%; */
        width: 100%;
        object-fit: contain
    }

    .resize_icon {
        height: 55%;
        width: 35%;
        object-fit: contain
    }

    .resize_iconp {
        margin-left: 15px !important;
        height: 55%;
        width: 25%;
        object-fit: contain
    }

}



/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 2500px) {

    .column img {
        display: block;
        width: 100%;
        height: 700px !important;
    }

    .btn-image {
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .img-fluid {
        max-width: 100% !important;
    }

    .img-fluid-i {
        max-width: 40% !important;
    }

    .col-custom {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .btn-line {
        max-width: 15% !important;
    }

    .btn.btn-sm {
        padding: 0.3rem 1.3rem !important;
        font-size: 35px !important;
    }

    h1 {
        padding-top: 1rem !important;
        font-size: 8rem !important;
    }

    h2 {
        padding-top: 1rem !important;
        font-size: 5.8rem !important;
    }

    h3 {
        padding-top: 1rem !important;
        font-size: 3rem !important;
    }

    h4 {
        padding-top: 1rem !important;
        font-size: 2.5rem !important;
    }

    h5 {
        padding-top: 1rem !important;
        font-size: 0.75rem !important;
    }

    h2 > a {
        font-size: 2.8rem !important;
    }

    .h3_0 {
        margin-top: -30px !important;
        /* margin-left: 30px; */
    }

    .h3_1 {
        margin-top: -29px !important;
        margin-left: 7px !important;
    }

    .h5_0 {
        /* margin-top: -15px; */
        margin-left: 0px !important;
        /* float: right; */
    }

    .h5_1 {
        /* margin-top: -15px; */
        margin-left: 0px !important;
        /* float: right; */
    }

    .a_size {
        font-size: 3rem !important;
    }

    li>a {
        float: right;
        margin-top: 0px;
        margin-left: 0px;
    }

    .col-top {
        margin-left: 15px;
    }

    .card_m {
        margin-top: 85px !important;
        margin-left: 50px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    .resize_logo {
        /* height: 55%; */
        width: 100%;
        object-fit: contain
    }

    .resize_icon {
        height: 55%;
        width: 35%;
        object-fit: contain
    }

    .resize_iconp {
        margin-left: 15px !important;
        height: 55%;
        width: 25%;
        object-fit: contain
    }

}