/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/Poppins-Thin.ttf) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/Poppins-Thin.ttf) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/Poppins-Thin.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/Poppins-ExtraLight.ttf) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/Poppins-ExtraLight.ttf) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/Poppins-ExtraLight.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Poppins-Light.ttf) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Poppins-Light.ttf) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Poppins-Light.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Poppins-Regular.ttf) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Poppins-Regular.ttf) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Poppins-Regular.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Poppins-Medium.ttf) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Poppins-Medium.ttf) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Poppins-Medium.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Poppins-SemiBold.ttf) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Poppins-SemiBold.ttf) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Poppins-SemiBold.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Poppins-Bold.ttf) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Poppins-Bold.ttf) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Poppins-Bold.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Poppins-ExtraBold.ttf) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Poppins-ExtraBold.ttf) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Poppins-ExtraBold.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
  scroll-behavior: smooth;
}

html,
body {
  overflow-x: hidden;
}

html {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}

body {
  font-family: Poppins, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #ffffff;
}

img {
  max-width: 100%;
}

.bg-white {
  background: #fff;
}
.bg-light-gray {
  background: #faf9f9;
}

.bg-light-gray-alt {
  background: #f4f4f4;
}

.bg-navy-blue {
  background: #644ff2;
}

.bg-orange {
  background: #ff8762;
}

.bg-blue {
  background: #0a5abb;
}

.bg-blue-login {
  background: #0a5abb;
}

.bg-sky-blue {
  background: #f9f9ff;
}

#img-cover {
  background-image: url(../img/Cover.png);
  background-position: right bottom left top;
  background-repeat: no-repeat, repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#cp-cover {
  background-image: url(../img/Cover.png);
  background-position: right bottom left top;
  background-repeat: no-repeat, repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.txt-blue {
  color: #0a5abb;
}

.txt-orange {
  color: #f26238;
}

.txt-ligt-gray {
  color: #424242;
}

.txt-white {
  color: #fff;
}

.txt-black {
  color: #000;
}

.wide-tb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.wide-tb-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.wide-tb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.wide-tb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.wide-tb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.wide-tb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.wide-tb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.wide-tb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.wide-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.wide-t-48 {
  margin-top: 48px;
}

.wide-t-92 {
  margin-top: 92px;
}

.wide-b-92 {
  margin-bottom: 92px;
}

.wide-b-28 {
  margin-bottom: 28px;
}

.wide-t-105 {
  margin-top: 80px;
}

.wide-t-30 {
  margin-top: 30px;
}

.login-bg {
  background-image: url(../img/Cover-Login.png);
  position: fixed;
  background-position: right bottom left top;
  background-repeat: no-repeat, repeat;
  background-size: cover;
  width: 100%; 
  height: 100%;
  text-align: center;
  overflow: auto;
}

.login-container {
  display: grid;
  place-items: center;
  height: 600px;
  width: 400px;
}

.login-card {
  background: #ffffff;
  border-radius: 24px;
  align-items: center;
  padding: 24px;
  width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login-card i {
  margin-left: -30px;
  padding-right: 15px;
  color: #0a5abb;
  cursor: pointer;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.horizontal-center {
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.login-logo {
  margin-top: 40px;
  height: auto;
  width: 210px;
  max-width: 100%;
}

.login-text-title {
  margin-top: 40px;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #1a2634;
}

.login-bottom-text {
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #1a2634;
}

.login-text-grn {
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #72c141;
}

.login-text-grn img {
  top: 2px !important;
  position: relative !important;
}

.forgot {
  font-weight: 500;
  margin-left: auto;
}

.text-forgot-gray {
  margin-top: 15px;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #515d6a;
  display: flex;
  justify-content: start;
  text-align: start;
}

.login-field {
  margin-top: 30px;
  margin-left: 0;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #1a2634;
  text-align: left;
}

.btn-login {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px;
  width: 90%;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 15px;
  cursor: pointer;
}

.btn-login:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.eye-slash {
  content:url("../img/eye_slash.png") !important;
}

.eye {
  content:url("../img/eye.png") !important;
}

.login-error {
  margin-top: 20px;
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  color: #ff1a1a;
  text-align: center;
  vertical-align: middle;
}

.login-error img {
  top: 2px !important;
  position: relative !important;
}

.signup-bg {
  background-image: url(../img/Cover-Login.png);
  position: fixed;
  background-position: right bottom left top;
  background-repeat: no-repeat, repeat;
  background-size: cover;
  width: 100%; 
  height: 100%;
  text-align: center;
  overflow: auto;
}

.signup-container {
  height: 1100px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.signup-card {
  background: #ffffff;
  border-radius: 24px;
  align-items: center;
  padding: 24px;
  width: 500px;
}

.signup-logo {
  margin-top: 40px;
  height: auto;
  width: 210px;
  max-width: 100%;
}

.signup-text-title {
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #1a2634;
}

.signup-bottom-text {
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #1a2634;
}

.text-agree-gray {
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #515d6a;
  text-align: start;
}

.text-agree-gray-center {
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #515d6a;
  text-align: center;
}

.text-captcha-gray {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #515d6a;
  text-align: start;
}

.signup-field {
  margin-top: 30px;
  margin-left: 0;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #1a2634;
  text-align: left;
}

.btn-signup {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px;
  width: 90%;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 25px;
  cursor: pointer;
}

.btn-signup:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.error-border {
  border-color: #ff1a1a !important;
}

.error-underline {
  text-decoration: underline;
  text-decoration-color: #ff1a1a;
}

.signup-error {
  margin-top: 20px;
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  color: #ff1a1a;
  text-align: center;
  vertical-align: middle;
}

.signup-error img {
  bottom: 2px !important;
  position: relative !important;
}

.error-mark img {
  top: 2px !important;
  position: relative !important;
}

.signup-card p img {
  position: relative;
  vertical-align: middle;
}

.signup-card i {
  margin-left: -30px;
  padding-right: 15px;
  color: #ff1a1a;
}

.text-c-gray-info {
  margin-top: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #515d6a;
  text-align: left;
  border-radius: 6px;
  border: 1px solid #0a5abb;
  padding: 10px;
  background-color: #FFFFCC;
}

.text-c-gray-info-700 {
  width: 700px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #515d6a;
  text-align: left;
  border-radius: 6px;
  border: 1px solid #0a5abb;
  padding: 10px;
  background-color: #FFFFCC;
}

.text-c-gray-info-700-campaign {
  width: 95%;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #515d6a;
  text-align: left;
  border-radius: 6px;
  border: 1px solid #0a5abb;
  padding: 10px;
  background-color: #FFFFCC;
  margin-top: -15px !important;
}

.text-cp-gray-alert-700 {
  width: 700px;
  margin-top: 20px;
  font-family: Georgia;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #515d6a;
  text-align: left;
  border-radius: 6px;
  border: 1px dashed #0a5abb;
  padding: 10px;
  background-color: #EEF9FB;
}

.text-c-gray-info-short {
  width: 500px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #515d6a;
  text-align: left;
  border-radius: 6px;
  border: 1px solid #0a5abb;
  padding: 10px;
  background-color: #FFFFCC;
}

.anchor {
  display: none !important;
}

.login {
  display: none !important;
  padding: 0 !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.signup {
  display: none !important;
  padding: 0 !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.navbar.navbar-expand-lg {
  padding: 0px !important;
  z-index: 100004 !important;
}

.light-bg.navbar-brand {
  padding: 20px 0;
}

.navbar {
  padding: 0;
}

.navbar-expand-md .navbar-nav .nav-item {
  padding: 0 0.19rem;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding: 9px 12px;
  border-radius: 3px;
  font-weight: 500;
  transition: all 0.3s;
}

.navbar-expand-md .navbar-nav .active .nav-link,
.navbar-expand-md .navbar-nav .active .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #333;
}

.dropdown-menu {
  padding: 0;
  margin: 0;
  border: 0 solid transition !important;
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.navbar-nav > li.nav-item {
  margin: 0;
}

.mainmenu a,
.navbar-default .navbar-nav > li > a,
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
  color: #1a2634;
  font-size: 1rem;
  text-transform: capitalize;
  border-radius: 3px;
  padding: 2.0rem 2.0rem;
  font-weight: 500;
  display: block !important;
}

/*.mainmenu .active a, */
.mainmenu .active a:focus,
.mainmenu .active a:hover,
.mainmenu li a:hover,
.mainmenu li a:focus,
.navbar-default .navbar-nav > .show > a,
.navbar-default .navbar-nav > .show > a:focus,
.navbar-default .navbar-nav > .show > a:hover {
  color: #0a5abb;
  border-radius: 3px;
  outline: 0;
}

.navbar-expand-lg .navbar-nav .nav-item .signup-btn a {
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff;
  padding-right: 1.85rem;
  padding-left: 1.85rem;
}

.signup-btn {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 6px;
  font-size: 16px;
  line-height: 16px;
  color: #0a5abb;
  padding: 12px, 24px, 12px, 24px;
  font-weight: 500;
  margin-left: 0.85rem;
  cursor: pointer;
}

.signup-btn-123:hover {
  border: 1px solid #093c7a;
  background: #093c7a;
  color: #fff;
}

.signup-btn:hover {
  border: 1px solid #0a5abb;
}

.login-btn {
  border: 1px solid #0a5abb;
  border-radius: 6px;
  font-size: 16px;
  line-height: 16px;
  color: #06163a;
  color: #fff;
  padding: 12px, 24px, 12px, 24px;
  font-weight: 500;
  margin-left: 0.85rem;
  cursor: pointer;
}

.login-btn-123:hover {
  background: #093c7a;
  color: #fff;
}

.login-btn:hover {
  background: #ffffff;
  color: #0a5abb;
}

.text-navbar {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #1a2634;
}

.text-navbar:hover {
  background-color: white !important;
  color: #0a5abb !important;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.mainmenu.collapse ul > li:hover > a {
  color: #999;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  outline: 0;
}

.mainmenu.collapse ul ul {
  background: transparent;
  padding-top: 14px;
}

.mainmenu.collapse li.dropdown {
  transition: all 0.3s;
}

.mainmenu.collapse ul ul ul,
.mainmenu.collapse ul ul ul.dropdown-menu {
  background: transparent;
  padding-top: 0;
}

.mainmenu.collapse ul ul li a,
.mainmenu.collapse ul ul ul.dropdown-menu li a {
  font-size: 0.75rem;
  padding: 16px 15px;
  text-transform: capitalize;
  color: #0a5abb;
  border-bottom: 1px solid #ffff;
  text-decoration: none;
  font-weight: 600;
  border-radius: 0;
  background: #f2f2f2;
}

.mainmenu.collapse ul ul li a .icofont-rounded-right {
  position: relative;
  top: 3px;
}

.mainmenu.collapse ul ul ul ul,
.mainmenu.collapse ul ul ul ul.dropdown-menu {
  background: transparent;
  padding-top: 0;
}

.logo-clixtrac {
  height: auto;
  width: 230px;
}

.navbar-toggler:focus {
  outline: none;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-toggler .icon-bar {
  width: 22px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  outline: none;
}

.navbar-toggler .icon-bar {
  background-color: #0a5abb;
}

.navbar-toggler.x .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 10% 10%;
  -ms-transform-origin: 10% 10%;
  transform-origin: 10% 10%;
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 10% 90%;
  -ms-transform-origin: 10% 90%;
  transform-origin: 10% 90%;
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.cp-nav-menu {
  position: fixed !important;
  min-height: 30px;
  width: 100%;
  height: 35px;
  border-bottom: 2px solid #aaa;
  z-index: 100000 !important;
  margin-top: 115px;
  text-align: center;
  font-family: Tahoma;
  font-size: 18px;
  font-weight: 600;
}

.cp-nav-menu-tablet {
  display: none;
  position: fixed !important;
  min-height: 68px;
  width: 100%;
  height: 68px;
  border-bottom: 2px solid #aaa;
  z-index: 100000 !important;
  margin-top: 115px;
  text-align: center;
  font-family: Tahoma;
  font-size: 18px;
  font-weight: 600;
}

.cp-nav-menu-sf {
  display: none;
  position: fixed !important;
  min-height: 68px;
  width: 100%;
  height: 68px;
  border-bottom: 2px solid #aaa;
  z-index: 100000 !important;
  margin-top: 115px;
  text-align: center;
  font-family: Tahoma;
  font-size: 18px;
  font-weight: 600;
}

.cp-container {
  display: grid;
  place-items: center;
  height: 600px;
  width: 900px;
  border: 2px solid #006100;
}

.dash {
  max-width: 800;
  height: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.dash body, .dash table, .dash tr, .dash td {
  font-family: Tahoma;
  font-size: 12px;
}

.dash th, .dash th div {
  font-family: Tahoma;
  font-size: 12px;
}

.cp-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 550px;
}

.cp-card i {
  margin-left: -30px;
  padding-right: 15px;
  color: #ff1a1a;
}

.cp-card-home {
  margin-top: 168px;
  margin-bottom: 25px;
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 900px;
}

.intro {
  width: 650px;
  align-items: center;
}

.welcome-text {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 600;
  color: #1a2634;
  padding: 3px;
  margin-top: 20px;
  text-align: center;
  height: 48px;
}

.welcome-text img {
  bottom: -15px !important;
  position: relative !important;
}

.sf-user {
  display: none !important;
}

.overview {
  background-color: #ECF5FF;
  border: 1px solid #C0C0C0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

.cp-overview {
  margin-top: 40px;
  background-color: #ECF5FF;
  border: 1px solid #C0C0C0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-align: center;
  /*width: 510px;*/
  width: 530px;
  padding: 2px;
}

.activity-overview {
  position: relative;
  margin-top: 40px;
  width: 510px;
}

.tracker-overview {
  position: relative;
  margin-top: 40px;
  width: 510px;
}

.recent-stats {
  position: relative;
  margin-top: 40px;
  width: 700px;
}

.tracker-blues {
  padding: 5px;
  width: 100%;
  background-color: darkblue;
  color: #FFFFFF;
  border-radius: 12px;
}

#rot-input {
  position: relative;
  bottom: -2px !important;
}

.option-links a {
  color: #FFFFFF;
}

.option-links a:hover {
  color: #FFFFFF;
  text-decoration: underline !important;
  text-decoration-color: #FFFFFF;
}

.tracker-holder {
  position: relative;
  width: 700px;
  max-width: 700px;
  max-height: 500px;
  background-color: white;
  color: red;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.banner-container {
  position: relative;
  max-width: 500px;
  max-height: 500px;
  object-fit: contain;
}

.banner-container img {
  max-height: 500px;
}

.export-link {
  position: relative;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-align: right;
  margin-top: -14px;
  margin-bottom: 7px;
}

.export-link img {
  position: relative;
  bottom: -3px;
  left: -4px;
}

.rounded-top-corners {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.rounded-bottom-corners {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.lifetime-totals {
  position: relative;
  padding: 5px;
  width: 100%;
  background-color: darkblue;
  color: white;
}

.lifetime-numbers {
  position: relative;
  padding: 7px;
  width: 100%;
  background-color: white;
  border-radius: 12px;
  color: #0a5abb;
  margin-top: 2px;
  margin-bottom: 7px;
}

.cp-overview-trackers {
  background-color: #ECF5FF;
  border-right: 1px solid #C0C0C0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-align: center;
  width: 260px;
}

.cp-overview-clicks {
  background-color: #ECF5FF;;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-align: center;
  width: 430px;
}

.snap-chart-container {
  position: relative;
  margin-top: 40px;
  width: 800px !important;
  height: 300px !important;
}

.recent-snap-chart-container {
  position: relative;
  margin-top: 40px;
  width: 700px !important;
  height: 300px !important;
}

.country-chart-container {
  position: relative;
  margin-top: 40px;
  width: 700px !important;
  height: 300px !important;
}

.active-list {
  position: relative;
  margin-top: 20px;
  align-items: center;
  width: 100%;
}

.archive {
  position: relative;
  margin-top: 20px;
  align-items: center;
  width: 100%;
}

.archive-text {
  position: relative;
  text-align: center;
  height: 20px;
  width: 100%;
  top: -20px;
}

.active-text-list {
  position: relative;
  text-align: center;
  height: 20px;
  width: 100%;
  top: -20px;
}

.de-archive-text {
  position: relative;
  text-align: center;
  height: 20px;
  width: 100%;
  top: -20px;
}

.campaign-list {
  position: relative !important;
  margin-top: 40px;
  width: 700px;
}

#check-all-box {
  position: relative !important;
  bottom: -1px !important;
}

.stattop#sticky-me {
  position: sticky !important;
  top: 0;
  z-index: 10 !important;
}

.totals#sticky-me-next {
  position: sticky !important;
  bottom: 35px;
  z-index: 10 !important;
}

.averages#sticky-me-two {
  position: sticky !important;
  bottom: 0;
}

.resultheader#sticky-me {
  position: sticky !important;
  top: 0;
  z-index: 10 !important;
}

.resultheader#sticky-me-two {
  position: sticky !important;
  bottom: 0;
}

.activity-resultheader#sticky-me {
  position: sticky !important;
  top: 0;
  z-index: 10 !important;
}

.activity-resultheader#sticky-me-two {
  position: sticky !important;
  bottom: 0;
}

.activity-resultheader-white#sticky-me-two {
  position: sticky !important;
  bottom: 0;
}

.activity-resultheader.sticky-me-next {
  position: sticky !important;
  bottom: 36px;
}

.fixed {
  position: fixed !important;
}

.scrollit {
  overflow-y: auto !important;
  max-height: 400px !important;
}

.scrollit-600 {
  overflow-y: auto !important;
  max-height: 600px !important;
}

.scrollit-800 {
  overflow-y: auto !important;
  max-height: 800px !important;
}

.cp-card-pass {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 550px;
}

.cp-card-pass i {
  margin-left: -30px;
  padding-right: 15px;
  color: #0a5abb;
  cursor: pointer;
}

.cp-card-close {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 550px;
}

.cp-card-close i {
  margin-left: -30px;
  padding-right: 15px;
  color: #0a5abb;
  cursor: pointer;
}

.cp-card-cancel {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 650px;
}

.cp-card-upgrade {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 750px;
}

.cp-card-norm {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 800px;
}

.cp-card-wide {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 900px;
}

.cp-card-extra-wide {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 1000px;
}

.cp-card-xx-wide {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 1150px;
}

.cp-card-norm-unresponsive {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 800px;
}

.cp-card-aff-portal {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 850px;
}

.cp-card-my-account {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 750px;
}

.cp-card-my-account img {
  bottom: -3px !important;
  position: relative !important;
}

.email-change-field {
  margin-top: 30px;
  margin-left: 0;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #1a2634;
  text-align: left;
}

.btn-chg-email {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px;
  width: 60%;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 25px;
  cursor: pointer;
}

.btn-chg-email:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.btn-close-act {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px;
  width: 60%;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 25px;
  cursor: pointer;
}

.btn-close-act:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.btn-norm {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 12px;
  width: 60%;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 25px;
  cursor: pointer;
}

.btn-norm:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.btn-small {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 6px;
  width: 60%;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin-top: 5px;
  cursor: pointer;
}

.btn-small:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.btn-archive {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 6px;
  width: 75px;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: pointer;
}

.btn-archive:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.btn-choose-tracker {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 12px;
  width: 300px;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 25px;
  cursor: pointer;
}

.btn-choose-tracker:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.btn-copy {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 6px;
  width: 60%;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin-top: 5px;
  cursor: pointer;
}

.btn-copy:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.btn-task {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 6px;
  width: 60%;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin-top: 5px;
  cursor: pointer;
}

.btn-task:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.userbar {
  position: fixed !important;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  height: 50px;
  z-index: 100000 !important;
  /*margin-top: 75px;*/
  margin-top: 77px;
}

.userinfo {
  margin: 2px 50px 0 0;
  padding: 5px 0 0 0;
  font-family: Tahoma;
  font-size: 14px;
  color: #515d6a;
  text-align: right;
}

.snap {
  position: relative;
  z-index: -1;
}

.center {
  justify-content: center;
  align-items: center;
  text-align: center;
}

.choose-stats {
  width: 550px;
}

.choose-stats-links a {
  text-decoration: underline;
}

.choose-stats-links a:hover {
  text-decoration: underline !important;
}

.choose-stats-text {
  width: 75%;
  valign: top;
  text-align: left;
}

.choose-stats-img {
  width: 25%;
  text-align: right;
}

.choose-stats-img img {
  height: 32px;
  width: 32px;
}

.link-u {
  text-decoration: underline;
}

.link-u:hover {
  text-decoration: underline !important;
}

.location {
  padding-top: 178px;
  width: 100%;
  height: 35px;
  font-family: Verdana;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #FFF;
  text-align: left;
  padding-left: 15px;
  nowrap: nowrap;
  background-color: #0a5abb;
}

.shortcuts-top {
  padding-top: 26px;
  padding-left: 15px;
  font-family: Tahoma;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #FFF;
  text-align: left;
  background-color: #0a5abb;
}

.shortcuts-top a {
  color: #FFF !important;
}

.shortcuts-top a:hover {
  text-decoration: underline !important;
}

.shortcuts-bottom {
  font-family: Tahoma;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #FFF;
  padding-left: 15px;
  text-align: left;
  background-color: #0a5abb;
  padding-bottom: 26px;
}

.shortcuts-bottom a {
  color: #FFF !important;
}

.shortcuts-bottom a:hover {
  text-decoration: underline !important;
}

.w-40 {
  width: 40px !important;
}

.w-55 {
  width: 50px !important;
}

.w-60 {
  width: 60px !important;
}

.w-70 {
  width: 70px !important;
}

.w-105 {
  width: 105px !important;
}

.w-125 {
  width: 125px !important;
}

.w-150 {
  width: 150px !important;
}

.w-175 {
  width: 175px !important;
}

.w-200 {
  width: 200px !important;
}

.w-250 {
  width: 250px !important;
}

.w-300 {
  width: 300px !important;
}

.w-350 {
  width: 350px !important;
}

.w-375 {
  width: 375px !important;
}

.w-400 {
  width: 400px !important;
}

.w-425 {
  width: 425px !important;
}

.alerty-error-cp {
  margin-top: 0;
  margin-bottom: 20px;
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #ff1a1a;
  text-align: center;
  vertical-align: middle;
}

.upgrade {
  width: 700px;
  margin: 0 auto;
  margin-top: 5px;
  text-align: left;
  min-height: 250px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
}

.upgrade h2 {
  -moz-border-radius: 5px;
  padding: 5px 15px;
  margin: 15px 0;
  color: #0a5abb;
  letter-spacing: -0.03em;
  font: bold 20pt "Trebuchet MS", Tahoma, sans-serif;
  background: #E0E0E0 url(../res/bg_2.png) top left;
}

.upgrade ul.feat {
  list-style-image: url("../img/blue-check.png");
  margin: 0 15px;
}

.upgrade ul.feat li {
  margin: 15px;
}

.upgrade ul.feat li span {
  top: -3px !important;
  position: relative !important;
}

.overlay ul.overly {
  list-style-image: url("../img/green-check.png");
}


.overlay ul.overly li span {
  top: -3px !important;
  position: relative !important;
}

.upp {
  top: -4px !important;
  position: relative !important;
}

.dwn {
  bottom: -3px !important;
  position: relative !important;
}

.five-stars {
  content:url("../img/stars-5.png") !important;
  height: 18px;
  width: relative;
  margin-left: -1px;
}

.daily-stats {
  width: 620px;
}

.daily-stat-table{
  width: 100%;
}

.referrer-stats {
  width: 700px;
}

.subid-stats {
  width: 700px;
}

#infobox {
  z-index: 11 !important;
}

.campaigns {
  width: 700px;
  padding: 5px;
  color: #FFFFFF;
  text-align: left;
  background: #808080;
  border: 1px solid #808080;
  border-radius: 12px;
}

.campaigns td {
  font-size: 12px;
}

.rotators-campaigns {
  width: 600px;
  padding: 5px;
  color: #FFFFFF;
  text-align: left;
  background: #808080;
  border: 1px solid #808080;
  border-radius: 12px;
}

.rotators-campaigns td {
  font-size: 12px;
}

.campaign-banners {
  width: 700px;
}

.campaign-existing {
  width: 550px;
}

.campaign-new {
  width: 550px;
}

.campaign-totals {
  width: 400px;
}

.choose-tracker {
  width: 550px;
}

.qr-code {
  width: 420px;
}

.sharing-enable {
  width: 320px;
}

.rotators {
  width: 700px;
}

.rotator-existing {
  width: 550px;
}

.rotator-new {
  width: 550px;
}

.rotator-details {
  width: 600px;
}

.rotator-container {
  width: 700px;
}

.new-tracker {
  width: 100%;
}

.edit-tracker {
  width: 100%;
}

.tracker-code {
  width: 80%;
}

.click-details {
  width: 100%;
}

.conv-details {
  width: 100%;
}

.aff-portal-top {
  width: 740px;
}

.aff-portal-refs {
  width: 340px;
}

.aff-portal-earnings {
  width: 340px;
}

.aff-portal-activity {
  width: 710px;
}

.aff-stats {
  width: 550px;
}

.aff-click-refs {
  width: 700px;
}

.aff-portal-click-refs {
  width: 700px;
}

.aff-su-refs {
  width: 700px;
}

.aff-portal-su-refs {
  width: 700px;
}

.aff-earnings {
  background: #ffffff;
  width: 700px;
}

.aff-referrals {
  background: #ffffff;
  width: 700px;
}

.aff-banner-border {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 100%;
}

.hero-heading-main {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  color: #ffffff;
}

.hero-btn {
  border-radius: 6px;
  border: none !important;
  font-size: 1rem;
  color: #0a5abb;
  font-weight: 500;
  background-color: #fff;
  padding: 12px, 24px;
  width: 261px;
  height: 56px;
}

.hero-quotes-btn {
  border-radius: 6px;
  border: none !important;
  background-color: transparent !important;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
  width: 261px;
}

.btn-main-nav {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0px 45px;
  background-color: #ffffff;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: #0a5abb !important;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
}

.btn-main-nav:hover {
  background-color: #0a5abb;
  color: #ffffff !important;
}

.btn-main-hero {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px 86px;
  background-color: #ffffff;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: #0a5abb;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
}

.btn-main-hero:hover {
  background-color: #72c141;
  color: #ffffff;
}

.btn-main-down {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0px 86px;
  background-color: transparent;
  border-radius: 6px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
}

.btn-main-down:hover {
  color: #72c141;
}

.about-text-title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.about-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
}

.content-text-title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.content-text-title-22 {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #1a2634;
}

.content-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
}

.content-text-large {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #515d6a;
}

.content-text-left {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
  text-align: left;
}

.content-text-left-12 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #515d6a;
  text-align: left;
}

.about-img {
  width: 100%;
  margin-right: 120px;
}

.img-logo {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}

.link-underline {
  font-size: bold;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-decoration: underline;
}

.text-c-gray {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
  display: flex;
  justify-content: start;
  text-align: start;
}

.text-c-gray-left {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
  text-align: left;
}

.text-c-gray-center {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
  text-align: center;
}

.text-c-gray-center-u-20 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #515d6a;
  text-align: center;
  text-decoration: underline;
}

.text-c-gray-14 {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #515d6a;
  display: flex;
  justify-content: start;
  text-align: start;
}

.text-c-gray-14-left {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #515d6a;
  text-align: left;
}

.text-c-gray-14-center {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #515d6a;
  text-align: center;
}

.text-c-gray-14-center-archive {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #515d6a;
  text-align: center;
}

.text-c-gray-14-center-active-text-list {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #515d6a;
  text-align: center;
}

.text-c-gray-14-center-de-archive {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #515d6a;
  text-align: center;
}

.text-c-black-14-center {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #1a2634;
  text-align: center;
}

.link {
  display: inline-block;
  color: #515d6a;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.link-text {
  color: #1a2634;
  max-width: 100%;
  overflow-wrap: break-word !important;
}

.wrap-field-text {
  max-width: 500px !important;
  overflow-wrap: break-word !important;
  /*border: 1px solid #cfd7e2;*/
}

.about-card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #cfd7e2;
  align-items: flex-start;
  padding: 24px;
  gap: 32px;
}

.about-card-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: #1a2634;
}

.about-card-text {
  font-weight: 400;
  font-size: 16px;
  color: #515d6a;
  margin: 0;
}

.about-btn-learn-more {
  color: #0a5abb;
  border: 1px solid #0a5abb;
  background-color: #ffffff;
  border-radius: 6px;
  margin-top: 1vh;
  padding: 0px, 24px, 0px, 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 40%;
}

.btn-main-learn {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px 86px;
  background-color: #ffffff;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: #0a5abb;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
}

.btn-main-learn:hover {
  background-color: #0a5abb;
  color: #ffffff;
}


.margin-space {
  margin-top: 50px;
  margin-bottom: 100px;
}

.gap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 50px;
  gap: 100px;
}

.size {
  height: 360.3390197753906px;
  width: 451px;
}

.img-fluid {
  display: flex;
  justify-content: start;
}

.img-fluid-captcha {
  display: flex;
  justify-content: start;
  background-color: #FFFFCC;
  border: 1px solid #0a5abb;
  border-radius: 6px;
}

.sam-ban {
  content:url("../banner/583.gif");
}

.track-over {
  content:url("../img/overview.png");
}

.about-top-right {
  margin: auto;
}

.about-top-right button {
  color: #0a5abb;
  border: 1px solid #0a5abb;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 2vh 6vw;
  margin-top: 1vh;
}

.about-top-right button:hover {
  background-color: #0a5abb;
  color: #ffffff;
}

.about-icon {
  width: 40px;
  height: 40px;
}

.card-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
}

.card-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #515d6a;
  text-align: left;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.about-bottom-title {
  margin: 6vh 0;
}

.about-bottom-btn {
  display: grid;
  color: #0a5abb;
  border: 1px solid #0a5abb;
  background-color: #ffffff;
  border-radius: 12px;
  font-weight: 600;
  margin-top: 1vh;
  padding: 16px;
  justify-content: center;
  align-items: center;
  width: 92%;
  margin-left: 14px;
  margin-right: 14px;
  cursor: pointer;
}

.active-btn-work {
  border: 1px solid #0a5abb;
  background-color: #0a5abb;
  color: white;
  cursor: auto;
}

.about-btn-bottom-center,
.about-btn-bottom-right {
  color: #1a2634;
  border: 1px solid #cfd7e2;
}

.tab-contents .tab {
  display: none;
  margin-left: 14px;
  margin-right: 14px;
}

.tab-contents .tab.active-text {
  display: block;
}

.sample-text-link {
  color: black;
  font-weight: bold;
}

.bg-soft-blue {
  background-color: #eef4fc;
}

.pricing-card {
  background: #ffffff;
  border-radius: 12px;
  align-items: flex-start;
  padding: 24px;
  gap: 32px;
}

.pricing-card ul li {
  padding: 10px 0;
  font-size: 1rem;
}

.pricing-card .service-icon {
  width: 105px;
  height: 105px;
  font-size: 2.825rem;
  margin-top: 10px;
}

.pricing-card-title {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 34px;
  color: #1a2634;
}

.pricing-card-price {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
  color: #1a2634;
}

.pricing-heading-main {
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  color: #1a2634;
  margin-bottom: 16px;
}

.plans-heading-main {
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  color: #1a2634;
  margin-bottom: 16px;
}

.plans-heading-main-white {
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  color: #FFF;
  margin-bottom: 16px;
}

.pricing-heading-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #515d6a;
}

.pricing-heading-text-white {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #FFF;
}

.pricing-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
}

.btn-main-pricing {
  font-size: 18px;
  font-weight: 600;
  padding: 12px 90px;
  gap: 24px;
  background-color: #0a5abb;
  border-radius: 6px;
  color: white;
}

.btn-main-pricing:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.btn-main-pricing-1 {
  font-size: 18px;
  font-weight: 600;
  padding: 30px 0px 14px 0px;
  gap: 24px;
  border-radius: 6px;
  color: #0a5abb;
}

.btn-main-pricing-1:hover {
  color: #72c141;
}

.p-24 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.pricing-text-ms-3 {
  padding-left: 9.2px;
}

.value-title {
  font-weight: 500;
  font-size: 12px;
  line-height: 34px;
  color: #72c141;
}

.text-features {
  color: #1a2634;
  font-weight: 600;
  font-size: 16px;
}

.why-clixtrac {
  border: none !important;
  padding: 28px 30px 50px 30px;
  gap: 32px;
  background-color: white !important;
  border-radius: 12px !important;
  margin-left: 13px;
}

#why-bg {
  background-image: url(../img/bg-why-clixtrac.png);
  background-position: right bottom left top;
  background-repeat: no-repeat, repeat;
  background-size: cover;
}

.card-body {
  padding: 0;
  margin: 0;
  border: none;
}

.why-clixtrac ul li {
  padding: 10px 0;
  font-size: 1rem;
}

.why-clixtrac-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  text-align: left;
  color: #1a2634;
  margin-bottom: 16px;
}

.why-clixtrac-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  color: #515d6a;
  margin-bottom: 46px;
}

.wide-lm-200 {
  margin-left: 200px;
}

.why-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
}

.why-text-ms-3 {
  padding-left: 9.2px;
}

.why-clixtrac-btn {
  font-size: 18px;
  font-weight: 600;
  padding: 14px 52px;
  gap: 24px;
  color: #0a5abb;
  background: #ffffff;
  border: 1px solid #0a5abb;
  border-radius: 6px;
}

.why-clixtrac-btn:hover {
  background-color: #0a5abb;
  color: white !important;
}

.try-shorten {
  background-color: #0a5abb;
  padding: 28px;
}

.try-shorten .container h2 {
  color: white;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: xx-large;
  text-align: center;
}

.shorten-btn {
  background-color: #1a2634 !important;
  color: white !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  width: 100%;
}

.shorten-btn:hover {
  background-color: #093c7a !important;
  color: white !important;
}

.try-shorten p {
  color: white;
  font-family: Poppins, sans-serif;
  font-weight: 300 !important;
  font-size: 14px !important;
  text-align: center;
}

.try-shorten p a {
  text-decoration: underline !important;
  color: #ffffff !important;
}

.try-shorten p a:hover {
  text-decoration: underline !important;
}

.comment-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
}

.quote-img {
  width: 30px !important;
}

.card.card-quote {
  padding: 24px;
  background-color: #eef4fc;
  border-radius: 12px;
  border: none;
}

.card-footer {
  background-color: #eef4fc;
  border: none !important;
}

.quoter-name {
  font-weight: 600;
  font-size: larger;
}

.faq-card {
  margin-top: 25px;
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #0a5abb;
  align-items: center;
  padding: 24px;
  width: 950px;
}

.faq h2 {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: xx-large;
  text-align: center;
  color: #1a2634;
}

.faq-accordion {
  font-family: Poppins, sans-serif;
  background-color: #eef4fc;
  color: #1a2634;
  cursor: pointer;
  padding: 18px;
  font-size: large;
  font-weight: 600;
  width: 100%;
  border: none;
  text-align: left;
  border-radius: 10px;
  transition: 0.4s;
}

.active-faq,
.faq-accordion:hover {
  background-color: #0a5abb;
  color: #ffffff;
}

.faq-accordion:after {
  content: "\002B";
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active-faq:after {
  content: "\2212";
}

.faq-panel {
  font-family: Poppins, sans-serif;
  margin-top: 10px;
  padding: 0 18px;
  font-size: large;
  font-weight: 400;
  background-color: white;
  color: #515d6a;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-weight: 400;
}

.list-group-item {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}

.list-group-container {
  margin-right: 62px;
}

.footer {
  background-color: #1a2634;
  padding-top: 92px;
}

.footer-icon {
  height: auto;
  width: 210px;
}

.logo-top {
  padding: 0px 0px 0px 0px !important;
  margin-bottom: 20px;
}

.list-group-title {
  padding: 5px 0 !important;
  background-color: #1a2634 !important;
  border: none !important;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff !important;
  line-height: 28px;
}

.footer-list-group a {
  padding: 5px 0 !important;
  background-color: #1a2634 !important;
  border: none !important;
  color: #ffffff !important;
}

.footer-list-group a:hover {
  text-decoration: underline !important;
}

.spacing-list-group {
  margin-left: auto;
}

.space-icon {
  margin-left: auto;
}

.space-icon a {
  padding: 15px 0px 15px 15px;
}

.scrolltop {
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  padding: 10px 15px;
  background-color: #0a5abb;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #fff;
  cursor: pointer;
  transition: all 0.5s ease 0s;
  z-index: 1;
}

.scrolltop:hover {
  background-color: #fff;
  border: 1px solid #0a5abb;
  color: #0a5abb;
}

.hide {
  opacity: 0;
  right: -100%;
}

.show {
  opacity: 1;
  right: 30px;
}

.calendar {
  position: absolute;
  visibility: hidden;
  background-color: white;
  layer-background-color: white;
}

.slide {
position: relative;
animation: slidetop 0.4s;
}

@keyframes slidetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 100003;
  cursor: pointer;
}

.overlay-clixtrac {
  border: none !important;
  gap: 32px;
  background-color: white !important;
  border-radius: 12px !important;
  height: 80%;
  overflow-y: scroll;
  margin: 15vh auto;
  width: 60%;
  max-width: 850px;
  padding: 30px;
}

#overlay-bg {
  background-image: url(../img/bg-overlay.png);
  background-position: right top;
  background-repeat: no-repeat, repeat;
  background-size: cover;
}

.overlay-card-body {
  padding: 0;
  margin: 0;
  border: none;
}

.overlay-card-body ul li {
  padding: 10px 0;
  font-size: 1rem;
}

.overlay-clixtrac-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  color: #1a2634;
  margin-bottom: 36px;
}

.wide-ol-lm-20 {
  margin-left: 20px;
}

.overlay-text {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
}

.overlay-text-ms-3 {
  padding-left: 9.2px;
}

.overlay-clixtrac-btn {
  font-size: 18px;
  font-weight: 600;
  padding: 12px, 24px;
  gap: 24px;
  color: #0a5abb;
  background: #ffffff;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  margin-bottom: 16px;
  margin-left: 85%;
  cursor: pointer;
}

.overlay-clixtrac-btn:hover {
  background-color: #0a5abb;
  color: white !important;
}

.about-bg {
  background-image: url(../img/bg-about.png);
  background-position: right bottom left top;
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%;
}

.about {
  border: none !important;
  padding: 0px 30px 50px 30px;
  gap: 32px;
  background-color: white !important;
  border-radius: 12px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20%;
  margin-right: 20%;
}

.about-page-text-title {
  width: 50%;
  text-align: center;
  margin-left: 25%;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.about-mt-text {
  order: 1;
}

.about-mt-center-img {
  text-align: center;
  order: 2;
  margin-top: 15px;
}

.contact-bg {
  background-image: url(../img/bg-contact.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto;
}

.contact {
  border: none !important;
  padding: 0px 30px 50px 30px;
  gap: 32px;
  background-color: white !important;
  border-radius: 12px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20%;
  margin-right: 20%;
}

.contact-text-title {
  width: 50%;
  text-align: center;
  margin-left: 25%;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.contact-error {
  margin-top: 30px;
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  color: #ff1a1a;
  text-align: center;
  vertical-align: middle;
}

.contact-field {
  margin-top: 30px;
  margin-left: 0;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #1a2634;
  text-align: left;
}

.btn-contact {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px 100px;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 25px;
  cursor: pointer;
}

.btn-contact:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.contact i {
  margin-left: -30px;
  padding-right: 15px;
  color: #ff1a1a;
}

.retrieve-bg {
  background-image: url(../img/bg-contact.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto;
}

.retrieve {
  border: none !important;
  padding: 0px 30px 50px 30px;
  gap: 32px;
  background-color: white !important;
  border-radius: 12px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20%;
  margin-right: 20%;
}

.retrieve-text-title {
  width: 50%;
  text-align: center;
  margin-left: 25%;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.retrieve-error {
  margin-top: 30px;
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  color: #ff1a1a;
  text-align: center;
  vertical-align: middle;
}

.retrieve-field {
  margin-top: 30px;
  margin-left: 0;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #1a2634;
  text-align: left;
}

.btn-retrieve {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px 50px;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 20px;
  cursor: pointer;
}

.btn-retrieve:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

.retrieve i {
  margin-left: -30px;
  padding-right: 15px;
  color: #ff1a1a;
}

.alerty-bg {
  background-image: url(../img/bg-contact.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto;
}

.alerty {
  border: none !important;
  padding: 0px 30px 50px 30px;
  gap: 32px;
  background-color: white !important;
  border-radius: 12px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20%;
  margin-right: 20%;
}

.alerty-text-title {
  width: 50%;
  text-align: center;
  margin-left: 25%;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.alerty-text-title-25 {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 25px;
  line-height: 42px;
  color: #1a2634;
}

.alerty-text-grn {
  margin-top: 5px;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #72c141;
}

.alerty-text-grn img {
  top: 2px !important;
  position: relative !important;
}

.alerty-text-grn-500 {
  margin-top: 5px;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #72c141;
}

.alerty-text-grn-500 img {
  top: 2px !important;
  position: relative !important;
}

.copy-text-grn-500 {
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #72c141;
}

.copy-text-grn-500 img {
  top: 2px !important;
  position: relative !important;
}

.alerty-error {
  margin-top: 30px;
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #ff1a1a;
  text-align: center;
  vertical-align: middle;
}

.alerty-error img {
  top: 2px !important;
  position: relative !important;
}

.alerty-error-18 {
  margin-top: 5px;
  font-style: italic;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #ff1a1a;
  text-align: center;
  vertical-align: middle;
}

.alerty-error-18 img {
  top: 1px !important;
  position: relative !important;
}

.alerty-bottom-text {
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #1a2634;
}

.alerty-bottom-text-mt-5 {
  margin-top: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #1a2634;
}

.alerty-bottom-text-left {
  margin-top: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-align: left;
  color: #1a2634;
}

.features-bg {
  background-image: url(../img/bg-features.png);
  background-position: right bottom left top;
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%;
}

.features {
  border: none !important;
  padding: 0px 30px 50px 30px;
  gap: 32px;
  background-color: white !important;
  border-radius: 12px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20%;
  margin-right: 20%;
}

.features-text-title {
  width: 50%;
  text-align: center;
  margin-left: 25%;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.see-features-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  color: #515d6a;
  margin-bottom: 46px;
}

.features-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
}

.features-text-ms-3 {
  padding-left: 9.2px;
}

.features ul li {
  padding: 10px 0;
  font-size: 1rem;
}

.legal {
  border: none !important;
  padding: 0px 30px 50px 30px;
  gap: 32px;
  background-color: white !important;
  border-radius: 12px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 80px;
  margin-right: 80px;
}

.sharing-text-title {
  text-align: center;
  margin-top: 15px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.legal-text-title {
  width: 50%;
  text-align: center;
  margin-left: 25%;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.conversion {
  text-align: left !important;
  border: none !important;
  padding: 0px 30px 50px 30px;
  gap: 32px;
  background-color: white !important;
  border-radius: 12px !important;
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: 80px;
  margin-right: 80px;
}

.conv-text-title {
  width: 50%;
  text-align: center;
  margin-left: 25%;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  color: #1a2634;
}

.affagr-text-title {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 18px;
  color: #1a2634;
}

.affagr-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #515d6a;
}

.p-50 {
  padding-left: 50px;
}

.rotate-groups {
  width: 50%;
  border: 1px solid #0a5abb;
}

.btn-copy-code {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px 50px;
  background-color: #0a5abb;
  border: 1px solid #0a5abb;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  margin-top: 25px;
  cursor: pointer;
}

.btn-copy-code:hover {
  background-color: #fff;
  color: #0a5abb;
  border: 1px solid #0a5abb;
}

#code {
  background: #FFFFFF;
  overflow: visible;
  padding: 7px;
  margin: 3px;
  text-align: left;
  width: 400px;
  height: 100px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

#share-code {
  background: #FFFFFF;
  overflow: visible;
  padding: 7px;
  margin: 3px;
  text-align: left;
  width: 400px;
  height: 60px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

#conv-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding: 7px;
  margin: 3px;
  text-align: left;
  width: 400px;
  height: 100px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

#aff-link {
  background: #FFFFFF;
  overflow: visible;
  padding-left: 7px;
  margin: 0;
  text-align: left;
  width: 300px;
  height: 25px;
  line-height: 22px;
  wrap: soft;
  resize: none;
}

#post-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding-left: 7px;
  padding-top: 2px;
  margin: 0;
  text-align: left;
  width: 400px;
  height: 30px;
  line-height: 20px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

#split-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding-left: 7px;
  padding-top: 2px;
  margin: 0;
  text-align: left;
  width: 400px;
  height: 30px;
  line-height: 20px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

#url-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding-left: 7px;
  padding-top: 2px;
  margin: 0;
  text-align: left;
  width: 400px;
  height: 30px;
  line-height: 20px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

.url-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding-left: 7px;
  padding-top: 2px;
  margin: 0;
  text-align: left;
  width: 400px;
  height: 30px;
  line-height: 20px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

#image-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding-left: 7px;
  padding-top: 2px;
  margin: 0;
  text-align: left;
  width: 400px;
  height: 30px;
  line-height: 20px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

.image-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding-left: 7px;
  padding-top: 2px;
  margin: 0;
  text-align: left;
  width: 400px;
  height: 30px;
  line-height: 20px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

#html-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding: 7px;
  margin: 3px;
  text-align: left;
  width: 400px;
  height: 120px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

.html-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding: 7px;
  margin: 3px;
  text-align: left;
  width: 400px;
  height: 120px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

.aff-html-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding: 7px;
  margin: 3px;
  text-align: left;
  width: 420px;
  height: 80px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

#java-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding: 7px;
  margin: 3px;
  text-align: left;
  width: 400px;
  height: 100px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

.java-to-copy {
  background: #FFFFFF;
  overflow: visible;
  padding: 7px;
  margin: 3px;
  text-align: left;
  width: 400px;
  height: 100px;
  border: double 3px darkblue;
  wrap: soft;
  resize: none;
}

#campaign-description {
  background: url('../res/style/earth_location.gif') no-repeat #FFFFFF 2px 1px;
  padding-left: 22px;
  border: 1px solid rgb(127,157,185);
  width: 250px;
  height: 20px;
}

#rotator-description {
  background: url('../res/style/earth_location.gif') no-repeat #FFFFFF 2px 1px;
  padding-left: 22px;
  border: 1px solid rgb(127,157,185);
  width: 250px;
  height: 20px;
}

#toolbar {
  height: 32px;
  background: url('../res/style/toolbar.png') repeat;
  padding: 2px 7px;
  border-bottom: 1px outset;
  border-top: 5px solid #FFFFFF;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  text-align: left;
}

#toolbar-input {
  height: 32px;
  background: url('../res/style/toolbar.png') repeat;
  padding: 2px 7px;
  border-bottom: 1px outset;
  border-top: 5px solid #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  text-align: left;
}

#toolbar #header {
  font-family: Courier New; 
  color: #000000;
  text-align: center;
}

#mainheader, #mainheader th {
  font-family: Courier New;
  color: #00000;
  background-color: #E8E8E8;
  padding: 3px 5px;
  height: 30px;
  text-decoration: none;
}

#mainheader th a:link, #mainheader th a:visited {
  font-family: Courier New;
  color: #000000;
  background-color: #E8E8E8;
  text-decoration: none;
}

#mainheader th a:hover {
  font-family: Courier New;
  color: #0000FF;
  background-color: #E8E8E8;
  text-decoration: none;
}

#newheader {
  font-family: Courier New;
  padding: 2px 5px;
  border-left: 5px solid #000080;
  border-top:1px solid #000080;
  height: 20px;
  text-align: left;
}

#header, #header td {
  font-family: Courier New;
  color: #FFFFFF;
  background-color: #000080;
  padding: 2px 5px;
  height: 20px;
  text-align: left;
}

#statheader, #statheader td {
  font-family: Courier New;
  color: #FFFFFF;
  background-color: #007000;
  padding: 2px 5px;
  text-align: left;
  font-size: 11px;
  margin-bottom: 0px;
}

#smallheader, #smallheader th, #smallheader td {
  background-color: #F4F4FF;
  padding: 2px 5px;
  text-align: left;
  font-size: 9pt;
  margin-bottom: 0px;
}

#mbutt {
  width: 250px;
  margin: 10px 0px;
  display: block;
}

.fs {
  width: 100%;
  padding: 10px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 30px;
}

.fs-choose-tracker {
  width: 100%;
  padding: 10px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 30px;
}

.fs-aff-referrals {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 30px;
}

.fs-aff-earnings {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 30px;
}

.fs-referrer-stats {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 30px;
}

.fs-subid-stats {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 30px;
}

.fs-aff-stats {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-aff-click-refs {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-aff-su-refs {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-aff-types {
  WIDTH: 300px;
  padding: 10px;
  margin:10px;
  border: 1px solid rgb(127,157,185);
}

.fs-sharing-enable {
  WIDTH: 100%;
  padding: 10px;
  border: 1px solid rgb(127,157,185);
}

.fs-aff-portal-refs {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
  font-size: 14px;
}

.fs-aff-portal-earnings {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
  font-size: 14px;
}

.fs-aff-portal-activity {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-aff-portal-click-refs {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-aff-portal-su-refs {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-qr-code {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 30px;
}

.fs-campaign {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-recent-stats {
  WIDTH: 100%px;
  padding: 10px;
  border: 1px solid rgb(127,157,185);
}

.fs-overview-stats {
  WIDTH: 100%;
  padding: 10px;
  border: 1px solid rgb(127,157,185);
}

.fs-rotate {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-rotators {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-stats {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 10px;
}

.fs-daily-stats {
  WIDTH: 100%;
  padding: 20px;
  border: 1px solid rgb(127,157,185);
  margin-bottom: 50px;
}

.fs-lifetime-totals {
  WIDTH: 100%;
  padding: 3px;
  border: 1px solid yellow;
  border-radius: 12px;
  margin-bottom: 5px;
}

legend {
  padding: 0.2em 0.5em;
  border: 1px solid rgb(127,157,185);
  color: green;
}

.maintable2 {
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  background-color: #FFFFFF;
}

table.maintable2>tbody>tr.resultrow:hover td,
table.maintable2>tbody>tr.resultrow:hover th {
  background-color: #ddd !important;
}

table.daily-stat-table>tbody>tr:hover td,
table.daily-stat-table>tbody>tr:hover th {
  background-color: #ddd !important;
}

table.last50>tbody>tr:hover td,
table.last50>tbody>tr:hover th {
  background-color: #ddd !important;
}

.resultheader {
  background-color: #0a5abb;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: larger;
  text-align: center;
}

.resultrow {
  color: #333333;
  background-color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.resultcell {
  color: #333333;
  background-color: #ECF5FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.resultcell-blue {
  color: #333333;
  background-color: #ECF5FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.resultcell-white {
  color: #333333;
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.resultcell-lt-green {
  color: #333333;
  background-color: #ecfff6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.resultcell-lt-green-p0 {
  color: #333333;
  background-color: #ecfff6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.resultcell-lt-gray {
  color: #333333;
  background-color: #f7f7f6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.resultcell-lt-gray-p0 {
  color: #333333;
  background-color: #f7f7f6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.resultcell-blue-p5 {
  color: #333333;
  background-color: #ECF5FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.resultcell-white-p5 {
  color: #333333;
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.resultcell-lt-green-p5 {
  color: #333333;
  background-color: #ecfff6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.resultcell-lt-gray-p5 {
  color: #333333;
  background-color: #f7f7f6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.resultcell-gray-p5 {
  color: #333333;
  background-color: #ededed;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.activity-table {
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  background-color: #FFFFFF;
}

table.activity-table>tbody>tr.activity-resultrow:hover td,
table.activity-table>tbody>tr.activity-resultrow:hover th {
  background-color: #ddd !important;
}

.activity-resultheader {
  background-color: #0a5abb;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: larger;
  text-align: center;
}

.activity-resultheader-white {
  background-color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #1a2634;
  font-size: larger;
  text-align: center;
}

.activity-resultrow {
  color: #333333;
  background-color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.activity-resultcell {
  color: #333333;
  background-color: #ECF5FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.lowtext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.slinks_other A:link {
  color: green;
  text-decoration: none;
}

.slinks_other A:visited {
  color: green;
  text-decoration: none;
}

.slinks_other A:active {
  color: green;
  text-decoration: none;
}

.slinks_other A:hover {
  color: green;
  text-decoration: underline !important;
}

#dhtmltooltip{
  position: absolute;
  width: 150px;
  border: 1px solid black;
  padding: 2px;
  background-color: #FFFFAA;
  visibility: hidden;
  z-index: 100;
}

#show7 {
  visibility: hidden;
}

#show15 {
  visibility: hidden;
}

#show30 {
  visibility: hidden;
}

#showPie30 {
  visibility: hidden;
}

#logout {
  padding: 0 0 0 20px;
  margin: 5px 15px 0 0;
  float: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: url('../res/style/bullet.gif') no-repeat 0px 4px;
}

.clear {
  clear:both;
}

@media (min-width: 1921px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1024px) and (max-width: 1200px) {

  .btn-main-pricing {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-right: 12px;
    width: 100%;
  }

  .wide-lm-200 {
    margin-left: 120px !important;
  }

  #why-bg {
    background-image: url(../img/bg-why-clixtrac-tab.png) !important;
    background-position: right top !important;
    background-repeat: no-repeat, repeat;
    background-size: cover;
  }

  .about-bg {
    background-image: url(../img/bg-about-tab.png) !important;
  }

  .features-bg {
    background-image: url(../img/bg-features-tab.png) !important;
  }

  .overlay-clixtrac {
    width: 70%;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {

  .cp-nav-menu {
    display: none;
  }

  .cp-nav-menu-tablet {
    display: block;
  }

  .cp-nav-menu-sf {
    display: none;
  }

  .location {
    padding-top: 203px !important;
  }

  .about {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .contact {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .retrieve {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .alerty {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .features {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  .text-navbar {
    padding: 0.6rem 0.7rem !important;
  }

  .hero-heading-main {
    order: 2;
  }

  .wide-tb-center-img {
    order: 1;
  }

  .btn-main-learn {
    padding: 20px 76px !important;
  }

  .btn-main-pricing {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-right: 12px;
    width: 100%;
  }

  .wide-lm-200 {
    margin-left: 80px !important;
  }

  #why-bg {
    background-image: url(../img/bg-why-clixtrac-tab.png) !important;
    background-position: right bottom left top !important;
    background-repeat: no-repeat, repeat;
    background-size: cover;
  }

  .about-bg {
    background-image: url(../img/bg-about-tab.png) !important;
  }

  .features-bg {
    background-image: url(../img/bg-features-tab.png) !important;
  }

  .footer-icon {
    height: auto;
    width: 180px;
  }

  .list-group-container {
    margin-right: 38px !important;
  }

  .overlay-clixtrac {
    width: 70%;
  }

  .text-c-gray-info-700 {
    width: 90% !important;
  }
}

@media only screen and (max-width: 768px) {

  .cp-card {
    width: 330px !important;
  }

  .cp-card-home {
    margin-top: 203px !important;
    width: 350px !important;
  }

  .cp-card-pass {
    width: 330px !important;
  }

  .cp-card-pass i {
    margin-bottom: -5px !important;
    padding-top: 5px !important;
  }

  .cp-card-close {
    width: 330px !important;
  }

  .cp-card-close i {
    margin-bottom: -5px !important;
    padding-top: 5px !important;
  }

  .cp-card-cancel {
    width: 330px !important;
  }

  .cp-card-norm {
    width: 350px !important;
  }

  .aff-stats {
    width: 550px !important;
    background: #ffffff !important;
    padding-right: 20px !important;
    padding-bottom: 1px !important;
  }

  .fs-aff-stats {
    margin-left: 0 !important;
  }

  .aff-click-refs {
    width: 550px !important;
    background: #ffffff !important;
    padding-right: 20px !important;
    padding-bottom: 1px !important;
  }

  .fs-aff-click-refs {
    margin-left: 0 !important;
  }

  .aff-su-refs {
    width: 550px !important;
    background: #ffffff !important;
    padding-right: 20px !important;
    padding-bottom: 1px !important;
  }

  .fs-aff-su-refs {
    margin-left: 0 !important;
  }

  .aff-earnings {
    width: 400px !important;
    background: #ffffff !important;
    padding-right: 20px !important;
    padding-bottom: 1px !important;
  }

  .fs-aff-earnings {
    margin-left: 0 !important;
  }

  .aff-referrals {
    width: 550px !important;
    background: #ffffff !important;
    padding-right: 20px !important;
    padding-bottom: 1px !important;
  }

  .fs-aff-referrals {
    margin-left: 0 !important;
  }

  .choose-stats {
    width: 100% !important;
  }

  .campaigns {
    width: 100% !important;
  }

  .campaign-banners {
    width: 100% !important;
  }

  .campaign-totals {
    width: 100% !important;
  }

  .campaign-existing {
    width: 100% !important;
  }

  .campaign-new {
    width: 100% !important;
  }

  .fs-campaign {
    padding: 0 !important;
  }

  .campaign-select {
    max-width: 160px !important;
    position: relative !important;
  }

  .campaign-select-stats {
    max-width: 180px !important;
    position: relative !important;
  }

  #campaign-description {
    width: 150px !important;
  }

  .choose-tracker {
    width: 100% !important;
  }

  .tracker-code {
    /*width: 100% !important;*/
  }

  .conv-details {
    /*width: 100% !important;*/
  }

  .qr-code {
    width: 100% !important;
  }

  .btn-choose-tracker {
    width: 90% !important;
  }

  .fs-choose-tracker {
    padding: 0 !important;
  }

  .rotators {
    width: 100% !important;
    margin-left: -55px !important;
  }

  .rotator-existing {
    width: 100% !important;
  }

  .rotator-new {
    width: 100% !important;
  }

  .fs-rotate {
    padding: 0 !important;
  }

  .rotator-select {
    max-width: 160px !important;
    position: relative !important;
  }

  #rotator-description {
    width: 150px !important;
  }

  .rotator-details {
    width: 100% !important;
  }

  .welcome-text {
    margin-top: -15px !important;
  }

  .welcome-text img {
    bottom: -30px !important;
  }

  .intro {
    width: 95% !important;
  }

  .sf-user {
    display: block !important;
  }

  .cp-overview {
    margin-top: 30px !important;
    width: 95% !important;
    text-align: left !important;
  }

  .activity-overview {
    margin-top: 30px !important;
    width: 100% !important;
    margin-left: -5px !important;
  }

  .tracker-overview {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    margin-left: -5px !important;
  }

  .recent-stats {
    width: 100% !important;
    margin-left: -8px !important;
  }

  .text-cp-gray-alert-700 {
    width: 100% !important;
  }

  .snap-chart-container {
    margin-top: 30px !important;
    width: 100% !important;
  }

  .recent-snap-chart-container {
    margin-top: 30px !important;
    width: 100% !important;
  }

  .country-chart-container {
    margin-top: 30px !important;
    width: 100% !important;
    height: 435px !important;
  }

  .archive-text {
    width: 170px !important;
    right: -65px !important;
  }

  .text-c-gray-14-center-archive {
    text-align: right !important;
  }

  .active-text-list {
    width: 190px !important;
    right: -25px !important;
    margin-top: -17px !important;
  }

  .de-archive-text {
    width: 190px !important;
    right: -25px !important;
    margin-top: -17px !important;
  }

  .text-c-gray-14-center-active-text-list {
    text-align: left !important;
  }

  .text-c-gray-14-center-de-archive {
    text-align: left !important;
  }

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

  .campaign-list {
    margin-top: 30px !important;
    margin-left: -15px !important;
    width: 100% !important;
  }

  #check-all-box {
    position: relative !important;
    bottom: -3px !important;
  }

  .btn-chg-email {
    width: 90% !important;
  }

  .btn-close-act {
    width: 97% !important;
  }

  .cp-nav-menu {
    display: none;
  }

  .cp-nav-menu-tablet {
    display: none;
  }

  .cp-nav-menu-sf {
    display: block;
  }

  .location {
    padding-top: 203px !important;
  }

  .conversion {
    margin-top: 145px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 2px 0px 10px 0px !important;
  }

  #code {
    width: 300px !important;
    height: 150px !important;
    margin-left: -5px !important;
  }

  #share-code {
    width: 300px !important;
    height: 70px !important;
    margin-left: 0px !important;
  }

  .sharing-enable {
    width: 100% !important;
  }

  #conv-to-copy {
    width: 300px !important;
    height: 150px !important;
    margin-left: -5px !important;
  }

  #url-to-copy {
    width: 300px !important;
    margin-left: -7px !important;
  }

  .url-to-copy {
    width: 300px !important;
    margin-left: -7px !important;
  }

  #post-to-copy {
    width: 300px !important;
    height: 50px !important;
    margin-left: -7px !important;
  }

  #split-to-copy {
    width: 300px !important;
    height: 50px !important;
    margin-left: -7px !important;
  }

  #image-to-copy {
    width: 300px !important;
    height: 50px !important;
    margin-left: -7px !important;
  }

  .image-to-copy {
    width: 300px !important;
    height: 50px !important;
    margin-left: -7px !important;
  }

  #html-to-copy {
    width: 300px !important;
    height: 150px !important;
    margin-left: -5px !important;
  }

  .html-to-copy {
    width: 300px !important;
    height: 150px !important;
    margin-left: -5px !important;
  }

  .aff-html-to-copy {
    width: 100% !important;
    height: 160px !important;
    margin-left: 0 !important;
  }

  #java-to-copy {
    width: 300px !important;
    height: 150px !important;
    margin-left: -5px !important;
  }

  .java-to-copy {
    width: 300px !important;
    height: 150px !important;
    margin-left: -5px !important;
  }

  .text-c-gray-info-700 {
    /*width: 97% !important;*/
    width: 330px !important;
  }

  .text-c-gray-info-700-campaign {
    /*width: 100% !important;*/
    width: 330px !important;
  }

  .text-c-gray-info-short {
    /*width: 97% !important;*/
    width: 300px !important;
  }

  .userinfo {
    margin-right: 5px !important;
    padding: 7px 0 0 0 !important;
  }

  .about-mt-text {
    order: 2 !important;
    margin-top: 15px !important;
  }

  .about-mt-center-img {
    order: 1 !important;
    margin-top: 0 !important;
  }

  .login-field {
    margin-bottom: -5px !important;
  }

  .signup-field {
    margin-bottom: -5px !important;
  }

  .email-change-field {
    margin-bottom: -5px !important;
  }

  .about {
    margin-top: 60px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 2px 0px 10px 0px !important;
  }

  .about-page-text-title {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .retrieve {
    margin-top: 60px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 2px 0px 10px 0px !important;
  }

  .retrieve-text-title {
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
  }

  .retrieve-field {
    margin-bottom: -5px !important;
  }

  .alerty {
    margin-top: 60px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 2px 0px 10px 0px !important;
  }

  .alerty-text-title {
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
  }

  .contact {
    margin-top: 60px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 2px 0px 10px 0px !important;
  }

  .contact-text-title {
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
  }

  .contact-field {
    margin-bottom: -5px !important;
  }

  .features {
    margin-top: 60px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 2px 0px 10px 0px !important;
  }

  .features-text-title {
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
  }

  .anchor {
    display: flex !important;
  }

  .text-agree-gray {
    text-align: center !important;
  }

  .login-bg {
    background-image: url(../img/Cover-Login-sf.png) !important;
  }

  .login-container {
    width: 330px !important;
    margin-top: 1px !important;
    margin-bottom: 25px !important;
  }

  .login-card {
    width: 330px !important;
    position: relative !important;
  }

  .signup-container {
    height: 1185px !important;
    margin-top: 1px !important;
    margin-bottom: 25px !important;
  }

  .signup-card {
    width: 330px !important;
  }

  #overlay-bg {
    background-image: url(../img/bg-overlay-sf.png) !important;
  }

  .overlay-clixtrac-btn {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .text-navbar {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.6rem 0.7rem !important;
  }

  .login {
    display: flex !important;
  }

  .signup {
    display: flex !important;
  }

  .nav-link.signup-btn {
    display: none;
    font-size: 0.85rem;
    padding: 0.6rem 1.2rem;
  }

  .nav-link.login-btn {
    display: none;
    font-size: 0.85rem;
    padding: 0.6rem 1.2rem;
  }

  .why-clixtrac {
    border: none !important;
    padding: 0px 0px 0px 0px !important;
    gap: 32px;
    background-color: white !important;
    border-radius: 12px !important;
    margin-left: 13px;
  }

  .navbar-brand {
    margin: 0px 0px 0px 10px;
  }

  .sample-url-container.container {
    margin: 0px !important;
    padding: 0px !important;
  }

  .sam-ban {
    content:url("../banner/8418.png") !important;
  }

  .track-over {
    content:url("../img/overview-sf.png") !important;
  }

  .col-md-4 .col-sm-4 {
    padding: 0px 0px !important;
    margin: 0px 0px !important;
  }

  .wide-t-92 {
    margin-top: 48px;
  }

  .wide-b-92 {
    margin-bottom: 48px;
  }

  .why-clixtrac.card {
    padding-bottom: 38px;
  }

  #why-bg {
    background-image: none !important;
  }

  .contact-bg {
    background-image: none !important;
  }

  .retrieve-bg {
    background-image: none !important;
  }

  .alerty-bg {
    background-image: none !important;
  }

  .about-bg {
    background-image: url(../img/bg-about-sf.png) !important;
  }

  .features-bg {
    background-image: url(../img/bg-features-sf.png) !important;
  }

  .legal {
    margin-top: 60px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 2px 0px 10px 0px !important;
  }

  .legal-text-title {
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
  }

  .conv-text-title {
    width: 100% !important;
    margin-left: -12px !important;
    margin-bottom: 0px !important;
  }

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

  .why-clixtrac-btn {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .why-clixtrac-text {
    margin-bottom: 30px;
  }

  .see-features-text {
    margin-bottom: 30px;
  }

  .wide-lm-200 {
    margin-left: 0 !important;
  }

  .try-shorten {
    padding: 28px 0px 18px 0px;
  }

  .form-control {
    margin-top: 10px;
  }

  .why-clixtrac-btn {
    width: 100%;
  }

  .shorten-btn {
    margin-top: 16px;
    width: 100%;
  }

  .why-clixtrac {
    margin-left: 12px;
    margin-right: 12px;
    padding: 28px 25px 50px 25px;
  }

  .hero-quotes-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 24px;
  }

  .hero-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 24px;
  }

  .hero-heading-main {
    order: 2;
    margin-top: 30px;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
  }

  .wide-tb-center-img {
    order: 1;
    margin-top: 30px;
  }

  .adjust {
    padding-left: 25px;
    padding-right: 25px;
  }

  .about-img {
    order: 0;
    margin-right: 0;
    width: 100%;
    padding: 10px;
  }

  .btn-main-nav {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.6rem 0.7rem !important;
  }

  .btn-main-hero {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .btn-main-down {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .btn-main-learn {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .btn-main-pricing {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-right: 12px;
    width: 100%;
  }

  .btn-main-pricing-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-right: 12px;
    width: 100%;
  }

  .plans-heading-main {
    margin-top: 30px !important;
  }

  .wide-tb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .footer-icon {
    height: auto;
    width: 152px;
  }

  .footer {
    padding-top: 48px;
  }

  .spacing-list-group {
    order: 2 !important;
    flex-direction: column;
    margin-left: 0px;
  }

  .space-group {
    display: flex;
    flex-direction: column;
    align-content: start;
  }

  .position-footer {
    display: row;
    flex-direction: column;
    align-content: start;
  }

  .text-copyright {
    order: 2 !important;
  }

  .space-icon {
    order: 1 !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 32px;
  }

  .text-decoration-none {
    padding: 0px 15px 0px 0px !important;
  }

  .scrolltop {
    right: 20px;
  }

  .show {
    opacity: 1;
    right: 20px;
  }

  .overlay-clixtrac {
    width: 90% !important;
  }

  .wide-ol-lm-20 {
    margin-left: 0 !important;
  }
}