/*

    Rename this file to custom.css to start using it. This CSS file will automatically be loaded by the template and will allow you to override any CSS.

    Learn more about customizing CSS: https://www.zomex.com/docs/html-templates/how-to-add-custom-css/

*/
:root {
    --color-secondary-background: #1D2F6F;
    --color-secondary-background-gradient-top: #1D2F6F;
    --color-secondary-background-gradient-bottom: #1D2F6F;
    --color-box-background-border: #1D2F6F;
    --color-box-head-background: #1D2F6F;
    --color-box-head-background-gradient-top: #1D2F6F;
    --color-box-head-background-gradient-bottom: #1D2F6F;
    --color-box-active-background-border: #1D2F6F;

    --background-body: #FAFAFF; /* Body background color */


    --color-box-background-border: #0A1045;
    --color-box-head-background: #0A1045;
    --color-box-head-background-gradient-top: #0A1045;
    --color-box-head-background-gradient-bottom: #0A1045;
    --color-box-active-background-border: #0A1045;
    --color-secondary-background: #0A1045;
    --color-secondary-background-gradient-top: #0A1045;
    --color-secondary-background-gradient-bottom: #0A1045;


    --color-secondary-background: #1d2f6f;
    --color-secondary-background-gradient-top: #125e8a;
    --color-secondary-background-gradient-bottom: #086eb3;
    --color-secondary-background-border: #5c89bf;


    --color-primary-background: #373f51;
    --color-primary-background-gradient-top: #d90368;
    --color-primary-background-gradient-bottom: #e91841;
    --color-primary-background-border: #dd1139;
    --color-primary-background-shadow: #000;
    --color-primary-foreground: #fff;
    --color-primary-foreground-shadow: #000;
    --color-primary-active-background: #d5152f;
    --color-primary-active-background-gradient-top: #c1180c;
    --color-primary-active-background-gradient-bottom: #e11f1f;
    --color-primary-active-background-border: #dc1010;
    --color-primary-active-background-shadow: #b10f2e;
}


.copyrightmain {
    background: #0E1C36;
}

.subbanner .subbanner-heading {
    color: #f8f8f8;
    text-shadow: #f5f5f5 1px 1px;
}


.color1, .color1:active, .color1:visited {
    border: solid 1px #c16d25!important;
    background: linear-gradient(var(--gradient-degrees),#dd6721 0,#e76214 100%)!important;
}

body {
    color: #000000;
    font-weight: 400;
}

.toolbarmain-container {
    background: #010037;
    border-bottom: #0a74df 1px solid;
}


.footermain .footermain-linkblocks .footermain-linkblock {
    background: #007fff;
    background: linear-gradient(var(--gradient-degrees),#007fff 0,#007fff 100%);
    border: #007fff 1px solid;
}

.banner .banner-heading {
    color: #f8f8f8;
    text-shadow: #f5f5f5 1px 1px;
}


.product-boxes1 .product-boxes1-box .product-boxes1-text {
  white-space: normal;
}

.color2, .color2:active, .color2:visited {
    color: var(--color-secondary-foreground)!important;
    border: solid 1px #0066ff!important;
    background: #0066ff!important;
    background: linear-gradient(var(--gradient-degrees),#0066ff 0,#0066ff 10%)!important;
    text-shadow: none;
}


.footermain .footermain-background {
    background: #f9eedc url(../images/footer-background.webp) center bottom repeat-x;
}


.footermain .footermain-linkblocks .footermain-linkblock {
    background: #003366;
    background: linear-gradient(var(--gradient-degrees),#133050 0,#003366 100%);
    border: #d2bda2 1px solid;
}


.headingstyle1 h1, .headingstyle1 h2, .headingstyle1 h3, .headingstyle1 h4, .headingstyle1 h5, .headingstyle1 h6 {
    padding: 10px 15px;
    background: var(--color-secondary-background);
    background: linear-gradient(var(--gradient-degrees),#0a1043 0,#050c50 100%);
    color: var(--color-secondary-foreground);
    border: var(--color-secondary-background-border) 1px solid;
    border-radius: var(--border-radius);
    display: inline-block;
    margin: 0;
}


@media (max-width: 1220px)
.footermain .footermain-links ul li a {
    padding: 8px 15px;
    background: #acacac;
    background: linear-gradient(var(--gradient-degrees),#acacac 0,#acacac 100%);
    border: #5b5b5b 1px solid;
    border-bottom-width: var(--border-bottom-width);
    color: #393939;
    FONT-WEIGHT: 500;
    text-align: center;
    border-radius: var(--border-radius);
}


.partnersmain {
    width: 100%;
    padding: var(--spacing-child) 0;
    background: #010037;
    background: linear-gradient(var(--gradient-degrees),#010037 0,#000080 100%);
}