:root {
    --primary: #035503;
    --primary-rgb: 3, 85, 3;
    --secondary: #ff8a00;
    --secondary-rgb: 255, 138, 0;
    --secondary-light: #fcfdd9;
    --secondary-light-rgb: 252, 253, 217;
    --success: #41c49e;
    --success-light: #81d5c1;
    --marine-color: #40a48e;
    --success-rgb: 65, 196, 158;
    --info: #5d90e6;
    --info-rgb: 93, 144, 230;
    --info-medium: #6088ee;
    --info-medium-rgb: 96, 136, 238;
    --info-light: #bdd4f4;
    --info-light-rgb: 189, 212, 244;
    --warning: #ffc022;
    --warning-rgb: 255, 192, 34;
    --blue: #0257bb;
    --blue-rgb: 2, 87, 187;
    --blue-medium: #004d83;
    --blue-medium-rgb: 0, 77, 131;
    --blue-semidark: #40586e;
    --blue-semidark-rgb: 64, 88, 110;
    --blue-dark: #03162d;
    --blue-dark-rgb: 3, 22, 45;
    --orange: #f9812b;
    --orange-rgb: 249, 129, 43;
    --light: #f0f0f0;
    --light-rgb: 240, 240, 240;
    --lighter: #f2f2f2;
    --lighter-rgb: 242, 242, 242;
    --dark: #202020;
    --dark-rgb: 32, 32, 32;
    --gray: #808498;
    --gray-rgb: 128, 132, 152;
    --gray-light: #dcdcdc;
    --gray-light-rgb: 220, 220, 220;
    --gray-dark: #464646;
    --gray-dark-rgb: 70, 70, 70;
    --white: #fff;
    --white-rgb: 255, 255, 255;
    --black: #000;
    --black-rgb: 0, 0, 0;
    --facebook: #1877f2;
    --twitter: #1da1f2;
    --youtube: #ff0000;
    --linkedin: #0077b5;
    --instagram: #c13584;
    /* --font-primary: 'Jost', sans-serif; */
    --font-primary: 'Poppins', sans-serif;
    --transition: all 0.25s ease-in-out;
    --muted: #8296a1;
    --muted-rgb: 130, 150, 161;
}

/*general style start*/

::-moz-selection {
    color: var(--white);
    background: var(--blue-medium);
}

::selection {
    color: var(--white);
    background: var(--blue-medium);
}

/*general style end*/

/* btn style */

.btn-primary {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary svg {
    fill: var(--white);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: var(--white);
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-primary:hover svg,
.btn-primary:focus svg,
.btn-primary:not(:disabled):not(.disabled).active svg,
.btn-primary:not(:disabled):not(.disabled):active svg,
.show>.btn-primary.dropdown-toggle>svg {
    fill: var(--white);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary svg {
    fill: var(--primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover svg,
.btn-outline-primary:focus svg,
.btn-outline-primary:not(:disabled):not(.disabled).active svg,
.btn-outline-primary:not(:disabled):not(.disabled):active svg,
.show>.btn-outline-primary.dropdown-toggle>svg {
    fill: var(--white);
}

.btn-white {
    color: var(--primary);
    background-color: var(--white);
    border-color: var(--white);
}

.btn-white:hover,
.btn-white:focus,
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-white {
    color: var(--white);
    border-color: var(--white);
}

.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:not(:disabled):not(.disabled).active,
.btn-outline-white:not(:disabled):not(.disabled):active,
.show>.btn-outline-white.dropdown-toggle {
    color: var(--dark);
    background-color: var(--white);
    border-color: var(--white);
}

.btn-secondary {
    color: var(--white);
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary svg {
    fill: var(--white);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--white);
    background-color: var(--dark);
    border-color: var(--dark);
}

.btn-secondary:hover svg,
.btn-secondary:focus svg,
.btn-secondary:not(:disabled):not(.disabled).active svg,
.btn-secondary:not(:disabled):not(.disabled):active svg,
.show>.btn-secondary.dropdown-toggle>svg {
    fill: var(--white);
}

.btn-gray {
    color: var(--white);
    background-color: var(--gray);
    border-color: var(--gray);
}

.btn-gray svg {
    fill: var(--white);
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:not(:disabled):not(.disabled).active,
.btn-gray:not(:disabled):not(.disabled):active,
.show>.btn-gray.dropdown-toggle {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-gray:hover svg,
.btn-gray:focus svg,
.btn-gray:not(:disabled):not(.disabled).active svg,
.btn-gray:not(:disabled):not(.disabled):active svg,
.show>.btn-gray.dropdown-toggle>svg {
    fill: var(--white);
}

.btn-info {
    color: var(--white);
    background-color: var(--info);
    border-color: var(--info);
}

.btn-info svg {
    fill: var(--white);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: var(--white);
    background-color: var(--dark);
    border-color: var(--dark);
}

.btn-info:hover svg,
.btn-info:focus svg,
.btn-info:not(:disabled):not(.disabled).active svg,
.btn-info:not(:disabled):not(.disabled):active svg,
.show>.btn-info.dropdown-toggle>svg {
    fill: var(--white);
}

.btn-gradient {
    color: var(--white);
    /*background-image: linear-gradient(
    86.26deg,
    var(--orange) 5.06%,
    rgba(var(--secondary-rgb), 0.77) 116.67%
  );
  background-image:linear-gradient(77.65deg, #080cf6 10.75%, #a0bddf 139.37%);
  */
    /*  background-image:linear-gradient(77.65deg, #d391ea 10.75%, #e2bfef 139.37%); */
    background-image: linear-gradient(77.65deg, #a7a4e9 10.75%, #a7a4e9 139.37%);
    border: none;
}

.btn-gradient svg {
    fill: var(--white);
}

.btn-gradient:hover,
.btn-gradient:focus,
.btn-gradient:not(:disabled):not(.disabled).active,
.btn-gradient:not(:disabled):not(.disabled):active,
.show>.btn-gradient.dropdown-toggle {
    color: var(--white);
    background-image: linear-gradient( 86.26deg, rgba(var(--secondary-rgb), 0.77) 116.67%, var(--warning) 5.06%);
}

.btn-gradient:hover svg,
.btn-gradient:focus svg,
.btn-gradient:not(:disabled):not(.disabled).active svg,
.btn-gradient:not(:disabled):not(.disabled):active svg,
.show>.btn-gradient.dropdown-toggle>svg {
    fill: var(--white);
}

/* bg colors */

.bg-white {
    background-color: var(--white) !important;
}

.bg-light {
    background-color: var(--light) !important;
}

.bg-lighter {
    background-color: var(--lighter) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-primary-light {
    background-color: var(--primary-light) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-secondary-light {
    /* background-color: var(--secondary-light) !important; */
    background-color: #f0ebeb;
}

.bg-blue-medium {
    /* background-color: var(--blue-medium) !important; 
  background-color: var(--blue-medium); */
    background-image: linear-gradient(to top right, #07e3d9, #d513d7);
}

.bg-blue-semidark {
    background-color: var(--blue-semidark) !important;
}

.bg-dark {
    background-color: var(--dark) !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.bg-gray {
    background-color: var(--gray) !important;
}

.bg-gray-light {
    background-color: var(--gray-light) !important;
}

.bg-info {
    background-color: var(--info) !important;
}

.bg-transparent {
    background-color: transparent;
}

/* border colors */

.border-primary {
    border-color: var(--primary) !important;
}

.border-secondary {
    border-color: var(--secondary) !important;
}

.border-light {
    border-color: var(--light) !important;
}

.border-gray {
    border-color: var(--gray) !important;
}

.border-blue {
    border-color: var(--blue) !important;
}

/* shadow */

.shadow {
    box-shadow: 0 0 10px rgba(var(--dark-rgb), 0.1);
}

.shadow-1 {
    box-shadow: 0 0 5px rgba(var(--dark-rgb), 0.5);
}

.shadow-2 {
    box-shadow: 0 0 15px rgba(var(--dark-rgb), 0.25);
}

/* text colors */

.text-white {
    color: var(--white) !important;
}

a.text-white:hover,
a.text-white:active {
    color: var(--gray-light) !important;
}

.text-light {
    color: var(--light) !important;
}

.text-primary {
    color: var(--primary) !important;
}

a.text-primary:hover,
a.text-primary:active {
    color: var(--secondary) !important;
}

a.nav-link.text-primary:hover,
a.nav-link.text-primary:active {
    color: var(--dark) !important;
}

a.nav-link.text-primary.active {
    background-color: var(--secondary) !important;
    color: var(--white) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-info {
    color: var(--info) !important;
}

.text-warning {
    color: var(--warning) !important;
}

.text-blue {
    color: var(--blue) !important;
}

.text-blue-medium {
    color: var(--blue-medium) !important;
}

.text-gray {
    color: var(--gray) !important;
}

.text-gray-dark {
    color: var(--gray-dark) !important;
}

.text-dark {
    color: var(--dark) !important;
}

.text-black {
    color: var(--black) !important;
}