@import"https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900|Poppins:300,400,500,600,700,800,900";
:root {
    --poppins: "Poppins", sans-serif;
    --primary: #0c1248;
    --primary-rgb: rgba(12, 18, 72, 8);
    --primary-2: #f2b720;
    --light-primary: #174c8d;
    --light-primary-2: #ffeab4;
    --secondary: #1c8dff;
    --secondary-rbg: rgba(28, 142, 255, 0.76);
    --light-secondary: #00c6fb;
    --heading: #233142;
    --paragraph: #8e8c8c;
    --light-gray: #f8f8f8;
    --white-smoke: #f3f3f3;
    --smoke: #f1f1f1;
    --white: #ffffff;
    --border: #dbdbdb;
    --placeholder: #a7a7a7;
    --gray: #707070;
    --light-gray-2: #aeb6bf;
    --hawkes-blue: #bfdbff;
    --light-blue: #5e6f84;
    --overlay-hover: #c82041;
    --black: #000000;
    --light-black: #072457;
    --cosmic: #2e2e83;
    --purple: #4a148c;
    --deep-purple: #341f97;
    --light-purple: #8627ae;
    --violet: #7619ef;
    --violet-rgb: rgba(118, 25, 239, 2);
    --light-pink: #ffdcdb;
    --divider: #ececec;
    --bg-gray: #f1f1f1;
    --gradient-banner: linear-gradient(90deg, rgba(35, 49, 66, 1) 0%, rgba(35, 49, 66, 0) 100%);
    --white-light: rgba(255, 255, 255, 0.8)
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/NexaBold.eot");
    src: url("../fonts/NexaBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NexaBold.woff2") format("woff2"), url("../fonts/NexaBold.woff") format("woff"), url("../fonts/NexaBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Gasalt";
    src: url("../fonts/Gasalt-Regular.eot");
    src: url("../fonts/Gasalt-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gasalt-Regular.woff2") format("woff2"), url("../fonts/Gasalt-Regular.woff") format("woff"), url("../fonts/Gasalt-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

body {
    font-family: "Muli", sans-serif;
    font-family: "Poppins", sans-serif
}

a:active,
a:focus,
input,
select,
textarea {
    outline: none !important
}

img {
    max-width: 100%
}

a,
.container {
    text-decoration: none !important;
    transition: all .5s
}

a:hover,
.btn,
button,
.btn:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

a:focus,
button:focus {
    outline: 0
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.7;
    margin-bottom: 15px;
    font-family: var(--poppins);
    color: var(--heading);
    font-weight: 600
}

h1 {
    font-size: 40px;
    line-height: 1.5
}

h2 {
    font-size: 36px;
    line-height: 1.5
}

h3 {
    font-size: 30px;
    line-height: 1.5
}

h4 {
    font-size: 24px;
    line-height: 1.5
}

h5 {
    font-size: 20px;
    line-height: 1.5
}

h6 {
    font-size: 15px;
    line-height: 1.5
}

p {
    margin-bottom: 10px;
    color: var(--white);
    line-height: 30px;
    font-size: 15px;
    font-family: var(--poppins);
    font-weight: 300
}

blockquote {
    font-size: 24px;
    color: var(--primary);
    line-height: 1.7
}

.pt-0 {
    padding-top: 0px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-35 {
    padding-top: 35px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-55 {
    padding-top: 55px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-65 {
    padding-top: 65px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-75 {
    padding-top: 75px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-85 {
    padding-top: 85px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pt-95 {
    padding-top: 95px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pt-105 {
    padding-top: 105px !important
}

.pt-110 {
    padding-top: 110px !important
}

.pt-115 {
    padding-top: 115px !important
}

.pt-120 {
    padding-top: 120px !important
}

.pt-125 {
    padding-top: 125px !important
}

.pt-130 {
    padding-top: 130px !important
}

.pt-135 {
    padding-top: 135px !important
}

.pt-140 {
    padding-top: 140px !important
}

.pt-145 {
    padding-top: 145px !important
}

.pt-150 {
    padding-top: 150px !important
}

.pt-155 {
    padding-top: 155px !important
}

.pt-160 {
    padding-top: 160px !important
}

.pt-165 {
    padding-top: 165px !important
}

.pt-170 {
    padding-top: 170px !important
}

.pt-175 {
    padding-top: 175px !important
}

.pt-180 {
    padding-top: 180px !important
}

.pt-185 {
    padding-top: 185px !important
}

.pt-190 {
    padding-top: 190px !important
}

.pt-195 {
    padding-top: 195px !important
}

.pt-200 {
    padding-top: 200px !important
}

.pb-0 {
    padding-bottom: 0px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-45 {
    padding-bottom: 45px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-55 {
    padding-bottom: 55px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-65 {
    padding-bottom: 65px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-75 {
    padding-bottom: 75px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-85 {
    padding-bottom: 85px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pb-95 {
    padding-bottom: 95px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pb-105 {
    padding-bottom: 105px !important
}

.pb-110 {
    padding-bottom: 110px !important
}

.pb-115 {
    padding-bottom: 115px !important
}

.pb-120 {
    padding-bottom: 120px !important
}

.pb-125 {
    padding-bottom: 125px !important
}

.pb-130 {
    padding-bottom: 130px !important
}

.pb-135 {
    padding-bottom: 135px !important
}

.pb-140 {
    padding-bottom: 140px !important
}

.pb-145 {
    padding-bottom: 145px !important
}

.pb-150 {
    padding-bottom: 150px !important
}

.pb-155 {
    padding-bottom: 155px !important
}

.pb-160 {
    padding-bottom: 160px !important
}

.pb-165 {
    padding-bottom: 165px !important
}

.pb-170 {
    padding-bottom: 170px !important
}

.pb-175 {
    padding-bottom: 175px !important
}

.pb-180 {
    padding-bottom: 180px !important
}

.pb-185 {
    padding-bottom: 185px !important
}

.pb-190 {
    padding-bottom: 190px !important
}

.pb-195 {
    padding-bottom: 195px !important
}

.pb-200 {
    padding-bottom: 200px !important
}

.pb-205 {
    padding-bottom: 205px !important
}

.pb-210 {
    padding-bottom: 210px !important
}

.pb-215 {
    padding-bottom: 215px !important
}

.pb-220 {
    padding-bottom: 220px !important
}

.pb-225 {
    padding-bottom: 225px !important
}

.pb-230 {
    padding-bottom: 230px !important
}

.pb-235 {
    padding-bottom: 235px !important
}

.pb-240 {
    padding-bottom: 240px !important
}

.pb-245 {
    padding-bottom: 245px !important
}

.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.py-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important
}

.py-60 {
    padding-top: 18px !important;
    padding-bottom: 25px !important
}

.py-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important
}

.py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.py-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important
}

.py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.py-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important
}

.py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.py-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important
}

.py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.py-105 {
    padding-top: 105px !important;
    padding-bottom: 105px !important
}

.py-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important
}

.py-115 {
    padding-top: 115px !important;
    padding-bottom: 115px !important
}

.py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.py-125 {
    padding-top: 125px !important;
    padding-bottom: 125px !important
}

.py-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important
}

.py-135 {
    padding-top: 135px !important;
    padding-bottom: 135px !important
}

.py-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important
}

.py-145 {
    padding-top: 145px !important;
    padding-bottom: 145px !important
}

.py-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important
}

.py-155 {
    padding-top: 155px !important;
    padding-bottom: 155px !important
}

.py-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important
}

.py-165 {
    padding-top: 165px !important;
    padding-bottom: 165px !important
}

.py-170 {
    padding-top: 170px !important;
    padding-bottom: 170px !important
}

.py-175 {
    padding-top: 175px !important;
    padding-bottom: 175px !important
}

.py-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important
}

.py-185 {
    padding-top: 185px !important;
    padding-bottom: 185px !important
}

.py-190 {
    padding-top: 190px !important;
    padding-bottom: 190px !important
}

.py-195 {
    padding-top: 195px !important;
    padding-bottom: 195px !important
}

.py-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important
}

.pl-0 {
    padding-left: 0px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-25 {
    padding-left: 25px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-35 {
    padding-left: 35px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-45 {
    padding-left: 45px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-55 {
    padding-left: 55px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pl-65 {
    padding-left: 65px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pl-75 {
    padding-left: 75px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pl-85 {
    padding-left: 85px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pl-95 {
    padding-left: 95px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pr-0 {
    padding-right: 0px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-25 {
    padding-right: 25px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-35 {
    padding-right: 35px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-45 {
    padding-right: 45px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pr-55 {
    padding-right: 55px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pr-65 {
    padding-right: 65px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pr-75 {
    padding-right: 75px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pr-85 {
    padding-right: 85px !important
}

.pr-90 {
    padding-right: 90px !important
}

.pr-95 {
    padding-right: 95px !important
}

.pr-100 {
    padding-right: 100px !important
}

.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.px-55 {
    padding-left: 55px !important;
    padding-right: 55px !important
}

.px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.px-65 {
    padding-left: 65px !important;
    padding-right: 65px !important
}

.px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important
}

.px-75 {
    padding-left: 75px !important;
    padding-right: 75px !important
}

.px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.px-85 {
    padding-left: 85px !important;
    padding-right: 85px !important
}

.px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important
}

.px-95 {
    padding-left: 95px !important;
    padding-right: 95px !important
}

.px-100 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

@media screen and (min-width: 576px) {
    .pt-sm-0 {
        padding-top: 0px !important
    }
    .pt-sm-5 {
        padding-top: 5px !important
    }
    .pt-sm-10 {
        padding-top: 10px !important
    }
    .pt-sm-15 {
        padding-top: 15px !important
    }
    .pt-sm-20 {
        padding-top: 20px !important
    }
    .pt-sm-25 {
        padding-top: 25px !important
    }
    .pt-sm-30 {
        padding-top: 30px !important
    }
    .pt-sm-35 {
        padding-top: 35px !important
    }
    .pt-sm-40 {
        padding-top: 40px !important
    }
    .pt-sm-45 {
        padding-top: 45px !important
    }
    .pt-sm-50 {
        padding-top: 50px !important
    }
    .pt-sm-55 {
        padding-top: 55px !important
    }
    .pt-sm-60 {
        padding-top: 60px !important
    }
    .pt-sm-65 {
        padding-top: 65px !important
    }
    .pt-sm-70 {
        padding-top: 70px !important
    }
    .pt-sm-75 {
        padding-top: 75px !important
    }
    .pt-sm-80 {
        padding-top: 80px !important
    }
    .pt-sm-85 {
        padding-top: 85px !important
    }
    .pt-sm-90 {
        padding-top: 90px !important
    }
    .pt-sm-95 {
        padding-top: 95px !important
    }
    .pt-sm-100 {
        padding-top: 100px !important
    }
    .pt-sm-105 {
        padding-top: 105px !important
    }
    .pt-sm-110 {
        padding-top: 110px !important
    }
    .pt-sm-115 {
        padding-top: 115px !important
    }
    .pt-sm-120 {
        padding-top: 120px !important
    }
    .pt-sm-125 {
        padding-top: 125px !important
    }
    .pt-sm-130 {
        padding-top: 130px !important
    }
    .pt-sm-135 {
        padding-top: 135px !important
    }
    .pt-sm-140 {
        padding-top: 140px !important
    }
    .pt-sm-145 {
        padding-top: 145px !important
    }
    .pt-sm-150 {
        padding-top: 150px !important
    }
    .pt-sm-155 {
        padding-top: 155px !important
    }
    .pt-sm-160 {
        padding-top: 160px !important
    }
    .pt-sm-165 {
        padding-top: 165px !important
    }
    .pt-sm-170 {
        padding-top: 170px !important
    }
    .pt-sm-175 {
        padding-top: 175px !important
    }
    .pt-sm-180 {
        padding-top: 180px !important
    }
    .pt-sm-185 {
        padding-top: 185px !important
    }
    .pt-sm-190 {
        padding-top: 190px !important
    }
    .pt-sm-195 {
        padding-top: 195px !important
    }
    .pt-sm-200 {
        padding-top: 200px !important
    }
    .pb-sm-0 {
        padding-bottom: 0px !important
    }
    .pb-sm-5 {
        padding-bottom: 5px !important
    }
    .pb-sm-10 {
        padding-bottom: 10px !important
    }
    .pb-sm-15 {
        padding-bottom: 15px !important
    }
    .pb-sm-20 {
        padding-bottom: 20px !important
    }
    .pb-sm-25 {
        padding-bottom: 25px !important
    }
    .pb-sm-30 {
        padding-bottom: 30px !important
    }
    .pb-sm-35 {
        padding-bottom: 35px !important
    }
    .pb-sm-40 {
        padding-bottom: 40px !important
    }
    .pb-sm-45 {
        padding-bottom: 45px !important
    }
    .pb-sm-50 {
        padding-bottom: 50px !important
    }
    .pb-sm-55 {
        padding-bottom: 55px !important
    }
    .pb-sm-60 {
        padding-bottom: 60px !important
    }
    .pb-sm-65 {
        padding-bottom: 65px !important
    }
    .pb-sm-70 {
        padding-bottom: 70px !important
    }
    .pb-sm-75 {
        padding-bottom: 75px !important
    }
    .pb-sm-80 {
        padding-bottom: 80px !important
    }
    .pb-sm-85 {
        padding-bottom: 85px !important
    }
    .pb-sm-90 {
        padding-bottom: 90px !important
    }
    .pb-sm-95 {
        padding-bottom: 95px !important
    }
    .pb-sm-100 {
        padding-bottom: 100px !important
    }
    .pb-sm-105 {
        padding-bottom: 105px !important
    }
    .pb-sm-110 {
        padding-bottom: 110px !important
    }
    .pb-sm-115 {
        padding-bottom: 115px !important
    }
    .pb-sm-120 {
        padding-bottom: 120px !important
    }
    .pb-sm-125 {
        padding-bottom: 125px !important
    }
    .pb-sm-130 {
        padding-bottom: 130px !important
    }
    .pb-sm-135 {
        padding-bottom: 135px !important
    }
    .pb-sm-140 {
        padding-bottom: 140px !important
    }
    .pb-sm-145 {
        padding-bottom: 145px !important
    }
    .pb-sm-150 {
        padding-bottom: 150px !important
    }
    .pb-sm-155 {
        padding-bottom: 155px !important
    }
    .pb-sm-160 {
        padding-bottom: 160px !important
    }
    .pb-sm-165 {
        padding-bottom: 165px !important
    }
    .pb-sm-170 {
        padding-bottom: 170px !important
    }
    .pb-sm-175 {
        padding-bottom: 175px !important
    }
    .pb-sm-180 {
        padding-bottom: 180px !important
    }
    .pb-sm-185 {
        padding-bottom: 185px !important
    }
    .pb-sm-190 {
        padding-bottom: 190px !important
    }
    .pb-sm-195 {
        padding-bottom: 195px !important
    }
    .pb-sm-200 {
        padding-bottom: 200px !important
    }
    .py-sm-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }
    .py-sm-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }
    .py-sm-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }
    .py-sm-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }
    .py-sm-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .py-sm-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }
    .py-sm-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
    .py-sm-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important
    }
    .py-sm-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
    .py-sm-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }
    .py-sm-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
    .py-sm-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important
    }
    .py-sm-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }
    .py-sm-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important
    }
    .py-sm-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }
    .py-sm-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important
    }
    .py-sm-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }
    .py-sm-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important
    }
    .py-sm-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important
    }
    .py-sm-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important
    }
    .py-sm-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }
    .py-sm-105 {
        padding-top: 105px !important;
        padding-bottom: 105px !important
    }
    .py-sm-110 {
        padding-top: 110px !important;
        padding-bottom: 110px !important
    }
    .py-sm-115 {
        padding-top: 115px !important;
        padding-bottom: 115px !important
    }
    .py-sm-120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }
    .py-sm-125 {
        padding-top: 125px !important;
        padding-bottom: 125px !important
    }
    .py-sm-130 {
        padding-top: 130px !important;
        padding-bottom: 130px !important
    }
    .py-sm-135 {
        padding-top: 135px !important;
        padding-bottom: 135px !important
    }
    .py-sm-140 {
        padding-top: 140px !important;
        padding-bottom: 140px !important
    }
    .py-sm-145 {
        padding-top: 145px !important;
        padding-bottom: 145px !important
    }
    .py-sm-150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important
    }
    .py-sm-155 {
        padding-top: 155px !important;
        padding-bottom: 155px !important
    }
    .py-sm-160 {
        padding-top: 160px !important;
        padding-bottom: 160px !important
    }
    .py-sm-165 {
        padding-top: 165px !important;
        padding-bottom: 165px !important
    }
    .py-sm-170 {
        padding-top: 170px !important;
        padding-bottom: 170px !important
    }
    .py-sm-175 {
        padding-top: 175px !important;
        padding-bottom: 175px !important
    }
    .py-sm-180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important
    }
    .py-sm-185 {
        padding-top: 185px !important;
        padding-bottom: 185px !important
    }
    .py-sm-190 {
        padding-top: 190px !important;
        padding-bottom: 190px !important
    }
    .py-sm-195 {
        padding-top: 195px !important;
        padding-bottom: 195px !important
    }
    .py-sm-200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important
    }
    .pl-sm-0 {
        padding-left: 0px !important
    }
    .pl-sm-5 {
        padding-left: 5px !important
    }
    .pl-sm-10 {
        padding-left: 10px !important
    }
    .pl-sm-15 {
        padding-left: 15px !important
    }
    .pl-sm-20 {
        padding-left: 20px !important
    }
    .pl-sm-25 {
        padding-left: 25px !important
    }
    .pl-sm-30 {
        padding-left: 30px !important
    }
    .pl-sm-35 {
        padding-left: 35px !important
    }
    .pl-sm-40 {
        padding-left: 40px !important
    }
    .pl-sm-45 {
        padding-left: 45px !important
    }
    .pl-sm-50 {
        padding-left: 50px !important
    }
    .pl-sm-55 {
        padding-left: 55px !important
    }
    .pl-sm-60 {
        padding-left: 60px !important
    }
    .pl-sm-65 {
        padding-left: 65px !important
    }
    .pl-sm-70 {
        padding-left: 70px !important
    }
    .pl-sm-75 {
        padding-left: 75px !important
    }
    .pl-sm-80 {
        padding-left: 80px !important
    }
    .pl-sm-85 {
        padding-left: 85px !important
    }
    .pl-sm-90 {
        padding-left: 90px !important
    }
    .pl-sm-95 {
        padding-left: 95px !important
    }
    .pl-sm-100 {
        padding-left: 100px !important
    }
    .pr-sm-0 {
        padding-right: 0px !important
    }
    .pr-sm-5 {
        padding-right: 5px !important
    }
    .pr-sm-10 {
        padding-right: 10px !important
    }
    .pr-sm-15 {
        padding-right: 15px !important
    }
    .pr-sm-20 {
        padding-right: 20px !important
    }
    .pr-sm-25 {
        padding-right: 25px !important
    }
    .pr-sm-30 {
        padding-right: 30px !important
    }
    .pr-sm-35 {
        padding-right: 35px !important
    }
    .pr-sm-40 {
        padding-right: 40px !important
    }
    .pr-sm-45 {
        padding-right: 45px !important
    }
    .pr-sm-50 {
        padding-right: 50px !important
    }
    .pr-sm-55 {
        padding-right: 55px !important
    }
    .pr-sm-60 {
        padding-right: 60px !important
    }
    .pr-sm-65 {
        padding-right: 65px !important
    }
    .pr-sm-70 {
        padding-right: 70px !important
    }
    .pr-sm-75 {
        padding-right: 75px !important
    }
    .pr-sm-80 {
        padding-right: 80px !important
    }
    .pr-sm-85 {
        padding-right: 85px !important
    }
    .pr-sm-90 {
        padding-right: 90px !important
    }
    .pr-sm-95 {
        padding-right: 95px !important
    }
    .pr-sm-100 {
        padding-right: 100px !important
    }
    .px-sm-0 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .px-sm-5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }
    .px-sm-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    .px-sm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .px-sm-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .px-sm-25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }
    .px-sm-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
    .px-sm-35 {
        padding-left: 35px !important;
        padding-right: 35px !important
    }
    .px-sm-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }
    .px-sm-45 {
        padding-left: 45px !important;
        padding-right: 45px !important
    }
    .px-sm-50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }
    .px-sm-55 {
        padding-left: 55px !important;
        padding-right: 55px !important
    }
    .px-sm-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }
    .px-sm-65 {
        padding-left: 65px !important;
        padding-right: 65px !important
    }
    .px-sm-70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }
    .px-sm-75 {
        padding-left: 75px !important;
        padding-right: 75px !important
    }
    .px-sm-80 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }
    .px-sm-85 {
        padding-left: 85px !important;
        padding-right: 85px !important
    }
    .px-sm-90 {
        padding-left: 90px !important;
        padding-right: 90px !important
    }
    .px-sm-95 {
        padding-left: 95px !important;
        padding-right: 95px !important
    }
    .px-sm-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

@media screen and (min-width: 768px) {
    .pt-md-0 {
        padding-top: 0px !important
    }
    .pt-md-5 {
        padding-top: 5px !important
    }
    .pt-md-10 {
        padding-top: 10px !important
    }
    .pt-md-15 {
        padding-top: 15px !important
    }
    .pt-md-20 {
        padding-top: 20px !important
    }
    .pt-md-25 {
        padding-top: 25px !important
    }
    .pt-md-30 {
        padding-top: 30px !important
    }
    .pt-md-35 {
        padding-top: 35px !important
    }
    .pt-md-40 {
        padding-top: 40px !important
    }
    .pt-md-45 {
        padding-top: 45px !important
    }
    .pt-md-50 {
        padding-top: 50px !important
    }
    .pt-md-55 {
        padding-top: 55px !important
    }
    .pt-md-60 {
        padding-top: 60px !important
    }
    .pt-md-65 {
        padding-top: 65px !important
    }
    .pt-md-70 {
        padding-top: 50px !important
    }
    .pt-md-75 {
        padding-top: 75px !important
    }
    .pt-md-80 {
        padding-top: 80px !important
    }
    .pt-md-85 {
        padding-top: 85px !important
    }
    .pt-md-90 {
        padding-top: 90px !important
    }
    .pt-md-95 {
        padding-top: 95px !important
    }
    .pt-md-100 {
        padding-top: 100px !important
    }
    .pt-md-105 {
        padding-top: 105px !important
    }
    .pt-md-110 {
        padding-top: 110px !important
    }
    .pt-md-115 {
        padding-top: 115px !important
    }
    .pt-md-120 {
        padding-top: 120px !important
    }
    .pt-md-125 {
        padding-top: 125px !important
    }
    .pt-md-130 {
        padding-top: 130px !important
    }
    .pt-md-135 {
        padding-top: 135px !important
    }
    .pt-md-140 {
        padding-top: 140px !important
    }
    .pt-md-145 {
        padding-top: 145px !important
    }
    .pt-md-150 {
        padding-top: 150px !important
    }
    .pt-md-155 {
        padding-top: 155px !important
    }
    .pt-md-160 {
        padding-top: 160px !important
    }
    .pt-md-165 {
        padding-top: 165px !important
    }
    .pt-md-170 {
        padding-top: 170px !important
    }
    .pt-md-175 {
        padding-top: 175px !important
    }
    .pt-md-180 {
        padding-top: 180px !important
    }
    .pt-md-185 {
        padding-top: 185px !important
    }
    .pt-md-190 {
        padding-top: 190px !important
    }
    .pt-md-195 {
        padding-top: 195px !important
    }
    .pt-md-200 {
        padding-top: 200px !important
    }
    .pb-md-0 {
        padding-bottom: 0px !important
    }
    .pb-md-5 {
        padding-bottom: 5px !important
    }
    .pb-md-10 {
        padding-bottom: 10px !important
    }
    .pb-md-15 {
        padding-bottom: 15px !important
    }
    .pb-md-20 {
        padding-bottom: 20px !important
    }
    .pb-md-25 {
        padding-bottom: 25px !important
    }
    .pb-md-30 {
        padding-bottom: 30px !important
    }
    .pb-md-35 {
        padding-bottom: 35px !important
    }
    .pb-md-40 {
        padding-bottom: 40px !important
    }
    .pb-md-45 {
        padding-bottom: 45px !important
    }
    .pb-md-50 {
        padding-bottom: 50px !important
    }
    .pb-md-55 {
        padding-bottom: 55px !important
    }
    .pb-md-60 {
        padding-bottom: 60px !important
    }
    .pb-md-65 {
        padding-bottom: 65px !important
    }
    .pb-md-70 {
        padding-bottom: 70px !important
    }
    .pb-md-75 {
        padding-bottom: 75px !important
    }
    .pb-md-80 {
        padding-bottom: 80px !important
    }
    .pb-md-85 {
        padding-bottom: 85px !important
    }
    .pb-md-90 {
        padding-bottom: 90px !important
    }
    .pb-md-95 {
        padding-bottom: 95px !important
    }
    .pb-md-100 {
        padding-bottom: 100px !important
    }
    .pb-md-105 {
        padding-bottom: 105px !important
    }
    .pb-md-110 {
        padding-bottom: 110px !important
    }
    .pb-md-115 {
        padding-bottom: 115px !important
    }
    .pb-md-120 {
        padding-bottom: 120px !important
    }
    .pb-md-125 {
        padding-bottom: 125px !important
    }
    .pb-md-130 {
        padding-bottom: 130px !important
    }
    .pb-md-135 {
        padding-bottom: 135px !important
    }
    .pb-md-140 {
        padding-bottom: 140px !important
    }
    .pb-md-145 {
        padding-bottom: 145px !important
    }
    .pb-md-150 {
        padding-bottom: 150px !important
    }
    .pb-md-155 {
        padding-bottom: 155px !important
    }
    .pb-md-160 {
        padding-bottom: 160px !important
    }
    .pb-md-165 {
        padding-bottom: 165px !important
    }
    .pb-md-170 {
        padding-bottom: 170px !important
    }
    .pb-md-175 {
        padding-bottom: 175px !important
    }
    .pb-md-180 {
        padding-bottom: 180px !important
    }
    .pb-md-185 {
        padding-bottom: 185px !important
    }
    .pb-md-190 {
        padding-bottom: 190px !important
    }
    .pb-md-195 {
        padding-bottom: 195px !important
    }
    .pb-md-200 {
        padding-bottom: 200px !important
    }
    .py-md-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }
    .py-md-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }
    .py-md-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }
    .py-md-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }
    .py-md-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .py-md-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }
    .py-md-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
    .py-md-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important
    }
    .py-md-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
    .py-md-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }
    .py-md-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
    .py-md-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important
    }
    .py-md-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }
    .py-md-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important
    }
    .py-md-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }
    .py-md-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important
    }
    .py-md-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }
    .py-md-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important
    }
    .py-md-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important
    }
    .py-md-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important
    }
    .py-md-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }
    .py-md-105 {
        padding-top: 105px !important;
        padding-bottom: 105px !important
    }
    .py-md-110 {
        padding-top: 110px !important;
        padding-bottom: 110px !important
    }
    .py-md-115 {
        padding-top: 115px !important;
        padding-bottom: 115px !important
    }
    .py-md-120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }
    .py-md-125 {
        padding-top: 125px !important;
        padding-bottom: 125px !important
    }
    .py-md-130 {
        padding-top: 130px !important;
        padding-bottom: 130px !important
    }
    .py-md-135 {
        padding-top: 135px !important;
        padding-bottom: 135px !important
    }
    .py-md-140 {
        padding-top: 140px !important;
        padding-bottom: 140px !important
    }
    .py-md-145 {
        padding-top: 145px !important;
        padding-bottom: 145px !important
    }
    .py-md-150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important
    }
    .py-md-155 {
        padding-top: 155px !important;
        padding-bottom: 155px !important
    }
    .py-md-160 {
        padding-top: 160px !important;
        padding-bottom: 160px !important
    }
    .py-md-165 {
        padding-top: 165px !important;
        padding-bottom: 165px !important
    }
    .py-md-170 {
        padding-top: 170px !important;
        padding-bottom: 170px !important
    }
    .py-md-175 {
        padding-top: 175px !important;
        padding-bottom: 175px !important
    }
    .py-md-180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important
    }
    .py-md-185 {
        padding-top: 185px !important;
        padding-bottom: 185px !important
    }
    .py-md-190 {
        padding-top: 190px !important;
        padding-bottom: 190px !important
    }
    .py-md-195 {
        padding-top: 195px !important;
        padding-bottom: 195px !important
    }
    .py-md-200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important
    }
    .pl-md-0 {
        padding-left: 0px !important
    }
    .pl-md-5 {
        padding-left: 5px !important
    }
    .pl-md-10 {
        padding-left: 10px !important
    }
    .pl-md-15 {
        padding-left: 15px !important
    }
    .pl-md-20 {
        padding-left: 20px !important
    }
    .pl-md-25 {
        padding-left: 25px !important
    }
    .pl-md-30 {
        padding-left: 30px !important
    }
    .pl-md-35 {
        padding-left: 35px !important
    }
    .pl-md-40 {
        padding-left: 40px !important
    }
    .pl-md-45 {
        padding-left: 45px !important
    }
    .pl-md-50 {
        padding-left: 50px !important
    }
    .pl-md-55 {
        padding-left: 55px !important
    }
    .pl-md-60 {
        padding-left: 60px !important
    }
    .pl-md-65 {
        padding-left: 65px !important
    }
    .pl-md-70 {
        padding-left: 70px !important
    }
    .pl-md-75 {
        padding-left: 75px !important
    }
    .pl-md-80 {
        padding-left: 80px !important
    }
    .pl-md-85 {
        padding-left: 85px !important
    }
    .pl-md-90 {
        padding-left: 90px !important
    }
    .pl-md-95 {
        padding-left: 95px !important
    }
    .pl-md-100 {
        padding-left: 100px !important
    }
    .pr-md-0 {
        padding-right: 0px !important
    }
    .pr-md-5 {
        padding-right: 5px !important
    }
    .pr-md-10 {
        padding-right: 10px !important
    }
    .pr-md-15 {
        padding-right: 15px !important
    }
    .pr-md-20 {
        padding-right: 20px !important
    }
    .pr-md-25 {
        padding-right: 25px !important
    }
    .pr-md-30 {
        padding-right: 30px !important
    }
    .pr-md-35 {
        padding-right: 35px !important
    }
    .pr-md-40 {
        padding-right: 40px !important
    }
    .pr-md-45 {
        padding-right: 45px !important
    }
    .pr-md-50 {
        padding-right: 50px !important
    }
    .pr-md-55 {
        padding-right: 55px !important
    }
    .pr-md-60 {
        padding-right: 60px !important
    }
    .pr-md-65 {
        padding-right: 65px !important
    }
    .pr-md-70 {
        padding-right: 70px !important
    }
    .pr-md-75 {
        padding-right: 75px !important
    }
    .pr-md-80 {
        padding-right: 80px !important
    }
    .pr-md-85 {
        padding-right: 85px !important
    }
    .pr-md-90 {
        padding-right: 90px !important
    }
    .pr-md-95 {
        padding-right: 95px !important
    }
    .pr-md-100 {
        padding-right: 100px !important
    }
    .px-md-0 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .px-md-5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }
    .px-md-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    .px-md-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .px-md-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .px-md-25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }
    .px-md-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
    .px-md-35 {
        padding-left: 35px !important;
        padding-right: 35px !important
    }
    .px-md-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }
    .px-md-45 {
        padding-left: 45px !important;
        padding-right: 45px !important
    }
    .px-md-50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }
    .px-md-55 {
        padding-left: 55px !important;
        padding-right: 55px !important
    }
    .px-md-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }
    .px-md-65 {
        padding-left: 65px !important;
        padding-right: 65px !important
    }
    .px-md-70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }
    .px-md-75 {
        padding-left: 75px !important;
        padding-right: 75px !important
    }
    .px-md-80 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }
    .px-md-85 {
        padding-left: 85px !important;
        padding-right: 85px !important
    }
    .px-md-90 {
        padding-left: 90px !important;
        padding-right: 90px !important
    }
    .px-md-95 {
        padding-left: 95px !important;
        padding-right: 95px !important
    }
    .px-md-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

@media screen and (min-width: 992px) {
    .pt-lg-0 {
        padding-top: 0px !important
    }
    .pt-lg-5 {
        padding-top: 5px !important
    }
    .pt-lg-10 {
        padding-top: 10px !important
    }
    .pt-lg-15 {
        padding-top: 15px !important
    }
    .pt-lg-20 {
        padding-top: 20px !important
    }
    .pt-lg-25 {
        padding-top: 25px !important
    }
    .pt-lg-30 {
        padding-top: 30px !important
    }
    .pt-lg-35 {
        padding-top: 35px !important
    }
    .pt-lg-40 {
        padding-top: 40px !important
    }
    .pt-lg-45 {
        padding-top: 45px !important
    }
    .pt-lg-50 {
        padding-top: 50px !important
    }
    .pt-lg-55 {
        padding-top: 55px !important
    }
    .pt-lg-60 {
        padding-top: 60px !important
    }
    .pt-lg-65 {
        padding-top: 65px !important
    }
    .pt-lg-70 {
        padding-top: 70px !important
    }
    .pt-lg-75 {
        padding-top: 75px !important
    }
    .pt-lg-80 {
        padding-top: 80px !important
    }
    .pt-lg-85 {
        padding-top: 85px !important
    }
    .pt-lg-90 {
        padding-top: 90px !important
    }
    .pt-lg-95 {
        padding-top: 95px !important
    }
    .pt-lg-100 {
        padding-top: 100px !important
    }
    .pt-lg-105 {
        padding-top: 105px !important
    }
    .pt-lg-110 {
        padding-top: 110px !important
    }
    .pt-lg-115 {
        padding-top: 115px !important
    }
    .pt-lg-120 {
        padding-top: 120px !important
    }
    .pt-lg-125 {
        padding-top: 125px !important
    }
    .pt-lg-130 {
        padding-top: 130px !important
    }
    .pt-lg-135 {
        padding-top: 135px !important
    }
    .pt-lg-140 {
        padding-top: 140px !important
    }
    .pt-lg-145 {
        padding-top: 145px !important
    }
    .pt-lg-150 {
        padding-top: 150px !important
    }
    .pt-lg-155 {
        padding-top: 155px !important
    }
    .pt-lg-160 {
        padding-top: 160px !important
    }
    .pt-lg-165 {
        padding-top: 165px !important
    }
    .pt-lg-170 {
        padding-top: 170px !important
    }
    .pt-lg-175 {
        padding-top: 175px !important
    }
    .pt-lg-180 {
        padding-top: 180px !important
    }
    .pt-lg-185 {
        padding-top: 185px !important
    }
    .pt-lg-190 {
        padding-top: 190px !important
    }
    .pt-lg-195 {
        padding-top: 195px !important
    }
    .pt-lg-200 {
        padding-top: 200px !important
    }
    .pb-lg-0 {
        padding-bottom: 0px !important
    }
    .pb-lg-5 {
        padding-bottom: 5px !important
    }
    .pb-lg-10 {
        padding-bottom: 10px !important
    }
    .pb-lg-15 {
        padding-bottom: 15px !important
    }
    .pb-lg-20 {
        padding-bottom: 20px !important
    }
    .pb-lg-25 {
        padding-bottom: 25px !important
    }
    .pb-lg-30 {
        padding-bottom: 30px !important
    }
    .pb-lg-35 {
        padding-bottom: 35px !important
    }
    .pb-lg-40 {
        padding-bottom: 40px !important
    }
    .pb-lg-45 {
        padding-bottom: 45px !important
    }
    .pb-lg-50 {
        padding-bottom: 50px !important
    }
    .pb-lg-55 {
        padding-bottom: 55px !important
    }
    .pb-lg-60 {
        padding-bottom: 60px !important
    }
    .pb-lg-65 {
        padding-bottom: 65px !important
    }
    .pb-lg-70 {
        padding-bottom: 70px !important
    }
    .pb-lg-75 {
        padding-bottom: 75px !important
    }
    .pb-lg-80 {
        padding-bottom: 80px !important
    }
    .pb-lg-85 {
        padding-bottom: 85px !important
    }
    .pb-lg-90 {
        padding-bottom: 90px !important
    }
    .pb-lg-95 {
        padding-bottom: 95px !important
    }
    .pb-lg-100 {
        padding-bottom: 100px !important
    }
    .pb-lg-105 {
        padding-bottom: 105px !important
    }
    .pb-lg-110 {
        padding-bottom: 110px !important
    }
    .pb-lg-115 {
        padding-bottom: 115px !important
    }
    .pb-lg-120 {
        padding-bottom: 120px !important
    }
    .pb-lg-125 {
        padding-bottom: 125px !important
    }
    .pb-lg-130 {
        padding-bottom: 130px !important
    }
    .pb-lg-135 {
        padding-bottom: 135px !important
    }
    .pb-lg-140 {
        padding-bottom: 140px !important
    }
    .pb-lg-145 {
        padding-bottom: 145px !important
    }
    .pb-lg-150 {
        padding-bottom: 150px !important
    }
    .pb-lg-155 {
        padding-bottom: 155px !important
    }
    .pb-lg-160 {
        padding-bottom: 160px !important
    }
    .pb-lg-165 {
        padding-bottom: 165px !important
    }
    .pb-lg-170 {
        padding-bottom: 170px !important
    }
    .pb-lg-175 {
        padding-bottom: 175px !important
    }
    .pb-lg-180 {
        padding-bottom: 180px !important
    }
    .pb-lg-185 {
        padding-bottom: 185px !important
    }
    .pb-lg-190 {
        padding-bottom: 190px !important
    }
    .pb-lg-195 {
        padding-bottom: 195px !important
    }
    .pb-lg-200 {
        padding-bottom: 200px !important
    }
    .py-lg-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }
    .py-lg-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }
    .py-lg-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }
    .py-lg-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }
    .py-lg-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .py-lg-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }
    .py-lg-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
    .py-lg-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important
    }
    .py-lg-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
    .py-lg-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }
    .py-lg-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
    .py-lg-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important
    }
    .py-lg-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }
    .py-lg-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important
    }
    .py-lg-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }
    .py-lg-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important
    }
    .py-lg-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }
    .py-lg-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important
    }
    .py-lg-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important
    }
    .py-lg-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important
    }
    .py-lg-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }
    .py-lg-105 {
        padding-top: 105px !important;
        padding-bottom: 105px !important
    }
    .py-lg-110 {
        padding-top: 110px !important;
        padding-bottom: 110px !important
    }
    .py-lg-115 {
        padding-top: 115px !important;
        padding-bottom: 115px !important
    }
    .py-lg-120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }
    .py-lg-125 {
        padding-top: 125px !important;
        padding-bottom: 125px !important
    }
    .py-lg-130 {
        padding-top: 130px !important;
        padding-bottom: 130px !important
    }
    .py-lg-135 {
        padding-top: 135px !important;
        padding-bottom: 135px !important
    }
    .py-lg-140 {
        padding-top: 140px !important;
        padding-bottom: 140px !important
    }
    .py-lg-145 {
        padding-top: 145px !important;
        padding-bottom: 145px !important
    }
    .py-lg-150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important
    }
    .py-lg-155 {
        padding-top: 155px !important;
        padding-bottom: 155px !important
    }
    .py-lg-160 {
        padding-top: 160px !important;
        padding-bottom: 160px !important
    }
    .py-lg-165 {
        padding-top: 165px !important;
        padding-bottom: 165px !important
    }
    .py-lg-170 {
        padding-top: 170px !important;
        padding-bottom: 170px !important
    }
    .py-lg-175 {
        padding-top: 175px !important;
        padding-bottom: 175px !important
    }
    .py-lg-180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important
    }
    .py-lg-185 {
        padding-top: 185px !important;
        padding-bottom: 185px !important
    }
    .py-lg-190 {
        padding-top: 190px !important;
        padding-bottom: 190px !important
    }
    .py-lg-195 {
        padding-top: 195px !important;
        padding-bottom: 195px !important
    }
    .py-lg-200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important
    }
    .pl-lg-0 {
        padding-left: 0px !important
    }
    .pl-lg-5 {
        padding-left: 5px !important
    }
    .pl-lg-10 {
        padding-left: 10px !important
    }
    .pl-lg-15 {
        padding-left: 15px !important
    }
    .pl-lg-20 {
        padding-left: 20px !important
    }
    .pl-lg-25 {
        padding-left: 25px !important
    }
    .pl-lg-30 {
        padding-left: 30px !important
    }
    .pl-lg-35 {
        padding-left: 35px !important
    }
    .pl-lg-40 {
        padding-left: 40px !important
    }
    .pl-lg-45 {
        padding-left: 45px !important
    }
    .pl-lg-50 {
        padding-left: 50px !important
    }
    .pl-lg-55 {
        padding-left: 55px !important
    }
    .pl-lg-60 {
        padding-left: 60px !important
    }
    .pl-lg-65 {
        padding-left: 65px !important
    }
    .pl-lg-70 {
        padding-left: 70px !important
    }
    .pl-lg-75 {
        padding-left: 75px !important
    }
    .pl-lg-80 {
        padding-left: 80px !important
    }
    .pl-lg-85 {
        padding-left: 85px !important
    }
    .pl-lg-90 {
        padding-left: 90px !important
    }
    .pl-lg-95 {
        padding-left: 95px !important
    }
    .pl-lg-100 {
        padding-left: 100px !important
    }
    .pr-lg-0 {
        padding-right: 0px !important
    }
    .pr-lg-5 {
        padding-right: 5px !important
    }
    .pr-lg-10 {
        padding-right: 10px !important
    }
    .pr-lg-15 {
        padding-right: 15px !important
    }
    .pr-lg-20 {
        padding-right: 20px !important
    }
    .pr-lg-25 {
        padding-right: 25px !important
    }
    .pr-lg-30 {
        padding-right: 30px !important
    }
    .pr-lg-35 {
        padding-right: 35px !important
    }
    .pr-lg-40 {
        padding-right: 40px !important
    }
    .pr-lg-45 {
        padding-right: 45px !important
    }
    .pr-lg-50 {
        padding-right: 50px !important
    }
    .pr-lg-55 {
        padding-right: 55px !important
    }
    .pr-lg-60 {
        padding-right: 60px !important
    }
    .pr-lg-65 {
        padding-right: 65px !important
    }
    .pr-lg-70 {
        padding-right: 70px !important
    }
    .pr-lg-75 {
        padding-right: 75px !important
    }
    .pr-lg-80 {
        padding-right: 80px !important
    }
    .pr-lg-85 {
        padding-right: 85px !important
    }
    .pr-lg-90 {
        padding-right: 90px !important
    }
    .pr-lg-95 {
        padding-right: 95px !important
    }
    .pr-lg-100 {
        padding-right: 100px !important
    }
    .px-lg-0 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .px-lg-5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }
    .px-lg-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    .px-lg-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .px-lg-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .px-lg-25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }
    .px-lg-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
    .px-lg-35 {
        padding-left: 35px !important;
        padding-right: 35px !important
    }
    .px-lg-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }
    .px-lg-45 {
        padding-left: 45px !important;
        padding-right: 45px !important
    }
    .px-lg-50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }
    .px-lg-55 {
        padding-left: 55px !important;
        padding-right: 55px !important
    }
    .px-lg-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }
    .px-lg-65 {
        padding-left: 65px !important;
        padding-right: 65px !important
    }
    .px-lg-70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }
    .px-lg-75 {
        padding-left: 75px !important;
        padding-right: 75px !important
    }
    .px-lg-80 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }
    .px-lg-85 {
        padding-left: 85px !important;
        padding-right: 85px !important
    }
    .px-lg-90 {
        padding-left: 90px !important;
        padding-right: 90px !important
    }
    .px-lg-95 {
        padding-left: 95px !important;
        padding-right: 95px !important
    }
    .px-lg-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

@media screen and (min-width: 1200px) {
    .pt-xl-0 {
        padding-top: 0px !important
    }
    .pt-xl-5 {
        padding-top: 5px !important
    }
    .pt-xl-10 {
        padding-top: 10px !important
    }
    .pt-xl-15 {
        padding-top: 15px !important
    }
    .pt-xl-20 {
        padding-top: 20px !important
    }
    .pt-xl-25 {
        padding-top: 25px !important
    }
    .pt-xl-30 {
        padding-top: 30px !important
    }
    .pt-xl-35 {
        padding-top: 35px !important
    }
    .pt-xl-40 {
        padding-top: 40px !important
    }
    .pt-xl-45 {
        padding-top: 45px !important
    }
    .pt-xl-50 {
        padding-top: 50px !important
    }
    .pt-xl-55 {
        padding-top: 55px !important
    }
    .pt-xl-60 {
        padding-top: 60px !important
    }
    .pt-xl-65 {
        padding-top: 65px !important
    }
    .pt-xl-70 {
        padding-top: 70px !important
    }
    .pt-xl-75 {
        padding-top: 75px !important
    }
    .pt-xl-80 {
        padding-top: 80px !important
    }
    .pt-xl-85 {
        padding-top: 85px !important
    }
    .pt-xl-90 {
        padding-top: 90px !important
    }
    .pt-xl-95 {
        padding-top: 95px !important
    }
    .pt-xl-100 {
        padding-top: 100px !important
    }
    .pt-xl-105 {
        padding-top: 105px !important
    }
    .pt-xl-110 {
        padding-top: 110px !important
    }
    .pt-xl-115 {
        padding-top: 115px !important
    }
    .pt-xl-120 {
        padding-top: 120px !important
    }
    .pt-xl-125 {
        padding-top: 125px !important
    }
    .pt-xl-130 {
        padding-top: 130px !important
    }
    .pt-xl-135 {
        padding-top: 135px !important
    }
    .pt-xl-140 {
        padding-top: 140px !important
    }
    .pt-xl-145 {
        padding-top: 145px !important
    }
    .pt-xl-150 {
        padding-top: 150px !important
    }
    .pt-xl-155 {
        padding-top: 155px !important
    }
    .pt-xl-160 {
        padding-top: 160px !important
    }
    .pt-xl-165 {
        padding-top: 165px !important
    }
    .pt-xl-170 {
        padding-top: 170px !important
    }
    .pt-xl-175 {
        padding-top: 175px !important
    }
    .pt-xl-180 {
        padding-top: 180px !important
    }
    .pt-xl-185 {
        padding-top: 185px !important
    }
    .pt-xl-190 {
        padding-top: 190px !important
    }
    .pt-xl-195 {
        padding-top: 195px !important
    }
    .pt-xl-200 {
        padding-top: 200px !important
    }
    .pb-xl-0 {
        padding-bottom: 0px !important
    }
    .pb-xl-5 {
        padding-bottom: 5px !important
    }
    .pb-xl-10 {
        padding-bottom: 10px !important
    }
    .pb-xl-15 {
        padding-bottom: 15px !important
    }
    .pb-xl-20 {
        padding-bottom: 20px !important
    }
    .pb-xl-25 {
        padding-bottom: 25px !important
    }
    .pb-xl-30 {
        padding-bottom: 30px !important
    }
    .pb-xl-35 {
        padding-bottom: 35px !important
    }
    .pb-xl-40 {
        padding-bottom: 40px !important
    }
    .pb-xl-45 {
        padding-bottom: 45px !important
    }
    .pb-xl-50 {
        padding-bottom: 50px !important
    }
    .pb-xl-55 {
        padding-bottom: 55px !important
    }
    .pb-xl-60 {
        padding-bottom: 60px !important
    }
    .pb-xl-65 {
        padding-bottom: 65px !important
    }
    .pb-xl-70 {
        padding-bottom: 70px !important
    }
    .pb-xl-75 {
        padding-bottom: 75px !important
    }
    .pb-xl-80 {
        padding-bottom: 80px !important
    }
    .pb-xl-85 {
        padding-bottom: 85px !important
    }
    .pb-xl-90 {
        padding-bottom: 90px !important
    }
    .pb-xl-95 {
        padding-bottom: 95px !important
    }
    .pb-xl-100 {
        padding-bottom: 100px !important
    }
    .pb-xl-105 {
        padding-bottom: 105px !important
    }
    .pb-xl-110 {
        padding-bottom: 110px !important
    }
    .pb-xl-115 {
        padding-bottom: 115px !important
    }
    .pb-xl-120 {
        padding-bottom: 120px !important
    }
    .pb-xl-125 {
        padding-bottom: 125px !important
    }
    .pb-xl-130 {
        padding-bottom: 130px !important
    }
    .pb-xl-135 {
        padding-bottom: 135px !important
    }
    .pb-xl-140 {
        padding-bottom: 140px !important
    }
    .pb-xl-145 {
        padding-bottom: 145px !important
    }
    .pb-xl-150 {
        padding-bottom: 150px !important
    }
    .pb-xl-155 {
        padding-bottom: 155px !important
    }
    .pb-xl-160 {
        padding-bottom: 160px !important
    }
    .pb-xl-165 {
        padding-bottom: 165px !important
    }
    .pb-xl-170 {
        padding-bottom: 170px !important
    }
    .pb-xl-175 {
        padding-bottom: 175px !important
    }
    .pb-xl-180 {
        padding-bottom: 180px !important
    }
    .pb-xl-185 {
        padding-bottom: 185px !important
    }
    .pb-xl-190 {
        padding-bottom: 190px !important
    }
    .pb-xl-195 {
        padding-bottom: 195px !important
    }
    .pb-xl-200 {
        padding-bottom: 200px !important
    }
    .py-xl-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }
    .py-xl-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }
    .py-xl-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }
    .py-xl-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }
    .py-xl-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .py-xl-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }
    .py-xl-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
    .py-xl-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important
    }
    .py-xl-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
    .py-xl-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }
    .py-xl-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
    .py-xl-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important
    }
    .py-xl-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }
    .py-xl-65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important
    }
    .py-xl-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }
    .py-xl-75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important
    }
    .py-xl-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }
    .py-xl-85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important
    }
    .py-xl-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important
    }
    .py-xl-95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important
    }
    .py-xl-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }
    .py-xl-105 {
        padding-top: 105px !important;
        padding-bottom: 105px !important
    }
    .py-xl-110 {
        padding-top: 110px !important;
        padding-bottom: 110px !important
    }
    .py-xl-115 {
        padding-top: 115px !important;
        padding-bottom: 115px !important
    }
    .py-xl-120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }
    .py-xl-125 {
        padding-top: 125px !important;
        padding-bottom: 125px !important
    }
    .py-xl-130 {
        padding-top: 130px !important;
        padding-bottom: 130px !important
    }
    .py-xl-135 {
        padding-top: 135px !important;
        padding-bottom: 135px !important
    }
    .py-xl-140 {
        padding-top: 140px !important;
        padding-bottom: 140px !important
    }
    .py-xl-145 {
        padding-top: 145px !important;
        padding-bottom: 145px !important
    }
    .py-xl-150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important
    }
    .py-xl-155 {
        padding-top: 155px !important;
        padding-bottom: 155px !important
    }
    .py-xl-160 {
        padding-top: 160px !important;
        padding-bottom: 160px !important
    }
    .py-xl-165 {
        padding-top: 165px !important;
        padding-bottom: 165px !important
    }
    .py-xl-170 {
        padding-top: 170px !important;
        padding-bottom: 170px !important
    }
    .py-xl-175 {
        padding-top: 175px !important;
        padding-bottom: 175px !important
    }
    .py-xl-180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important
    }
    .py-xl-185 {
        padding-top: 185px !important;
        padding-bottom: 185px !important
    }
    .py-xl-190 {
        padding-top: 190px !important;
        padding-bottom: 190px !important
    }
    .py-xl-195 {
        padding-top: 195px !important;
        padding-bottom: 195px !important
    }
    .py-xl-200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important
    }
    .pl-xl-0 {
        padding-left: 0px !important
    }
    .pl-xl-5 {
        padding-left: 5px !important
    }
    .pl-xl-10 {
        padding-left: 10px !important
    }
    .pl-xl-15 {
        padding-left: 15px !important
    }
    .pl-xl-20 {
        padding-left: 20px !important
    }
    .pl-xl-25 {
        padding-left: 25px !important
    }
    .pl-xl-30 {
        padding-left: 30px !important
    }
    .pl-xl-35 {
        padding-left: 35px !important
    }
    .pl-xl-40 {
        padding-left: 40px !important
    }
    .pl-xl-45 {
        padding-left: 45px !important
    }
    .pl-xl-50 {
        padding-left: 50px !important
    }
    .pl-xl-55 {
        padding-left: 55px !important
    }
    .pl-xl-60 {
        padding-left: 60px !important
    }
    .pl-xl-65 {
        padding-left: 65px !important
    }
    .pl-xl-70 {
        padding-left: 70px !important
    }
    .pl-xl-75 {
        padding-left: 75px !important
    }
    .pl-xl-80 {
        padding-left: 80px !important
    }
    .pl-xl-85 {
        padding-left: 85px !important
    }
    .pl-xl-90 {
        padding-left: 90px !important
    }
    .pl-xl-95 {
        padding-left: 95px !important
    }
    .pl-xl-100 {
        padding-left: 100px !important
    }
    .pr-xl-0 {
        padding-right: 0px !important
    }
    .pr-xl-5 {
        padding-right: 5px !important
    }
    .pr-xl-10 {
        padding-right: 10px !important
    }
    .pr-xl-15 {
        padding-right: 15px !important
    }
    .pr-xl-20 {
        padding-right: 20px !important
    }
    .pr-xl-25 {
        padding-right: 25px !important
    }
    .pr-xl-30 {
        padding-right: 30px !important
    }
    .pr-xl-35 {
        padding-right: 35px !important
    }
    .pr-xl-40 {
        padding-right: 40px !important
    }
    .pr-xl-45 {
        padding-right: 45px !important
    }
    .pr-xl-50 {
        padding-right: 50px !important
    }
    .pr-xl-55 {
        padding-right: 55px !important
    }
    .pr-xl-60 {
        padding-right: 60px !important
    }
    .pr-xl-65 {
        padding-right: 65px !important
    }
    .pr-xl-70 {
        padding-right: 70px !important
    }
    .pr-xl-75 {
        padding-right: 75px !important
    }
    .pr-xl-80 {
        padding-right: 80px !important
    }
    .pr-xl-85 {
        padding-right: 85px !important
    }
    .pr-xl-90 {
        padding-right: 90px !important
    }
    .pr-xl-95 {
        padding-right: 95px !important
    }
    .pr-xl-100 {
        padding-right: 100px !important
    }
    .px-xl-0 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .px-xl-5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }
    .px-xl-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    .px-xl-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .px-xl-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .px-xl-25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }
    .px-xl-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
    .px-xl-35 {
        padding-left: 35px !important;
        padding-right: 35px !important
    }
    .px-xl-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }
    .px-xl-45 {
        padding-left: 45px !important;
        padding-right: 45px !important
    }
    .px-xl-50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }
    .px-xl-55 {
        padding-left: 55px !important;
        padding-right: 55px !important
    }
    .px-xl-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }
    .px-xl-65 {
        padding-left: 65px !important;
        padding-right: 65px !important
    }
    .px-xl-70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }
    .px-xl-75 {
        padding-left: 75px !important;
        padding-right: 75px !important
    }
    .px-xl-80 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }
    .px-xl-85 {
        padding-left: 85px !important;
        padding-right: 85px !important
    }
    .px-xl-90 {
        padding-left: 90px !important;
        padding-right: 90px !important
    }
    .px-xl-95 {
        padding-left: 95px !important;
        padding-right: 95px !important
    }
    .px-xl-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

.mt-0 {
    margin-top: 0px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-55 {
    margin-top: 55px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-65 {
    margin-top: 65px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-75 {
    margin-top: 75px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-85 {
    margin-top: 85px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mt-95 {
    margin-top: 95px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-105 {
    margin-top: 105px !important
}

.mt-110 {
    margin-top: 110px !important
}

.mt-115 {
    margin-top: 115px !important
}

.mt-120 {
    margin-top: 120px !important
}

.mt-125 {
    margin-top: 125px !important
}

.mt-130 {
    margin-top: 130px !important
}

.mt-135 {
    margin-top: 135px !important
}

.mt-140 {
    margin-top: 140px !important
}

.mt-145 {
    margin-top: 145px !important
}

.mt-150 {
    margin-top: 150px !important
}

.mt-155 {
    margin-top: 155px !important
}

.mt-160 {
    margin-top: 160px !important
}

.mt-165 {
    margin-top: 165px !important
}

.mt-170 {
    margin-top: 170px !important
}

.mt-175 {
    margin-top: 175px !important
}

.mt-180 {
    margin-top: 180px !important
}

.mt-185 {
    margin-top: 185px !important
}

.mt-190 {
    margin-top: 190px !important
}

.mt-195 {
    margin-top: 195px !important
}

.mt-200 {
    margin-top: 200px !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-55 {
    margin-bottom: 55px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-65 {
    margin-bottom: 65px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-75 {
    margin-bottom: 75px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-85 {
    margin-bottom: 85px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-95 {
    margin-bottom: 95px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.mb-105 {
    margin-bottom: 105px !important
}

.mb-110 {
    margin-bottom: 110px !important
}

.mb-115 {
    margin-bottom: 115px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

.mb-125 {
    margin-bottom: 125px !important
}

.mb-130 {
    margin-bottom: 130px !important
}

.mb-135 {
    margin-bottom: 135px !important
}

.mb-140 {
    margin-bottom: 140px !important
}

.mb-145 {
    margin-bottom: 145px !important
}

.mb-150 {
    margin-bottom: 150px !important
}

.mb-155 {
    margin-bottom: 155px !important
}

.mb-160 {
    margin-bottom: 160px !important
}

.mb-165 {
    margin-bottom: 165px !important
}

.mb-170 {
    margin-bottom: 170px !important
}

.mb-175 {
    margin-bottom: 175px !important
}

.mb-180 {
    margin-bottom: 180px !important
}

.mb-185 {
    margin-bottom: 185px !important
}

.mb-190 {
    margin-bottom: 190px !important
}

.mb-195 {
    margin-bottom: 195px !important
}

.mb-200 {
    margin-bottom: 200px !important
}

.my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

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

.my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.my-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important
}

.my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.my-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important
}

.my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.my-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important
}

.my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.my-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important
}

.my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important
}

.my-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important
}

.my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important
}

.my-105 {
    margin-top: 105px !important;
    margin-bottom: 105px !important
}

.my-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important
}

.my-115 {
    margin-top: 115px !important;
    margin-bottom: 115px !important
}

.my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important
}

.my-125 {
    margin-top: 125px !important;
    margin-bottom: 125px !important
}

.my-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important
}

.my-135 {
    margin-top: 135px !important;
    margin-bottom: 135px !important
}

.my-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important
}

.my-145 {
    margin-top: 145px !important;
    margin-bottom: 145px !important
}

.my-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important
}

.my-155 {
    margin-top: 155px !important;
    margin-bottom: 155px !important
}

.my-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important
}

.my-165 {
    margin-top: 165px !important;
    margin-bottom: 165px !important
}

.my-170 {
    margin-top: 170px !important;
    margin-bottom: 170px !important
}

.my-175 {
    margin-top: 175px !important;
    margin-bottom: 175px !important
}

.my-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important
}

.my-185 {
    margin-top: 185px !important;
    margin-bottom: 185px !important
}

.my-190 {
    margin-top: 190px !important;
    margin-bottom: 190px !important
}

.my-195 {
    margin-top: 195px !important;
    margin-bottom: 195px !important
}

.my-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important
}

.ml-0 {
    margin-left: 0px !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-25 {
    margin-left: 25px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-35 {
    margin-left: 35px !important
}

.ml-40 {
    margin-left: 40px !important
}

.ml-45 {
    margin-left: 45px !important
}

.ml-50 {
    margin-left: 50px !important
}

.ml-55 {
    margin-left: 55px !important
}

.ml-60 {
    margin-left: 60px !important
}

.ml-65 {
    margin-left: 65px !important
}

.ml-70 {
    margin-left: 70px !important
}

.ml-75 {
    margin-left: 75px !important
}

.ml-80 {
    margin-left: 80px !important
}

.ml-85 {
    margin-left: 85px !important
}

.ml-90 {
    margin-left: 90px !important
}

.ml-95 {
    margin-left: 95px !important
}

.ml-100 {
    margin-left: 100px !important
}

.mr-0 {
    margin-right: 0px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-25 {
    margin-right: 25px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-35 {
    margin-right: 35px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mr-45 {
    margin-right: 45px !important
}

.mr-50 {
    margin-right: 50px !important
}

.mr-55 {
    margin-right: 55px !important
}

.mr-60 {
    margin-right: 60px !important
}

.mr-65 {
    margin-right: 65px !important
}

.mr-70 {
    margin-right: 70px !important
}

.mr-75 {
    margin-right: 75px !important
}

.mr-80 {
    margin-right: 80px !important
}

.mr-85 {
    margin-right: 85px !important
}

.mr-90 {
    margin-right: 90px !important
}

.mr-95 {
    margin-right: 95px !important
}

.mr-100 {
    margin-right: 100px !important
}

.mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important
}

.mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mx-25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important
}

.mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mx-45 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

.mx-50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.mx-55 {
    margin-left: 55px !important;
    margin-right: 55px !important
}

.mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.mx-65 {
    margin-left: 65px !important;
    margin-right: 65px !important
}

.mx-70 {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.mx-75 {
    margin-left: 75px !important;
    margin-right: 75px !important
}

.mx-80 {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.mx-85 {
    margin-left: 85px !important;
    margin-right: 85px !important
}

.mx-90 {
    margin-left: 90px !important;
    margin-right: 90px !important
}

.mx-95 {
    margin-left: 95px !important;
    margin-right: 95px !important
}

.mx-100 {
    margin-left: 100px !important;
    margin-right: 100px !important
}

@media screen and (min-width: 576px) {
    .mt-sm-0 {
        margin-top: 0px !important
    }
    .mt-sm-5 {
        margin-top: 5px !important
    }
    .mt-sm-10 {
        margin-top: 10px !important
    }
    .mt-sm-15 {
        margin-top: 15px !important
    }
    .mt-sm-20 {
        margin-top: 20px !important
    }
    .mt-sm-25 {
        margin-top: 25px !important
    }
    .mt-sm-30 {
        margin-top: 30px !important
    }
    .mt-sm-35 {
        margin-top: 35px !important
    }
    .mt-sm-40 {
        margin-top: 40px !important
    }
    .mt-sm-45 {
        margin-top: 45px !important
    }
    .mt-sm-50 {
        margin-top: 50px !important
    }
    .mt-sm-55 {
        margin-top: 55px !important
    }
    .mt-sm-60 {
        margin-top: 60px !important
    }
    .mt-sm-65 {
        margin-top: 65px !important
    }
    .mt-sm-70 {
        margin-top: 70px !important
    }
    .mt-sm-75 {
        margin-top: 75px !important
    }
    .mt-sm-80 {
        margin-top: 80px !important
    }
    .mt-sm-85 {
        margin-top: 85px !important
    }
    .mt-sm-90 {
        margin-top: 90px !important
    }
    .mt-sm-95 {
        margin-top: 95px !important
    }
    .mt-sm-100 {
        margin-top: 100px !important
    }
    .mt-sm-105 {
        margin-top: 105px !important
    }
    .mt-sm-110 {
        margin-top: 110px !important
    }
    .mt-sm-115 {
        margin-top: 115px !important
    }
    .mt-sm-120 {
        margin-top: 120px !important
    }
    .mt-sm-125 {
        margin-top: 125px !important
    }
    .mt-sm-130 {
        margin-top: 130px !important
    }
    .mt-sm-135 {
        margin-top: 135px !important
    }
    .mt-sm-140 {
        margin-top: 140px !important
    }
    .mt-sm-145 {
        margin-top: 145px !important
    }
    .mt-sm-150 {
        margin-top: 150px !important
    }
    .mt-sm-155 {
        margin-top: 155px !important
    }
    .mt-sm-160 {
        margin-top: 160px !important
    }
    .mt-sm-165 {
        margin-top: 165px !important
    }
    .mt-sm-170 {
        margin-top: 170px !important
    }
    .mt-sm-175 {
        margin-top: 175px !important
    }
    .mt-sm-180 {
        margin-top: 180px !important
    }
    .mt-sm-185 {
        margin-top: 185px !important
    }
    .mt-sm-190 {
        margin-top: 190px !important
    }
    .mt-sm-195 {
        margin-top: 195px !important
    }
    .mt-sm-200 {
        margin-top: 200px !important
    }
    .mb-sm-0 {
        margin-bottom: 0px !important
    }
    .mb-sm-5 {
        margin-bottom: 5px !important
    }
    .mb-sm-10 {
        margin-bottom: 10px !important
    }
    .mb-sm-15 {
        margin-bottom: 15px !important
    }
    .mb-sm-20 {
        margin-bottom: 20px !important
    }
    .mb-sm-25 {
        margin-bottom: 25px !important
    }
    .mb-sm-30 {
        margin-bottom: 30px !important
    }
    .mb-sm-35 {
        margin-bottom: 35px !important
    }
    .mb-sm-40 {
        margin-bottom: 40px !important
    }
    .mb-sm-45 {
        margin-bottom: 45px !important
    }
    .mb-sm-50 {
        margin-bottom: 50px !important
    }
    .mb-sm-55 {
        margin-bottom: 55px !important
    }
    .mb-sm-60 {
        margin-bottom: 60px !important
    }
    .mb-sm-65 {
        margin-bottom: 65px !important
    }
    .mb-sm-70 {
        margin-bottom: 70px !important
    }
    .mb-sm-75 {
        margin-bottom: 75px !important
    }
    .mb-sm-80 {
        margin-bottom: 80px !important
    }
    .mb-sm-85 {
        margin-bottom: 85px !important
    }
    .mb-sm-90 {
        margin-bottom: 90px !important
    }
    .mb-sm-95 {
        margin-bottom: 95px !important
    }
    .mb-sm-100 {
        margin-bottom: 100px !important
    }
    .mb-sm-105 {
        margin-bottom: 105px !important
    }
    .mb-sm-110 {
        margin-bottom: 110px !important
    }
    .mb-sm-115 {
        margin-bottom: 115px !important
    }
    .mb-sm-120 {
        margin-bottom: 120px !important
    }
    .mb-sm-125 {
        margin-bottom: 125px !important
    }
    .mb-sm-130 {
        margin-bottom: 130px !important
    }
    .mb-sm-135 {
        margin-bottom: 135px !important
    }
    .mb-sm-140 {
        margin-bottom: 140px !important
    }
    .mb-sm-145 {
        margin-bottom: 145px !important
    }
    .mb-sm-150 {
        margin-bottom: 150px !important
    }
    .mb-sm-155 {
        margin-bottom: 155px !important
    }
    .mb-sm-160 {
        margin-bottom: 160px !important
    }
    .mb-sm-165 {
        margin-bottom: 165px !important
    }
    .mb-sm-170 {
        margin-bottom: 170px !important
    }
    .mb-sm-175 {
        margin-bottom: 175px !important
    }
    .mb-sm-180 {
        margin-bottom: 180px !important
    }
    .mb-sm-185 {
        margin-bottom: 185px !important
    }
    .mb-sm-190 {
        margin-bottom: 190px !important
    }
    .mb-sm-195 {
        margin-bottom: 195px !important
    }
    .mb-sm-200 {
        margin-bottom: 200px !important
    }
    .my-sm-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }
    .my-sm-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }
    .my-sm-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }
    .my-sm-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }
    .my-sm-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .my-sm-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }
    .my-sm-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }
    .my-sm-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important
    }
    .my-sm-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }
    .my-sm-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }
    .my-sm-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }
    .my-sm-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important
    }
    .my-sm-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }
    .my-sm-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important
    }
    .my-sm-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important
    }
    .my-sm-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important
    }
    .my-sm-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }
    .my-sm-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important
    }
    .my-sm-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important
    }
    .my-sm-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important
    }
    .my-sm-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }
    .my-sm-105 {
        margin-top: 105px !important;
        margin-bottom: 105px !important
    }
    .my-sm-110 {
        margin-top: 110px !important;
        margin-bottom: 110px !important
    }
    .my-sm-115 {
        margin-top: 115px !important;
        margin-bottom: 115px !important
    }
    .my-sm-120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }
    .my-sm-125 {
        margin-top: 125px !important;
        margin-bottom: 125px !important
    }
    .my-sm-130 {
        margin-top: 130px !important;
        margin-bottom: 130px !important
    }
    .my-sm-135 {
        margin-top: 135px !important;
        margin-bottom: 135px !important
    }
    .my-sm-140 {
        margin-top: 140px !important;
        margin-bottom: 140px !important
    }
    .my-sm-145 {
        margin-top: 145px !important;
        margin-bottom: 145px !important
    }
    .my-sm-150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important
    }
    .my-sm-155 {
        margin-top: 155px !important;
        margin-bottom: 155px !important
    }
    .my-sm-160 {
        margin-top: 160px !important;
        margin-bottom: 160px !important
    }
    .my-sm-165 {
        margin-top: 165px !important;
        margin-bottom: 165px !important
    }
    .my-sm-170 {
        margin-top: 170px !important;
        margin-bottom: 170px !important
    }
    .my-sm-175 {
        margin-top: 175px !important;
        margin-bottom: 175px !important
    }
    .my-sm-180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important
    }
    .my-sm-185 {
        margin-top: 185px !important;
        margin-bottom: 185px !important
    }
    .my-sm-190 {
        margin-top: 190px !important;
        margin-bottom: 190px !important
    }
    .my-sm-195 {
        margin-top: 195px !important;
        margin-bottom: 195px !important
    }
    .my-sm-200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important
    }
    .ml-sm-0 {
        margin-left: 0px !important
    }
    .ml-sm-5 {
        margin-left: 5px !important
    }
    .ml-sm-10 {
        margin-left: 10px !important
    }
    .ml-sm-15 {
        margin-left: 15px !important
    }
    .ml-sm-20 {
        margin-left: 20px !important
    }
    .ml-sm-25 {
        margin-left: 25px !important
    }
    .ml-sm-30 {
        margin-left: 30px !important
    }
    .ml-sm-35 {
        margin-left: 35px !important
    }
    .ml-sm-40 {
        margin-left: 40px !important
    }
    .ml-sm-45 {
        margin-left: 45px !important
    }
    .ml-sm-50 {
        margin-left: 50px !important
    }
    .ml-sm-55 {
        margin-left: 55px !important
    }
    .ml-sm-60 {
        margin-left: 60px !important
    }
    .ml-sm-65 {
        margin-left: 65px !important
    }
    .ml-sm-70 {
        margin-left: 70px !important
    }
    .ml-sm-75 {
        margin-left: 75px !important
    }
    .ml-sm-80 {
        margin-left: 80px !important
    }
    .ml-sm-85 {
        margin-left: 85px !important
    }
    .ml-sm-90 {
        margin-left: 90px !important
    }
    .ml-sm-95 {
        margin-left: 95px !important
    }
    .ml-sm-100 {
        margin-left: 100px !important
    }
    .mr-sm-0 {
        margin-right: 0px !important
    }
    .mr-sm-5 {
        margin-right: 5px !important
    }
    .mr-sm-10 {
        margin-right: 10px !important
    }
    .mr-sm-15 {
        margin-right: 15px !important
    }
    .mr-sm-20 {
        margin-right: 20px !important
    }
    .mr-sm-25 {
        margin-right: 25px !important
    }
    .mr-sm-30 {
        margin-right: 30px !important
    }
    .mr-sm-35 {
        margin-right: 35px !important
    }
    .mr-sm-40 {
        margin-right: 40px !important
    }
    .mr-sm-45 {
        margin-right: 45px !important
    }
    .mr-sm-50 {
        margin-right: 50px !important
    }
    .mr-sm-55 {
        margin-right: 55px !important
    }
    .mr-sm-60 {
        margin-right: 60px !important
    }
    .mr-sm-65 {
        margin-right: 65px !important
    }
    .mr-sm-70 {
        margin-right: 70px !important
    }
    .mr-sm-75 {
        margin-right: 75px !important
    }
    .mr-sm-80 {
        margin-right: 80px !important
    }
    .mr-sm-85 {
        margin-right: 85px !important
    }
    .mr-sm-90 {
        margin-right: 90px !important
    }
    .mr-sm-95 {
        margin-right: 95px !important
    }
    .mr-sm-100 {
        margin-right: 100px !important
    }
    .mx-sm-0 {
        margin-left: 0px !important;
        margin-right: 0px !important
    }
    .mx-sm-5 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }
    .mx-sm-10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .mx-sm-15 {
        margin-left: 15px !important;
        margin-right: 15px !important
    }
    .mx-sm-20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }
    .mx-sm-25 {
        margin-left: 25px !important;
        margin-right: 25px !important
    }
    .mx-sm-30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }
    .mx-sm-35 {
        margin-left: 35px !important;
        margin-right: 35px !important
    }
    .mx-sm-40 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }
    .mx-sm-45 {
        margin-left: 45px !important;
        margin-right: 45px !important
    }
    .mx-sm-50 {
        margin-left: 50px !important;
        margin-right: 50px !important
    }
    .mx-sm-55 {
        margin-left: 55px !important;
        margin-right: 55px !important
    }
    .mx-sm-60 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }
    .mx-sm-65 {
        margin-left: 65px !important;
        margin-right: 65px !important
    }
    .mx-sm-70 {
        margin-left: 70px !important;
        margin-right: 70px !important
    }
    .mx-sm-75 {
        margin-left: 75px !important;
        margin-right: 75px !important
    }
    .mx-sm-80 {
        margin-left: 80px !important;
        margin-right: 80px !important
    }
    .mx-sm-85 {
        margin-left: 85px !important;
        margin-right: 85px !important
    }
    .mx-sm-90 {
        margin-left: 90px !important;
        margin-right: 90px !important
    }
    .mx-sm-95 {
        margin-left: 95px !important;
        margin-right: 95px !important
    }
    .mx-sm-100 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }
}

@media screen and (min-width: 768px) {
    .mt-md-0 {
        margin-top: 0px !important
    }
    .mt-md-5 {
        margin-top: 5px !important
    }
    .mt-md-10 {
        margin-top: 10px !important
    }
    .mt-md-15 {
        margin-top: 15px !important
    }
    .mt-md-20 {
        margin-top: 20px !important
    }
    .mt-md-25 {
        margin-top: 25px !important
    }
    .mt-md-30 {
        margin-top: 30px !important
    }
    .mt-md-35 {
        margin-top: 35px !important
    }
    .mt-md-40 {
        margin-top: 40px !important
    }
    .mt-md-45 {
        margin-top: 45px !important
    }
    .mt-md-50 {
        margin-top: 50px !important
    }
    .mt-md-55 {
        margin-top: 55px !important
    }
    .mt-md-60 {
        margin-top: 60px !important
    }
    .mt-md-65 {
        margin-top: 65px !important
    }
    .mt-md-70 {
        margin-top: 70px !important
    }
    .mt-md-75 {
        margin-top: 75px !important
    }
    .mt-md-80 {
        margin-top: 80px !important
    }
    .mt-md-85 {
        margin-top: 85px !important
    }
    .mt-md-90 {
        margin-top: 90px !important
    }
    .mt-md-95 {
        margin-top: 95px !important
    }
    .mt-md-100 {
        margin-top: 100px !important
    }
    .mt-md-105 {
        margin-top: 105px !important
    }
    .mt-md-110 {
        margin-top: 110px !important
    }
    .mt-md-115 {
        margin-top: 115px !important
    }
    .mt-md-120 {
        margin-top: 120px !important
    }
    .mt-md-125 {
        margin-top: 125px !important
    }
    .mt-md-130 {
        margin-top: 130px !important
    }
    .mt-md-135 {
        margin-top: 135px !important
    }
    .mt-md-140 {
        margin-top: 140px !important
    }
    .mt-md-145 {
        margin-top: 145px !important
    }
    .mt-md-150 {
        margin-top: 150px !important
    }
    .mt-md-155 {
        margin-top: 155px !important
    }
    .mt-md-160 {
        margin-top: 160px !important
    }
    .mt-md-165 {
        margin-top: 165px !important
    }
    .mt-md-170 {
        margin-top: 170px !important
    }
    .mt-md-175 {
        margin-top: 175px !important
    }
    .mt-md-180 {
        margin-top: 180px !important
    }
    .mt-md-185 {
        margin-top: 185px !important
    }
    .mt-md-190 {
        margin-top: 190px !important
    }
    .mt-md-195 {
        margin-top: 195px !important
    }
    .mt-md-200 {
        margin-top: 200px !important
    }
    .mb-md-0 {
        margin-bottom: 0px !important
    }
    .mb-md-5 {
        margin-bottom: 5px !important
    }
    .mb-md-10 {
        margin-bottom: 10px !important
    }
    .mb-md-15 {
        margin-bottom: 15px !important
    }
    .mb-md-20 {
        margin-bottom: 20px !important
    }
    .mb-md-25 {
        margin-bottom: 25px !important
    }
    .mb-md-30 {
        margin-bottom: 30px !important
    }
    .mb-md-35 {
        margin-bottom: 35px !important
    }
    .mb-md-40 {
        margin-bottom: 40px !important
    }
    .mb-md-45 {
        margin-bottom: 45px !important
    }
    .mb-md-50 {
        margin-bottom: 50px !important
    }
    .mb-md-55 {
        margin-bottom: 55px !important
    }
    .mb-md-60 {
        margin-bottom: 60px !important
    }
    .mb-md-65 {
        margin-bottom: 65px !important
    }
    .mb-md-70 {
        margin-bottom: 70px !important
    }
    .mb-md-75 {
        margin-bottom: 75px !important
    }
    .mb-md-80 {
        margin-bottom: 80px !important
    }
    .mb-md-85 {
        margin-bottom: 85px !important
    }
    .mb-md-90 {
        margin-bottom: 90px !important
    }
    .mb-md-95 {
        margin-bottom: 95px !important
    }
    .mb-md-100 {
        margin-bottom: 100px !important
    }
    .mb-md-105 {
        margin-bottom: 105px !important
    }
    .mb-md-110 {
        margin-bottom: 110px !important
    }
    .mb-md-115 {
        margin-bottom: 115px !important
    }
    .mb-md-120 {
        margin-bottom: 120px !important
    }
    .mb-md-125 {
        margin-bottom: 125px !important
    }
    .mb-md-130 {
        margin-bottom: 130px !important
    }
    .mb-md-135 {
        margin-bottom: 135px !important
    }
    .mb-md-140 {
        margin-bottom: 140px !important
    }
    .mb-md-145 {
        margin-bottom: 145px !important
    }
    .mb-md-150 {
        margin-bottom: 150px !important
    }
    .mb-md-155 {
        margin-bottom: 155px !important
    }
    .mb-md-160 {
        margin-bottom: 160px !important
    }
    .mb-md-165 {
        margin-bottom: 165px !important
    }
    .mb-md-170 {
        margin-bottom: 170px !important
    }
    .mb-md-175 {
        margin-bottom: 175px !important
    }
    .mb-md-180 {
        margin-bottom: 180px !important
    }
    .mb-md-185 {
        margin-bottom: 185px !important
    }
    .mb-md-190 {
        margin-bottom: 190px !important
    }
    .mb-md-195 {
        margin-bottom: 195px !important
    }
    .mb-md-200 {
        margin-bottom: 200px !important
    }
    .my-md-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }
    .my-md-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }
    .my-md-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }
    .my-md-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }
    .my-md-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .my-md-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }
    .my-md-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }
    .my-md-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important
    }
    .my-md-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }
    .my-md-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }
    .my-md-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }
    .my-md-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important
    }
    .my-md-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }
    .my-md-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important
    }
    .my-md-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important
    }
    .my-md-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important
    }
    .my-md-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }
    .my-md-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important
    }
    .my-md-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important
    }
    .my-md-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important
    }
    .my-md-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }
    .my-md-105 {
        margin-top: 105px !important;
        margin-bottom: 105px !important
    }
    .my-md-110 {
        margin-top: 110px !important;
        margin-bottom: 110px !important
    }
    .my-md-115 {
        margin-top: 115px !important;
        margin-bottom: 115px !important
    }
    .my-md-120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }
    .my-md-125 {
        margin-top: 125px !important;
        margin-bottom: 125px !important
    }
    .my-md-130 {
        margin-top: 130px !important;
        margin-bottom: 130px !important
    }
    .my-md-135 {
        margin-top: 135px !important;
        margin-bottom: 135px !important
    }
    .my-md-140 {
        margin-top: 140px !important;
        margin-bottom: 140px !important
    }
    .my-md-145 {
        margin-top: 145px !important;
        margin-bottom: 145px !important
    }
    .my-md-150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important
    }
    .my-md-155 {
        margin-top: 155px !important;
        margin-bottom: 155px !important
    }
    .my-md-160 {
        margin-top: 160px !important;
        margin-bottom: 160px !important
    }
    .my-md-165 {
        margin-top: 165px !important;
        margin-bottom: 165px !important
    }
    .my-md-170 {
        margin-top: 170px !important;
        margin-bottom: 170px !important
    }
    .my-md-175 {
        margin-top: 175px !important;
        margin-bottom: 175px !important
    }
    .my-md-180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important
    }
    .my-md-185 {
        margin-top: 185px !important;
        margin-bottom: 185px !important
    }
    .my-md-190 {
        margin-top: 190px !important;
        margin-bottom: 190px !important
    }
    .my-md-195 {
        margin-top: 195px !important;
        margin-bottom: 195px !important
    }
    .my-md-200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important
    }
    .ml-md-0 {
        margin-left: 0px !important
    }
    .ml-md-5 {
        margin-left: 5px !important
    }
    .ml-md-10 {
        margin-left: 10px !important
    }
    .ml-md-15 {
        margin-left: 15px !important
    }
    .ml-md-20 {
        margin-left: 20px !important
    }
    .ml-md-25 {
        margin-left: 25px !important
    }
    .ml-md-30 {
        margin-left: 30px !important
    }
    .ml-md-35 {
        margin-left: 35px !important
    }
    .ml-md-40 {
        margin-left: 40px !important
    }
    .ml-md-45 {
        margin-left: 45px !important
    }
    .ml-md-50 {
        margin-left: 50px !important
    }
    .ml-md-55 {
        margin-left: 55px !important
    }
    .ml-md-60 {
        margin-left: 60px !important
    }
    .ml-md-65 {
        margin-left: 65px !important
    }
    .ml-md-70 {
        margin-left: 70px !important
    }
    .ml-md-75 {
        margin-left: 75px !important
    }
    .ml-md-80 {
        margin-left: 80px !important
    }
    .ml-md-85 {
        margin-left: 85px !important
    }
    .ml-md-90 {
        margin-left: 90px !important
    }
    .ml-md-95 {
        margin-left: 95px !important
    }
    .ml-md-100 {
        margin-left: 100px !important
    }
    .mr-md-0 {
        margin-right: 0px !important
    }
    .mr-md-5 {
        margin-right: 5px !important
    }
    .mr-md-10 {
        margin-right: 10px !important
    }
    .mr-md-15 {
        margin-right: 15px !important
    }
    .mr-md-20 {
        margin-right: 20px !important
    }
    .mr-md-25 {
        margin-right: 25px !important
    }
    .mr-md-30 {
        margin-right: 30px !important
    }
    .mr-md-35 {
        margin-right: 35px !important
    }
    .mr-md-40 {
        margin-right: 40px !important
    }
    .mr-md-45 {
        margin-right: 45px !important
    }
    .mr-md-50 {
        margin-right: 50px !important
    }
    .mr-md-55 {
        margin-right: 55px !important
    }
    .mr-md-60 {
        margin-right: 60px !important
    }
    .mr-md-65 {
        margin-right: 65px !important
    }
    .mr-md-70 {
        margin-right: 70px !important
    }
    .mr-md-75 {
        margin-right: 75px !important
    }
    .mr-md-80 {
        margin-right: 80px !important
    }
    .mr-md-85 {
        margin-right: 85px !important
    }
    .mr-md-90 {
        margin-right: 90px !important
    }
    .mr-md-95 {
        margin-right: 95px !important
    }
    .mr-md-100 {
        margin-right: 100px !important
    }
    .mx-md-0 {
        margin-left: 0px !important;
        margin-right: 0px !important
    }
    .mx-md-5 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }
    .mx-md-10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .mx-md-15 {
        margin-left: 15px !important;
        margin-right: 15px !important
    }
    .mx-md-20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }
    .mx-md-25 {
        margin-left: 25px !important;
        margin-right: 25px !important
    }
    .mx-md-30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }
    .mx-md-35 {
        margin-left: 35px !important;
        margin-right: 35px !important
    }
    .mx-md-40 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }
    .mx-md-45 {
        margin-left: 45px !important;
        margin-right: 45px !important
    }
    .mx-md-50 {
        margin-left: 50px !important;
        margin-right: 50px !important
    }
    .mx-md-55 {
        margin-left: 55px !important;
        margin-right: 55px !important
    }
    .mx-md-60 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }
    .mx-md-65 {
        margin-left: 65px !important;
        margin-right: 65px !important
    }
    .mx-md-70 {
        margin-left: 70px !important;
        margin-right: 70px !important
    }
    .mx-md-75 {
        margin-left: 75px !important;
        margin-right: 75px !important
    }
    .mx-md-80 {
        margin-left: 80px !important;
        margin-right: 80px !important
    }
    .mx-md-85 {
        margin-left: 85px !important;
        margin-right: 85px !important
    }
    .mx-md-90 {
        margin-left: 90px !important;
        margin-right: 90px !important
    }
    .mx-md-95 {
        margin-left: 95px !important;
        margin-right: 95px !important
    }
    .mx-md-100 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }
}

@media screen and (min-width: 992px) {
    .mt-lg-0 {
        margin-top: 0px !important
    }
    .mt-lg-5 {
        margin-top: 5px !important
    }
    .mt-lg-10 {
        margin-top: 10px !important
    }
    .mt-lg-15 {
        margin-top: 15px !important
    }
    .mt-lg-20 {
        margin-top: 20px !important
    }
    .mt-lg-25 {
        margin-top: 25px !important
    }
    .mt-lg-30 {
        margin-top: 30px !important
    }
    .mt-lg-35 {
        margin-top: 35px !important
    }
    .mt-lg-40 {
        margin-top: 40px !important
    }
    .mt-lg-45 {
        margin-top: 45px !important
    }
    .mt-lg-50 {
        margin-top: 50px !important
    }
    .mt-lg-55 {
        margin-top: 55px !important
    }
    .mt-lg-60 {
        margin-top: 60px !important
    }
    .mt-lg-65 {
        margin-top: 65px !important
    }
    .mt-lg-70 {
        margin-top: 70px !important
    }
    .mt-lg-75 {
        margin-top: 75px !important
    }
    .mt-lg-80 {
        margin-top: 80px !important
    }
    .mt-lg-85 {
        margin-top: 85px !important
    }
    .mt-lg-90 {
        margin-top: 90px !important
    }
    .mt-lg-95 {
        margin-top: 95px !important
    }
    .mt-lg-100 {
        margin-top: 100px !important
    }
    .mt-lg-105 {
        margin-top: 105px !important
    }
    .mt-lg-110 {
        margin-top: 110px !important
    }
    .mt-lg-115 {
        margin-top: 115px !important
    }
    .mt-lg-120 {
        margin-top: 120px !important
    }
    .mt-lg-125 {
        margin-top: 125px !important
    }
    .mt-lg-130 {
        margin-top: 130px !important
    }
    .mt-lg-135 {
        margin-top: 135px !important
    }
    .mt-lg-140 {
        margin-top: 140px !important
    }
    .mt-lg-145 {
        margin-top: 145px !important
    }
    .mt-lg-150 {
        margin-top: 150px !important
    }
    .mt-lg-155 {
        margin-top: 155px !important
    }
    .mt-lg-160 {
        margin-top: 160px !important
    }
    .mt-lg-165 {
        margin-top: 165px !important
    }
    .mt-lg-170 {
        margin-top: 170px !important
    }
    .mt-lg-175 {
        margin-top: 175px !important
    }
    .mt-lg-180 {
        margin-top: 180px !important
    }
    .mt-lg-185 {
        margin-top: 185px !important
    }
    .mt-lg-190 {
        margin-top: 190px !important
    }
    .mt-lg-195 {
        margin-top: 195px !important
    }
    .mt-lg-200 {
        margin-top: 200px !important
    }
    .mb-lg-0 {
        margin-bottom: 0px !important
    }
    .mb-lg-5 {
        margin-bottom: 5px !important
    }
    .mb-lg-10 {
        margin-bottom: 10px !important
    }
    .mb-lg-15 {
        margin-bottom: 15px !important
    }
    .mb-lg-20 {
        margin-bottom: 20px !important
    }
    .mb-lg-25 {
        margin-bottom: 25px !important
    }
    .mb-lg-30 {
        margin-bottom: 30px !important
    }
    .mb-lg-35 {
        margin-bottom: 35px !important
    }
    .mb-lg-40 {
        margin-bottom: 40px !important
    }
    .mb-lg-45 {
        margin-bottom: 45px !important
    }
    .mb-lg-50 {
        margin-bottom: 50px !important
    }
    .mb-lg-55 {
        margin-bottom: 55px !important
    }
    .mb-lg-60 {
        margin-bottom: 60px !important
    }
    .mb-lg-65 {
        margin-bottom: 65px !important
    }
    .mb-lg-70 {
        margin-bottom: 70px !important
    }
    .mb-lg-75 {
        margin-bottom: 75px !important
    }
    .mb-lg-80 {
        margin-bottom: 80px !important
    }
    .mb-lg-85 {
        margin-bottom: 85px !important
    }
    .mb-lg-90 {
        margin-bottom: 90px !important
    }
    .mb-lg-95 {
        margin-bottom: 95px !important
    }
    .mb-lg-100 {
        margin-bottom: 100px !important
    }
    .mb-lg-105 {
        margin-bottom: 105px !important
    }
    .mb-lg-110 {
        margin-bottom: 110px !important
    }
    .mb-lg-115 {
        margin-bottom: 115px !important
    }
    .mb-lg-120 {
        margin-bottom: 120px !important
    }
    .mb-lg-125 {
        margin-bottom: 125px !important
    }
    .mb-lg-130 {
        margin-bottom: 130px !important
    }
    .mb-lg-135 {
        margin-bottom: 135px !important
    }
    .mb-lg-140 {
        margin-bottom: 140px !important
    }
    .mb-lg-145 {
        margin-bottom: 145px !important
    }
    .mb-lg-150 {
        margin-bottom: 150px !important
    }
    .mb-lg-155 {
        margin-bottom: 155px !important
    }
    .mb-lg-160 {
        margin-bottom: 160px !important
    }
    .mb-lg-165 {
        margin-bottom: 165px !important
    }
    .mb-lg-170 {
        margin-bottom: 170px !important
    }
    .mb-lg-175 {
        margin-bottom: 175px !important
    }
    .mb-lg-180 {
        margin-bottom: 180px !important
    }
    .mb-lg-185 {
        margin-bottom: 185px !important
    }
    .mb-lg-190 {
        margin-bottom: 190px !important
    }
    .mb-lg-195 {
        margin-bottom: 195px !important
    }
    .mb-lg-200 {
        margin-bottom: 200px !important
    }
    .my-lg-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }
    .my-lg-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }
    .my-lg-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }
    .my-lg-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }
    .my-lg-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .my-lg-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }
    .my-lg-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }
    .my-lg-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important
    }
    .my-lg-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }
    .my-lg-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }
    .my-lg-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }
    .my-lg-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important
    }
    .my-lg-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }
    .my-lg-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important
    }
    .my-lg-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important
    }
    .my-lg-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important
    }
    .my-lg-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }
    .my-lg-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important
    }
    .my-lg-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important
    }
    .my-lg-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important
    }
    .my-lg-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }
    .my-lg-105 {
        margin-top: 105px !important;
        margin-bottom: 105px !important
    }
    .my-lg-110 {
        margin-top: 110px !important;
        margin-bottom: 110px !important
    }
    .my-lg-115 {
        margin-top: 115px !important;
        margin-bottom: 115px !important
    }
    .my-lg-120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }
    .my-lg-125 {
        margin-top: 125px !important;
        margin-bottom: 125px !important
    }
    .my-lg-130 {
        margin-top: 130px !important;
        margin-bottom: 130px !important
    }
    .my-lg-135 {
        margin-top: 135px !important;
        margin-bottom: 135px !important
    }
    .my-lg-140 {
        margin-top: 140px !important;
        margin-bottom: 140px !important
    }
    .my-lg-145 {
        margin-top: 145px !important;
        margin-bottom: 145px !important
    }
    .my-lg-150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important
    }
    .my-lg-155 {
        margin-top: 155px !important;
        margin-bottom: 155px !important
    }
    .my-lg-160 {
        margin-top: 160px !important;
        margin-bottom: 160px !important
    }
    .my-lg-165 {
        margin-top: 165px !important;
        margin-bottom: 165px !important
    }
    .my-lg-170 {
        margin-top: 170px !important;
        margin-bottom: 170px !important
    }
    .my-lg-175 {
        margin-top: 175px !important;
        margin-bottom: 175px !important
    }
    .my-lg-180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important
    }
    .my-lg-185 {
        margin-top: 185px !important;
        margin-bottom: 185px !important
    }
    .my-lg-190 {
        margin-top: 190px !important;
        margin-bottom: 190px !important
    }
    .my-lg-195 {
        margin-top: 195px !important;
        margin-bottom: 195px !important
    }
    .my-lg-200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important
    }
    .ml-lg-0 {
        margin-left: 0px !important
    }
    .ml-lg-5 {
        margin-left: 5px !important
    }
    .ml-lg-10 {
        margin-left: 10px !important
    }
    .ml-lg-15 {
        margin-left: 15px !important
    }
    .ml-lg-20 {
        margin-left: 20px !important
    }
    .ml-lg-25 {
        margin-left: 25px !important
    }
    .ml-lg-30 {
        margin-left: 30px !important
    }
    .ml-lg-35 {
        margin-left: 35px !important
    }
    .ml-lg-40 {
        margin-left: 40px !important
    }
    .ml-lg-45 {
        margin-left: 45px !important
    }
    .ml-lg-50 {
        margin-left: 50px !important
    }
    .ml-lg-55 {
        margin-left: 55px !important
    }
    .ml-lg-60 {
        margin-left: 60px !important
    }
    .ml-lg-65 {
        margin-left: 65px !important
    }
    .ml-lg-70 {
        margin-left: 70px !important
    }
    .ml-lg-75 {
        margin-left: 75px !important
    }
    .ml-lg-80 {
        margin-left: 80px !important
    }
    .ml-lg-85 {
        margin-left: 85px !important
    }
    .ml-lg-90 {
        margin-left: 90px !important
    }
    .ml-lg-95 {
        margin-left: 95px !important
    }
    .ml-lg-100 {
        margin-left: 100px !important
    }
    .mr-lg-0 {
        margin-right: 0px !important
    }
    .mr-lg-5 {
        margin-right: 5px !important
    }
    .mr-lg-10 {
        margin-right: 10px !important
    }
    .mr-lg-15 {
        margin-right: 15px !important
    }
    .mr-lg-20 {
        margin-right: 20px !important
    }
    .mr-lg-25 {
        margin-right: 25px !important
    }
    .mr-lg-30 {
        margin-right: 30px !important
    }
    .mr-lg-35 {
        margin-right: 35px !important
    }
    .mr-lg-40 {
        margin-right: 40px !important
    }
    .mr-lg-45 {
        margin-right: 45px !important
    }
    .mr-lg-50 {
        margin-right: 50px !important
    }
    .mr-lg-55 {
        margin-right: 55px !important
    }
    .mr-lg-60 {
        margin-right: 60px !important
    }
    .mr-lg-65 {
        margin-right: 65px !important
    }
    .mr-lg-70 {
        margin-right: 70px !important
    }
    .mr-lg-75 {
        margin-right: 75px !important
    }
    .mr-lg-80 {
        margin-right: 80px !important
    }
    .mr-lg-85 {
        margin-right: 85px !important
    }
    .mr-lg-90 {
        margin-right: 90px !important
    }
    .mr-lg-95 {
        margin-right: 95px !important
    }
    .mr-lg-100 {
        margin-right: 100px !important
    }
    .mx-lg-0 {
        margin-left: 0px !important;
        margin-right: 0px !important
    }
    .mx-lg-5 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }
    .mx-lg-10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .mx-lg-15 {
        margin-left: 15px !important;
        margin-right: 15px !important
    }
    .mx-lg-20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }
    .mx-lg-25 {
        margin-left: 25px !important;
        margin-right: 25px !important
    }
    .mx-lg-30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }
    .mx-lg-35 {
        margin-left: 35px !important;
        margin-right: 35px !important
    }
    .mx-lg-40 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }
    .mx-lg-45 {
        margin-left: 45px !important;
        margin-right: 45px !important
    }
    .mx-lg-50 {
        margin-left: 50px !important;
        margin-right: 50px !important
    }
    .mx-lg-55 {
        margin-left: 55px !important;
        margin-right: 55px !important
    }
    .mx-lg-60 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }
    .mx-lg-65 {
        margin-left: 65px !important;
        margin-right: 65px !important
    }
    .mx-lg-70 {
        margin-left: 70px !important;
        margin-right: 70px !important
    }
    .mx-lg-75 {
        margin-left: 75px !important;
        margin-right: 75px !important
    }
    .mx-lg-80 {
        margin-left: 80px !important;
        margin-right: 80px !important
    }
    .mx-lg-85 {
        margin-left: 85px !important;
        margin-right: 85px !important
    }
    .mx-lg-90 {
        margin-left: 90px !important;
        margin-right: 90px !important
    }
    .mx-lg-95 {
        margin-left: 95px !important;
        margin-right: 95px !important
    }
    .mx-lg-100 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }
}

@media screen and (min-width: 1200px) {
    .mt-xl-0 {
        margin-top: 0px !important
    }
    .mt-xl-5 {
        margin-top: 5px !important
    }
    .mt-xl-10 {
        margin-top: 10px !important
    }
    .mt-xl-15 {
        margin-top: 15px !important
    }
    .mt-xl-20 {
        margin-top: 20px !important
    }
    .mt-xl-25 {
        margin-top: 25px !important
    }
    .mt-xl-30 {
        margin-top: 30px !important
    }
    .mt-xl-35 {
        margin-top: 35px !important
    }
    .mt-xl-40 {
        margin-top: 40px !important
    }
    .mt-xl-45 {
        margin-top: 45px !important
    }
    .mt-xl-50 {
        margin-top: 50px !important
    }
    .mt-xl-55 {
        margin-top: 55px !important
    }
    .mt-xl-60 {
        margin-top: 60px !important
    }
    .mt-xl-65 {
        margin-top: 65px !important
    }
    .mt-xl-70 {
        margin-top: 70px !important
    }
    .mt-xl-75 {
        margin-top: 75px !important
    }
    .mt-xl-80 {
        margin-top: 80px !important
    }
    .mt-xl-85 {
        margin-top: 85px !important
    }
    .mt-xl-90 {
        margin-top: 90px !important
    }
    .mt-xl-95 {
        margin-top: 95px !important
    }
    .mt-xl-100 {
        margin-top: 100px !important
    }
    .mt-xl-105 {
        margin-top: 105px !important
    }
    .mt-xl-110 {
        margin-top: 110px !important
    }
    .mt-xl-115 {
        margin-top: 115px !important
    }
    .mt-xl-120 {
        margin-top: 120px !important
    }
    .mt-xl-125 {
        margin-top: 125px !important
    }
    .mt-xl-130 {
        margin-top: 130px !important
    }
    .mt-xl-135 {
        margin-top: 135px !important
    }
    .mt-xl-140 {
        margin-top: 140px !important
    }
    .mt-xl-145 {
        margin-top: 145px !important
    }
    .mt-xl-150 {
        margin-top: 150px !important
    }
    .mt-xl-155 {
        margin-top: 155px !important
    }
    .mt-xl-160 {
        margin-top: 160px !important
    }
    .mt-xl-165 {
        margin-top: 165px !important
    }
    .mt-xl-170 {
        margin-top: 170px !important
    }
    .mt-xl-175 {
        margin-top: 175px !important
    }
    .mt-xl-180 {
        margin-top: 180px !important
    }
    .mt-xl-185 {
        margin-top: 185px !important
    }
    .mt-xl-190 {
        margin-top: 190px !important
    }
    .mt-xl-195 {
        margin-top: 195px !important
    }
    .mt-xl-200 {
        margin-top: 200px !important
    }
    .mb-xl-0 {
        margin-bottom: 0px !important
    }
    .mb-xl-5 {
        margin-bottom: 5px !important
    }
    .mb-xl-10 {
        margin-bottom: 10px !important
    }
    .mb-xl-15 {
        margin-bottom: 15px !important
    }
    .mb-xl-20 {
        margin-bottom: 20px !important
    }
    .mb-xl-25 {
        margin-bottom: 25px !important
    }
    .mb-xl-30 {
        margin-bottom: 30px !important
    }
    .mb-xl-35 {
        margin-bottom: 35px !important
    }
    .mb-xl-40 {
        margin-bottom: 40px !important
    }
    .mb-xl-45 {
        margin-bottom: 45px !important
    }
    .mb-xl-50 {
        margin-bottom: 50px !important
    }
    .mb-xl-55 {
        margin-bottom: 55px !important
    }
    .mb-xl-60 {
        margin-bottom: 60px !important
    }
    .mb-xl-65 {
        margin-bottom: 65px !important
    }
    .mb-xl-70 {
        margin-bottom: 70px !important
    }
    .mb-xl-75 {
        margin-bottom: 75px !important
    }
    .mb-xl-80 {
        margin-bottom: 80px !important
    }
    .mb-xl-85 {
        margin-bottom: 85px !important
    }
    .mb-xl-90 {
        margin-bottom: 90px !important
    }
    .mb-xl-95 {
        margin-bottom: 95px !important
    }
    .mb-xl-100 {
        margin-bottom: 100px !important
    }
    .mb-xl-105 {
        margin-bottom: 105px !important
    }
    .mb-xl-110 {
        margin-bottom: 110px !important
    }
    .mb-xl-115 {
        margin-bottom: 115px !important
    }
    .mb-xl-120 {
        margin-bottom: 120px !important
    }
    .mb-xl-125 {
        margin-bottom: 125px !important
    }
    .mb-xl-130 {
        margin-bottom: 130px !important
    }
    .mb-xl-135 {
        margin-bottom: 135px !important
    }
    .mb-xl-140 {
        margin-bottom: 140px !important
    }
    .mb-xl-145 {
        margin-bottom: 145px !important
    }
    .mb-xl-150 {
        margin-bottom: 150px !important
    }
    .mb-xl-155 {
        margin-bottom: 155px !important
    }
    .mb-xl-160 {
        margin-bottom: 160px !important
    }
    .mb-xl-165 {
        margin-bottom: 165px !important
    }
    .mb-xl-170 {
        margin-bottom: 170px !important
    }
    .mb-xl-175 {
        margin-bottom: 175px !important
    }
    .mb-xl-180 {
        margin-bottom: 180px !important
    }
    .mb-xl-185 {
        margin-bottom: 185px !important
    }
    .mb-xl-190 {
        margin-bottom: 190px !important
    }
    .mb-xl-195 {
        margin-bottom: 195px !important
    }
    .mb-xl-200 {
        margin-bottom: 200px !important
    }
    .my-xl-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }
    .my-xl-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }
    .my-xl-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }
    .my-xl-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }
    .my-xl-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
    .my-xl-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }
    .my-xl-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }
    .my-xl-35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important
    }
    .my-xl-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }
    .my-xl-45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }
    .my-xl-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }
    .my-xl-55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important
    }
    .my-xl-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }
    .my-xl-65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important
    }
    .my-xl-70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important
    }
    .my-xl-75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important
    }
    .my-xl-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }
    .my-xl-85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important
    }
    .my-xl-90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important
    }
    .my-xl-95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important
    }
    .my-xl-100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }
    .my-xl-105 {
        margin-top: 105px !important;
        margin-bottom: 105px !important
    }
    .my-xl-110 {
        margin-top: 110px !important;
        margin-bottom: 110px !important
    }
    .my-xl-115 {
        margin-top: 115px !important;
        margin-bottom: 115px !important
    }
    .my-xl-120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }
    .my-xl-125 {
        margin-top: 125px !important;
        margin-bottom: 125px !important
    }
    .my-xl-130 {
        margin-top: 130px !important;
        margin-bottom: 130px !important
    }
    .my-xl-135 {
        margin-top: 135px !important;
        margin-bottom: 135px !important
    }
    .my-xl-140 {
        margin-top: 140px !important;
        margin-bottom: 140px !important
    }
    .my-xl-145 {
        margin-top: 145px !important;
        margin-bottom: 145px !important
    }
    .my-xl-150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important
    }
    .my-xl-155 {
        margin-top: 155px !important;
        margin-bottom: 155px !important
    }
    .my-xl-160 {
        margin-top: 160px !important;
        margin-bottom: 160px !important
    }
    .my-xl-165 {
        margin-top: 165px !important;
        margin-bottom: 165px !important
    }
    .my-xl-170 {
        margin-top: 170px !important;
        margin-bottom: 170px !important
    }
    .my-xl-175 {
        margin-top: 175px !important;
        margin-bottom: 175px !important
    }
    .my-xl-180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important
    }
    .my-xl-185 {
        margin-top: 185px !important;
        margin-bottom: 185px !important
    }
    .my-xl-190 {
        margin-top: 190px !important;
        margin-bottom: 190px !important
    }
    .my-xl-195 {
        margin-top: 195px !important;
        margin-bottom: 195px !important
    }
    .my-xl-200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important
    }
    .ml-xl-0 {
        margin-left: 0px !important
    }
    .ml-xl-5 {
        margin-left: 5px !important
    }
    .ml-xl-10 {
        margin-left: 10px !important
    }
    .ml-xl-15 {
        margin-left: 15px !important
    }
    .ml-xl-20 {
        margin-left: 20px !important
    }
    .ml-xl-25 {
        margin-left: 25px !important
    }
    .ml-xl-30 {
        margin-left: 30px !important
    }
    .ml-xl-35 {
        margin-left: 35px !important
    }
    .ml-xl-40 {
        margin-left: 40px !important
    }
    .ml-xl-45 {
        margin-left: 45px !important
    }
    .ml-xl-50 {
        margin-left: 50px !important
    }
    .ml-xl-55 {
        margin-left: 55px !important
    }
    .ml-xl-60 {
        margin-left: 60px !important
    }
    .ml-xl-65 {
        margin-left: 65px !important
    }
    .ml-xl-70 {
        margin-left: 70px !important
    }
    .ml-xl-75 {
        margin-left: 75px !important
    }
    .ml-xl-80 {
        margin-left: 80px !important
    }
    .ml-xl-85 {
        margin-left: 85px !important
    }
    .ml-xl-90 {
        margin-left: 90px !important
    }
    .ml-xl-95 {
        margin-left: 95px !important
    }
    .ml-xl-100 {
        margin-left: 100px !important
    }
    .mr-xl-0 {
        margin-right: 0px !important
    }
    .mr-xl-5 {
        margin-right: 5px !important
    }
    .mr-xl-10 {
        margin-right: 10px !important
    }
    .mr-xl-15 {
        margin-right: 15px !important
    }
    .mr-xl-20 {
        margin-right: 20px !important
    }
    .mr-xl-25 {
        margin-right: 25px !important
    }
    .mr-xl-30 {
        margin-right: 30px !important
    }
    .mr-xl-35 {
        margin-right: 35px !important
    }
    .mr-xl-40 {
        margin-right: 40px !important
    }
    .mr-xl-45 {
        margin-right: 45px !important
    }
    .mr-xl-50 {
        margin-right: 50px !important
    }
    .mr-xl-55 {
        margin-right: 55px !important
    }
    .mr-xl-60 {
        margin-right: 60px !important
    }
    .mr-xl-65 {
        margin-right: 65px !important
    }
    .mr-xl-70 {
        margin-right: 70px !important
    }
    .mr-xl-75 {
        margin-right: 75px !important
    }
    .mr-xl-80 {
        margin-right: 80px !important
    }
    .mr-xl-85 {
        margin-right: 85px !important
    }
    .mr-xl-90 {
        margin-right: 90px !important
    }
    .mr-xl-95 {
        margin-right: 95px !important
    }
    .mr-xl-100 {
        margin-right: 100px !important
    }
    .mx-xl-0 {
        margin-left: 0px !important;
        margin-right: 0px !important
    }
    .mx-xl-5 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }
    .mx-xl-10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .mx-xl-15 {
        margin-left: 15px !important;
        margin-right: 15px !important
    }
    .mx-xl-20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }
    .mx-xl-25 {
        margin-left: 25px !important;
        margin-right: 25px !important
    }
    .mx-xl-30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }
    .mx-xl-35 {
        margin-left: 35px !important;
        margin-right: 35px !important
    }
    .mx-xl-40 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }
    .mx-xl-45 {
        margin-left: 45px !important;
        margin-right: 45px !important
    }
    .mx-xl-50 {
        margin-left: 50px !important;
        margin-right: 50px !important
    }
    .mx-xl-55 {
        margin-left: 55px !important;
        margin-right: 55px !important
    }
    .mx-xl-60 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }
    .mx-xl-65 {
        margin-left: 65px !important;
        margin-right: 65px !important
    }
    .mx-xl-70 {
        margin-left: 70px !important;
        margin-right: 70px !important
    }
    .mx-xl-75 {
        margin-left: 75px !important;
        margin-right: 75px !important
    }
    .mx-xl-80 {
        margin-left: 80px !important;
        margin-right: 80px !important
    }
    .mx-xl-85 {
        margin-left: 85px !important;
        margin-right: 85px !important
    }
    .mx-xl-90 {
        margin-left: 90px !important;
        margin-right: 90px !important
    }
    .mx-xl-95 {
        margin-left: 95px !important;
        margin-right: 95px !important
    }
    .mx-xl-100 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }
}

.maxw-50 {
    max-width: 50px !important
}

.maxw-100 {
    max-width: 100px !important
}

.maxw-150 {
    max-width: 150px !important
}

.maxw-200 {
    max-width: 200px !important
}

.maxw-250 {
    max-width: 250px !important
}

.maxw-300 {
    max-width: 300px !important
}

.maxw-350 {
    max-width: 350px !important
}

.maxw-400 {
    max-width: 400px !important
}

.maxw-450 {
    max-width: 450px !important
}

.maxw-500 {
    max-width: 500px !important
}

.maxw-550 {
    max-width: 550px !important
}

.maxw-600 {
    max-width: 600px !important
}

.maxw-650 {
    max-width: 650px !important
}

.maxw-700 {
    max-width: 700px !important
}

.maxw-750 {
    max-width: 750px !important
}

.maxw-800 {
    max-width: 800px !important
}

.maxw-850 {
    max-width: 850px !important
}

.maxw-900 {
    max-width: 900px !important
}

.maxw-950 {
    max-width: 950px !important
}

.maxw-1000 {
    max-width: 1000px !important
}

.maxw-1050 {
    max-width: 1050px !important
}

.maxw-1100 {
    max-width: 1100px !important
}

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

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

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

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

.text-light-gray {
    color: var(--light-gray)
}

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

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

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

.text-gray {
    color: var(--gray)
}

.text-light-gray {
    color: var(--light-gray)
}

.text-light-pink {
    color: var(--light-pink)
}

.text-light-blue {
    color: var(--light-blue)
}

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

.text-red {
    color: #f01 !important
}

.bg-address {
    background-color: #f6fcff
}

.border,
.border-left,
.border-right,
.border-top,
.border-bottom {
    border-color: #a470e1 !important
}

.border-transparent {
    border: 0px solid rgba(0, 0, 0, 0) !important
}

.single-border-bottom {
    border-bottom: 1px solid var(--border)
}

.single-border-top {
    border-top: 1px solid var(--border)
}

.double-border {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border)
}

.border-secondary {
    border: 1px solid var(--secondary)
}

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

.bg-gradient-2 {
    background-image: linear-gradient(105deg, #982de4 0%, #5427ac 100%)
}

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

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

.bg-light-black {
    background-color: #07265a
}

.bg-light-purple {
    background-color: var(--light-purple)
}

.bg-heading {
    background-color: var(--heading)
}

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

.bg-smoke {
    background-color: var(--smoke)
}

.bg-violet {
    background-color: var(--violet)
}

.bg-divider {
    background-color: var(--divider)
}

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

.bg-deep-purple {
    background-color: var(--deep-purple)
}

.bg-magnolia {
    background-color: var(--magnolia)
}

.bg-transparent {
    background: rgba(0, 0, 0, 0) !important
}

.bg-purple {
    background-color: var(--purple)
}

.overlay:hover {
    background-color: var(--secondary-rbg);
    opacity: 1
}

.section-padding {
    padding-top: 70px;
    padding-bottom: 70px
}

.radious-1 {
    border-radius: 10px
}

.radious-0 {
    border-radius: 0px !important
}

.radious-50 {
    border-radius: 40px !important
}

@keyframes ripple {
    0%,
    35% {
        transform: scale(0);
        opacity: 1
    }
    50% {
        transform: scale(2);
        opacity: .8
    }
    100% {
        opacity: 0;
        transform: scale(3)
    }
}

.fw-700 {
    font-weight: 700
}

.fw-600 {
    font-weight: 600
}

.fw-500 {
    font-weight: 500
}

.fw-400 {
    font-weight: 400
}

.fw-300 {
    font-weight: 300
}

.lh-0 {
    line-height: 0
}

.lh-1 {
    line-height: 1
}

.bg-fixed {
    background-attachment: fixed !important
}

.show>.btn-info.dropdown-toggle {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}

a.btn,
input[type=submit].btn,
button.btn {
    font-weight: 400;
    color: var(--white);
    font-size: 14px;
    line-height: 26px;
    padding: 10px 20px;
    border: 1px solid rgba(0, 0, 0, 0)
}

a.btn:hover,
input[type=submit].btn:hover,
button.btn:hover {
    color: var(--white);
    transition: .3s ease-in;
    border: 1px solid rgba(0, 0, 0, 0)
}

a.btn:focus,
input[type=submit].btn:focus,
button.btn:focus {
    box-shadow: none
}

a.btn.hvr-shutter-out-horizontal::before,
input[type=submit].btn.hvr-shutter-out-horizontal::before,
button.btn.hvr-shutter-out-horizontal::before {
    background: linear-gradient(to right, #00c6fb 0%, #1c8dff 0%, #005bea 100%);
    border-radius: 40px;
    border: 1px solid rgba(0, 0, 0, 0);
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px
}

a.btn.hvr-shutter-out-horizontal:hover,
input[type=submit].btn.hvr-shutter-out-horizontal:hover,
button.btn.hvr-shutter-out-horizontal:hover {
    color: var(--white) !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important
}

a.rounded-0,
input[type=submit].rounded-0,
button.rounded-0 {
    border-radius: 0px
}

a.rounded,
input[type=submit].rounded,
button.rounded {
    border-radius: 5px
}

a.rounded-10,
input[type=submit].rounded-10,
button.rounded-10 {
    border-radius: 10px
}

a.rounded-50,
input[type=submit].rounded-50,
button.rounded-50 {
    border-radius: 40px
}

a.btn-xl,
input[type=submit].btn-xl,
button.btn-xl {
    font-size: 13px;
    padding: 10px 50px 10px 15px
}

a.btn-lg,
input[type=submit].btn-lg,
button.btn-lg {
    font-size: 14px;
    padding: 8px 30px
}

a.btn-md,
input[type=submit].btn-md,
button.btn-md {
    font-size: 16px;
    padding: 8px 37px
}

a.btn-sm,
input[type=submit].btn-sm,
button.btn-sm {
    font-size: 14px;
    padding: 5px 40px
}

a.btn-primary,
input[type=submit].btn-primary,
button.btn-primary {
    border: 1px solid #1c8dff;
    background-color: rgba(0, 0, 0, 0)
}

a.btn-primary-2,
input[type=submit].btn-primary-2,
button.btn-primary-2 {
    border: 1px solid var(--primary-2);
    background-color: rgba(0, 0, 0, 0)
}

a.btn-primary-2.hvr-shutter-out-horizontal::before,
input[type=submit].btn-primary-2.hvr-shutter-out-horizontal::before,
button.btn-primary-2.hvr-shutter-out-horizontal::before {
    background: linear-gradient(to right, #f2b720 0%, #f2b720 0%, #f2b720 100%)
}

a.gradient-btn,
input[type=submit].gradient-btn,
button.gradient-btn {
    background-image: linear-gradient(to right, #00c6fb 0%, #1c8dff 0%, #005bea 100%);
    box-shadow: 0 0 95px rgba(9, 23, 82, .47);
    border: 1px solid var(--secondary)
}

a.gradient-btn:hover,
input[type=submit].gradient-btn:hover,
button.gradient-btn:hover {
    border: 1px solid rgba(0, 0, 0, 0)
}

a.gradient-btn-2,
input[type=submit].gradient-btn-2,
button.gradient-btn-2 {
    background-image: linear-gradient(to top, #00c6fb 0%, #e6ae1f 0%, #f2b720 100%);
    border: 1px solid var(--primary-2)
}

a.gradient-btn-2.hvr-shutter-out-horizontal::before,
input[type=submit].gradient-btn-2.hvr-shutter-out-horizontal::before,
button.gradient-btn-2.hvr-shutter-out-horizontal::before {
    background: linear-gradient(to right, #00c6fb 0%, #8627ae 0%, #341f97 100%)
}

a.btn-white-gradient,
input[type=submit].btn-white-gradient,
button.btn-white-gradient {
    border: 1px solid #5e6f84;
    color: var(--light-blue)
}

a.btn-white-gradient.hvr-shutter-out-horizontal::before,
input[type=submit].btn-white-gradient.hvr-shutter-out-horizontal::before,
button.btn-white-gradient.hvr-shutter-out-horizontal::before {
    background-image: linear-gradient(to top, #00c6fb 0%, #e6ae1f 0%, #f2b720 100%)
}

a.btn-yellow,
input[type=submit].btn-yellow,
button.btn-yellow {
    background-color: var(--primary-2)
}

a.btn-yellow.hvr-shutter-out-horizontal::before,
input[type=submit].btn-yellow.hvr-shutter-out-horizontal::before,
button.btn-yellow.hvr-shutter-out-horizontal::before {
    background: linear-gradient(to right, #00c6fb 0%, #8627ae 0%, #341f97 100%)
}

a.btn-arrow,
input[type=submit].btn-arrow,
button.btn-arrow {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px
}

a.btn-arrow span:not(.btn-text),
input[type=submit].btn-arrow span:not(.btn-text),
button.btn-arrow span:not(.btn-text) {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--violet)
}

a.btn-violet,
input[type=submit].btn-violet,
button.btn-violet {
    background-color: var(--violet)
}

a.btn-violet.hvr-shutter-out-horizontal::before,
input[type=submit].btn-violet.hvr-shutter-out-horizontal::before,
button.btn-violet.hvr-shutter-out-horizontal::before {
    background: linear-gradient(to right, #00c6fb 0%, #1c8dff 0%, #005bea 100%)
}

a.btn-white,
input[type=submit].btn-white,
button.btn-white {
    background-color: var(--white)
}

a.btn-white.btn-arrow,
input[type=submit].btn-white.btn-arrow,
button.btn-white.btn-arrow {
    background-color: var(--white);
    color: var(--violet)
}

a.btn-white.btn-arrow span,
input[type=submit].btn-white.btn-arrow span,
button.btn-white.btn-arrow span {
    background-color: var(--violet);
    color: var(--white)
}

a.btn-white.hvr-shutter-out-horizontal::before,
input[type=submit].btn-white.hvr-shutter-out-horizontal::before,
button.btn-white.hvr-shutter-out-horizontal::before {
    background: linear-gradient(to right, #00c6fb 0%, #1c8dff 0%, #005bea 100%)
}

a.btn-white:hover.btn-arrow span,
input[type=submit].btn-white:hover.btn-arrow span,
button.btn-white:hover.btn-arrow span {
    background-color: var(--white);
    color: var(--violet)
}

a.btn-violet-border,
input[type=submit].btn-violet-border,
button.btn-violet-border {
    border: 3px solid var(--violet)
}

a.btn-violet-border:hover.hvr-shutter-out-horizontal,
input[type=submit].btn-violet-border:hover.hvr-shutter-out-horizontal,
button.btn-violet-border:hover.hvr-shutter-out-horizontal {
    border: 3px solid rgba(0, 0, 0, 0) !important
}

.header-area {
    width: 100%;
    transition: .3s
}

.header-area.sticky-menu {
    background-color: var(--primary);
    top: 0;
    box-shadow: 0 0 10px rgba(29, 99, 169, .15);
    position: fixed;
    width: 100%;
    z-index: 99
}

.header-area.sticky-menu .sticky-logo svg path {
    fill: var(--white)
}

.header-area.sticky-menu .sticky-logo svg text {
    fill: var(--white)
}

.header-area.sticky-menu.transparent-navbar .menu li a {
    color: var(--white)
}

.header-area.sticky-menu.transparent-navbar .menu li a.active,
.header-area.sticky-menu.transparent-navbar .menu li a:hover {
    border-color: var(--white)
}

.header-area.sticky-menu.transparent-navbar .try-app-btn .btn {
    color: var(--white)
}

.header-area.navbar-purple .menu li a {
    color: var(--white)
}

.header-area.navbar-purple .menu li a.active {
    border-color: var(--white)
}

.header-area.navbar-purple .menu li.active a,
.header-area.navbar-purple .menu li:hover a {
    border-color: var(--white)
}

.header-area.navbar-purple .violet-menu li a {
    color: var(--violet)
}

.header-area.navbar-purple .violet-menu li a.active a,
.header-area.navbar-purple .violet-menu li a:active a,
.header-area.navbar-purple .violet-menu li a:hover a {
    border-color: var(--violet)
}

.header-area.navbar-purple.sticky-menu .violet-menu li a.active,
.header-area.navbar-purple.sticky-menu .violet-menu li a:active,
.header-area.navbar-purple.sticky-menu .violet-menu li a:hover {
    color: var(--white);
    border-color: var(--white)
}

.header-area.navbar-purple.sticky-menu .bar-icon-light .bar-line {
    background-color: var(--white)
}

.header-area.navbar-yellow .menu li a.active {
    border-color: var(--primary-2);
    color: var(--primary-2)
}

.header-area.navbar-yellow .menu li.active a,
.header-area.navbar-yellow .menu li:hover a {
    border-color: var(--primary-2);
    color: var(--primary-2)
}

.header-area.transparent-navbar .menu li a {
    color: var(--violet)
}

.header-area.transparent-navbar .menu li a.active,
.header-area.transparent-navbar .menu li a:hover {
    border-color: var(--violet)
}

.header-area.transparent-navbar .try-app-btn .btn {
    color: var(--violet)
}

.violet-header-area .try-app-btn .btn {
    color: var(--violet)
}

.bar-icon {
    display: none;
    cursor: pointer
}

.bar-icon .bar-line {
    color: var(--white);
    height: 2px;
    width: 22px;
    background-color: var(--white);
    margin: 5px 0px;
    cursor: pointer;
    transition: .25s ease-in
}

.bar-icon.bar-icon-light .bar-line {
    background-color: var(--heading)
}

.active-bar {
    transition: .25s ease-in;
    cursor: pointer
}

.active-bar .bar-line:first-child {
    transform: rotate(-45deg) translate(-4px, 6px);
    transition: .3s ease-in
}

.active-bar .bar-line:nth-child(2) {
    opacity: 0
}

.active-bar .bar-line:last-child {
    transform: rotate(45deg) translate(-4px, -6px);
    transition: .3s ease-in
}

.bg-header-cruve {
    background: url(../img/curve/header-cruve.png) scroll center center/cover;
    background-color: var(--magnolia)
}

.create-account li {
    position: relative;
    padding-left: 10px;
    padding-right: 10px
}

.create-account li a {
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase
}

.create-account li::before {
    position: absolute;
    content: "";
    top: 0px;
    right: 0;
    bottom: 0;
    height: 15px;
    width: 1px;
    transform: translateY(35%);
    background-color: var(--white)
}

.create-account li:last-child::before {
    display: none
}

.create-account li:hover a {
    color: var(--secondary)
}

.top-menu {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative
}

.language-select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 80px;
    width: 100%
}

.language-select .btn {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    font-weight: 400;
    padding: 0px 5px;
    border-color: rgba(0, 0, 0, 0)
}

.language-select .btn:focus,
.language-select .btn:hover {
    background-color: rgba(0, 0, 0, 0);
    color: var(--white);
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    outline: 0
}

.language-select .btn-light:not(:disabled):not(.disabled).active,
.language-select .btn-light:not(:disabled):not(.disabled):active,
.language-select .show>.btn-light.dropdown-toggle {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none !important
}

.language-select .btn-light:not(:disabled):not(.disabled).active:focus,
.language-select .btn-light:not(:disabled):not(.disabled):active:focus,
.language-select .show>.btn-light.dropdown-toggle:focus {
    box-shadow: none !important;
    outline: 0px
}

.language-select .show {
    border: none;
    box-shadow: none !important;
    outline: 0px
}

.language-select .dropdown-menu {
    background-color: var(--secondary)
}

.language-select .dropdown-menu li a {
    color: var(--white)
}

.language-select .dropdown-menu li a:hover {
    color: var(--white);
    background-color: var(--primary)
}

.left-side a {
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    line-height: 26px
}

.left-side a span {
    font-weight: 400;
    color: #35a952;
    font-size: 20px;
    line-height: 0
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: unset
}

.menu {
    display: flex
}

.menu li {
    padding: 0 9px
}

.menu li a {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 80px;
    display: inline-block;
    border-bottom: 3px solid rgba(0, 0, 0, 0)
}

.menu li a:hover,
.menu li a.active {
    color: var(--secondary);
    border-color: var(--secondary)
}

.menu.violet-menu li a {
    color: var(--violet)
}

.menu.violet-menu li a.active a,
.menu.violet-menu li a:active a,
.menu.violet-menu li a:hover a {
    border-color: var(--violet)
}

.slicknav_menu {
    display: none !important
}

.preloader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary);
    z-index: 999999
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: var(--white);
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

.bg-header-top {
    background: url(../img/curve/header-top.png) scroll top right no-repeat;
    background-size: 53% 11%
}

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

.typing-text h1 span {
    color: #1c8dff
}

.typing-text.typing-text-2 h1 span {
    color: var(--primary-2)
}

.hero-section-area-2 {
    position: relative
}

.hero-section-area-2:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fefcff !important;
    background: url(../img/shape.png) no-repeat scroll center center/cover
}

.hero-section-banner svg {
    width: 100%
}

.hero-section-wrapper {
    position: relative;
    z-index: 1
}

.hero-section-details p {
    color: var(--white);
    font-size: 15px;
    font-weight: 300
}

.hero-section-details-3 p {
    color: var(--light-blue);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.hero-section-details-3 h2 {
    color: var(--heading);
    font-weight: 600;
    font-size: 40px
}

.hero-section-details-3 h6 {
    color: var(--light-blue);
    font-weight: 400
}

.section-title h2 {
    color: var(--white);
    font-size: 40px
}

.section-title p {
    color: var(--white);
    font-weight: 300
}

.section-title.section-title-2 h2 {
    color: var(--cosmic)
}

.section-title.section-title-2 p {
    color: var(--light-blue)
}

.section-title.section-title-3 p {
    color: var(--violet);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.section-title.section-title-3 h2 {
    color: var(--heading)
}

.btc-square {
    border: 1px solid #ced4da;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #a7a7a7
}

.working-level {
    padding: 40px 30px 40px 30px;
    max-width: 370px;
    max-height: 219px;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 50px rgba(9, 23, 82, 0);
    border-radius: 10px;
    background-image: linear-gradient(to top, #1d63a9 0%, #102a64 23%, #102a64 100%);
    transition: .3s
}

.working-level h5 {
    color: var(--white)
}

.working-level.working-level-2 {
    background-image: linear-gradient(to top, #ffffff 0%, #ffffff 23%, #ffffff 100%);
    border-bottom: 6px solid #ffeab4;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    max-height: 290px;
    transition: .3s
}

.working-level.working-level-2 h5 {
    color: var(--heading)
}

.working-level.working-level-2:hover {
    border-bottom: 6px solid var(--primary-2)
}

.working-level.working-level-2 .arrow-btn a {
    color: var(--primary-2);
    font-size: 40px
}

.about-details h3 {
    color: var(--white)
}

.about-details-2 h3 {
    color: var(--heading)
}

.about-details-2 P {
    color: var(--light-blue)
}

.about-index {
    z-index: -1
}

.suport-container h2,
.suport-container h3,
.suport-container h4,
.suport-container h5,
.suport-container h6,
.suport-container p {
    color: var(--white)
}

.suport-container ul li {
    display: flex;
    align-items: center;
    color: var(--white);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    position: relative;
    margin-bottom: 15px;
    padding-left: 25px
}

.suport-container ul li:after {
    position: absolute;
    top: 0px;
    left: 0;
    content: "N";
    color: var(--light-secondary);
    font-size: 16px;
    font-family: ElegantIcons
}

.suport-container ul li:last-child {
    margin-bottom: 0px
}

.suport-container.white-section h2,
.suport-container.white-section h3,
.suport-container.white-section h4,
.suport-container.white-section h5,
.suport-container.white-section h6 {
    color: var(--heading)
}

.suport-container.white-section p {
    color: var(--light-blue)
}

.suport-container.white-section ul li {
    color: var(--light-blue)
}

.suport-container.icon-yellow ul li:after {
    color: var(--primary-2)
}

.suport-container.icon-purple ul li:after {
    color: var(--violet)
}

.countdown-timer .flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: var(--white);
    text-shadow: 0 0px 0px #000;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 6px;
    font-size: 30px;
    background-image: linear-gradient(to top, #00c6fb 0%, #1c8dff 0%, #005bea 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.countdown-timer .flip-clock-wrapper ul {
    margin: 2px;
    width: 48px;
    height: 70px;
    font-size: 30px;
    font-weight: bold;
    line-height: 0px !important;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0)
}

.countdown-timer .flip-clock-wrapper ul li {
    z-index: unset !important
}

.countdown-timer .flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: unset !important
}

.countdown-timer .flip-clock-divider {
    height: 90px
}

.countdown-timer .flip-clock-dot {
    display: block;
    background: var(--white);
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 0px rgba(0, 0, 0, .5);
    left: 5px
}

.countdown-timer .flip-clock-dot.top {
    top: 20px
}

.countdown-timer .flip-clock-divider .flip-clock-label {
    margin-top: 15px;
    position: absolute;
    top: unset;
    bottom: -10px;
    right: unset;
    left: 20px;
    color: #fff;
    text-shadow: none;
    transform: translateX(50%);
    font-size: 15px
}

.countdown-timer .flip-clock-wrapper ul li.flip-clock-active {
    z-index: unset
}

.countdown-timer .flip-clock-wrapper ul li a div.up::after {
    z-index: unset !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important
}

.countdown-timer .flip-clock-wrapper ul li a div .shadow {
    z-index: unset !important
}

.countdown-timer .flip-clock-wrapper ul li a div {
    overflow: unset !important
}

.countdown-timer.countdown-timer-2 .flip-clock-divider .flip-clock-label {
    color: var(--light-gray-2)
}

.countdown-timer.countdown-timer-2 .flip-clock-wrapper ul li a div div.inn {
    background-image: linear-gradient(to top, #e6ae1f 0%, #e6ae1f 31%, rgba(5, 28, 73, 0) 71%, rgba(5, 28, 73, 0) 100%);
    text-shadow: 0 0px 0px #e6ae1f
}

.countdown-timer.countdown-timer-2 .flip-clock-wrapper ul {
    background-image: linear-gradient(to top, #e6ae1f 0%, #e6ae1f 31%, rgba(5, 28, 73, 0) 71%, rgba(5, 28, 73, 0) 100%);
    background: var(--primary-2)
}

.countdown-timer.countdown-timer-2 .flip-clock-wrapper ul li a div.up::after {
    background-color: #e6ae1f;
    background-color: #e6ae1f
}

.countdown-timer.countdown-timer-2 .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, transparent));
    background: linear, top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, transparent 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.proggress {
    height: 30px !important
}

.progressbar {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    background-color: var(--white);
    padding: 5px
}

.progressbar::before {
    position: absolute;
    content: "";
    height: 60px;
    width: 1px;
    background-color: var(--white);
    top: -9px;
    bottom: 0;
    left: 50px;
    color: var(--white);
    font-weight: 300
}

.progressbar::after {
    position: absolute;
    content: "";
    height: 60px;
    width: 1px;
    background-color: var(--white);
    top: -9px;
    bottom: 0;
    left: 200px;
    color: var(--white)
}

.line-progressbar-2 .progressbar::before {
    background-color: #dfdfdf
}

.line-progressbar-2 .progressbar::after {
    background-color: #dfdfdf
}

.percentCount {
    display: none
}

.single-bar {
    position: relative
}

.progress-text {
    position: absolute;
    content: "";
    top: -35px;
    left: 40px;
    color: var(--white)
}

.progress-text span {
    color: var(--hawkes-blue);
    font-size: 12px;
    font-weight: 500
}

.progress-text.progress-2 {
    left: 190px
}

.progress-text.progress-3 {
    left: unset;
    right: 40px;
    transform: translateX(0%)
}

.progress-text.progress-3::before {
    position: absolute;
    content: "";
    height: 60px;
    width: 1px;
    background-color: var(--white);
    top: 25px;
    bottom: 0;
    left: 15px
}

.progress-text.progress-home-2 span {
    color: var(--light-gray-2)
}

.progress-text.progress-home-2.progress-3::before {
    background-color: #dfdfdf
}

.about-header {
    padding: 50px 30px;
    border-radius: 20px;
    background-image: linear-gradient(to top, #1d63a9 0%, #102a64 99%, #102a64 100%)
}

.about-header h3 {
    color: var(--white)
}

.about-header.about-header-2 {
    background-image: linear-gradient(to top, #ffffff 0%, #ffffff 99%, #ffffff 100%)
}

.video-button {
    width: 70px;
    height: 70px;
    border: 1px solid var(--secondary);
    position: relative;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px
}

.video-button .video-play-btn {
    color: var(--white)
}

.video-button .video-play-btn i {
    color: var(--white) !important;
    font-size: 16px;
    margin-right: 0px;
    display: inline-block
}

.video-button .circle-btn {
    border: none;
    cursor: pointer;
    color: var(--white);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #00c6fb 0%, #1c8dff 1%, #005bea 100%);
    position: relative;
    overflow: hidden;
    border: 1px solid var(--white)
}

.video-button .circle-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.video-button.video-button-2 {
    border: 1px solid var(--light-primary-2)
}

.video-button.video-button-2 .circle-btn {
    background-image: linear-gradient(to right, #f2b720 0%, #f2b720 100%)
}

.video-button.video-button-2 .circle {
    background-color: var(--primary-2);
    border: 1px dashed var(--primary-2)
}

.circle {
    width: 10px;
    height: 10px;
    background: var(--secondary);
    border: 1px dashed var(--secondary);
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circle 6s linear infinite
}

@keyframes circle {
    0% {
        transform: rotate(0deg) translate(-35px) rotate(0deg)
    }
    100% {
        transform: rotate(360deg) translate(-35px) rotate(-360deg)
    }
}

.pricing-table-head {
    box-shadow: 0 11px 29px rgba(9, 23, 82, .21);
    border-radius: 10px;
    background-image: linear-gradient(to top, #1d63a9 0%, #102a64 99%, #102a64 100%);
    padding: 15px 30px
}

.pricing-table-head p {
    margin-bottom: 0px
}

.pricing-table-head.pricing-table-head-2 {
    box-shadow: 0 11px 29px rgba(12, 36, 97, .21);
    border-radius: 10px;
    background-color: var(--primary);
    background-image: unset
}

.single-Price {
    padding: 20px;
    box-shadow: 0 11px 29px rgba(9, 23, 82, .21);
    border-radius: 20px;
    background-image: linear-gradient(to top, #1d63a9 0%, #102a64 99%, #102a64 100%);
    height: 100%;
    width: 100%
}

.single-Price .coin-name h3 {
    color: var(--white)
}

.single-Price .rate h6 {
    color: var(--white)
}

.single-Price.single-price-primary {
    box-shadow: 0 11px 29px rgba(46, 46, 131, .21);
    background-color: var(--cosmic);
    background-image: unset
}

.single-Price.single-price-purple {
    box-shadow: 0 11px 29px rgba(100, 14, 212, .21);
    background-image: linear-gradient(180deg, #640ed4 0%, #32076a 100%)
}

.single-Price.single-price-purple-2 {
    box-shadow: 0 11px 29px rgba(52, 31, 151, .21);
    background-color: var(--deep-purple);
    background-image: unset
}

.single-Price.single-price-light {
    box-shadow: 0 11px 29px rgba(134, 39, 174, .21);
    background-color: #8627ae;
    background-image: unset
}

.single-Price.single-Price-3 {
    box-shadow: none;
    background-image: unset;
    background-color: var(--smoke)
}

.single-Price.single-Price-3 .coin-type {
    border-bottom: none
}

.single-Price.single-Price-3 .coin-name h3 {
    color: var(--heading);
    font-size: 28px;
    font-weight: 700
}

.single-Price.single-Price-3 .coin-name span {
    color: var(--violet)
}

.single-Price.single-Price-3 .rate-fluctuation p {
    color: var(--light-blue);
    font-size: 14px;
    font-weight: 500
}

.single-Price.single-Price-3 .rate-fluctuation p sub {
    color: var(--violet);
    font-size: 11px;
    font-weight: 400
}

.single-Price.single-Price-3 .price span {
    color: var(--violet);
    font-size: 11px;
    font-weight: 400
}

.single-Price.single-Price-3 .rate h6 {
    color: var(--heading)
}

.single-Price.single-Price-3 .rate span {
    color: #989898;
    font-size: 13px;
    font-weight: 500
}

.single-Price.single-Price-3:hover {
    background-color: var(--violet);
    transition: .5s ease-in;
    outline: 0
}

.single-Price.single-Price-3:hover .coin-name h3 {
    color: var(--white)
}

.single-Price.single-Price-3:hover .coin-name span {
    color: var(--primary-2)
}

.single-Price.single-Price-3:hover .rate-fluctuation p {
    color: var(--white)
}

.single-Price.single-Price-3:hover .rate-fluctuation p sub {
    color: var(--primary-2)
}

.single-Price.single-Price-3:hover .rate h6 {
    color: var(--white)
}

.single-Price.single-Price-3:hover .rate span {
    color: var(--light-gray-2)
}

.single-Price.single-Price-3:hover .btn-violet {
    background-color: var(--white);
    color: var(--violet)
}

.single-Price.single-Price-3:hover .btn-violet span {
    background-color: var(--violet);
    color: var(--white)
}

.single-Price.single-Price-3:hover .btn-violet:hover span {
    background-color: var(--white);
    color: var(--violet)
}

.coin-name h3 {
    line-height: 1;
    margin-bottom: 0px
}

.coin-name span {
    color: var(--light-secondary);
    font-size: 13px;
    font-weight: 500;
    line-height: 26px
}

.coin-name.coin-name-2 span {
    color: var(--primary-2)
}

.coin-type {
    border-bottom: 1px solid rgba(26, 34, 119, .29);
    padding-bottom: 15px;
    margin-bottom: 15px
}

.rate h6 {
    font-size: 17px;
    line-height: 1;
    margin-bottom: 5px
}

.rate span {
    color: var(--hawkes-blue);
    font-size: 13px;
    font-weight: 500
}

.rate.rate-2 span {
    color: var(--light-gray-2)
}

.rate-fluctuation p {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px
}

.rate-fluctuation p sub {
    color: var(--light-secondary);
    font-size: 11px;
    font-weight: 400;
    bottom: 0
}

.rate-fluctuation.rate-fluctuation-2 p sub {
    color: var(--primary-2)
}

.price p {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.price span {
    color: var(--light-secondary);
    font-size: 11px;
    font-weight: 400
}

.price.price-2 span {
    color: var(--primary-2)
}

.single-solution-details {
    padding: 45px 40px;
    box-shadow: 0 0 29px rgba(9, 23, 82, .11);
    border-radius: 15px;
    background-image: linear-gradient(to top, #1d63a9 0%, #102a64 99%, #102a64 100%);
    height: 100%
}

.single-solution-details.single-solution-details-2 {
    background-color: var(--purple);
    background-image: unset
}

.single-solution-details.single-solution-details-3 {
    background-color: #942de0;
    background-image: unset
}

.answer-area h5 {
    color: var(--white)
}

.answer-area p {
    color: var(--hawkes-blue);
    font-weight: 300
}

.answer-area p span {
    color: var(--light-secondary);
    margin-left: -20px;
    padding-right: 5px
}

.answer-area.answer-area-2 p {
    color: var(--white)
}

.answer-area.answer-area-2 p span {
    color: var(--primary-2)
}

.single-systems h3 {
    font-weight: 500;
    color: var(--white)
}

.single-systems p {
    font-size: 16px
}

.single-systems .btn {
    margin-top: 30px
}

.single-systems img {
    height: 100%
}

.single-systems.single-systems-2 h3 {
    color: var(--heading)
}

.single-systems.single-systems-2 p {
    color: var(--light-blue)
}

.management-systems-area .row:nth-child(2n+1) {
    flex-direction: row-reverse
}

.management-systems-area .row:nth-child(2n+1) .system-img {
    justify-content: flex-end
}

.management-cruve-bg {
    background-image: url(../img/curve/cruve-1.svg), url(../img/curve/cruve-2.svg), url(../img/curve/cruve-3.png);
    background-position: left top, right top, left bottom;
    background-repeat: no-repeat, no-repeat no-repeat;
    background-size: 18% 38%, 23% 67%, 15% 50%
}

.full-step {
    display: flex;
    max-width: 100%;
    margin-bottom: 20px;
    padding-bottom: 30px;
    overflow-x: auto
}

.single-step {
    position: relative;
    padding: 40px 0px;
    width: 100%;
    margin: 0;
    text-align: center
}

.single-step:nth-child(2n+2) {
    display: flex;
    flex-direction: column-reverse
}

.single-step:nth-child(2n+2) .steps-date {
    align-items: flex-end;
    top: -20px;
    bottom: auto
}

.single-step:nth-child(2n+2) .step-text {
    margin-bottom: 0;
    margin-top: 30px;
    bottom: -30px;
    top: 34px
}

.single-step:nth-child(2n+2) .step-text h6 {
    color: var(--white)
}

.single-step:nth-child(2n+2) .step-text:before {
    top: -36px
}

.single-step:nth-child(2n+2) .step-text:after {
    top: -26px
}

.single-step:nth-child(2n+2) .step-text.step-text-2 h6 {
    color: var(--heading)
}

.single-step:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 5px;
    width: 100%;
    content: "";
    background-color: #0d4a9d
}

.single-step::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 5px;
    width: 100%;
    content: "";
    z-index: -1;
    background-color: #00c6fb
}

.single-step.active .step-text {
    background-image: linear-gradient(115deg, #1c8dff 0%, #005bea 100%)
}

.single-step.active .step-text h6 {
    color: var(--white)
}

.single-step.active .step-text:before {
    display: block;
    z-index: -1
}

.single-step.active .step-text::after {
    background-image: linear-gradient(to top, #1d63a9 0%, #102a64 99%, #102a64 100%);
    z-index: -1
}

.single-step.active .step-text.step-text-2 {
    background-image: linear-gradient(115deg, #f2b720 0%, #e6ae1f 100%)
}

.single-step.active .step-text.step-text-2 h6 {
    color: var(--white)
}

.single-step.active .step-text.step-text-2::after {
    background-image: unset
}

.single-step.single-step-2::before {
    background-color: var(--white-smoke)
}

.single-step.single-step-2::after {
    background-color: var(--white-smoke)
}

.single-step.single-step-violet::before {
    background-color: #f7f4fc;
    box-shadow: 0 60px 19px rgba(0, 0, 0, .05)
}

.single-step.single-step-violet .step-text {
    background-image: linear-gradient(to top, #ffffff 0%, #ffffff 99%, #ffffff 100%);
    box-shadow: 20px 21px 41px rgba(199, 199, 199, .16);
    border: none
}

.single-step.single-step-violet .step-text h6 {
    color: var(--heading)
}

.single-step.single-step-violet .step-text:before {
    background-image: linear-gradient(to right, #efe2ff 0%, #efe2ff 100%);
    bottom: -33px
}

.single-step.single-step-violet .step-text:after {
    background-image: linear-gradient(to right, #7619ef 0%, #7619ef 100%);
    bottom: -24px
}

.single-step.single-step-violet.active .step-text {
    background-image: linear-gradient(115deg, #7619ef 0%, #7619ef 100%);
    box-shadow: 20px 21px 41px rgba(199, 199, 199, .16)
}

.single-step.single-step-violet.active .step-text h6 {
    color: var(--white)
}

.single-step.single-step-violet:nth-child(2n+2) .step-text:after {
    top: -24px
}

.single-step.single-step-violet:nth-child(2n+2) .step-text:before {
    top: -33px
}

.step-text {
    border: 1px solid var(--secondary);
    border-radius: 10px;
    position: relative;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px;
    height: 100px;
    width: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to top, #1d63a9 0%, #102a64 99%, #102a64 100%)
}

.step-text h6 {
    color: var(--white)
}

.step-text:before {
    position: absolute;
    content: "";
    bottom: -35px;
    background-image: linear-gradient(to right, #1c8dff 0%, #005bea 100%);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: none
}

.step-text:after {
    position: absolute;
    content: "";
    bottom: -26px;
    background-image: linear-gradient(to right, #00c6fb 0%, #00c6fb 1%, #005bea 100%);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    left: 50%;
    transform: translateX(-50%)
}

.step-text.step-text-2 {
    background-image: unset;
    background-color: var(--white-smoke);
    border: 1px solid rgba(0, 0, 0, 0)
}

.step-text.step-text-2::before {
    background-image: unset;
    background-color: var(--light-primary-2)
}

.step-text.step-text-2::after {
    background-image: unset;
    background-color: var(--primary-2)
}

.step-text.step-text-2 h6 {
    color: var(--heading)
}

.steps-date {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    height: 100px;
    width: 150px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center
}

.steps-date p {
    color: var(--white);
    font-weight: 400
}

.app-details h3 {
    font-weight: 500;
    color: var(--white)
}

.app-details p {
    font-size: 16px;
    font-weight: 300
}

.app-details.app-details-2 h3 {
    color: var(--heading)
}

.app-details.app-details-2 p {
    color: var(--light-blue)
}

.app-feature p {
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center
}

.app-feature p span {
    color: var(--light-secondary);
    font-weight: 400;
    padding-right: 10px
}

.app-feature.app-feature-2 span {
    color: var(--primary-2)
}

.app-feature.app-feature-3 span {
    color: var(--violet)
}

.app-sample {
    height: 100%;
    width: 100%
}

.app-sample img {
    height: 100%;
    width: 100%
}

.team-area {
    position: relative
}

.team-area .team-content {
    overflow: hidden;
    margin-bottom: 15px
}

.team-area .team-content .team-avater {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.team-area .team-content .team-avater img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.team-area .team-content.crew-content h5 a {
    color: var(--heading)
}

.team-area .team-content.crew-content h5:hover a {
    color: var(--primary-2)
}

.team-area .team-content.crew-content p {
    color: #838b95
}

.team-area.single-crew .crew-avater img {
    height: unset;
    width: unset;
    border-radius: 0px
}

.team-area .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-image: linear-gradient(to top, #00c6fb 0%, #1c8dff 1%, #005bea 100%)
}

.team-area .overlay.overlay-3 {
    right: 0;
    left: unset;
    width: 60px;
    height: unset;
    top: 20%;
    border-radius: 0px;
    background-color: var(--white);
    background-image: unset
}

.team-area:hover .overlay {
    opacity: .81;
    transform: scale(1);
    visibility: visible
}

.team-area.team-2 {
    position: relative;
    margin-top: -95px
}

.team-area p {
    color: var(--hawkes-blue);
    font-size: 15px;
    font-weight: 300
}

.team-area h5 a {
    color: var(--white);
    font-size: 20px;
    font-weight: 600
}

.team-area h5:hover a {
    color: var(--secondary)
}

.overlay-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.team-area-2 {
    border-radius: 5px;
    padding: 30px;
    position: relative
}

.team-area-2:hover .overlay-2 .social-icon-2 li {
    opacity: 1;
    transform: scale(1.2)
}

.team-area-2:hover .overlay-2 .social-icon-2 li:nth-child(2n+1) {
    transition: .4s
}

.team-area-2:hover .overlay-2 .social-icon-2 li:nth-child(2n+2) {
    transition: .8s
}

.team-area-2:hover .overlay-2 .social-icon-2 li:nth-child(2n+3) {
    transition: 1.2s
}

.team-area-2:hover .overlay-2 .social-icon-2 li:nth-child(2n+4) {
    transition: 1.6s
}

.team-avater-2 {
    width: 170px;
    height: 170px;
    position: relative
}

.team-avater-2 .team-image-avater {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden
}

.team-content-2 h5 a {
    color: var(--white);
    font-weight: 600
}

.team-content-2 p {
    color: var(--white);
    font-size: 14px;
    font-weight: 400
}

.social-icon li {
    padding: 0 10px
}

.social-icon li a {
    color: var(--white);
    font-size: 16px;
    font-weight: 400
}

.social-icon li:hover a {
    color: var(--overlay-hover)
}

.social-icon.social-icon-2 li {
    padding: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    opacity: 0;
    transform: scale(0.8)
}

.social-icon.social-icon-2 li a {
    color: var(--primary-2);
    font-size: 16px
}

.social-icon.social-icon-2 li:hover {
    background-color: var(--primary-2)
}

.social-icon.social-icon-2 li:hover a {
    color: var(--white)
}

.social-icon.social-icon-2 li:nth-child(2n+1) {
    left: 33px;
    top: 0px;
    transition: .5s
}

.social-icon.social-icon-2 li:nth-child(2n+2) {
    left: -5px;
    top: 40px;
    transition: .7s
}

.social-icon.social-icon-2 li:nth-child(2n+3) {
    left: -15px;
    top: 90px;
    transition: .9s
}

.social-icon.social-icon-2 li:nth-child(2n+4) {
    left: 15px;
    top: 140px
}

.social-icon.social-icon-3 li {
    padding: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0px 5px;
    background-color: var(--violet-rgb);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.social-icon.social-icon-3 li:hover {
    background-color: var(--violet);
    color: var(--white)
}

.social-icon.social-icon-3 li:hover a {
    color: var(--white)
}

.social-icon.social-icon-3 li a {
    color: var(--violet)
}

.single-board-member {
    height: 100%;
    padding: 30px 5px 30px 5px
}

.board-avater {
    height: 140px;
    width: 140px;
    border-radius: 50%
}

.board-avater img {
    height: 140px;
    width: 140px;
    border-radius: 50%
}

.board-title h5 a {
    color: var(--white);
    font-size: 20px;
    font-weight: 600
}

.board-title h5 a:hover {
    color: var(--secondary)
}

.board-title p {
    color: var(--hawkes-blue);
    font-size: 15px;
    font-weight: 300
}

.board-title span {
    color: var(--light-secondary);
    font-size: 15px;
    font-weight: 400
}

.board-title.board-title-2 {
    border: 1px solid var(--heading);
    padding: 15px 30px
}

.board-title.board-title-2 h5 {
    background-color: var(--white);
    margin-top: -25px
}

.board-title.board-title-2 h5 a {
    color: var(--heading)
}

.board-title.board-title-2 h5:hover a {
    color: var(--primary-2)
}

.board-title.board-title-2 p {
    color: var(--paragraph);
    font-size: 14px;
    font-weight: 300
}

.board-title.board-title-2 span {
    color: var(--primary-2);
    font-size: 15px;
    font-weight: 400
}

.tab-section .nav-tabs {
    border-bottom: 2px solid #0d4a9d;
    margin-bottom: 10px
}

.tab-section ul {
    display: flex;
    justify-content: space-between;
    position: relative
}

.tab-section ul .nav-item {
    margin-bottom: -2px
}

.tab-section ul .nav-item .nav-link {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0;
    padding: 5px 36px;
    margin-bottom: 0;
    border-width: 0 0 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.tab-section ul .nav-item .nav-link.active {
    color: var(--white);
    border-color: #00c6fb;
    position: relative;
    background-color: rgba(0, 0, 0, 0)
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 0px;
    border: rgba(0, 0, 0, 0);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    align-items: center
}

.faq-qus-title h6 {
    color: var(--white)
}

.faq-qus-title::after {
    content: "+";
    font-family: FontAwesome;
    color: var(--white);
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    background-image: linear-gradient(to right, #00c6fb 0%, #1c8dff 0%, #005bea 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.faq-qus-title.faq-qus-title-2 {
    background-color: var(--white-smoke);
    background-image: unset
}

.faq-qus-title.faq-qus-title-2::after {
    background-color: var(--primary-2);
    background-image: unset;
    font-weight: 400
}

.faq-qus-title.faq-qus-title-2 h6 {
    color: var(--heading);
    font-size: 18px
}

.faq-qus-title.active:after {
    content: "−";
    font-family: FontAwesome;
    color: var(--white);
    font-size: 14px;
    line-height: 1;
    right: 15px;
    top: 10px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.faq-qus-title {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    background-color: rgba(13, 74, 157, .3);
    padding: 15px 40px 15px 20px
}

.faq-qus-title h6 {
    margin-bottom: 0px
}

.faq-qus-ans {
    display: none;
    background-color: rgba(13, 74, 157, .3);
    padding: 10px 40px 10px 20px
}

.faq-qus-ans p {
    color: var(--white);
    font-size: 16px;
    font-weight: 300
}

.faq-qus-ans.faq-qus-ans-2 {
    background-color: var(--white-smoke)
}

.faq-qus-ans.faq-qus-ans-2 p {
    color: var(--light-blue)
}

.form-wrapper {
    padding: 20px 30px 20px 30px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)
}

.form-wrapper .form-group {
    position: relative
}

.form-wrapper .form-group+.form-group {
    margin-top: 30px
}

.form-wrapper .focused .form-label {
    transform: translateY(-125%);
    font-size: .75em
}

.form-wrapper .focused .form-label-2 {
    transform: translateY(-125%);
    font-size: .75em
}

.form-wrapper .form-input {
    position: relative;
    padding: 12px 20px 5px 20px;
    width: 100%;
    outline: 0;
    border: 0;
    box-shadow: 0 1px 0 0 #0d4a9d;
    transition: box-shadow 150ms ease-out;
    background-color: rgba(0, 0, 0, 0);
    color: var(--white)
}

.form-wrapper .form-input:focus {
    box-shadow: 0 2px 0 0 var(--secondary)
}

.form-wrapper .form-input::placeholder {
    color: var(--white)
}

.form-wrapper .form-input.filled {
    box-shadow: 0 2px 0 0 var(--light-secondary)
}

.form-wrapper .form-label {
    position: absolute;
    left: 0;
    top: 10px;
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
    z-index: 10;
    font-size: 15px;
    transition: transform 150ms ease-out, font-size 150ms ease-out
}

.form-wrapper .form-label sup {
    color: #db3b10
}

.form-wrapper .form-label.form-label-2 {
    color: var(--light-blue);
    font-weight: 400
}

.form-wrapper.form-wrapper-2 {
    padding: 20px 30px 20px 50px;
    box-shadow: none
}

.form-wrapper.form-wrapper-2 .form-input {
    color: var(--heading)
}

textarea::placeholder {
    color: var(--white);
    font-size: 15px;
    font-weight: 300
}

.rigional-map-area {
    padding: 30px;
    height: 100%;
    width: 100%;
    position: relative
}

.rigional-map-area.rigional-map-area-2 .map-canvas {
    height: 500px
}

.map-address {
    position: absolute;
    padding: 30px;
    transform: translateY(50%);
    max-width: 280px;
    max-height: 263px;
    box-shadow: 0 0 95px rgba(9, 23, 82, .47);
    border-radius: 0 10px 10px 0;
    background-image: linear-gradient(to top, #1d63a9 0%, #102a64 99%, #102a64 100%);
    left: 0;
    top: 0px
}

.map-address.map-address-2 {
    background-color: var(--white);
    opacity: .78;
    background-image: unset
}

.map-address.map-address-2 .contact-tool a {
    color: var(--heading);
    font-size: 400
}

.map-address.map-address-2 .contact-tool .icon {
    background-image: unset
}

.map-address.map-address-2 .contact-tool .icon.icon-2 {
    background-color: #2e2e83
}

.contact-tool a {
    color: var(--white);
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    flex: 1
}

.contact-tool .icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #1c8dff 0%, #005bea 100%);
    color: var(--white)
}

.contact-tool .icon i {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.map-canvas {
    position: absolute;
    overflow: visible;
    height: 450px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.si-content-wrapper {
    display: none
}

.si-wrapper-top {
    display: none
}

.single-sponser-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    width: 100%;
    padding: 0px 30px
}

.header-particle {
    position: relative;
    z-index: 1
}

.particles-js-canvas-el {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1
}

.working-section-2 {
    background-image: linear-gradient(-2deg, #fdf9ff 100%, #ffffff 100%);
    position: relative
}

.working-section-2:before {
    position: absolute;
    left: 0;
    bottom: -173px;
    content: "";
    width: 100%;
    height: 200px;
    background: url(../img/shape-2.png) no-repeat scroll center center/cover
}

.form-control {
    height: unset;
    border-radius: 0px
}

.form-control:hover,
.form-control:focus {
    box-shadow: none
}

.form-control::placeholder {
    color: var(--placeholder)
}

.coin-select .btn-light {
    color: var(--placeholder);
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid #b9b9b9 !important;
    border-radius: 0px
}

.coin-select .btn-light:hover,
.coin-select .btn-light:active,
.coin-select .btn-light:focus {
    outline: 0px;
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: linear-gradient(to right, transparent 0%, transparent 0%, transparent 100%) !important;
    border: 1px solid #b9b9b9 !important;
    color: #6c757d;
    outline: 0
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: var(--heading);
    background-color: rgba(0, 0, 0, 0);
    border-color: 1px solid var(--border) !important
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted rgba(0, 0, 0, 0) !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px
}

.slider-nav {
    position: relative;
    height: 100%
}

.slider-nav .owl-nav {
    position: absolute;
    top: 37%;
    right: 0px;
    left: 0px;
    display: flex !important;
    justify-content: space-between !important
}

.slider-nav .owl-nav button {
    height: 50px;
    width: 30px;
    background-color: var(--white) !important;
    opacity: .7
}

.slider-nav .owl-nav button i {
    color: var(--primary-2);
    font-size: 40px
}

.slider-dots.owl-theme .owl-dots {
    display: flex;
    justify-content: center
}

.slider-dots.owl-theme .owl-dot {
    border-radius: 50%;
    margin: 0px 5px
}

.slider-dots.owl-theme .owl-dots .owl-dot span {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    cursor: pointer;
    margin: 3px;
    border-radius: 50%;
    background: var(--border);
    display: block;
    transition: opacity .2s ease;
    border-radius: 30px
}

.slider-dots.owl-theme .owl-dots .owl-dot.active span,
.slider-dots.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary-2) !important
}

.tab-section-2 ul .nav-item .nav-link {
    color: var(--heading);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0;
    padding: 5px 36px;
    margin-bottom: 0;
    border-width: 0 0 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.tab-section-2 ul .nav-item .nav-link.active {
    color: var(--heading);
    border-color: var(--primary-2);
    position: relative;
    background-color: rgba(0, 0, 0, 0)
}

.tab-section-2 .nav-tabs {
    border-bottom: 2px solid var(--white-smoke)
}

.form-title h3 {
    color: var(--white)
}

.form-title-2 h4 {
    color: var(--heading)
}

.form-title-2 p {
    color: var(--paragraph);
    font-size: 14px;
    font-weight: 300
}

.touch-icon-2 {
    margin-bottom: 20px
}

.touch-icon-2 a {
    color: var(--heading);
    font-size: 16px;
    font-weight: 400
}

.touch-icon-2 i {
    color: #640ed4
}

.hq-details-area h3 {
    color: var(--heading);
    font-size: 24px;
    font-weight: 600
}

.hq-details-area p {
    color: var(--light-blue);
    font-size: 15px;
    font-weight: 400
}

.office-area h6 {
    color: var(--heading);
    font-size: 18px
}

.office-area p {
    color: var(--heading);
    font-size: 15px
}

.single-price-box {
    padding: 30px
}

.price-head h2 sup {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    top: -45px;
    left: 10px
}

.price-head h2 span {
    color: var(--white);
    font-size: 65px;
    font-weight: 600;
    letter-spacing: -0.84px
}

.price-head h2 sub {
    color: var(--white);
    font-size: 15px;
    font-weight: 400;
    right: 12px
}

.price-title h4 {
    color: var(--white);
    font-size: 22px;
    letter-spacing: .44px
}

.price-title p {
    color: var(--white);
    font-size: 14px;
    letter-spacing: .28px
}

.price-box-inner ul li {
    display: block;
    font-size: 14px;
    line-height: 38.23px;
    color: var(--white)
}

.app-section-area-3 {
    background-color: #fbf8ff;
    -webkit-clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%)
}

.testimonial-title p {
    color: var(--violet) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase
}

.testimonial-title h3 {
    color: var(--heading)
}

.testimonial-details p {
    color: var(--light-blue);
    font-size: 16px;
    font-weight: 400
}

.developer-details h5 {
    color: var(--heading);
    font-size: 18px;
    font-weight: 600
}

.developer-details h5 span {
    color: #aeb6bf;
    font-size: 13px;
    font-weight: 400
}

.star-rating li {
    margin: 0px 5px
}

.star-rating li span {
    color: var(--primary-2)
}

.developer-quote {
    position: relative;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    padding: 0px 10px
}

.developer-quote::before {
    position: absolute;
    content: "";
    font-family: "FontAwesome";
    color: #5e6f84;
    top: -25px;
    left: -10px
}

.developer-quote::after {
    position: absolute;
    content: "";
    font-family: "FontAwesome";
    color: #5e6f84;
    bottom: -15px;
    right: 10px
}

.developer-quote p {
    color: var(--light-blue)
}

.slider-nav-2 span {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: var(--white);
    color: var(--violet);
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--border)
}

.slider-nav-2 span:hover {
    background-color: var(--violet);
    color: var(--white);
    border: 0px solid rgba(0, 0, 0, 0)
}

.distribution-items svg {
    width: 100%;
    height: 100%
}

.single-systems svg {
    height: 100%
}

.testmonial-area {
    -webkit-clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%)
}

.developer-avater {
    height: 60px;
    width: 60px;
    border-radius: 50%
}

.animated.standby {
    -webkit-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
    visibility: hidden
}

.app-btn-yellow a:last-child svg path {
    fill: var(--violet)
}

.nice-select {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    border: none;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 20px
}

.nice-select .current {
    color: #fff
}

.nice-select:after {
    content: "C";
    font-family: ElegantIcons;
    right: 0px;
    color: #fff
}

.nice-select .list {
    background-color: #1c8dff
}

.nice-select .list li {
    color: #fff
}

.nice-select .list li:hover {
    background-color: #0c1248
}

.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #007bff
}

.footer-section-wrapper {
    position: relative
}

.footer-area {
    padding: 15px 0;
    position: relative
}

.footer-area.footer-area-2 {
    background-image: linear-gradient(105deg, #5427ac 0%, #982de4 100%);
    padding-top: 290px
}

.footer-section-bg {
    background: url(../img/curve/footer-bg.png) scroll center center/cover;
    background-color: var(--magnolia)
}

.demo-footer-bg {
    background: url(../img/curve/footer-bg.png) scroll center center/cover
}

.footer-widget li {
    padding: 7px 0px 7px 0px
}

.footer-widget li a {
    color: var(--hawkes-blue);
    font-size: 14px;
    font-weight: 400
}

.footer-widget li a:hover {
    color: var(--secondary)
}

.footer-widget h6 {
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 30px
}

.footer-widget p {
    color: var(--hawkes-blue);
    font-size: 14px;
    font-weight: 300;
    line-height: 27px
}

.footer-widget .form-control {
    border-color: rgba(0, 0, 0, 0);
    color: var(--white);
    background-color: var(--light-black);
    height: 46px;
    padding: 3px 20px 3px 20px
}

.footer-widget .form-control::placeholder {
    color: var(--white);
    font-size: 15px;
    font-weight: 300
}

.footer-widget .form-control:focus,
.footer-widget .form-control:hover {
    background-color: var(--light-black);
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.footer-widget.footer-widget-2 p {
    color: var(--white)
}

.footer-widget.footer-widget-2 li a {
    color: var(--white)
}

.footer-widget.footer-widget-2 li:hover a {
    color: var(--primary-2)
}

.footer-widget.footer-widget-2 .form-control {
    background-color: #8f48d5
}

.footer-widget.footer-widget-2 .form-control:hover,
.footer-widget.footer-widget-2 .form-control:focus {
    background-color: #8f48d5
}

.footer-section {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #0d4a9d;
    border-bottom: 1px solid #0d4a9d
}

.footer-section.footer-section-2 {
    border-top: 1px solid #777;
    border-bottom: 1px solid #777
}

.social-links li {
    height: 37px;
    width: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--light-black);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
    cursor: pointer
}

.social-links li a {
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer
}

.social-links li a i {
    display: block !important;
    position: relative !important;
    margin-top: 33px !important;
    transition: all .3s ease;
    top: 8px
}

.social-links li:hover {
    background-color: var(--secondary)
}

.social-links li:hover a {
    color: var(--white)
}

.social-links li:hover a:first-child {
    margin-top: -95px !important
}

.social-links.social-links-2 li {
    background-color: #9041f8;
    overflow: hidden
}

.social-links.social-links-2 li:hover {
    background-color: var(--primary-2)
}

.social-links.social-links-2 li:hover a {
    color: var(--white)
}

.social-links.social-links-3 li {
    background-color: #9041f8
}

.social-links.social-links-3 li:hover {
    background-color: var(--white)
}

.social-links.social-links-3 li:hover a {
    color: var(--violet)
}

.footer-logo {
    margin-bottom: 20px
}

.copyright-area {
    padding: 10px;
    text-align: center
}

.copyright-text {
    text-align: center
}

.copyright-text p {
    color: var(--white);
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    color: var(--white)
}

.copyright-text p span {
    color: var(--secondary);
    font-weight: 400
}

.copyright-text p a {
    color: var(--white);
    font-size: 15px;
    font-weight: 300;
    line-height: 28px
}

.email-subscribe .btn {
    border: 1px solid var(--white)
}

.email-subscribe .btn:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: unset;
    border: 1px solid var(--white);
    color: var(--white) !important
}

.footer-top-cruve {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.demo-header-bg {
    background: url(../img/curve/header-top.png) scroll top right no-repeat;
    background-size: 53% 900px
}

.demo-section-details h1 {
    color: #233142;
    font-weight: 600
}

.demo-section-details p {
    color: #5e6f84;
    font-size: 14px;
    font-weight: 500
}

.theme-title h1 {
    color: #233142;
    font-weight: 600
}

.theme-title p {
    color: #5e6f84;
    font-weight: 400
}

.single-version {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin: 50px auto 0px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 40px rgba(52, 52, 52, .06);
    -moz-box-shadow: 0 0 40px rgba(52, 52, 52, .06);
    box-shadow: 0 0 40px rgba(52, 52, 52, .06)
}

.single-version::before {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--primary-rgb);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.7);
    transition: .3s
}

.single-version:hover::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.single-icon {
    text-align: center
}

.single-icon svg {
    width: 100px;
    height: 100px
}

.single-icon svg path {
    fill: var(--secondary)
}

.image {
    position: unset;
    top: 0;
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    transition: top .5s ease-in-out
}

.image:hover {
    top: 0
}

.middle-button {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.single-version:hover .middle-button {
    opacity: 1
}

.copyright {
    padding: 20px
}

.copyright a {
    color: #6f43e5
}

.service-card-icon svg {
    width: 50px;
    height: 50px
}

.service-card-icon svg path {
    fill: var(--violet)
}

@media screen and (max-width: 1450px) {
    .footer-area.footer-area-2 {
        padding-top: 200px
    }
}

@media screen and (max-width: 1199px) {
    .single-board-member {
        flex-direction: column;
        justify-content: center
    }
    .single-board-member .board-title {
        text-align: center;
        margin-top: 20px
    }
    .countdown-timer .flip-clock-wrapper ul {
        width: 35px;
        height: 50px;
        font-size: 25px
    }
    .countdown-timer .flip-clock-dot {
        width: 5px;
        height: 5px
    }
    .flip-clock-divider {
        float: left;
        display: inline-block;
        position: relative;
        width: 15px;
        height: 65px !important
    }
    .flip-clock-divider .flip-clock-label {
        left: 0px !important
    }
    .footer-area.footer-area-2 {
        padding-top: 150px
    }
    .bg-header-top {
        background-size: 63% 10%
    }
    .demo-header-bg {
        background-size: 52% 770px
    }
}

@media screen and (max-width: 991px) {
    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .demo-section-details h1 {
        font-size: 30px
    }
    h1 {
        font-size: 30px
    }
    .demo-header-bg {
        background-size: 52% 700px
    }
    .try-app-btn {
        margin-left: 0;
        margin-right: 60px
    }
    .mobile-menu {
        background-color: var(--primary);
        position: absolute;
        left: 0;
        width: 100%;
        margin-top: 10px;
        z-index: 9
    }
    .slicknav_menu {
        display: block !important;
        background-color: rgba(0, 0, 0, 0) !important;
        position: unset;
        padding: 0
    }
    .bar-icon {
        display: block
    }
    .slicknav_btn {
        display: none
    }
    .slicknav_nav {
        background: rgba(0, 0, 0, 0);
        width: 100%;
        padding: 30px 0
    }
    .slicknav_nav a {
        color: var(--white);
        font-size: 14px;
        font-weight: 400
    }
    .slicknav_nav a:hover {
        background-color: var(--secondary);
        color: var(--white);
        border-radius: 0
    }
    .navbar-purple .slicknav_nav a:hover {
        background-color: var(--violet)
    }
    .navbar-yellow .slicknav_nav a:hover {
        background-color: var(--primary-2)
    }
    .menu {
        display: none
    }
    .single-Price {
        margin-bottom: 30px
    }
    .clock {
        display: flex;
        justify-content: center
    }
    .team-area {
        margin-bottom: 30px
    }
    .team-area.team-2 {
        margin-top: 0px
    }
    .form-wrapper {
        margin-bottom: 50px
    }
    .testmonial-area {
        -webkit-clip-path: polygon(0 9%, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 9%, 100% 0, 100% 100%, 0% 100%)
    }
    .footer-area.footer-area-2 {
        padding-top: 120px
    }
    .form-wrapper {
        padding: 20px !important
    }
    .rigional-map-area {
        height: 450px
    }
    .bg-header-top {
        background-size: 56% 7%
    }
    .tab-section .nav-tabs {
        justify-content: flex-start
    }
    .header-area {
        padding-bottom: 10px;
        padding-top: 10px
    }
    .pricing-table-head p {
        margin-bottom: 30px
    }
    .single-demo-item {
        margin-bottom: 20px !important
    }
    .footer-light-body {
        margin-top: 0px !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important
    }
    .app-lg-pt {
        padding-top: 120px !important
    }
    .hero-section-area-light {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
    .hero-section-details-light {
        margin-bottom: 30px !important
    }
    .from-wrapper-light {
        padding-left: 0px !important
    }
    .single-work-process {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .hero-section-banner {
        margin-top: 18px
    }
    .demo-header-bg {
        background-size: 52% 200px
    }
    .footer-widget {
        margin-bottom: 30px
    }
    h2 {
        font-size: 30px !important
    }
    h3 {
        font-size: 25px !important
    }
    .single-work-process {
        margin-bottom: 30px;
        display: flex;
        justify-content: center
    }
    .footer-light {
        padding-top: 0px !important
    }
    .single-solution {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .section-padding {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .app-sample {
        margin-top: 30px
    }
    .rigional-map-area {
        padding: 0px;
        margin-top: 50px
    }
    .map-address {
        padding: 10px;
        transform: translateY(0%);
        max-width: 235px
    }
    .faq-qus-title {
        padding: 15px 65px 15px 20px
    }
    .faq-qus-title h5 {
        font-size: 16px
    }
    .banner-bg-sm {
        background-color: var(--light-purple)
    }
    .app-section-area-3 {
        background-color: #fbf8ff;
        -webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%)
    }
    .testmonial-area {
        -webkit-clip-path: polygon(0 9%, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 6%, 100% 0, 100% 100%, 0% 100%)
    }
    .form-wrapper.form-wrapper-2 {
        padding: 0px
    }
    .footer-area.footer-area-2 {
        padding-top: 100px
    }
    .systems-row {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        padding-bottom: 30px !important
    }
    .bg-header-top {
        background-size: 47% 2%
    }
    .pricing-area-sm {
        padding-top: 50px !important
    }
    .management-systems-area .row:nth-child(2n+1) .system-img {
        justify-content: flex-start
    }
    .single-demo-item {
        margin-bottom: 0px !important
    }
    .footer-light-body {
        margin-top: 0px !important
    }
    .section-title h2 {
        font-size: 30px
    }
    .demo-section-details h2 {
        font-size: 35px
    }
    .footer-light-wrapper {
        padding-top: 0px !important
    }
    .demo-page-head h2 {
        font-size: 30px
    }
    .app-lg-pt {
        padding-top: 75px !important
    }
    .test-lg-pt {
        padding-top: 60px !important
    }
    .single-systems {
        margin-bottom: 30px
    }
    .tab-section ul .nav-item .nav-link {
        font-size: 15px;
        padding: 5px 20px
    }
    .footer-widget h6 {
        font-size: 18px
    }
    .about-light-img {
        padding-top: 30px
    }
    .demo-previe-inner {
        padding-top: 30px !important
    }
}

@media screen and (max-width: 575px) {
    .slicknav_btn {
        top: -65px
    }
    .demo-section-title h2 {
        font-size: 25px
    }
    .sticky-menu .slicknav_btn {
        top: -70px !important
    }
    .section-padding {
        padding: 10px 0px
    }
    .logo-area img {
        width: 90px
    }
    .try-app-btn {
        margin-right: 30px;
        margin-left: 0px !important
    }
    .try-app-btn .btn {
        padding: 5px 25px
    }
    .partner-section-area {
        margin-top: 70px
    }
    .top-menu {
        flex-wrap: wrap;
        justify-content: center !important;
        padding-bottom: 0px
    }
    h1 {
        font-size: 30px
    }
    .hero-btn .btn {
        margin-bottom: 20px
    }
    .progressbar::after {
        left: 100px
    }
    .progressbar::before {
        left: 30px
    }
    .progress-text {
        left: 15px
    }
    .progress-text.progress-2 {
        left: 85px
    }
    .about-header {
        padding: 30px 15px
    }
    .about-header.about-header-2 {
        padding: 30px 0px;
        margin-top: 30px
    }
    .flip-clock-divider {
        width: 7px
    }
    .about-details {
        margin-top: 20px
    }
    .regional-map {
        height: 300px
    }
    .pricing-table-head p {
        margin-bottom: 20px
    }
    .app-btn .btn {
        margin-bottom: 20px
    }
    .countdown-timer-2 .flip-clock-wrapper ul {
        width: 30px;
        height: 35px
    }
    .countdown-timer .flip-clock-divider .flip-clock-label {
        left: 0px;
        font-size: 12px
    }
    .countdown-timer-2 .flip-clock-divider .flip-clock-label {
        left: 0px;
        font-size: 12px
    }
    .countdown-timer .flip-clock-wrapper ul li a div div.inn {
        font-size: 18px
    }
    .clock-2 {
        display: flex;
        justify-content: center
    }
    .flip-clock-wrapper {
        margin: 0px
    }
    .app-section-area-3 {
        background-color: #fbf8ff;
        -webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 1%, 100% 0, 100% 100%, 0% 100%)
    }
    .footer-area.footer-area-2 {
        padding-top: 70px
    }
    h2 {
        font-size: 25px !important
    }
    .bg-header-top {
        background-size: 50% 1%
    }
    .section-title {
        text-align: left !important
    }
    .section-title h2 {
        font-size: 25px
    }
    .section-title h3 {
        font-size: 22px
    }
    .single-systems h3 {
        font-size: 25px
    }
    .app-details h3 {
        font-size: 22px
    }
    .footer-light-body {
        padding-top: 30px !important
    }
    .demo-section-details h2 {
        font-size: 25px
    }
    .demo-page-head h2 {
        font-size: 25px
    }
    .demo-title {
        font-size: 22px
    }
    .demo-section-title {
        text-align: center;
        width: 100%
    }
    .demo-section-title h2 {
        font-size: 25px;
        text-align: center
    }
    .form-wrapper.form-wrapper-2 {
        margin-bottom: 20px
    }
    .team-area.single-crew {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }
    .tab-section ul .nav-item .nav-link {
        font-size: 13px;
        padding: 5px 14px
    }
    .about-details-light {
        padding-left: 0px !important
    }
    .systems-row:last-child {
        padding-bottom: 0px !important
    }
    .faq-qus-title.faq-qus-title-2 h6 {
        font-size: 14px
    }
    h3 {
        font-size: 20px !important
    }
    h2 {
        font-size: 25px !important
    }
}

@media screen and (max-width: 360px) {
    .logo-area {
        width: 45%
    }
    .logo-area a svg {
        width: 70%
    }
}

.crt-banner-area {
    padding: 150px 0px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.crt-banner-area:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--gradient-banner);
    z-index: -1
}

.crt-banner-wrapper h2 {
    font-size: 48px;
    line-height: 48px;
    color: var(--white);
    margin-bottom: 15px
}

.crt-banner-wrapper .breadcrumb {
    background-color: rgba(0, 0, 0, 0);
    padding: 0px
}

.crt-banner-wrapper .breadcrumb li a {
    font-size: 16px;
    line-height: 20px;
    color: var(--white-light)
}

.crt-banner-wrapper .breadcrumb li.active {
    color: var(--white)
}

.crt-blog-area {
    padding: 100px 0px
}

.two-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.three-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px
}

.crt-single-card {
    border-radius: 10px;
    transition: .3s ease-in
}

.crt-single-card:hover {
    background-color: var(--white);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .07)
}

.crt-single-card:hover .crt-card-btn a {
    color: var(--violet)
}

.crt-card-image {
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    height: 210px
}

.crt-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.crt-card-content-wrap {
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: calc(100% - 210px)
}

.crt-card-content ul {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    margin-bottom: 15px
}

.crt-card-content ul li {
    font-size: 14px;
    color: var(--light-blue);
    position: relative;
    padding-left: 15px
}

.crt-card-content ul li:after {
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: var(--heading)
}

.crt-card-content ul li:first-child {
    padding-left: 0px
}

.crt-card-content ul li:first-child:after {
    display: none
}

.crt-card-content ul li a {
    font-size: 14px;
    color: var(--light-blue)
}

.crt-card-content h3 {
    margin-bottom: 10px;
    line-height: 1
}

.crt-card-content h3 a {
    font-size: 20px;
    line-height: 28px;
    color: var(--heading)
}

.crt-card-content h3:hover a {
    color: var(--violet)
}

.crt-card-content p {
    font-size: 16px;
    color: var(--light-blue);
    margin-bottom: 0px
}

.crt-card-btn {
    margin-top: 20px
}

.crt-card-btn a {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    color: var(--heading);
    transition: .4s ease-in
}

.crt-card-btn a:hover {
    color: var(--violet)
}

.pagination {
    margin-top: 50px
}

.pagination ul {
    display: flex;
    justify-content: center;
    width: 100%;
    grid-gap: 20px
}

.pagination ul li a {
    color: var(--heading);
    transition: .3s ease-in
}

.pagination ul li a span {
    color: var(--heading)
}

.pagination ul li a:hover {
    color: var(--violet)
}

.pagination ul li a:hover span {
    color: var(--violet)
}

.crt-sidebar-card {
    padding: 25px;
    background-color: #fbf8ff;
    border-radius: 10px;
    margin-bottom: 20px
}

@media screen and (max-width: 1199px) {
    .crt-card-image {
        height: 170px
    }
    .crt-card-content-wrap {
        padding: 20px 15px;
        height: calc(100% - 170px)
    }
    .crt-sidebar-card {
        padding: 20px 15px
    }
}

@media screen and (max-width: 991px) {
    .crt-card-image {
        height: 210px
    }
    .crt-card-content-wrap {
        padding: 20px 15px;
        height: calc(100% - 210px)
    }
    .crt-sidebar {
        display: none
    }
    .crt-blog-area {
        padding: 70px 0px
    }
    .crt-banner-area {
        padding: 100px 0px
    }
    .three-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 767px) {
    .two-grid {
        grid-template-columns: 1fr
    }
    .three-grid {
        grid-template-columns: 1fr
    }
    .crt-card-image {
        height: auto
    }
    .crt-card-content-wrap {
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .two-grid {
        grid-template-columns: 1fr
    }
    .crt-card-image {
        height: auto
    }
    .crt-card-content-wrap {
        height: auto
    }
    .crt-banner-area {
        padding: 50px 0px
    }
}

/*# sourceMappingURL=style.css.map */