/* ====================== [ Start Typography  ] ====================== */
 .container-fluid,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl {
   width: 96%;
 }

 .row>* {
   position: relative;
 }

 .display-1 {
   font-size: 80px !important;
 }

 .display-2 {
   font-size: 72px !important;
 }

 .display-3 {
   font-size: 64px !important;
 }

 .display-4 {
   font-size: 56px !important;
 }

 .bg-primary {
   background-color: #d4103a !important;
 }

 .text-primary {
   color: #d4103a !important;
 }

 a.text-primary:hover,
 a.text-primary:focus {
   color: #00967d !important;
 }

 .bg-secondary {
   background-color: #5a6d90 !important;
 }

 .text-secondary {
   color: #5a6d90 !important;
 }

 a.text-secondary:hover,
 a.text-secondary:focus {
   color: #465571 !important;
 }

 .bg-success {
   background-color: #25b865 !important;
 }

 .text-success {
   color: #25b865 !important;
 }

 a.text-success:hover,
 a.text-success:focus {
   color: #1c8e4e !important;
 }

 .bg-warning {
   background-color: #f9a836 !important;
 }

 .text-warning {
   color: #f9a836 !important;
 }

 a.text-warning:hover,
 a.text-warning:focus {
   color: #f59207 !important;
 }

 .bg-info {
   background-color: #44bed0 !important;
 }

 .text-info {
   color: #44bed0 !important;
 }

 a.text-info:hover,
 a.text-info:focus {
   color: #2da3b4 !important;
 }

 .bg-danger {
   background-color: #d6374a !important;
 }

 .text-danger {
   color: #d6374a !important;
 }

 a.text-danger:hover,
 a.text-danger:focus {
   color: #b52536 !important;
 }

 .bg-dark {
   background-color: #3c4858 !important;
 }

 .text-dark {
   color: #3c4858 !important;
 }

 a.text-dark:hover,
 a.text-dark:focus {
   color: #272f3a !important;
 }

 .bg-muted {
   background-color: #8492a6 !important;
 }

 .text-muted {
   color: #8492a6 !important;
 }

 a.text-muted:hover,
 a.text-muted:focus {
   color: #68788f !important;
 }

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

 .text-light {
   color: #f7f7ff !important;
 }

 a.text-light:hover,
 a.text-light:focus {
   color: #c4c4ff !important;
 }

 .bg-red {
   background-color: #D52941 !important;
 }

 .text-red {
   color: #D52941 !important;
 }

 a.text-red:hover,
 a.text-red:focus {
   color: #aa2134 !important;
 }

 .bg-skyblue {
   background-color: #32c2ec !important;
 }

 .text-skyblue {
   color: #32c2ec !important;
 }

 a.text-skyblue:hover,
 a.text-skyblue:focus {
   color: #14abd7 !important;
 }

 .bg-blue {
   background-color: #2d84fb !important;
 }

 .text-blue {
   color: #2d84fb !important;
 }

 a.text-blue:hover,
 a.text-blue:focus {
   color: #0568f0 !important;
 }

 .bg-yellow {
   background-color: #f89d36 !important;
 }

 .text-yellow {
   color: #f89d36 !important;
 }

 a.text-yellow:hover,
 a.text-yellow:focus {
   color: #f38508 !important;
 }

 .bg-green {
   background-color: #6dc77a !important;
 }

 .text-green {
   color: #6dc77a !important;
 }

 a.text-green:hover,
 a.text-green:focus {
   color: #48b958 !important;
 }

 .bg-footer {
   background-color: #465467 !important;
 }

 .text-footer {
   color: #465467 !important;
 }

 a.text-footer:hover,
 a.text-footer:focus {
   color: #323c49 !important;
 }

 .list-inline-item:not(:last-child) {
   margin-right: 0px;
   margin-bottom: 5px
 }

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

 .rounded-top {
   border-top-left-radius: 15px !important;
   border-top-right-radius: 15px !important;
 }

 .rounded-left {
   border-top-left-radius: 15px !important;
   border-bottom-left-radius: 15px !important;
 }

 .rounded-bottom {
   border-bottom-left-radius: 15px !important;
   border-bottom-right-radius: 15px !important;
 }

 .rounded-right {
   border-top-right-radius: 15px !important;
   border-bottom-right-radius: 15px !important;
 }

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

 .rounded-lg {
   border-radius: 30px !important;
 }

 .border {
   border: 1px solid #e9ecef !important;
 }

 .border-top {
   border-top: 1px solid #e9ecef !important;
 }

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

 .border-left {
   border-left: 1px solid #e9ecef !important;
 }

 .border-right {
   border-right: 1px solid #7B7B7B !important;
 }

 .small,
 small {
   font-size: 85%;
   font-weight: 500;
 }

 @media (max-width: 768px) {
   .display-1 {
     font-size: 56px !important;
   }

   .display-2 {
     font-size: 50px !important;
   }

   .display-3 {
     font-size: 42px !important;
   }

   .display-4 {
     font-size: 36px !important;
   }
 }

 .btn-primary {
   background-color: #d4103a !important;
   border: 1px solid #d4103a !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(0, 201, 167, 0.3)
 }

 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active,
 .btn-primary.active,
 .btn-primary.focus {
   background-color: #00967d !important;
   border-color: #00967d !important;
   color: #fff !important;
 }

 .btn-outline-primary {
   border: 1px solid #d4103a;
   color: #d4103a;
   background-color: transparent;
 }

 .btn-outline-primary:hover,
 .btn-outline-primary:focus,
 .btn-outline-primary:active,
 .btn-outline-primary.active,
 .btn-outline-primary.focus,
 .btn-outline-primary:not(:disabled):not(.disabled):active {
   background-color: #d4103a;
   border-color: #d4103a;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(0, 201, 167, 0.3);
 }

 .btn-link-primary {
   color: #d4103a;
 }

 .btn-link-primary:hover,
 .btn-link-primary:focus,
 .btn-link-primary:active,
 .btn-link-primary.active,
 .btn-link-primary.focus,
 .btn-link-primary:not(:disabled):not(.disabled):active {
   color: #00967d !important;
 }

 .btn-secondary {
   background-color: #5a6d90 !important;
   border: 1px solid #5a6d90 !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
 }

 .btn-secondary:hover,
 .btn-secondary:focus,
 .btn-secondary:active,
 .btn-secondary.active,
 .btn-secondary.focus {
   background-color: #465571 !important;
   border-color: #465571 !important;
   color: #fff !important;
 }

 .btn-outline-secondary {
   border: 1px solid #5a6d90;
   color: #5a6d90;
   background-color: transparent;
 }

 .btn-outline-secondary:hover,
 .btn-outline-secondary:focus,
 .btn-outline-secondary:active,
 .btn-outline-secondary.active,
 .btn-outline-secondary.focus,
 .btn-outline-secondary:not(:disabled):not(.disabled):active {
   background-color: #5a6d90;
   border-color: #5a6d90;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
 }

 .btn-link-secondary {
   color: #5a6d90;
 }

 .btn-link-secondary:hover,
 .btn-link-secondary:focus,
 .btn-link-secondary:active,
 .btn-link-secondary.active,
 .btn-link-secondary.focus,
 .btn-link-secondary:not(:disabled):not(.disabled):active {
   color: #465571 !important;
 }

 .btn-success {
   background-color: #25b865 !important;
   border: 1px solid #25b865 !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(37, 184, 101, 0.3);
 }

 .btn-success:hover,
 .btn-success:focus,
 .btn-success:active,
 .btn-success.active,
 .btn-success.focus {
   background-color: #1c8e4e !important;
   border-color: #1c8e4e !important;
   color: #fff !important;
 }

 .btn-outline-success {
   border: 1px solid #25b865;
   color: #25b865;
   background-color: transparent;
 }

 .btn-outline-success:hover,
 .btn-outline-success:focus,
 .btn-outline-success:active,
 .btn-outline-success.active,
 .btn-outline-success.focus,
 .btn-outline-success:not(:disabled):not(.disabled):active {
   background-color: #25b865;
   border-color: #25b865;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(37, 184, 101, 0.3);
 }

 .btn-link-success {
   color: #25b865;
 }

 .btn-link-success:hover,
 .btn-link-success:focus,
 .btn-link-success:active,
 .btn-link-success.active,
 .btn-link-success.focus,
 .btn-link-success:not(:disabled):not(.disabled):active {
   color: #1c8e4e !important;
 }

 .btn-warning {
   background-color: #f9a836 !important;
   border: 1px solid #f9a836 !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(249, 168, 54, 0.3)
 }

 .btn-warning:hover,
 .btn-warning:focus,
 .btn-warning:active,
 .btn-warning.active,
 .btn-warning.focus {
   background-color: #f59207 !important;
   border-color: #f59207 !important;
   color: #fff !important;
 }

 .btn-outline-warning {
   border: 1px solid #f9a836;
   color: #f9a836;
   background-color: transparent;
 }

 .btn-outline-warning:hover,
 .btn-outline-warning:focus,
 .btn-outline-warning:active,
 .btn-outline-warning.active,
 .btn-outline-warning.focus,
 .btn-outline-warning:not(:disabled):not(.disabled):active {
   background-color: #f9a836;
   border-color: #f9a836;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(249, 168, 54, 0.3);
 }

 .btn-link-warning {
   color: #f9a836;
 }

 .btn-link-warning:hover,
 .btn-link-warning:focus,
 .btn-link-warning:active,
 .btn-link-warning.active,
 .btn-link-warning.focus,
 .btn-link-warning:not(:disabled):not(.disabled):active {
   color: #f59207 !important;
 }

 .btn-info {
   background-color: #44bed0 !important;
   border: 1px solid #44bed0 !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(68, 190, 208, 0.3);
 }

 .btn-info:hover,
 .btn-info:focus,
 .btn-info:active,
 .btn-info.active,
 .btn-info.focus {
   background-color: #2da3b4 !important;
   border-color: #2da3b4 !important;
   color: #fff !important;
 }

 .btn-outline-info {
   border: 1px solid #44bed0;
   color: #44bed0;
   background-color: transparent;
 }

 .btn-outline-info:hover,
 .btn-outline-info:focus,
 .btn-outline-info:active,
 .btn-outline-info.active,
 .btn-outline-info.focus,
 .btn-outline-info:not(:disabled):not(.disabled):active {
   background-color: #44bed0;
   border-color: #44bed0;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(68, 190, 208, 0.3);
 }

 .btn-link-info {
   color: #44bed0;
 }

 .btn-link-info:hover,
 .btn-link-info:focus,
 .btn-link-info:active,
 .btn-link-info.active,
 .btn-link-info.focus,
 .btn-link-info:not(:disabled):not(.disabled):active {
   color: #2da3b4 !important;
 }

 .btn-danger {
   background-color: #d6374a !important;
   border: 1px solid #d6374a !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(214, 55, 74, 0.3);
 }

 .btn-danger:hover,
 .btn-danger:focus,
 .btn-danger:active,
 .btn-danger.active,
 .btn-danger.focus {
   background-color: #b52536 !important;
   border-color: #b52536 !important;
   color: #fff !important;
 }

 .btn-outline-danger {
   border: 1px solid #d6374a;
   color: #d6374a;
   background-color: transparent;
 }

 .btn-outline-danger:hover,
 .btn-outline-danger:focus,
 .btn-outline-danger:active,
 .btn-outline-danger.active,
 .btn-outline-danger.focus,
 .btn-outline-danger:not(:disabled):not(.disabled):active {
   background-color: #d6374a;
   border-color: #d6374a;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(214, 55, 74, 0.3);
 }

 .btn-link-danger {
   color: #d6374a;
 }

 .btn-link-danger:hover,
 .btn-link-danger:focus,
 .btn-link-danger:active,
 .btn-link-danger.active,
 .btn-link-danger.focus,
 .btn-link-danger:not(:disabled):not(.disabled):active {
   color: #b52536 !important;
 }

 .btn-dark {
   background-color: #3c4858 !important;
   border: 1px solid #3c4858 !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
 }

 .btn-dark:hover,
 .btn-dark:focus,
 .btn-dark:active,
 .btn-dark.active,
 .btn-dark.focus {
   background-color: #272f3a !important;
   border-color: #272f3a !important;
   color: #fff !important;
 }

 .btn-outline-dark {
   border: 1px solid #3c4858;
   color: #3c4858;
   background-color: transparent;
 }

 .btn-outline-dark:hover,
 .btn-outline-dark:focus,
 .btn-outline-dark:active,
 .btn-outline-dark.active,
 .btn-outline-dark.focus,
 .btn-outline-dark:not(:disabled):not(.disabled):active {
   background-color: #3c4858;
   border-color: #3c4858;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
 }

 .btn-link-dark {
   color: #3c4858;
 }

 .btn-link-dark:hover,
 .btn-link-dark:focus,
 .btn-link-dark:active,
 .btn-link-dark.active,
 .btn-link-dark.focus,
 .btn-link-dark:not(:disabled):not(.disabled):active {
   color: #272f3a !important;
 }

 .btn-muted {
   background-color: #8492a6 !important;
   border: 1px solid #8492a6 !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
 }

 .btn-muted:hover,
 .btn-muted:focus,
 .btn-muted:active,
 .btn-muted.active,
 .btn-muted.focus {
   background-color: #68788f !important;
   border-color: #68788f !important;
   color: #fff !important;
 }

 .btn-outline-muted {
   border: 1px solid #8492a6;
   color: #8492a6;
   background-color: transparent;
 }

 .btn-outline-muted:hover,
 .btn-outline-muted:focus,
 .btn-outline-muted:active,
 .btn-outline-muted.active,
 .btn-outline-muted.focus,
 .btn-outline-muted:not(:disabled):not(.disabled):active {
   background-color: #8492a6;
   border-color: #8492a6;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
 }

 .btn-link-muted {
   color: #8492a6;
 }

 .btn-link-muted:hover,
 .btn-link-muted:focus,
 .btn-link-muted:active,
 .btn-link-muted.active,
 .btn-link-muted.focus,
 .btn-link-muted:not(:disabled):not(.disabled):active {
   color: #68788f !important;
 }

 .btn-light {
   background-color: #f7f7ff !important;
   border: 1px solid #f7f7ff !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(247, 247, 255, 0.3);
 }

 .btn-light:hover,
 .btn-light:focus,
 .btn-light:active,
 .btn-light.active,
 .btn-light.focus {
   background-color: #c4c4ff !important;
   border-color: #c4c4ff !important;
   color: #fff !important;
 }

 .btn-outline-light {
   border: 1px solid #f7f7ff;
   color: #f7f7ff;
   background-color: transparent;
 }

 .btn-outline-light:hover,
 .btn-outline-light:focus,
 .btn-outline-light:active,
 .btn-outline-light.active,
 .btn-outline-light.focus,
 .btn-outline-light:not(:disabled):not(.disabled):active {
   background-color: #f7f7ff;
   border-color: #f7f7ff;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(247, 247, 255, 0.3);
 }

 .btn-link-light {
   color: #f7f7ff;
 }

 .btn-link-light:hover,
 .btn-link-light:focus,
 .btn-link-light:active,
 .btn-link-light.active,
 .btn-link-light.focus,
 .btn-link-light:not(:disabled):not(.disabled):active {
   color: #c4c4ff !important;
 }

 .btn-red {
   background-color: #D52941 !important;
   border: 1px solid #D52941 !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(213, 41, 65, 0.3);
 }

 .btn-red:hover,
 .btn-red:focus,
 .btn-red:active,
 .btn-red.active,
 .btn-red.focus {
   background-color: #aa2134 !important;
   border-color: #aa2134 !important;
   color: #fff !important;
 }

 .btn-outline-red {
   border: 1px solid #D52941;
   color: #D52941;
   background-color: transparent;
 }

 .btn-outline-red:hover,
 .btn-outline-red:focus,
 .btn-outline-red:active,
 .btn-outline-red.active,
 .btn-outline-red.focus,
 .btn-outline-red:not(:disabled):not(.disabled):active {
   background-color: #D52941;
   border-color: #D52941;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(213, 41, 65, 0.3);
 }

 .btn-link-red {
   color: #D52941;
 }

 .btn-link-red:hover,
 .btn-link-red:focus,
 .btn-link-red:active,
 .btn-link-red.active,
 .btn-link-red.focus,
 .btn-link-red:not(:disabled):not(.disabled):active {
   color: #aa2134 !important;
 }

 .btn-skyblue {
   background-color: #32c2ec !important;
   border: 1px solid #32c2ec !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(50, 194, 236, 0.3);
 }

 .btn-skyblue:hover,
 .btn-skyblue:focus,
 .btn-skyblue:active,
 .btn-skyblue.active,
 .btn-skyblue.focus {
   background-color: #14abd7 !important;
   border-color: #14abd7 !important;
   color: #fff !important;
 }

 .btn-outline-skyblue {
   border: 1px solid #32c2ec;
   color: #32c2ec;
   background-color: transparent;
 }

 .btn-outline-skyblue:hover,
 .btn-outline-skyblue:focus,
 .btn-outline-skyblue:active,
 .btn-outline-skyblue.active,
 .btn-outline-skyblue.focus,
 .btn-outline-skyblue:not(:disabled):not(.disabled):active {
   background-color: #32c2ec;
   border-color: #32c2ec;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(50, 194, 236, 0.3);
 }

 .btn-link-skyblue {
   color: #32c2ec;
 }

 .btn-link-skyblue:hover,
 .btn-link-skyblue:focus,
 .btn-link-skyblue:active,
 .btn-link-skyblue.active,
 .btn-link-skyblue.focus,
 .btn-link-skyblue:not(:disabled):not(.disabled):active {
   color: #14abd7 !important;
 }

 .btn-blue {
   background-color: #2d84fb !important;
   border: 1px solid #2d84fb !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(45, 132, 251, 0.3);
 }

 .btn-blue:hover,
 .btn-blue:focus,
 .btn-blue:active,
 .btn-blue.active,
 .btn-blue.focus {
   background-color: #0568f0 !important;
   border-color: #0568f0 !important;
   color: #fff !important;
 }

 .btn-outline-blue {
   border: 1px solid #2d84fb;
   color: #2d84fb;
   background-color: transparent;
 }

 .btn-outline-blue:hover,
 .btn-outline-blue:focus,
 .btn-outline-blue:active,
 .btn-outline-blue.active,
 .btn-outline-blue.focus,
 .btn-outline-blue:not(:disabled):not(.disabled):active {
   background-color: #2d84fb;
   border-color: #2d84fb;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(45, 132, 251, 0.3);
 }

 .btn-link-blue {
   color: #2d84fb
 }

 .btn-link-blue:hover,
 .btn-link-blue:focus,
 .btn-link-blue:active,
 .btn-link-blue.active,
 .btn-link-blue.focus,
 .btn-link-blue:not(:disabled):not(.disabled):active {
   color: #0568f0 !important;
 }

 .btn-yellow {
   background-color: #f89d36 !important;
   border: 1px solid #f89d36 !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(248, 157, 54, 0.3);
 }

 .btn-yellow:hover,
 .btn-yellow:focus,
 .btn-yellow:active,
 .btn-yellow.active,
 .btn-yellow.focus {
   background-color: #f38508 !important;
   border-color: #f38508 !important;
   color: #fff !important;
 }

 .btn-outline-yellow {
   border: 1px solid #f89d36;
   color: #f89d36;
   background-color: transparent;
 }

 .btn-outline-yellow:hover,
 .btn-outline-yellow:focus,
 .btn-outline-yellow:active,
 .btn-outline-yellow.active,
 .btn-outline-yellow.focus,
 .btn-outline-yellow:not(:disabled):not(.disabled):active {
   background-color: #f89d36;
   border-color: #f89d36;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(248, 157, 54, 0.3);
 }

 .btn-link-yellow {
   color: #f89d36;
 }

 .btn-link-yellow:hover,
 .btn-link-yellow:focus,
 .btn-link-yellow:active,
 .btn-link-yellow.active,
 .btn-link-yellow.focus,
 .btn-link-yellow:not(:disabled):not(.disabled):active {
   color: #f38508 !important;
 }

 .btn-green {
   background-color: #6dc77a !important;
   border: 1px solid #6dc77a !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(109, 199, 122, 0.3);
 }

 .btn-green:hover,
 .btn-green:focus,
 .btn-green:active,
 .btn-green.active,
 .btn-green.focus {
   background-color: #48b958 !important;
   border-color: #48b958 !important;
   color: #fff !important;
 }

 .btn-outline-green {
   border: 1px solid #6dc77a;
   color: #6dc77a;
   background-color: transparent;
 }

 .btn-outline-green:hover,
 .btn-outline-green:focus,
 .btn-outline-green:active,
 .btn-outline-green.active,
 .btn-outline-green.focus,
 .btn-outline-green:not(:disabled):not(.disabled):active {
   background-color: #6dc77a;
   border-color: #6dc77a;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(109, 199, 122, 0.3);
 }

 .btn-link-green {
   color: #6dc77a;
 }

 .btn-link-green:hover,
 .btn-link-green:focus,
 .btn-link-green:active,
 .btn-link-green.active,
 .btn-link-green.focus,
 .btn-link-green:not(:disabled):not(.disabled):active {
   color: #48b958 !important;
 }

 .btn-footer {
   background-color: #465467 !important;
   border: 1px solid #465467 !important;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(70, 84, 103, 0.3);
 }

 .btn-footer:hover,
 .btn-footer:focus,
 .btn-footer:active,
 .btn-footer.active,
 .btn-footer.focus {
   background-color: #323c49 !important;
   border-color: #323c49 !important;
   color: #fff !important;
 }

 .btn-outline-footer {
   border: 1px solid #465467;
   color: #465467;
   background-color: transparent;
 }

 .btn-outline-footer:hover,
 .btn-outline-footer:focus,
 .btn-outline-footer:active,
 .btn-outline-footer.active,
 .btn-outline-footer.focus,
 .btn-outline-footer:not(:disabled):not(.disabled):active {
   background-color: #465467;
   border-color: #465467;
   color: #fff !important;
   box-shadow: 0 3px 5px 0 rgba(70, 84, 103, 0.3);
 }

 .btn-link-footer {
   color: #465467;
 }

 .btn-link-footer:hover,
 .btn-link-footer:focus,
 .btn-link-footer:active,
 .btn-link-footer.active,
 .btn-link-footer.focus,
 .btn-link-footer:not(:disabled):not(.disabled):active {
   color: #323c49 !important;
 }

 .btn {
   padding: 8px 20px;
   outline: none;
   text-decoration: none;
   font-size: 15px;
   letter-spacing: 0.5px;
   transition: all 0.3s;
   font-weight: 400;
   border-radius: 5px;
 }

 .btn:focus {
   box-shadow: none !important;
 }

 .btn.btn-sm {
   padding: 7px 16px;
   font-size: 10px;
 }

 .btn.btn-lg {
   padding: 14px 30px;
   font-size: 16px;
 }

 .btn.searchbtn {
   padding: 6px 20px;
 }

 .btn.btn-pills {
   border-radius: 30px;
 }

 .btn.btn-light {
   color: #3c4858 !important;
   background: #f7f7ff !important;
   border: 1px solid #dee2e6 !important;
 }

 .btn.btn-light:hover,
 .btn.btn-light:focus,
 .btn.btn-light:active,
 .btn.btn-light.active,
 .btn.btn-light.focus {
   background-color: #ededff !important;
   color: #3c4858;
 }

 .btn.btn-outline-light {
   border: 1px solid #dee2e6 !important;
   color: #3c4858 !important;
   background-color: transparent;
 }

 .btn.btn-outline-light:hover,
 .btn.btn-outline-light:focus,
 .btn.btn-outline-light:active,
 .btn.btn-outline-light.active,
 .btn.btn-outline-light.focus {
   background-color: #f7f7ff !important;
   color: #3c4858 !important;
 }

 .btn.btn-icon {
   display: inline-block;
   height: 35px;
   text-align: center;
   width: 35px;
   line-height: 32px;
   padding: 0;
 }

 button:not(:disabled) {
   outline: none;
   border: 0;
 }

 .shadow {
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
 }

 .shadow-lg {
   box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
 }

 .shadow-md {
   box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
 }

 .shadow-img {
   box-shadow: 0 4px 3px rgba(60, 72, 88, 0.2);
 }

 .badge-primary {
   background-color: #d4103a !important;
   color: #fff !important;
 }

 .badge-outline-primary {
   background-color: transparent !important;
   color: #d4103a !important;
   border: 1px solid #d4103a !important;
 }

 .badge-secondary {
   background-color: #5a6d90 !important;
   color: #fff !important;
 }

 .badge-outline-secondary {
   background-color: transparent !important;
   color: #5a6d90 !important;
   border: 1px solid #5a6d90 !important;
 }

 .badge-success {
   background-color: #25b865 !important;
   color: #fff !important
 }

 .badge-outline-success {
   background-color: transparent !important;
   color: #25b865 !important;
   border: 1px solid #25b865 !important;
 }

 .badge-warning {
   background-color: #f9a836 !important;
   color: #fff !important;
 }

 .badge-outline-warning {
   background-color: transparent !important;
   color: #f9a836 !important;
   border: 1px solid #f9a836 !important;
 }

 .badge-info {
   background-color: #44bed0 !important;
   color: #fff !important;
 }

 .badge-outline-info {
   background-color: transparent !important;
   color: #44bed0 !important;
   border: 1px solid #44bed0 !important;
 }

 .badge-danger {
   background-color: #d6374a !important;
   color: #fff !important;
 }

 .badge-outline-danger {
   background-color: transparent !important;
   color: #d6374a !important;
   border: 1px solid #d6374a !important;
 }

 .badge-dark {
   background-color: #3c4858 !important;
   color: #fff !important;
 }

 .badge-outline-dark {
   background-color: transparent !important;
   color: #3c4858 !important;
   border: 1px solid #3c4858 !important;
 }

 .badge-muted {
   background-color: #8492a6 !important;
   color: #fff !important;
 }

 .badge-outline-muted {
   background-color: transparent !important;
   color: #8492a6 !important;
   border: 1px solid #8492a6 !important;
 }

 .badge-light {
   background-color: #f7f7ff !important;
   color: #fff !important;
 }

 .badge-outline-light {
   background-color: transparent !important;
   color: #f7f7ff !important;
   border: 1px solid #f7f7ff !important;
 }

 .badge-red {
   background-color: #D52941 !important;
   color: #fff !important;
 }

 .badge-outline-red {
   background-color: transparent !important;
   color: #D52941 !important;
   border: 1px solid #D52941 !important;
 }

 .badge-skyblue {
   background-color: #32c2ec !important;
   color: #fff !important;
 }

 .badge-outline-skyblue {
   background-color: transparent !important;
   color: #32c2ec !important;
   border: 1px solid #32c2ec !important;
 }

 .badge-blue {
   background-color: #2d84fb !important;
   color: #fff !important;
 }

 .badge-outline-blue {
   background-color: transparent !important;
   color: #2d84fb !important;
   border: 1px solid #2d84fb !important;
 }

 .badge-yellow {
   background-color: #f89d36 !important;
   color: #fff !important;
 }

 .badge-outline-yellow {
   background-color: transparent !important;
   color: #f89d36 !important;
   border: 1px solid #f89d36 !important;
 }

 .badge-green {
   background-color: #6dc77a !important;
   color: #fff !important;
 }

 .badge-outline-green {
   background-color: transparent !important;
   color: #6dc77a !important;
   border: 1px solid #6dc77a !important;
 }

 .badge-footer {
   background-color: #465467 !important;
   color: #fff !important;
 }

 .badge-outline-footer {
   background-color: transparent !important;
   color: #465467 !important;
   border: 1px solid #465467 !important;
 }

 .badge {
   padding: 5px 10px;
   border-radius: 3px;
   letter-spacing: 0.5px;
   font-size: 12px;
   text-transform: uppercase;
 }

 .badge.badge-light {
   color: #3c4858 !important;
   background-color: #f7f7ff !important;
 }

 .badge.badge-outline-light {
   color: #3c4858 !important;
   border: 1px solid #9191ff !important;
   background-color: transparent !important;
 }

 .badge.badge-pill {
   border-radius: 20px;
 }

 .badge:focus,
 .badge.focus {
   box-shadow: none !important;
 }

 .dropdown-primary .dropdown-menu .dropdown-item:hover,
 .dropdown-primary .dropdown-menu .dropdown-item.active,
 .dropdown-primary .dropdown-menu .dropdown-item:active,
 .dropdown-primary .dropdown-menu .dropdown-item.focus,
 .dropdown-primary .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #d4103a !important;
 }

 .dropdown-secondary .dropdown-menu .dropdown-item:hover,
 .dropdown-secondary .dropdown-menu .dropdown-item.active,
 .dropdown-secondary .dropdown-menu .dropdown-item:active,
 .dropdown-secondary .dropdown-menu .dropdown-item.focus,
 .dropdown-secondary .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #5a6d90 !important;
 }

 .dropdown-success .dropdown-menu .dropdown-item:hover,
 .dropdown-success .dropdown-menu .dropdown-item.active,
 .dropdown-success .dropdown-menu .dropdown-item:active,
 .dropdown-success .dropdown-menu .dropdown-item.focus,
 .dropdown-success .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #25b865 !important;
 }

 .dropdown-warning .dropdown-menu .dropdown-item:hover,
 .dropdown-warning .dropdown-menu .dropdown-item.active,
 .dropdown-warning .dropdown-menu .dropdown-item:active,
 .dropdown-warning .dropdown-menu .dropdown-item.focus,
 .dropdown-warning .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #f9a836 !important;
 }

 .dropdown-info .dropdown-menu .dropdown-item:hover,
 .dropdown-info .dropdown-menu .dropdown-item.active,
 .dropdown-info .dropdown-menu .dropdown-item:active,
 .dropdown-info .dropdown-menu .dropdown-item.focus,
 .dropdown-info .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #44bed0 !important;
 }

 .dropdown-danger .dropdown-menu .dropdown-item:hover,
 .dropdown-danger .dropdown-menu .dropdown-item.active,
 .dropdown-danger .dropdown-menu .dropdown-item:active,
 .dropdown-danger .dropdown-menu .dropdown-item.focus,
 .dropdown-danger .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #d6374a !important;
 }

 .dropdown-dark .dropdown-menu .dropdown-item:hover,
 .dropdown-dark .dropdown-menu .dropdown-item.active,
 .dropdown-dark .dropdown-menu .dropdown-item:active,
 .dropdown-dark .dropdown-menu .dropdown-item.focus,
 .dropdown-dark .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #3c4858 !important;
 }

 .dropdown-muted .dropdown-menu .dropdown-item:hover,
 .dropdown-muted .dropdown-menu .dropdown-item.active,
 .dropdown-muted .dropdown-menu .dropdown-item:active,
 .dropdown-muted .dropdown-menu .dropdown-item.focus,
 .dropdown-muted .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #8492a6 !important;
 }

 .dropdown-light .dropdown-menu .dropdown-item:hover,
 .dropdown-light .dropdown-menu .dropdown-item.active,
 .dropdown-light .dropdown-menu .dropdown-item:active,
 .dropdown-light .dropdown-menu .dropdown-item.focus,
 .dropdown-light .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #f7f7ff !important;
 }

 .dropdown-red .dropdown-menu .dropdown-item:hover,
 .dropdown-red .dropdown-menu .dropdown-item.active,
 .dropdown-red .dropdown-menu .dropdown-item:active,
 .dropdown-red .dropdown-menu .dropdown-item.focus,
 .dropdown-red .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #D52941 !important;
 }

 .dropdown-skyblue .dropdown-menu .dropdown-item:hover,
 .dropdown-skyblue .dropdown-menu .dropdown-item.active,
 .dropdown-skyblue .dropdown-menu .dropdown-item:active,
 .dropdown-skyblue .dropdown-menu .dropdown-item.focus,
 .dropdown-skyblue .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #32c2ec !important;
 }

 .dropdown-blue .dropdown-menu .dropdown-item:hover,
 .dropdown-blue .dropdown-menu .dropdown-item.active,
 .dropdown-blue .dropdown-menu .dropdown-item:active,
 .dropdown-blue .dropdown-menu .dropdown-item.focus,
 .dropdown-blue .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #2d84fb !important;
 }

 .dropdown-yellow .dropdown-menu .dropdown-item:hover,
 .dropdown-yellow .dropdown-menu .dropdown-item.active,
 .dropdown-yellow .dropdown-menu .dropdown-item:active,
 .dropdown-yellow .dropdown-menu .dropdown-item.focus,
 .dropdown-yellow .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #f89d36 !important;
 }

 .dropdown-green .dropdown-menu .dropdown-item:hover,
 .dropdown-green .dropdown-menu .dropdown-item.active,
 .dropdown-green .dropdown-menu .dropdown-item:active,
 .dropdown-green .dropdown-menu .dropdown-item.focus,
 .dropdown-green .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #6dc77a !important;
 }

 .dropdown-footer .dropdown-menu .dropdown-item:hover,
 .dropdown-footer .dropdown-menu .dropdown-item.active,
 .dropdown-footer .dropdown-menu .dropdown-item:active,
 .dropdown-footer .dropdown-menu .dropdown-item.focus,
 .dropdown-footer .dropdown-menu .dropdown-item:focus {
   background-color: transparent;
   color: #465467 !important;
 }

 .btn-group .dropdown-toggle:after {
   content: "";
   position: relative;
   right: -4px;
   top: -2px;
   border: solid #fff;
   border-radius: 0.5px;
   border-width: 0 2px 2px 0;
   padding: 3px;
   transform: rotate(45deg);
   margin-left: 0;
   vertical-align: 0;
 }

 .btn-group .dropdown-menu {
   margin-top: 10px;
   border: 0;
   border-radius: 5px;
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
 }

 .btn-group .dropdown-menu:before {
   content: "";
   position: absolute;
   top: 2px;
   left: 45px;
   box-sizing: border-box;
   border: 7px solid #495057;
   border-radius: 0.5px;
   border-color: transparent transparent #fff #fff;
   transform-origin: 0 0;
   transform: rotate(135deg);
   box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15);
 }

 .alert-primary {
   background-color: #00ddb8;
   color: #fff;
   border-color: #d4103a;
 }

 .alert-primary .alert-link {
   color: #007d67;
 }

 .alert-outline-primary {
   background-color: #fff;
   color: #d4103a;
   border-color: #d4103a;
 }

 .alert-secondary {
   background-color: #62779d;
   color: #fff;
   border-color: #5a6d90;
 }

 .alert-secondary .alert-link {
   color: #3d4961;
 }

 .alert-outline-secondary {
   background-color: #fff;
   color: #5a6d90;
   border-color: #5a6d90;
 }

 .alert-success {
   background-color: #28c96e;
   color: #fff;
   border-color: #25b865;
 }

 .alert-success .alert-link {
   color: #187842;
 }

 .alert-outline-success {
   background-color: #fff;
   color: #25b865;
   border-color: #25b865;
 }

 .alert-warning {
   background-color: #fab14a;
   color: #fff;
   border-color: #f9a836;
 }

 .alert-warning .alert-link {
   color: #dc8307;
 }

 .alert-outline-warning {
   background-color: #fff;
   color: #f9a836;
   border-color: #f9a836;
 }

 .alert-info {
   background-color: #54c4d4;
   color: #fff;
   border-color: #44bed0;
 }

 .alert-info .alert-link {
   color: #28909f;
 }

 .alert-outline-info {
   background-color: #fff;
   color: #44bed0;
   border-color: #44bed0;
 }

 .alert-danger {
   background-color: #d94859;
   color: #fff;
   border-color: #d6374a;
 }

 .alert-danger .alert-link {
   color: #a02130;
 }

 .alert-outline-danger {
   background-color: #fff;
   color: #d6374a;
   border-color: #d6374a;
 }

 .alert-dark {
   background-color: #445264;
   color: #fff;
   border-color: #3c4858;
 }

 .alert-dark .alert-link {
   color: #1d232b;
 }

 .alert-outline-dark {
   background-color: #fff;
   color: #3c4858;
   border-color: #3c4858;
 }

 .alert-muted {
   background-color: #909caf;
   color: #fff;
   border-color: #8492a6;
 }

 .alert-muted .alert-link {
   color: #5d6c81;
 }

 .alert-outline-muted {
   background-color: #fff;
   color: #8492a6;
   border-color: #8492a6;
 }

 .alert-light {
   background-color: #fff;
   color: #fff;
   border-color: #f7f7ff;
 }

 .alert-light .alert-link {
   color: #ababff;
 }

 .alert-outline-light {
   background-color: #fff;
   color: #f7f7ff;
   border-color: #f7f7ff;
 }

 .alert-red {
   background-color: #d93950;
   color: #fff;
   border-color: #D52941;
 }

 .alert-red .alert-link {
   color: #951d2d;
 }

 .alert-outline-red {
   background-color: #fff;
   color: #D52941;
   border-color: #D52941;
 }

 .alert-skyblue {
   background-color: #45c8ee;
   color: #fff;
   border-color: #32c2ec;
 }

 .alert-skyblue .alert-link {
   color: #1298c0;
 }

 .alert-outline-skyblue {
   background-color: #fff;
   color: #32c2ec;
   border-color: #32c2ec;
 }

 .alert-blue {
   background-color: #4190fb;
   color: #fff;
   border-color: #2d84fb;
 }

 .alert-blue .alert-link {
   color: #045dd7;
 }

 .alert-outline-blue {
   background-color: #fff;
   color: #2d84fb;
   border-color: #2d84fb;
 }

 .alert-yellow {
   background-color: #f9a74a;
   color: #fff;
   border-color: #f89d36;
 }

 .alert-yellow .alert-link {
   color: #da7708;
 }

 .alert-outline-yellow {
   background-color: #fff;
   color: #f89d36;
   border-color: #f89d36;
 }

 .alert-green {
   background-color: #7ccd87;
   color: #fff;
   border-color: #6dc77a;
 }

 .alert-green .alert-link {
   color: #40a74f;
 }

 .alert-outline-green {
   background-color: #fff;
   color: #6dc77a;
   border-color: #6dc77a;
 }

 .alert-footer {
   background-color: #4f5e73;
   color: #fff;
   border-color: #465467;
 }

 .alert-footer .alert-link {
   color: #272f3a;
 }

 .alert-outline-footer {
   background-color: #fff;
   color: #465467;
   border-color: #465467;
 }

 .alert {
   padding: 8px 15px;
   border-radius: 5px;
   font-size: 13px;
 }

 .alert.alert-light {
   background-color: #f7f7ff;
   color: #3c4858;
   border-color: #dee2e6;
 }

 .alert.alert-dismissible {
   padding-right: 30px;
 }

 .alert.alert-dismissible .btn-close {
   top: 10px;
   right: 10px;
   padding: 0px;
 }

 .alert.alert-pills {
   border-radius: 30px;
   display: inline-block;
 }

 .alert.alert-pills .content {
   font-weight: 600;
 }

 .fea {
   stroke-width: 1.8;
 }

 .fea.icon-sm {
   height: 16px;
   width: 16px;
 }

 .fea.icon-ex-md {
   height: 20px;
   width: 20px;
 }

 .fea.icon-m-md {
   height: 28px;
   width: 28px;
 }

 .fea.icon-md {
   height: 35px;
   width: 35px;
 }

 .fea.icon-lg {
   height: 42px;
   width: 42px;
 }

 .fea.icon-ex-lg {
   height: 52px;
   width: 52px;
 }

 .avatar.avatar-ex-sm {
   max-height: 30px;
 }

 .avatar.avatar-md-sm {
   height: 45px;
   width: 45px;
 }

 .avatar.avatar-small {
   height: 70px;
   width: 70px;
 }

 .avatar.avatar-medium {
   height: 110px;
   width: 110px;
 }

 .avatar.avatar-large {
   height: 140px;
   width: 140px;
 }

 .avatar.avatar-ex-large {
   height: 180px;
   width: 180px;
 }

 #preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: linear-gradient(45deg, #fff, #fff);
   z-index: 9999999;
 }

 #preloader #status {
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
 }

 #preloader #status .spinner {
   width: 40px;
   height: 40px;
   margin: 0px auto;
   background-color: #d4103a;
   animation: sk-scaleout 1.3s infinite ease-in-out;
 }

 @keyframes sk-scaleout {
   0% {
     transform: scale(0);
   }

   100% {
     transform: scale(1.5);
     opacity: 0;
   }
 }

 .pagination {
   line-height: 20px;
   font-size: 13px;
 }

 .pagination li {
   margin: auto 2px;
 }

 .pagination li:first-child a {
   border-left-width: 1px;
   border-radius: 30px 5px 5px 30px;
 }

 .pagination li:last-child a {
   border-radius: 5px 30px 30px 5px;
 }

 .pagination li a {
   text-decoration: none;
 }

 .pagination li a:hover {
   color: #fff !important;
   background: #d4103a !important;
   border-color: #d4103a !important;
 }

 .pagination .active a {
   background: #d4103a !important;
   border-color: #d4103a !important;
   cursor: not-allowed;
 }

 .page-next-level .page-next {
   letter-spacing: 0.5px;
 }

 .page-next-level .page-next li:after {
   content: "/";
 }

 .page-next-level .page-next li:last-child {
   margin-right: 0 !important;
 }

 .page-next-level .page-next li:last-child:after {
   display: none;
 }

 .page-next-level .page-next li.icon-light:after {
   color: #000;
 }

 .page-next-level .page-next li a,
 .page-next-level .page-next li span {
   font-size: 14px;
   transition: all 0.5s ease;
   font-weight: 500;
   color: #7325C6;
   text-transform: uppercase;
 }

 .page-next-level .page-next li a {
   color: #000000 !important;
 }

 .page-next-level .page-next li a:hover {
   color: #7325C6 !important;
 }

 .page-next-level .page-next-white li span:last-child {
   padding-right: 0px !important;
 }

 .page-next-level .page-next-white {
   letter-spacing: 0.5px;
   color: #fff;
 }

 .page-next-level .page-next-white li:after {
   content: "/";
 }

 .page-next-level .page-next-white li:last-child {
   margin-right: 0 !important;
 }

 .page-next-level .page-next-white li:last-child:after {
   display: none;
 }

 .page-next-level .page-next-white li.icon-light:after {
   color: #fff;
 }

 .page-next-level .page-next-white li a,
 .page-next-level .page-next-white li span {
   font-size: 14px;
   transition: all 0.5s ease;
   font-weight: 500;
   color: #fff;
   text-transform: uppercase;
 }

 .page-next-level .page-next-white li a {
   color: #fff !important;
 }

 .page-next-level .page-next-white li a:hover {
   color: #fff !important;
 }

 .page-next-level .page-next-white li span:last-child {
   padding-right: 0px !important;
   font-weight: 700;
 }

 .accordion .accordion-item {
   overflow: hidden;
   border: 0;
 }

 .accordion-header {
   border-bottom: 1px solid #000;
 }

 .accordion-body {
   padding-left: 0;
   padding-right: 0;
 }

 .accordion .accordion-item .accordion-button {
   font-weight: 700;
   text-align: left;
   padding-left: 0;
   padding-right: 15px;
 }

 .accordion .accordion-item .accordion-button:focus {
   box-shadow: none;
 }

 .accordion .accordion-item .accordion-button:before {
   content: '\F0143';
   display: block;
   font-family: 'Material Design Icons';
   font-size: 20px;
   color: #7325C6;
   position: absolute;
   right: 0px;
   top: 15px;
   transition: all 0.5s ease;
 }

 .accordion .accordion-item .accordion-button.collapsed {
   background-color: transparent;
   color: #000 !important;
   font-size: 18px;
   font-weight: 700;
   padding-right: 20px;
   transition: all 0.5s;
 }

 .accordion .accordion-item .accordion-button.collapsed:before {
   top: 15px;
   transform: rotate(180deg);
   color: #3c4858 !important;
 }

 .accordion .accordion-item .accordion-button:not(.collapsed) {
   color: #7325C6;
   font-size: 18px;
   background: transparent;
   font-weight: 700;
   border-bottom: 1px solid #000;
 }

 .accordion .accordion-item .accordion-button:after {
   display: none;
 }

 .nav-pills {
   background: #fff;
   border-right: 1px dotted #a1a1a1;
 }

 .nav-pills .nav-link {
   color: #000000 !important;
   position: relative;
   padding: 15px 10px 15px 10px;
   font-weight: 700;
   border-radius: 0;
   letter-spacing: 0;
   transition: all 0.5s ease;
   border-bottom: 1px solid #dcdcdc;
 }

 .nav-pills .nav-link:hover {
   background-color: rgba(115, 37, 198, 0.9);
   color: #fff !important;
 }

 .nav-pills .nav-link.active {
   background-color: rgba(115, 37, 198, 0.9);
   font-weight: 700;
   color: #fff !important;
 }

 .nav-pills .nav-link.active::before {
   content: "\f105";
   font-family: 'Font Awesome 5 Free';
   font-size: 1rem;
   font-weight: 700;
   position: absolute;
   color: #fff;
   top: 12px;
   right: 10px;
 }

 .map {
   line-height: 0;
 }

 .map.map-gray {
   filter: grayscale(100%);
 }

 .map.map-gray iframe {
   height: 100vh;
 }

 .map iframe {
   width: 100%;
   height: 400px;
 }

 .progress-box .title {
   font-size: 13px !important;
 }

 .progress-box .progress {
   height: 8px;
   overflow: visible;
 }

 .progress-box .progress .progress-bar {
   animation: animate-positive 3s !important;
   overflow: visible !important;
   border-radius: 5px;
 }

 .progress-box .progress .progress-value {
   position: absolute;
   top: -27px;
   right: -15px;
   font-size: 13px;
 }

 @keyframes animate-positive {
   0% {
     width: 0;
   }
 }

 .form-label,
 .form-check-label {
   font-size: 14px;
   font-weight: 600;
 }

 .form-control {
   box-shadow: none;
   background-color: #FFFFFF;
   border: 1px solid #E9BAC9;
   color: #3c4858;
   height: 50px;
   font-size: 14px;
   padding: 5px 10px;
   border-radius: 0px;
   transition: all 0.5s ease;
 }

 .form-control:focus,
 .form-control.active {
   border-color: #BF01A6 !important;
   box-shadow: none;
 }

 textarea {
   height: 120px !important;
 }

 textarea.form-control {
   line-height: 25px;
 }

 .form-check-input:checked {
   background-color: #BF01A6;
   border: #BF01A6;
 }

 .form-check-input:focus {
   box-shadow: none;
 }

 .privacy {
   font-size: 14px !important;
 }

 .privacy a {
   font-size: 18px !important;
   font-weight: 600;
 }

 .adress-box h3 {
   color: #BA0D70;
   font-size: 24px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .adress-box p {
   color: #000;
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
 }

 .adress-box p span {
   font-weight: 700;
 }

 .subcribe-form input {
   padding: 14px 20px;
   width: 100%;
   color: #3c4858 !important;
   border: none;
   outline: none !important;
   padding-right: 130px;
   background-color: rgba(255, 255, 255, 0.8);
 }

 .subcribe-form button {
   position: absolute;
   top: 6px;
   right: 6px;
   outline: none !important;
 }

 .form-group input[type=button],
 .form-group input[type=submit],
 .form-group input[type=reset] {
   background: #F53574;
   border: none;
   color: #fff;
   padding: 12px 40px;
   text-decoration: none;
   margin: 4px 2px;
   cursor: pointer;
   font-weight: 600;
   font-size: 14px;
   text-transform: uppercase;
   border-radius: 8px;
   white-space: normal;
   background: #30d5c8 !important;
 }

 .blockquote {
   font-size: 18px;
 }

 .blockquote:before {
   content: '"';
   position: absolute;
   top: -30%;
   left: 10px;
   color: #dee2e6;
   font-size: 160px;
   z-index: -1;
   opacity: 0.4;
 }

 .social-icon li a {
   color: #3c4858;
   border: 1px solid #3c4858;
   display: inline-block;
   height: 32px;
   text-align: center;
   font-size: 15px;
   width: 32px;
   line-height: 30px;
   transition: all 0.4s ease;
   overflow: hidden;
   position: relative;
 }

 .social-icon li a .fea-social {
   stroke-width: 2;
 }

 .social-icon li a:hover {
   background-color: #d4103a;
   border-color: #d4103a !important;
   color: #fff !important;
 }

 .social-icon li a:hover .fea-social {
   fill: #00b092;
 }

 .social-icon.social li a {
   color: #adb5bd;
   border-color: #adb5bd;
 }

 .back-to-top {
   position: fixed;
   bottom: 30px;
   right: 30px;
   z-index: 99;
   width: 33px;
   height: 33px;
   line-height: 33px;
   border-radius: 50% !important;
   background: #F53574;
   color: #fff;
   display: none;
   transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   opacity: 0.9;
   background: #30d5c8 !important;
 }

 .back-to-top:hover {
   background: #000;
   opacity: 1;
   color: #fff;
 }

 .back-to-home {
   position: fixed;
   top: 4%;
   right: 2%;
   z-index: 1;
 }

 .back-to-home a {
   width: 40px;
   height: 40px;
   line-height: 38px;
   background: #d4103a;
 }

 .back-to-home a .fea {
   stroke-width: 2;
 }

 .hover-transform {
   transition: all 0.5s ease;
 }

 .hover-transform:hover {
   transform: scale(1.05);
 }

 @media (min-width: 1024px) {
   .padding-ten {
     padding-left: 3%;
     padding-right: 3%;
   }
 }

 @media (min-width: 1025px) {
   .padding-ten {
     padding-left: 10%;
     padding-right: 10%;
   }
 }

 .table-border-bottom td {
   border-bottom: 1px solid #4f4a6c;
 }

 .pay-icon-img {
   transition: all .5s;
 }

 .pay-icon-img:hover {
   transform: scale(1.1);
   transition: all .5s;
 }

 .dashboard-shape-two:before {
   content: "";
   position: absolute;
   bottom: 5rem;
   right: -35rem;
   width: 70rem;
   height: 50rem;
   z-index: -1;
   background-color: #2d84fb;
   border-radius: 30rem;
   transform: rotate(-45deg);
   opacity: 0.8;
 }

 @media (max-width: 767px) {
   .dashboard-shape-two:before {
     bottom: -5rem;
     right: -10rem;
     width: 30rem;
     height: 24rem;
     border-radius: 8rem;
   }
 }

 body {
   color: #000;
   background: #ffffff;
   line-height: 1.5;
   font-weight: 300;
   overflow-x: hidden !important;
   font-family: "Raleway";
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
   line-height: 1.4;
   font-family: "Raleway";
   font-weight: 700;
 }

 ::selection {
   background: #465467;
   color: #fff;
 }

 a {
   text-decoration: none !important;
 }

 p {
   color: #a4a7b1;
   font-size: 1rem;
   font-family: "Raleway";
   font-weight: 400;
   line-height: 2;
 }

 .section {
   padding: 100px 0;
   position: relative;
 }

 .section-two {
   padding: 60px 0;
   position: relative;
 }

 .bg-overlay {
   background-color: rgba(60, 72, 88, 0.7);
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
 }

 .bg-gradident-overlay {
   background-color: rgba(0, 201, 167, 0.6);
 }

 .bg-overlay-white {
   background-color: rgba(255, 255, 255, 0.7);
 }

 .bg-overlay-dark {
   background-color: rgba(22, 28, 45, 0.75);
 }

 .bg-gradient-primary {
   background: linear-gradient(to right, #00967d 0%, rgba(0, 0, 0, 0) 100%);
 }

 .title-heading {
   line-height: 26px;
 }

 .title-heading .heading {
   font-size: 45px !important;
   letter-spacing: 1px;
 }

 .title-heading .para-desc {
   font-size: 18px;
 }

 .section-title {
   position: relative
 }

 .section-title .title {
   letter-spacing: 0.5px;
   font-size: 26px !important;
 }

 .para-desc {
   max-width: 600px;
 }

 .mt-100 {
   margin-top: 100px;
 }

 .mb-60 {
   margin-bottom: 60px;
 }

 .shape {
   position: absolute;
   pointer-events: none;
   right: 0;
   bottom: -1px;
   left: 0;
 }

 .shape>svg {
   transform: scale(2);
   width: 100%;
   height: auto;
   transform-origin: top center;
 }

 @media (min-width: 768px) {
   .margin-top-100 {
     margin-top: 100px;
   }

   .margin-top-100 .heading {
     font-size: 40px;
   }
 }

 @media (max-width: 768px) {
   .section {
     padding: 60px 0;
   }

   .title-heading .heading {
     font-size: 35px !important;
   }

   .title-heading .para-desc {
     font-size: 18px;
   }

   .section-title .title {
     font-size: 24px;
   }

   .mt-60 {
     margin-top: 60px;
   }
 }

 @media (max-width: 767px) {
   .shape {
     bottom: -1px;
   }
 }

 @keyframes move {
   100% {
     transform: translate3d(0, 0, 1px) rotate(360deg);
   }
 }

 .process .icon {
   width: 60px;
   height: 60px;
   line-height: 45px;
   transition: all 0.5s ease;
 }

 .process .icon.icon-uil {
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: inherit;
 }

 .process.process-bar:after {
   display: block;
   width: 50%;
   position: absolute;
   content: ' ';
   border-width: 0 0 1px 0;
   border: 1px #dee2e6 dashed;
   top: 20%;
   left: 75%;
 }

 @media (max-width: 767px) {
   .process.process-bar:after {
     display: none;
   }
 }

 .tagline {
   position: absolute;
   width: 100%;
   z-index: 99;
   background: #ffffff;
   border-bottom: 1px solid #DBD8D8;
   font-size: 14px;
   padding: 15px 0;
 }

 .tagline .tag-social,
 .tagline .tag-right {
   line-height: 32px;
 }

 .tagline .tag-social a,
 .tagline .tag-right a {
   transition: all 0.5s ease;
   color: #252525;
   font-weight: 500;
 }

 .tagline .tag-social a:hover,
 .tagline .tag-right a:hover {
   color: #6D08BE;
   background: transparent;
 }

 .tag-social a.dropdown-item.active,
 .tag-social a.dropdown-item:active {
   background: transparent;
 }

 .tagline .tag-right a.active-inner {
   color: #6D08BE;
 }

 .tagline li {
   margin-bottom: 0 !important;
 }

 .tagline .tag-right .form-group .form-control,
 .small-tagline .form-group .form-control {
   height: 36px;
   padding: .375rem 1.75rem .375rem .75rem;
 }

 .tagline-inner {
   background: transparent;
   border-bottom: 1px dotted #DBD8D8;
 }

 .tagline-inner.inner-menu.sticky {
   position: fixed;
   top: 0;
   background: linear-gradient(287deg, #000 1.01%, #6D08BE 97.88%);
 }

 .tagline-inner .tagline .tag-social a,
 .tagline .tag-right a {
   transition: all 0.5s ease;
   color: #000;
   font-weight: 500;
 }

 .tagline-inner .tagline .tag-social a:hover,
 .tagline .tag-right a:hover {
   color: #6D08BE;
 }

 .sticky-white-menu.tagline .tag-right a {
   transition: all 0.5s ease;
   color: #ffffff;
   font-weight: 500;
 }

 .sticky-white-menu.tagline .tag-right a:hover {
   color: #FFB703;
 }

 .sticky-white-menu.tagline .tag-right a.active-inner {
   color: #FFB703;
 }

 #topnav-b {
   position: absolute;
   right: 0;
   left: 0;
   top: 30px;
   z-index: 99;
   background-color: #fff;
   border: 0;
   width: 100%;

 }

 #topnav {
   position: fixed;
   right: 0;
   left: 0;
   top: 0;
   z-index: 1030;
   /* background-color: #fff; */
   background-color: #8bd3cd;
   border: 0;
   transition: all .5s ease;
 }

 #topnav .logo {
   color: #3c4858 !important;
 }

 #topnav .logo .l-dark {
   display: none;
 }

 #topnav .logo .l-light {
   display: inline-block;
 }

 #topnav .has-submenu.active a {
   color: #fff;
 }

 #topnav .has-submenu.active .submenu li.active>a {
   color: #d4103a;
 }

 #topnav .has-submenu.active.active .menu-arrow {
   border-color: #d4103a;
 }

 #topnav .has-submenu {
   position: relative;
 }

 #topnav .has-submenu .submenu .submenu-arrow {
   border: solid #3c4858;
   border-radius: 0.5px;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 2px;
   transform: rotate(-45deg);
   position: absolute;
   right: 20px;
   top: 12px;
 }

 #topnav .navbar-toggle {
   border: 0;
   position: relative;
   padding: 0;
   margin: 0;
   cursor: pointer;
 }

 #topnav .navbar-toggle .lines {
   width: 25px;
   display: block;
   position: relative;
   margin: 28px 0px 28px;
   height: 18px;
 }

 #topnav .navbar-toggle span {
   height: 2px;
   width: 100%;
   background-color: #ffffff;
   display: block;
   margin-bottom: 5px;
   transition: transform .5s ease;
 }

 #topnav .navbar-toggle span:last-child {
   margin-bottom: 0;
 }

 #topnav .navbar-toggle.open span {
   position: absolute;
 }

 #topnav .navbar-toggle.open span:first-child {
   top: 6px;
   transform: rotate(45deg);
 }

 #topnav .navbar-toggle.open span:nth-child(2) {
   visibility: hidden;
 }

 #topnav .navbar-toggle.open span:last-child {
   width: 100%;
   top: 6px;
   transform: rotate(-45deg);
 }

 #topnav .navbar-toggle.open span:hover {
   background-color: #d4103a;
 }

 #topnav .navbar-toggle:hover,
 #topnav .navbar-toggle:focus,
 #topnav .navbar-toggle .navigation-menu>li>a:hover,
 #topnav .navbar-toggle:focus {
   background-color: transparent;
 }

 #topnav .navigation-menu {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 #topnav .navigation-menu>li {
   float: left;
   display: block;
   position: relative;
   margin: 0 5px;
 }

 #topnav .navigation-menu>li:last-child {
   margin-right: 0 !important;
 }

 #topnav .navigation-menu>li:hover>a,
 #topnav .navigation-menu>li.active>a {
   color: #d4103a !important;
 }

 #topnav .navigation-menu>li>a {
   display: block;
   color: #3c4858;
   line-height: 24px;
   font-weight: 500;
   transition: all 0.5s;
   letter-spacing: 2.17px;
   text-transform: uppercase;
   font-size: 14px;
   padding-left: 15px;
   padding-right: 15px;
 }

 #topnav .navigation-menu>li>a:last-child {
   padding-right: 0 !important;
 }

 #topnav .navigation-menu>li>a:hover,
 #topnav .navigation-menu>li>a:active {
   color: #7C07DB;
 }

 #topnav .navigation-menu .has-submenu .menu-arrow {
   border: solid #fff;
   border-radius: 0.5px;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   transform: rotate(45deg);
   position: absolute;
   transition: all 0.5s;
   right: -1px;
   top: 36px;
 }

 .contact-link a {
   color: #fff;
   line-height: 24px;
   font-weight: 500;
   letter-spacing: 2.17px;
   text-transform: uppercase;
   font-size: 14px;
 }

 .contact-link a:hover {
   color: #7C07DB;
 }

 #topnav .menu-extras {
   float: right;
 }

 #topnav.navbar-light {
   background-color: #3c4858 !important;
 }

 #topnav.navbar-light .logo {
   color: #fff !important;
 }

 #topnav.scroll {
   background-color: #fff;
   border: none;
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
 }

 #topnav.scroll .navigation-menu>li>a {
   color: #3c4858;
 }

 #topnav.scroll .navigation-menu>li>.menu-arrow {
   border-color: #3c4858;
 }

 #topnav.scroll .navigation-menu>li:hover>a,
 #topnav.scroll .navigation-menu>li.active>a {
   color: #d4103a;
 }

 #topnav.scroll .navigation-menu>li:hover>.menu-arrow,
 #topnav.scroll .navigation-menu>li.active>.menu-arrow {
   border-color: #d4103a;
 }

 #topnav.defaultscroll.dark-menubar .logo {
   line-height: 72px;
 }

 #topnav.defaultscroll.scroll .logo {
   line-height: 72px;
 }

 #topnav.defaultscroll.scroll.dark-menubar .logo {
   line-height: 72px;
 }

 #topnav.defaultscroll.nav-sticky {
   top: 0 !important
 }

 #topnav.nav-sticky {

   background: #8bd3cd !important;
   box-shadow: 0 1px 10px rgba(22, 28, 45, 0.15);
 }

 #topnav.nav-sticky .navigation-menu.nav-light>li>a {
   color: #fff;
 }

 #topnav.nav-sticky .navigation-menu.nav-light>li:hover>.menu-arrow {
   border-color: #7C07DB;
 }

 #topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {
   border-color: #fff;
 }

 #topnav.nav-sticky .logo .l-dark {
   display: inline-block;
 }

 #topnav.nav-sticky .logo .l-light {
   display: none;
 }

 .logo {
   font-weight: 600;
   font-size: 22px;
   padding: 10px 10px 10px 0px;
   letter-spacing: 0.5px;
   line-height: 68px;
 }

 .megamenu-home {
   width: 100%;
 }

 .inner-header-menu {
   position: relative !important;
 }

 @media (min-width: 1025px) {
   #topnav .navigation-menu>li .submenu.megamenu {
     width: 94% !important;
   }
 }

 @media screen and (max-width: 1024px) and (min-width: 992px) {
   #topnav .navigation-menu>li .submenu.megamenu {
     width: 94% !important;
   }

 }

 @media screen and (max-width: 480px) {
   .slick-slide img {
     width: 300px !important;
   }

   .respo-img-new-one {
     width: 300px !important;
   }

   .block {
     display: block !important;
   }
 }

 @media (min-width: 992px) {
   #topnav .navigation-menu {
     display: flex;
     justify-content: flex-end;
   }

   #topnav .navigation-menu>.has-submenu>.submenu>.has-submenu>.submenu::before {
     top: 20px;
     margin-left: -35px;
     box-shadow: 1px 1px 0px 0px rgba(22, 28, 45, 0.15);
     border-color: transparent #fff #fff transparent;
   }

   #topnav .navigation-menu>li .submenu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     padding: 15px 15px;
     list-style: none;
     min-width: 200px;
     visibility: hidden;
     opacity: 0;
     margin-top: 10px;
     transition: all .2s ease;
     border-radius: 12px;
     background-color: #fff;
     box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   }

   #topnav .navigation-menu>li .submenu-w {
     min-width: 300px;
   }

   #topnav .navigation-menu>li .submenu:before {
     box-sizing: border-box;
     border: 7px solid #495057;
     border-color: transparent transparent #fff #fff;
     transform-origin: 0 0;
     transform: rotate(135deg);
     box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15);
   }

   #topnav .navigation-menu>li .submenu li {
     position: relative;
   }

   #topnav .navigation-menu>li .submenu li a {
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 0.8px;
     color: #03386F;
     white-space: normal;
     transition: all 0.3s;
   }

   #topnav .navigation-menu>li .submenu li a:hover {
     color: #7325C6;
   }

   #topnav .navigation-menu>li .submenu li ul {
     list-style: none;
     padding-left: 0;
     margin: 0;
   }

   #topnav .navigation-menu>li .submenu.megamenu {
     white-space: normal;
     left: 50%;
     transform: translateX(-50%);
     position: fixed;
     top: auto;
     display: flex;
   }

   #topnav .navigation-menu>li .submenu.megamenu>li {
     overflow: hidden;
     vertical-align: top;
     width: 20%;
   }

   #topnav .navigation-menu>li .submenu.megamenu>li .submenu {
     left: 100%;
     top: 0;
     margin-left: 10px;
     margin-top: -1px;
   }

   #topnav .navigation-menu>li .submenu.megamenu li .megamenu-head {
     padding: 10px 20px;
     white-space: nowrap;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 0.04em;
     font-weight: 700;
     color: #3c4858 !important;
   }

   #topnav .navigation-menu>li .submenu>li .submenu {
     left: 101%;
     top: 0;
     margin-left: 10px;
     margin-top: -1px;
   }

   #topnav .navigation-menu>li>a {
     padding-top: 30px;
     padding-bottom: 30px;
     min-height: 66px;
   }

   #topnav .navigation-menu>li:hover>.menu-arrow {
     border-color: #d4103a;
   }

   #topnav .navigation-menu>li:hover>a,
   #topnav .navigation-menu>li.active>a {
     color: #7C07DB !important;
   }

   #topnav .navigation-menu>li.last-elements .submenu {
     left: auto;
     right: 0;
   }

   #topnav .navigation-menu>li.last-elements .submenu:before {
     left: auto;
     right: 10px;
   }

   #topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu {
     left: auto;
     right: 100%;
     margin-left: 0;
     margin-right: 10px;
   }

   #topnav .navigation-menu.nav-light>li>a {
     color: #000000;
   }

   #topnav .navigation-menu.nav-light>li:hover>.menu-arrow {
     border-color: #7C07DB;
   }

   #topnav .navigation-menu.nav-light .has-submenu .menu-arrow {
     border-color: #ffffff;
   }

   #topnav .navigation-menu.nav-light .has-submenu.active.active .menu-arrow {
     border-color: #d4103a;
   }

   #topnav .navbar-toggle {
     display: none;
   }

   #topnav #navigation {
     display: flex !important;
   }

   #topnav.scroll {
     top: 0;
   }

   #topnav.scroll .navigation-menu>li>a {
     padding-top: 20px;
     padding-bottom: 20px;
   }

   #topnav.scroll-active .navigation-menu>li>a {
     padding-top: 25px;
     padding-bottom: 25px;
   }
 }

 @media (max-width: 991px) {
   #topnav {
     min-height: 80px;
   }

   #topnav .logo .l-dark {
     display: inline-block !important;
   }

   #topnav .logo .l-light {
     display: none !important;
   }

   #topnav .container {
     width: auto;
   }

   #topnav #navigation {
     max-height: 400px
   }

   #topnav .navigation-menu {
     float: none;
   }

   #topnav .navigation-menu>li {
     float: none;
   }

   #topnav .navigation-menu>li .submenu {
     display: none;
     list-style: none;
     background: #fff;
     padding: 8px;
     margin: 0;
   }

   #topnav .navigation-menu>li .submenu li a {
     display: block;
     position: relative;
     transition: all 0.3s;
   }

   .megamenu-home {
     width: 99%;
     margin: 0 auto;
   }

   #topnav .navigation-menu>li .submenu.open {
     display: block;
   }

   #topnav .navigation-menu>li .submenu .submenu {
     display: none;
     list-style: none;
   }

   #topnav .navigation-menu>li .submenu .submenu.open {
     display: block;
   }

   #topnav .navigation-menu>li .submenu.megamenu>li>ul {
     list-style: none;
     padding-left: 0;
   }

   #topnav .navigation-menu>li .submenu.megamenu>li>ul>li>span {
     display: block;
     position: relative;
     padding: 10px 15px;
     text-transform: uppercase;
     font-size: 12px;
     letter-spacing: 2px;
     color: #8492a6;
   }

   #topnav .navigation-menu>li>a {
     color: #fff;
     padding: 10px 10px;
   }

   #topnav .navigation-menu>li>a:after {
     position: absolute;
     right: 15px;
   }

   #topnav .navigation-menu>li>a:hover,
   #topnav .navigation-menu>li .submenu li a:hover,
   #topnav .navigation-menu>li.has-submenu.open>a {
     color: #d4103a;
   }

   #topnav .menu-extras .menu-item {
     border-color: #8492a6;
   }

   #topnav .navbar-header {
     float: left;
   }

   #topnav .has-submenu .submenu .submenu-arrow {
     transform: rotate(45deg);
     position: absolute;
     right: 20px;
     top: 12px;
   }

   #topnav .has-submenu.active a {
     color: #d4103a;
   }

   #navigation {
     position: absolute;
     top: 74px;
     left: 0;
     width: 100%;
     display: none;
     height: auto;
     padding-bottom: 10px;
     overflow: auto;
     border-top: 1px solid #000;
     border-bottom: 1px solid #000;
     background-color: #000;
   }

   #navigation.open {
     display: block;
     overflow-y: auto;
   }
 }

 @media (max-width: 768px) {
   #topnav .navigation-menu .has-submenu .menu-arrow {
     right: 16px;
     top: 16px;
   }
 }

 @media (min-width: 768px) {
   #topnav .navigation-menu>li.has-submenu:hover>.submenu {
     visibility: visible;
     opacity: 1;
     margin-top: 0;
   }

   #topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
     visibility: visible;
     opacity: 1;
     margin-left: 0;
     margin-right: 0;
   }

   .navbar-toggle {
     display: block;
   }
 }

 @media screen and (max-width: 575px) {
   .tagline {
     display: none;
   }

   .taglines {
     top: 0px !important;
   }

   #topnav .small-tagline {
     display: block !important;
     margin: 0 10px;
     padding: 10px 20px;
   }

   #topnav .small-tagline li {
     margin-bottom: 0;
   }

   #topnav .small-tagline a {
     transition: all 0.5s ease;
   }

   #topnav .small-tagline a:hover {
     color: #d4103a !important;
   }
 }

 @media (min-width: 576px) {
   .taglines {
     top: 58px !important;
   }
 }

 @media (max-width: 375px) {
   #topnav .navbar-toggle .lines {
     margin-right: 0 !important;
   }
 }

 .bg-home {
   height: 100vh;
   background-size: cover !important;
   align-self: center;
   position: relative;
   background-position: center center;
 }

 .v-align {
   display: table-cell;
   vertical-align: middle;
 }

 .bg-half-260 {
   padding: 260px 0;
   background-size: cover !important;
   align-self: center;
   position: relative;
   background-position: center center;
 }

 .bg-half-170 {
   padding: 170px 0;
   background-size: cover !important;
   align-self: center;
   position: relative;
   background-position: center center;
 }

 .bg-half-170.half-home {
   padding: 180px 0 105px;
 }

 .bg-half {
   padding: 140px 0 140px;
   background-size: cover !important;
   align-self: center;
   position: relative;
   background-position: center center;
 }

 .user-pages {
   padding: 117px 0;
   background-size: cover !important;
   align-self: center;
   position: relative;
   background-position: center center;
 }

 .bg-animation-left:after {
   content: "";
   position: absolute;
   left: 0px;
   top: 0px;
   width: 70%;
   height: 100%;
   background: rgba(255, 255, 255, 0.85);
   clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
 }

 .bg-animation-left.ani-travel:after {
   width: 100%;
   clip-path: circle(75% at 0% 50%);
   background: #fff;
 }

 .bg-animation-left.dark-left:after {
   background: rgba(60, 72, 88, 0.6);
 }

 .bg-animation-left.half-home:after {
   background: #eff1f3;
   clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
 }

 .social-media-wrapper {
   overflow: hidden;
 }

 .social-media-wrapper:before {
   content: "";
   position: absolute;
   bottom: 15rem;
   right: 12rem;
   width: 60rem;
   height: 35rem;
   transform: rotate(75deg);
   background: linear-gradient(90deg, #fff, transparent);
   z-index: 1;
 }

 @media (min-width: 769px) and (max-width: 1024px) {
   .social-media-wrapper:before {
     right: -10rem;
   }
 }

 @media (min-width: 200px) and (max-width: 768px) {
   .social-media-wrapper:before {
     right: -10rem;
     height: 25rem;
     bottom: 25rem;
   }
 }

 .overview-home {
   background: url("../images/index/bg.png") repeat 0 0;
   animation: animate-left-to-right 60s linear infinite;
 }

 @keyframes animate-left-to-right {
   from {
     background-position: 0 0;
   }

   to {
     background-position: 100% 0;
   }
 }

 .form-inline .icons {
   position: absolute;
   top: 20px;
   left: 0;
   font-size: 18px;
 }

 .swiper-slider-hero .swiper-container,
 .swiper-slider-hero .swiper-slide .slide-inner {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   background-size: cover;
   height: 100%;
 }

 .swiper-slider-hero .swiper-container .swiper-button-prev,
 .swiper-slider-hero .swiper-container .swiper-button-next {
   top: 95%;
   background: transparent;
   width: 35px;
   height: 35px;
   line-height: 35px;
   margin-top: -30px;
   transition: all 0.3s;
 }

 .swiper-slider-hero .swiper-container .swiper-button-prev:before,
 .swiper-slider-hero .swiper-container .swiper-button-next:before {
   font-family: "Material Design Icons";
   font-weight: 900;
   color: #fff;
 }

 .swiper-slider-hero .swiper-container .swiper-button-prev:hover,
 .swiper-slider-hero .swiper-container .swiper-button-next:hover {
   background: linear-gradient(92deg, #E416E5 6.33%, #7E04D5 93.75%);
   border-color: #7C07DB !important;
 }

 .swiper-slider-hero .swiper-container .swiper-button-prev {
   left: auto;
   right: 70px;
 }

 .swiper-slider-hero .swiper-container .swiper-button-prev:before {
   content: "\f0141";
 }

 .swiper-slider-hero .swiper-container .swiper-button-next {
   right: 25px;
 }

 .swiper-slider-hero .swiper-container .swiper-button-next:before {
   content: "\f0142";
 }

 .swiper-slider-hero .swiper-pagination-bullet {
   color: #f8f9fa;
   background: transparent;
 }

 .swiper-slider-hero .swiper-pagination-bullet-active {
   color: #fff;
 }

 .swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets,
 .swiper-slider-hero .swiper-pagination-custom,
 .swiper-slider-hero .swiper-pagination-fraction {
   bottom: 45px;
 }

 .swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 13px;
 }

 .bg-digital-marketing {
   background: radial-gradient(circle at 80% 50%, rgba(60, 72, 88, 0.05) 0%, rgba(60, 72, 88, 0.05) 33.333%, rgba(206, 212, 218, 0.1) 33.333%, rgba(206, 212, 218, 0.1) 66.666%, rgba(73, 80, 87, 0.1) 66.666%, rgba(73, 80, 87, 0.1) 99.999%), linear-gradient(45deg, #d4103a, #2d84fb);
 }

 .bg-digital-marketing .digital-hero {
   border-bottom-right-radius: 30% !important;
 }

 .bg-digital-marketing .play-icon {
   bottom: 44px;
   right: 0px;
   left: auto;
 }

 .online-course-bg .container-fluid .padding-less.img,
 .job-home-hero .container-fluid .padding-less.img,
 .comingsoon .container-fluid .padding-less.img {
   background: scroll center no-repeat;
   background-size: cover;
   position: absolute;
   height: 100%;
 }

 .online-course-bg .container-fluid .padding-less.img {
   border-radius: 0 0 80px 0;
 }

 .job-home-hero .container-fluid .padding-less.img {
   border-radius: 80px 0 0 80px;
 }

 .job-home-hero .container-fluid .job-hero-content {
   z-index: 1;
 }

 .main-slider .carousel-control-next,
 .main-slider .carousel-control-prev {
   width: 30px;
   height: 30px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 30px;
   border: 1px solid #ced4da;
 }

 .main-slider .carousel-control-next-icon,
 .main-slider .carousel-control-prev-icon {
   width: 30%;
 }

 .bg-animation-left:after {
   content: "";
   position: absolute;
   left: 0px;
   top: 0px;
   width: 70%;
   height: 100%;
   background: rgba(255, 255, 255, 0.85);
   clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
 }

 .bg-animation-left.dark-left:after {
   background: rgba(60, 72, 88, 0.6);
 }

 @media (min-width: 768px) {
   .attach-icons-hero {
     position: absolute;
     right: 0;
     top: -35px;
     left: 0;
     z-index: 1;
   }
 }

 @media (max-width: 768px) {
   .bg-animation-left.ani-travel:after {
     clip-path: circle(65% at 0% 50%);
   }

   .online-course-bg .hero-img,
   .job-home-hero .hero-img,
   .comingsoon .hero-img {
     height: auto !important;
     align-items: start !important;
   }

   .online-course-bg .hero-my-60,
   .job-home-hero .hero-my-60,
   .comingsoon .hero-my-60 {
     margin: 60px 0
   }

   .online-course-bg .padding-less,
   .job-home-hero .padding-less,
   .comingsoon .padding-less {
     position: relative !important;
     height: 400px !important;
   }
 }

 @media (max-width: 767px) {

   .bg-home,
   .bg-half-170,
   .bg-half-260,
   .swiper-slider-hero .swiper-container .swiper-slide,
   .main-slider .slides .bg-slider,
   .user-pages {
     padding: 150px 0;
     height: auto !important;
   }

   .bg-half {
     padding: 120px 0 120px
   }

   .bg-animation-left.half-home:after {
     background: none !important;
   }

   .online-hero-img img {
     max-width: 100%;
     height: auto;
   }

   .attach-icons-hero {
     border-bottom: 1px solid #e9ecef;
   }

   .app-image-fluid img {
     width: 100%;
     height: auto;
   }
 }

 @media (max-width: 576px) {
   .bg-animation-left.ani-travel:after {
     clip-path: circle(85% at 50% 0%);
     background: rgba(255, 255, 255, 0.9);
   }
 }

 @media (min-width: 200px) and (max-width: 768px) {
   .registration-form-box {
     margin-bottom: 10px;
   }
 }

 .home-dashboard img {
   position: relative;
   top: 60px;
   z-index: 1;
 }

 .feature.feature-transition {
   transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
 }

 .feature.serve-one .icons {
   height: 42px;
   width: 42px;
   line-height: 42px;
 }

 .feature.serve-one .content .title {
   transition: all 0.5s ease;
 }

 .feature .icon {
   height: 62px;
   width: 62px;
   line-height: 62px;
 }

 .feature .icon .feature-icon {
   stroke-width: 1.5;
 }

 .feature:hover.feature-transition {
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   transform: translateY(-5px);
 }

 .feature:hover .icon {
   background-color: #d4103a;
 }

 .feature:hover .icon .feature-icon {
   color: #fff !important;
 }

 .feature .icon,
 .feature.serve-one .icons {
   display: inline-block;
   transition: all 0.4s ease;
   overflow: hidden;
   position: relative;
 }

 .space-feature {
   transition: all 0.5s ease;
 }

 .space-feature:hover {
   background-color: #f7f7ff;
   box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
 }

 .feature-transform {
   transition: all 0.5s ease;
   margin: -200px 0 0px;
   z-index: 2;
 }

 .feature-transform .icon {
   height: 80px;
   width: 80px;
   line-height: 80px;
 }

 .feature-transform .title:hover {
   color: #d4103a !important;
 }

 .feature-transform:hover {
   transform: translateY(-10px);
   box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
 }

 @media screen and (max-width: 767px) {
   .feature-transform {
     margin: 0 0 30px;
   }
 }

 .img-icon {
   width: 45px;
   height: 45px;
 }

 .saas-icon {
   font-size: 31px;
 }

 .timeline-area {
   border-left: 2px solid #e9ecef;
   margin: 18px 4px;
   padding: 0 20px 0 30px;
 }

 .timeline-inner {
   background-color: #f7f7ff;
   padding: 18px 20px;
   border-radius: 15px;
   position: relative;
   margin-bottom: 20px;
 }

 .timeline-inner::before {
   content: '';
   display: block;
   position: absolute;
   width: 10px;
   border-radius: 50%;
   background-color: #fff;
   border: 3px solid #d4103a;
   padding: 2px;
   top: 27px;
   left: -36px;
 }

 .feature-app {
   transition: all .5s;
   border-radius: 5px;
 }

 .feature-app:hover {
   border-radius: 40px 10px 40px 10px;
   box-shadow: 5px 5px 15px #c0d7f8;
 }

 .watch-video a.watch {
   font-size: 14px;
   font-weight: 700;
 }

 .watch-video a .play-icon-circle {
   height: 36px;
   width: 36px;
   background-color: #d4103a;
   line-height: 36px;
 }

 .watch-video a .play-icon-circle.play-iconbar {
   font-size: 16px;
 }

 .watch-video a .play-icon-circle.play {
   top: 77%;
 }

 .bg-cta {
   padding: 150px 0;
 }

 .play-icon {
   position: absolute;
   bottom: 50%;
   transform: translateY(50%);
   right: 0;
   left: 0;
   text-align: center;
 }

 .play-icon i {
   height: 85px;
   width: 85px;
   line-height: 85px;
   -webkit-text-stroke: 2px #fff;
   -webkit-text-fill-color: transparent;
   display: inline-block;
 }

 .play-icon i:hover {
   -webkit-text-stroke: 2px #fff;
   -webkit-text-fill-color: #fff;
 }

 .cta-review {
   position: relative;
   top: 85px;
 }

 .team,
 .job-candidate {
   transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
 }

 .team img,
 .job-candidate img {
   transition: all 0.5s ease;
 }

 .team .team-social,
 .team .candidate-position,
 .job-candidate .team-social,
 .job-candidate .candidate-position {
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
   opacity: 0;
   transition: all 0.4s ease;
 }

 .team:hover,
 .job-candidate:hover {
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   transform: translateY(-5px);
 }

 .team:hover img,
 .job-candidate:hover img {
   transform: scale(1.1);
 }

 .team:hover .team-social,
 .team:hover .candidate-position,
 .job-candidate:hover .team-social,
 .job-candidate:hover .candidate-position {
   opacity: 1;
 }

 .review .content .icons {
   position: absolute;
   top: 4%;
   right: 4%;
   opacity: 0.07;
 }

 .review .review-icon {
   position: absolute;
   top: -20px;
   right: 0;
   opacity: 0.2;
 }

 .tns-nav {
   text-align: center;
   margin-top: 10px;
 }

 .tns-nav button {
   width: 6px;
   height: 6px;
   border-radius: 3px;
   background: rgba(0, 201, 167, 0.4) !important;
   transition: all 0.5s ease;
   opacity: 1;
   margin: 4px;
   border: none;
 }

 .tns-nav button.tns-nav-active {
   background: #d4103a !important;
   width: 10px;
 }

 .testi-hero .content {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 10%;
   left: 10%;
 }

 .pricing.price-bundle,
 .pricing.price-table {
   transition: all 0.2s ease;
 }

 .pricing.price-bundle .price-img {
   position: absolute;
   top: 30%;
   right: 24px;
   transform: translateY(-30%);
   opacity: 0.05;
   transition: all 0.2s ease;
 }

 .pricing.price-bundle:hover {
   transform: translateY(-7px);
   box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
 }

 .pricing.price-bundle:hover .price-img {
   opacity: 0.1;
 }

 .pricing.price-table .price-top,
 .pricing.price-table .price-content,
 .pricing.price-table .price-feature .table-addon {
   transition: all 0.4s ease;
 }

 .pricing.price-table:hover {
   transform: scale(1.01);
   box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
 }

 .pricing.price-table:hover .price-top {
   background: #f7f7ff;
 }

 .pricing.price-table:hover .price-content,
 .pricing.price-table:hover .price-feature .table-addon {
   color: #d4103a;
 }

 .filter-box {
   display: none;
 }

 .filter-box.show {
   display: block;
 }

 .tobii__btn svg {
   height: 30px;
   width: auto;
 }

 .tobii__counter {
   font-size: 16px;
 }

 .tobii-zoom {
   display: block !important;
 }

 .tobii-zoom__icon {
   display: none;
 }

 #grid {
   padding: 0 !important;
 }

 @media (max-width: 640px) {

   [data-type] iframe,
   [data-type] video {
     width: 500px;
     height: 300px;
   }
 }

 @media (max-width: 425px) {

   [data-type] iframe,
   [data-type] video {
     width: 360px;
     height: 260px;
   }
 }

 @media (max-width: 375px) {

   [data-type] iframe,
   [data-type] video {
     width: 100%;
     height: auto;
   }
 }

 .container-filter li {
   font-size: 14px;
   padding: 0px 5px;
   margin: 0 5px;
   font-weight: 600;
   letter-spacing: 0.8px;
   cursor: pointer;
   line-height: 34px;
   transition: all 0.5s ease;
 }

 .container-filter li:hover {
   color: #3c4858 !important;
 }

 .container-filter li.active {
   color: #d4103a !important;
 }

 .work-container.work-classic .work-image {
   transition: all 0.5s ease;
 }

 .work-container.work-classic .work-image:hover {
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
 }

 .work-container.work-classic .content .title,
 .work-container.work-grid .content .title,
 .work-container.work-modern .content .title {
   font-size: 18px;
   transition: all 0.5s ease;
 }

 .work-container.work-classic .content .title:hover,
 .work-container.work-grid .content .title:hover,
 .work-container.work-modern .content .title:hover {
   color: #d4103a !important;
 }

 .work-container.work-classic .content .tag,
 .work-container.work-grid .content .tag,
 .work-container.work-modern .content .tag {
   font-size: 15px !important;
 }

 .work-container.work-modern .overlay-work {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   opacity: 0;
   transition: all 0.5s ease;
   z-index: 1;
 }

 .work-container.work-modern .content,
 .work-container.work-modern .icons {
   position: absolute;
   right: 0;
   left: 0;
   transition: all 0.5s ease;
   z-index: 2;
 }

 .work-container.work-modern .content {
   transform: translateY(200px);
   bottom: 0;
 }

 .work-container.work-modern .icons {
   transform: translateY(-200px);
   top: 0;
 }

 .work-container.work-modern .icons .work-icon {
   height: 45px;
   width: 45px;
   line-height: 45px;
   transition: all 0.5s ease;
 }

 .work-container.work-modern .icons .work-icon:hover {
   background: #d4103a !important;
   color: #fff !important;
 }

 .work-container.work-modern:hover .overlay-work {
   opacity: 0.6;
 }

 .work-container.work-modern:hover .content {
   transform: translateY(0);
 }

 .work-container.work-modern:hover .icons {
   top: 50%;
   transform: translateY(-50%);
 }

 .work-container.work-grid {
   transition: all 0.5s ease;
 }

 .work-container.work-grid img,
 .work-container.work-grid .content,
 .work-container.work-grid .content .title {
   transition: all 0.5s ease;
 }

 .work-container.work-grid .content {
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
   transform: translateY(150px);
   overflow: hidden;
 }

 .work-container.work-grid .content .title:hover {
   color: #d4103a !important;
 }

 .work-container.work-grid:hover {
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
 }

 .work-container.work-grid:hover img {
   transform: translateY(-40px);
 }

 .work-container.work-grid:hover .content {
   transform: translateY(0);
 }

 .it-work-icons {
   height: 55px;
   width: 55px;
   justify-content: center;
   border-radius: 50px;
   box-shadow: 0px 0px 21px 2px #f8f9fa;
   font-size: 30px;
   padding: 6px;
 }

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

 .blog-post .blog-img .author-desc {
   bottom: 20px;
   left: 10px;
 }

 .blog-post .blog-img .author-desc .author .name:hover {
   color: #d4103a !important;
 }

 .blog-post .blog-content h5 {
   line-height: 1.3;
 }

 .blog-post .blog-content .title {
   font-size: 18px !important;
   transition: all 0.5s ease;
 }

 .blog-post .blog-content .title:hover {
   color: #d4103a !important;
 }

 .blog-post .blog-content .post-meta .like:hover,
 .blog-post .blog-content .post-meta .comment:hover,
 .blog-post .blog-content .post-meta .read:hover,
 .blog-post .blog-content .post-meta .tag:hover {
   color: #d4103a !important;
 }

 .blog-post .blog-content .post-meta .like:focus .like-icon {
   color: #d6374a;
   fill: #d6374a;
 }

 .blog-post:hover {
   transform: translateY(-10px);
 }

 .blog-post:hover.single-blog-post {
   transform: translateY(0px);
 }

 .blog-post:hover .blog-img .overlay {
   opacity: 0.6;
 }

 .blog-post:hover .blog-img .author-desc {
   opacity: 1
 }

 .blog-post .blog-img .overlay,
 .blog-post .blog-img .author-desc,
 .popular-tour .overlay {
   position: absolute;
   opacity: 0;
   transition: all 0.5s ease;
 }

 .blog-post .blog-img .overlay,
 .popular-tour .overlay {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }

 .blog-content span {
   color: #adadad;
   font-size: 14px;
   text-transform: uppercase;
 }

 .blog-content h3 {
   font-size: 26px;
   line-height: 30px;
   color: #000000;
   margin-bottom: 10px;
 }

 .blog-content h3 a {
   color: #000000;
 }

 .blog-content p {
   font-size: 18px;
   color: #242424;
   line-height: 28px;
   margin-bottom: 20px;
 }

 .viewlink {
   font-size: 14px;
   font-weight: 700;
 }

 .sticky-bar {
   position: sticky;
   top: 80px;
 }

 .sidebar .widget .title {
   font-size: 18px !important;
 }

 .sidebar .widget .widget-search form {
   position: relative;
 }

 .sidebar .widget .widget-search input[type="text"],
 .sidebar .widget .searchform input[type="text"] {
   box-shadow: none;
   padding: 12px 15px;
   height: 45px;
   font-size: 14px;
   width: 100%;
   outline: none !important;
   padding-right: 45px;
 }

 .sidebar .widget .widget-search input[type="submit"],
 .sidebar .widget .searchform input[type="submit"] {
   position: absolute;
   top: 5px;
   right: 10px;
   opacity: 0;
   width: 40px;
   height: 40px;
 }

 .sidebar .widget .widget-search .searchform:after {
   content: "\F0349";
   position: absolute;
   font-family: "Material Design Icons";
   right: 16px;
   top: 15px;
   font-size: 20px;
   line-height: 20px;
   pointer-events: none;
 }

 .sidebar .widget .catagory li {
   padding-bottom: 10px
 }

 .sidebar .widget .catagory li:last-child {
   padding-bottom: 0;
 }

 .sidebar .widget .catagory li a,
 .sidebar .widget .catagory li span {
   font-size: 15px;
 }

 .sidebar .widget .catagory li a {
   color: #3c4858;
   transition: all 0.5s ease;
 }

 .sidebar .widget .catagory li a:hover {
   color: #d4103a;
 }

 .sidebar .widget .widget-grid .item {
   position: relative;
   width: 33.33333333%;
   padding-top: 33.33333333%;
   float: left;
 }

 .sidebar .widget .widget-grid .item a {
   position: absolute;
   top: 4px;
   left: 4px;
   right: 4px;
   bottom: 4px;
   overflow: hidden;
 }

 .sidebar .widget .widget-grid .item:first-child {
   width: 66.66666666%;
   padding-top: 66.66666666%;
 }

 .sidebar .widget .widget-grid .item:nth-child(4) {
   clear: both;
 }

 .tagcloud>a {
   background: #e9ecef;
   color: #3c4858;
   display: inline-block;
   font-size: 9px;
   letter-spacing: 1px;
   margin: 5px 10px 5px 0;
   padding: 8px 12px;
   text-transform: uppercase;
   transition: all 0.5s ease;
 }

 .tagcloud>a:hover {
   background: #d4103a;
   color: #fff;
 }

 .media-list .comment-desk a:hover {
   color: #d4103a !important;
 }

 .job-catagory,
 .explore-feature {
   transition: all 0.5s ease;
 }

 .job-catagory .title,
 .explore-feature .title {
   font-size: 18px;
   transition: all 0.5s ease;
 }

 .job-catagory .title:hover,
 .explore-feature .title:hover {
   color: #d4103a !important;
 }

 .job-catagory .icon,
 .explore-feature .icon {
   height: 80px;
   width: 80px;
   line-height: 80px;
   transition: all 0.5s ease;
 }

 .job-catagory:hover,
 .explore-feature:hover {
   box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
   background-color: #fff;
 }

 .job-catagory:hover .icon,
 .explore-feature:hover .icon {
   color: #d4103a;
 }

 .job-listing .like .like-icon {
   position: absolute;
   top: 8px;
   left: 8px;
   opacity: 0;
   transition: all 0.5s ease;
 }

 .job-listing .like:focus .like-icon {
   color: #d6374a;
   fill: #d6374a;
 }

 .job-listing:hover .like .like-icon {
   opacity: 1;
 }

 .job-grid .job-title,
 .job-grid .company {
   transition: all 0.5s ease
 }

 .job-grid .job-title:hover,
 .job-grid .company:hover {
   color: #d4103a !important;
 }

 .job-grid .job-type {
   position: absolute;
   top: 20px;
   right: 0;
   transform: translateX(100px);
   transition: all 0.5s ease;
 }

 .job-grid:hover {
   background: #f7f7ff;
 }

 .job-grid:hover .job-type {
   transform: translateX(0);
 }

 .job-grid,
 .job-listing {
   transition: all 0.5s ease;
 }

 .job-grid .content .title,
 .job-grid .content .job-title,
 .job-listing .content .title,
 .job-listing .content .job-title {
   font-size: 18px !important;
 }

 .job-grid:hover,
 .job-listing:hover {
   transform: translateY(-5px);
 }

 .blog-post,
 .popular-course {
   transition: all 0.5s ease;
 }

 .blog-post:hover,
 .popular-course:hover {
   transform: translateY(-10px);
 }

 .popular-tour img {
   transition: all 0.8s ease;
 }

 .popular-tour .content {
   position: absolute;
   bottom: 3%;
   left: 5%;
 }

 .popular-tour:hover .overlay {
   opacity: 0.65;
 }

 .popular-tour:hover img {
   transform: scale(1.2);
 }

 @media (min-width: 576px) {
   .candidate-detail .candidate-detail-top {
     display: flex;
   }
 }

 .coming-soon,
 .maintenance,
 .error-page {
   font-size: 40px;
   letter-spacing: 1px;
 }

 @media (max-width: 767px) {

   .coming-soon,
   .maintenance,
   .error-page {
     font-size: 32px;
   }
 }

 #countdown .count-down,
 #eventdown .count-down {
   display: inline-block;
   margin: 30px 10px 10px;
   text-align: center;
 }

 #countdown .count-down .count-number,
 #eventdown .count-down .count-number {
   font-size: 40px;
   line-height: 95px;
 }

 #countdown .count-down .count-head,
 #eventdown .count-down .count-head {
   display: block;
   position: relative;
   transform: translateY(-20px);
   text-transform: uppercase;
   font-size: 14px;
   letter-spacing: 1px;
 }

 #countdown .count-down .count-number {
   font-size: 40px;
   line-height: 95px;
   color: #3c4858;
   height: 130px;
   width: 130px;
   border-radius: 50%;
 }

 #eventdown .count-down {
   margin: 10px !important;
   border: 0;
 }

 @media (max-width: 767px) {
   #eventdown .count-down {
     width: 60px;
   }
 }

 #eventdown .count-down .count-number {
   line-height: 80px;
 }

 @media (max-width: 767px) {
   #eventdown .count-down .count-number {
     font-size: 30px;
   }
 }

 #eventdown .count-down .count-head {
   transform: translateY(-15px);
 }

 @media (max-width: 767px) {
   #eventdown .count-down .count-head {
     font-size: 10px;
   }
 }

 #maintenance {
   color: #fff;
   font-size: 56px;
   letter-spacing: 1px;
 }

 #maintenance .indicator {
   font-size: 18px;
 }

 #countdown .count-down,
 #token-sale .count-down {
   display: inline-block;
   margin: 30px 10px 10px;
   color: #fff;
   text-align: center;
 }

 #countdown .count-down .count-number,
 #token-sale .count-down .count-number {
   font-size: 40px;
   line-height: 95px;
 }

 #countdown .count-down .count-head,
 #token-sale .count-down .count-head {
   display: block;
   position: relative;
   transform: translateY(-20px);
   text-transform: uppercase;
   font-size: 14px;
   letter-spacing: 1px;
 }

 #countdown .count-down .count-number {
   font-size: 40px;
   line-height: 95px;
   border: 4px solid #dee2e6;
   height: 130px;
   width: 130px;
   border-radius: 50%;
 }

 #token-sale .count-down {
   border: 0;
   color: #3c4858 !important;
 }

 #token-sale .count-down .count-number {
   line-height: 80px;
 }

 @media (max-width: 767px) {
   #token-sale .count-down .count-number {
     font-size: 30px;
   }
 }

 #token-sale .count-down .count-head {
   margin-bottom: 0 !important;
   transform: translateY(-15px);
 }

 @media (max-width: 767px) {
   #token-sale .count-down .count-head {
     font-size: 10px;
   }
 }

 .contact-bg-new {

   background: #9851a41f !important;
   padding: 4%;
   border-radius: 15px;


 }

 .contact-growth-bg {
   border-radius: 15px 0px 0px 15px;
   background: #4F0174;
   padding: 20px 30px;
 }

 .custom-form {
   padding: 30px 20px 30px 0px;
 }

 .form-icon .icons {
   position: absolute;
   top: 13px;
   left: 18px;
 }

 .custom-form.contact-creative {
   position: absolute;
   bottom: 50%;
   transform: translateY(50%);
   right: 15px;
   left: 15px;
   margin: 0 auto;
   max-width: 445px;
   display: none;
   box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15);
 }

 .custom-form.contact-creative .contact-hide-btn {
   color: #3c4858;
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 30px;
   height: 30px;
   background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: 50%;
   top: -15px;
   right: -15px;
   transition: all 0.4s;
 }

 .custom-form.contact-creative .contact-hide-btn:hover {
   background-color: #3c4858;
   color: #fff;
 }

 .contact-show-btn {
   position: fixed;
   width: 100px;
   height: 100px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .contact-show-btn:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   z-index: -2;
   width: 100%;
   height: 100%;
   background-color: #d4103a;
   border-radius: 50%;
   box-shadow: 0 10px 25px rgba(0, 201, 167, 0.5);
   animation: beatbtn 0.9s ease-in-out infinite;
 }

 @keyframes beatbtn {
   0% {
     background-color: #d4103a;
     transform-origin: center;
     transform: scale(1);
   }

   50% {
     background-color: rgba(0, 201, 167, 0.8);
     transform-origin: center;
     transform: scale(1.1);
   }
 }

 .error {
   margin: 8px 0px;
   display: none;
   color: #d6374a;
 }

 #ajaxsuccess {
   font-size: 16px;
   width: 100%;
   display: none;
   clear: both;
   margin: 8px 0px;
 }

 .error_message,
 #success_page {
   padding: 10px;
   margin-bottom: 20px;
   text-align: center;
   border-radius: 5px;
 }

 .error_message {
   background-color: rgba(240, 115, 90, 0.1) !important;
   border: 2px solid rgba(240, 115, 90, 0.1) !important;
   color: #f0735a !important;
   font-size: 14px;
 }

 .contact-loader {
   display: none;
 }

 #success_page {
   background-color: rgba(83, 199, 151, 0.1) !important;
   border: 2px solid rgba(83, 199, 151, 0.1) !important;
   color: #53c797 !important;
 }

 #success_page p {
   margin-bottom: 0 !important;
 }

 .footer {
   position: relative;
   padding: 60px 0;
   background-color: #000000;
   color: #adb5bd;
 }

 .footer-bg {
   background: #F53574;
 }

 .m-dotted-line {
   border-top: 1px dotted rgba(188, 176, 176, .9);
   margin: 0;
   margin-top: 15px;
   margin-bottom: 15px;
   opacity: 9;
 }

 .footer h3 {
   font-size: 16px;
   font-weight: 700;
   line-height: 20px;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 15px;
 }

 .footer h3 a {
   color: #6D08BE;
 }

 .footer h3 a:hover {
   color: #FFB703;
 }

 .footer h4 {
   font-size: 1rem;
   line-height: 1rem;
   color: #fff;
   margin-bottom: 1rem;
 }

 .footer ul {
   margin: 0;
   padding: 0;
 }

 .footer li {
   margin-bottom: 0.4rem;
   position: relative;
   list-style: none;
 }

 .footer li a {
   color: #ffffff;
   font-size: 12px;
   font-weight: 500;
 }

 .footer li a:hover {
   color: #FFB703;
 }

 .footer li a p {
   color: #000;
   font-size: 0.75rem;
   line-height: 18px;
 }

 .list-inline ul {
   padding-left: 10px;
 }

 .list-inline li {
   display: inline-block;
   color: #000000;
 }

 .navmenu-col ul {
   margin: 0rem;
   padding: 0rem;
   font-size: 1.25rem;
   font-weight: 400;
   padding-bottom: 1.25rem;
 }

 .navmenu-col ul li {
   display: inline-block;
   color: #019fe2;
   margin: 0 0rem;
   margin-right: 0.625rem;
 }

 .navmenu-col ul li a {
   text-decoration: none;
   font-size: 1rem;
   color: #000000;
 }

 .social-icons li {
   display: inline-block;
   margin: 0 0.7rem 0 0;
 }

 .social-icons>li>a {
   border: 0.125rem solid #fff;
   border-radius: 50%;
   text-align: center;
   width: 1.875rem;
   height: 1.875rem;
   font-size: 0.875rem;
   display: inline-block;
   line-height: 1.625rem;
 }

 .social-icons>li>a i {
   color: #fff;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   transition: 0.5s;
 }

 .social-icons>li>a:hover,
 .social-icons>li>a:focus {
   background: none;
   border: 0.125rem solid #6D08BE;
 }

 .social-icons>li>a:hover i {
   color: #6D08BE;
 }

 .footer-copyright {
   padding: 0.938rem 0;
   color: #000000;
 }

 .navmenufooter ul {
   margin-bottom: 0.313rem;
   padding: 0px;
 }

 .navmenufooter ul li {
   color: #fff;
   display: inline-block;
   margin: 0 0rem;
   font-size: 12px;
 }

 .navmenufooter ul li a {
   position: relative;
   color: #fff;
   font-size: 12px;
   line-height: 20px;
   font-weight: 500;
 }

 .navmenufooter ul li a:hover {
   color: #6D08BE;
 }

 .navmenufooter p {
   font-size: 12px;
   color: #fff;
   margin-right: 20px;
   font-weight: 500;
 }

 .white-border-line {
   margin: 1rem 0;
   border: 0;
   border-top: 1px solid #fff;
   opacity: .25;
 }

 .subscribe input {
   width: 100%;
   padding: 7px 20px;
   color: #000;
   font-size: 12px;
   border-radius: 8px;
   border: 1px solid #FFF;
   background: rgba(255, 255, 255, 0.14);
 }

 .butn {
   padding: 0.55rem 1.3rem;
   font-size: 14px;
   font-weight: 600;
   -webkit-transition: all .4s;
   -o-transition: all .4s;
   transition: all .4s;
   text-transform: uppercase;
   cursor: pointer;
 }

 .butn.dark {
   background: #d4103a;
   color: #ffffff;
 }

 .butn.dark:hover {
   background: transparent;
   border-color: #d4103a;
   color: #000;
   text-decoration: none;
 }

 .butn.curve {
   border-radius: 8px;
 }

 .w-70 {
   width: 68%;
 }


 /*-------------------------------------------------------
			 margin-top  (0/100) +5
-------------------------------------------------------*/
 .mt-0 {
   margin-top: 0 !important;
 }

 .mt-5 {
   margin-top: 0.313rem !important;
 }

 .mt-10 {
   margin-top: 0.625rem !important;
 }

 .mt-15 {
   margin-top: 0.938rem !important;
 }

 .mt-20 {
   margin-top: 1.25rem !important;
 }

 .mt-25 {
   margin-top: 1.563rem !important;
 }

 .mt-30 {
   margin-top: 1.875rem !important;
 }

 .mt-35 {
   margin-top: 1.875rem !important;
 }

 .mt-40 {
   margin-top: 2.5rem !important;
 }

 .mt-45 {
   margin-top: 2.813rem !important;
 }

 .mt-50 {
   margin-top: 3.125rem !important;
 }

 .mt-55 {
   margin-top: 3.438rem !important;
 }

 .mt-60 {
   margin-top: 3.75rem !important;
 }

 .mt-62 {
   margin-top: 3.875rem !important;
 }

 .mt-65 {
   margin-top: 4.063rem !important;
 }

 .mt-70 {
   margin-top: 4.375rem !important;
 }

 .mt-75 {
   margin-top: 4.688rem !important;
 }

 .mt-80 {
   margin-top: 5rem !important;
 }

 .mt-85 {
   margin-top: 5.313rem !important;
 }

 .mt-90 {
   margin-top: 5.625rem !important;
 }

 .mt-95 {
   margin-top: 5.938rem !important;
 }

 .mt-100 {
   margin-top: 6.25rem !important;
 }

 /*-------------------------------------------------------
               margin-bottom  (0/100) +5
  -------------------------------------------------------*/
 .mb-0 {
   margin-bottom: 0 !important;
 }

 .mb-5 {
   margin-bottom: 0.313rem !important;
 }

 .mb-10 {
   margin-bottom: 0.625rem !important;
 }

 .mb-15 {
   margin-bottom: 0.938rem !important;
 }

 .mb-20 {
   margin-bottom: 1.25rem !important;
 }

 .mb-25 {
   margin-bottom: 1.563rem !important;
 }

 .mb-30 {
   margin-bottom: 1.875rem !important;
 }

 .mb-35 {
   margin-bottom: 2.188rem !important;
 }

 .mb-40 {
   margin-bottom: 2.5rem !important;
 }

 .mb-45 {
   margin-bottom: 2.813rem !important;
 }

 .mb-50 {
   margin-bottom: 3.125rem !important;
 }

 .mb-55 {
   margin-bottom: 3.438rem !important;
 }

 .mb-60 {
   margin-bottom: 3.75rem !important;
 }

 .mb-62 {
   margin-bottom: 3.875rem !important;
 }

 .mb-65 {
   margin-bottom: 4.063rem !important;
 }

 .mb-70 {
   margin-bottom: 4.375rem !important;
 }

 .mb-75 {
   margin-bottom: 4.688rem !important;
 }

 .mb-80 {
   margin-bottom: 5rem !important;
 }

 .mb-85 {
   margin-bottom: 5.313rem !important;
 }

 .mb-90 {
   margin-bottom: 5.625rem !important;
 }

 .mb-95 {
   margin-bottom: 5.938rem !important;
 }

 .mb-100 {
   margin-bottom: 6.25rem !important;
 }

 /*-------------------------------------------------------
              padding-top  (0/100) +5
  -------------------------------------------------------*/
 .pt-0 {
   padding-top: 0 !important;
 }

 .pt-5 {
   padding-top: 0.313rem !important;
 }

 .pt-10 {
   padding-top: 0.625rem !important;
 }

 .pt-15 {
   padding-top: 0.938rem !important;
 }

 .pt-20 {
   padding-top: 1.25rem !important;
 }

 .pt-25 {
   padding-top: 1.563rem !important;
 }

 .pt-30 {
   padding-top: 1.875rem !important;
 }

 .pt-35 {
   padding-top: 2.188rem !important;
 }

 .pt-40 {
   padding-top: 2.5rem !important;
 }

 .pt-45 {
   padding-top: 2.813rem !important;
 }

 .pt-50 {
   padding-top: 3.125rem !important;
 }

 .pt-55 {
   padding-top: 3.438rem !important;
 }

 .pt-60 {
   padding-top: 3.75rem !important;
 }

 .pt-65 {
   padding-top: 4.063rem !important;
 }

 .pt-70 {
   padding-top: 4.375rem !important;
 }

 .pt-75 {
   padding-top: 4.688rem !important;
 }

 .pt-80 {
   padding-top: 5rem !important;
 }

 .pt-85 {
   padding-top: 5.313rem !important;
 }

 .pt-90 {
   padding-top: 5.625rem !important;
 }

 .pt-95 {
   padding-top: 5.938rem !important;
 }

 .pt-100 {
   padding-top: 6.25rem !important;
 }

 /*-------------------------------------------------------
           padding-bottom  (0/100) +5
  -------------------------------------------------------*/
 .pb-0 {
   padding-bottom: 0 !important;
 }

 .pb-5 {
   padding-bottom: 0.313rem !important;
 }

 .pb-10 {
   padding-bottom: 0.625rem !important;
 }

 .pb-15 {
   padding-bottom: 0.938rem !important;
 }

 .pb-20 {
   padding-bottom: 1.25rem !important;
 }

 .pb-25 {
   padding-bottom: 1.25rem !important;
 }

 .pb-30 {
   padding-bottom: 1.875rem !important;
 }

 .pb-35 {
   padding-bottom: 2.188rem !important;
 }

 .pb-40 {
   padding-bottom: 2.5rem !important;
 }

 .pb-45 {
   padding-bottom: 2.813rem !important;
 }

 .pb-50 {
   padding-bottom: 3.125rem !important;
 }

 .pb-55 {
   padding-bottom: 3.438rem !important;
 }

 .pb-60 {
   padding-bottom: 3.75rem !important;
 }

 .pb-65 {
   padding-bottom: 4.063rem !important;
 }

 .pb-70 {
   padding-bottom: 4.375rem !important;
 }

 .pb-75 {
   padding-bottom: 4.688rem !important;
 }

 .pb-80 {
   padding-bottom: 5rem !important;
 }

 .pb-85 {
   padding-bottom: 5.313rem !important;
 }

 .pb-90 {
   padding-bottom: 5.625rem !important;
 }

 .pb-95 {
   padding-bottom: 5.938rem !important;
 }

 .pb-100 {
   padding-bottom: 6.25rem !important;
 }

 .pb-130 {
   padding-bottom: 8.125rem !important;
 }

 .pl-20 {
   padding-left: 1.25rem;
 }

 .pr-20 {
   padding-right: 1.25rem;
 }

 .no-padding {
   padding: 0 !important;
 }

 .butn {
   padding: 0.55rem 1.3rem;
   font-size: 14px;
   font-weight: 400;
   -webkit-transition: all .4s;
   -o-transition: all .4s;
   transition: all .4s;
   text-transform: uppercase;
   cursor: pointer;
   border: 1px solid #7C07DB;
   display: inline-block;
 }

 .butn-style1 {
   background: linear-gradient(92deg, #E416E5 6.33%, #7E04D5 93.75%);
   color: #fff;
   border-radius: 8px;
   padding: 0.45rem 1rem;
   font-size: 14px;
   text-transform: uppercase;
   display: inline-block;
   border: 1px solid #7C07DB !important;
 }

 .butn-style1:hover {
   background: transparent;
   color: #000;
   border: 1px solid #7C07DB;
   text-decoration: none;
 }

 .light {
   background: #ffffff;
   color: #000;
   border-radius: 8px;
   padding: 0.45rem 2rem;
   font-size: 14px;
   text-transform: uppercase;
   display: inline-block;
 }

 .light:hover {
   background: transparent;
   color: #fff;
   border: 1px solid #ffffff;
   text-decoration: none;
 }

 .dark {
   border: 1px solid #7325C6;
   color: #252525;
   font-size: 14px;
   text-transform: uppercase;
   padding: 0.45rem 1rem;
   display: inline-block;
 }

 .dark:hover {
   background: #6D08BE;
   color: #7325C6 !important;
   border: 1px solid #6D08BE;
   text-decoration: none;
 }

 .dark-light {

   background: #5d8bd3 !important;
   color: #fff !important;
   border-radius: 8px;
   font-size: 14px;
   text-transform: uppercase;
   display: inline-block;
   padding: 0.45rem 1rem !important;
   margin-left: 10px !important;
 }

 .dark-light:hover {
   background: transparent;
   color: #000;
   border: 1px solid #F53574;
   text-decoration: none;
 }

 .menu-main-title {
   border-radius: 8px 8px 0px 0px;
   background: rgba(233, 244, 255, 0.80);
   padding: 8px 15px;
 }

 .inner-main-menu-box {
   padding: 15px 15px;
 }

 .menu-main-title {
   border-radius: 8px 8px 0px 0px;
   background: rgba(233, 244, 255, 0.80);
   padding: 8px 15px;
 }

 .menu-main-title h3 {
   color: #000;
   font-size: 1.25rem;
 }

 .menu-main-list h4 {
   color: #000;
   font-size: 0.875rem;
   margin-bottom: 10px;
 }

 .menu-main-list ul {
   margin: 0;
   padding-left: 20px;
 }

 .menu-main-list ul li {
   list-style-type: disc;
   position: relative;
   padding-left: 0.125rem;
   color: #7C07DB;
   padding-bottom: 0.625rem;
 }

 .menu-main-list ul li a {
   font-size: 1.125rem;
   line-height: 1rem;
   color: #03386F;
   text-decoration: none;
 }

 .menu-main-list ul li a span {
   color: #03386F;
   font-size: 0.875rem;
 }

 .menu-main-list ul li a span:hover {
   color: #000;
   text-decoration: underline;
 }

 .menu-main-list ul li a p {
   color: #000;
   font-size: 0.75rem;
   margin-bottom: 0px;
   line-height: 18px;
 }

 .title-heading h1 {
   font-size: 90px;
   line-height: 100px;
   margin-bottom: 10px;
   color: #fff;
 }

 .title-heading h1 span {
   font-size: 40px;
   line-height: 40px;
   font-weight: 300;
   color: #fff;
 }

 .title-heading p {
   font-size: 24px;
   color: #fff;
   font-weight: 300;
   line-height: 28px;
   margin-bottom: 20px;
 }

 /* .section-padding {
   padding: 5rem 0;
 } */

 .empower {
   position: relative;
 }

 .contact-bg {
   background: #FFF5F5;
   background: #cdefed;

 }

 .all-section-content h1 {
   font-size: 36px;
   line-height: 42px;
   color: #000000;
   margin-bottom: 10px;
 }

 .all-section-content h2 {
   font-size: 30px;
   line-height: 38px;
   color: #000000;
   margin-bottom: 10px;
   padding-top: 30px;
 }

 .all-section-content h3 {
   font-size: 26px;
   line-height: 30px;
   color: #000000;
   margin-bottom: 20px;
 }

 .all-section-content h4 {
   font-size: 22px;
   color: #000000;
   line-height: 26px;
   margin-bottom: 20px;
 }

 .all-section-content h4 span {
   color: #000000;
 }

 .all-section-content h5 {
   font-size: 24px;
   color: #03386F;
   line-height: 28px;
   margin-bottom: 20px;
 }

 .all-section-content p {
   font-size: 16px !important;
   color: #433F3F;
   line-height: 22px !important;
   margin-bottom: 10px !important;
 }

 .all-section-content p span {
   font-weight: 700;
 }

 .all-section-content ul {
   padding: 0;
   margin: 0;
   padding-bottom: 30px;
 }

 .all-section-content ul li {
   list-style-type: none;
   position: relative;
   padding-left: 25px;
   padding-bottom: 5px;
   font-size: 16px;
   font-weight: 400;
   color: #433F3F;
   text-transform: none;
 }

 .all-section-content ul li:before {
   content: "\f061";
   font-family: 'Font Awesome 5 Free';
   font-size: 14px;
   font-weight: 900;
   position: absolute;
   color: #F53574;
   top: 1px;
   left: 0px;
 }

 .email-list {
   background: #f5f5f5;
   padding: 30px 40px;
 }

 .list-box p {
   font-size: 18px;
   color: #000;
   font-weight: 500;
   line-height: 24px;
   margin-bottom: 20px;
 }

 .list-box h2 {
   font-size: 35px;
   line-height: 45px;
   color: #8bd3cd;
   margin-bottom: 0px;
 }

 .partner-text p {
   color: #5F5D5D;
   font-size: 18px;
   font-style: italic;
   line-height: 28px;
   font-weight: 400;
 }

 .partner-text p span {
   color: #000;
   font-size: 20px;
   font-weight: 500;
 }

 .integrate-bg {
   background: #F53574;
 }

 .small-text {
   font-size: 16px !important;
 }

 .table-bg {
   background: #F3F3F3;
   font-size: 12px;
 }

 .table-head-bg {
   background: #F53574;
   color: #fff;
 }

 .sap-users-bg {
   background-color: #FFF5F5;
 }

 .sap-list-box h4 {
   font-size: 22px;
   color: #000;
   line-height: 26px;
   margin-bottom: 10px;
 }

 .sap-list-box p {
   font-size: 18px;
   color: #433F3F;
   line-height: 24px;
   margin-bottom: 20px;
 }

 .buy-sap-bg {
   background: #561228;
 }

 .buy-sap-box {
   background: #fff;
   padding: 20px 20px;
 }

 .buy-sap-box h4 {
   font-size: 22px;
   color: #000;
   line-height: 26px;
   margin-bottom: 20px;
 }

 .buy-sap-box h5 {
   font-size: 20px;
   color: #000;
   font-weight: 600;
   line-height: 24px;
   margin-bottom: 20px;
 }

 .buy-sap-box p {
   font-size: 16px;
   color: #433F3F;
   line-height: 22px;
   margin-bottom: 20px;
 }

 .buy-sap-box p span {
   font-weight: 700;
 }

 .help-you {
   position: relative;
 }

 .help-explore-box {
   position: absolute;
   bottom: 20px;
   left: 20px;
   right: 20px;
   z-index: 99;
 }

 .help-explore-box h4 {
   color: #ffffff;
   font-size: 24px;
   font-weight: 700;
 }

 .help-explore-box p {
   color: #ffffff;
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
 }

 .new-w {
   position: absolute;
   left: 20px;
   bottom: 20px;
   min-height: 180px;
   right: 20px;
   z-index: 99;
 }

 .new-w h4 {
   color: #ffffff;
   font-size: 18px;
   font-weight: 400;
 }

 .new-w p {
   color: #ffffff;
   font-size: 20px;
   font-weight: 600;
   line-height: 26px;
 }

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

 .overlay {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgb(74, 3, 150);
   background: -moz-linear-gradient(180deg, rgba(74, 3, 150, 0) 0%, rgba(74, 3, 150, 0.4458158263305322) 48%, rgba(74, 3, 150, 1) 100%);
   background: -webkit-linear-gradient(180deg, rgba(74, 3, 150, 0) 0%, rgba(74, 3, 150, 0.4458158263305322) 48%, rgba(74, 3, 150, 1) 100%);
   background: linear-gradient(180deg, rgba(74, 3, 150, 0) 0%, rgba(74, 3, 150, 0.4458158263305322) 48%, rgba(74, 3, 150, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4a0396", endColorstr="#4a0396", GradientType=1);
   overflow: hidden;
   width: 100%;
   height: 100%;
   border-radius: 15px;
   z-index: 1;
 }

 .discover-bg {
   background: url(../../assets/images/get-bg.jpg) no-repeat top center #000000;
   padding-top: 100px;
   padding-bottom: 100px;
   background-size: cover;
 }

 .meet-us-bg {
   background: linear-gradient(180deg, rgba(251, 253, 255, 0.00) 0%, #CCE5FF 52.92%, rgba(255, 255, 255, 0.21) 98.23%);
 }


 /* Flexbox Equal Height Bootstrap Columns (fully responsive) */
 @media only screen and (min-width : 768px) {
   .flex-row.row {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   .flex-row.row>[class*='col-'] {
     display: flex;
     flex-direction: column;
   }

   .flex-row.row:after,
   .flex-row.row:before {
     display: flex;
   }
 }

 /* Grow thumbnails to fill columns height */
 .flex-row .equal-height {
   display: flex;
   flex: 1 0 auto;
   flex-direction: column;
 }

 .rounded-top-left {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
 }

 .blog-white-box {
   background: #ffffff;
 }

 .news-cont h4 {
   font-size: 1.25rem;
   line-height: 1.5rem;
   color: #000000;
   margin-bottom: 0.5rem;
 }

 .news-cont span {
   font-size: 0.875rem;
   line-height: 1.5rem;
   color: #464545;
   margin-bottom: 0.625rem;
 }

 .news-cont h2 {
   font-size: 1.5rem;
   line-height: 1.875rem;
   color: #000000;
   margin-bottom: 1.25rem;
 }

 .news-cont h2 a {
   color: #000000;
 }

 .news-cont h2 a:hover {
   text-decoration: underline !important;
 }

 .red-link a {
   color: #D4103A;
   font-size: 0.875rem;
   text-transform: uppercase;
 }

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

 .happening-item-box {
   background: #fff;
   padding: 1rem;
   border-bottom-left-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
 }

 .top-bottom-space {
   padding: 4rem 0;
 }

 .blue-bg {
   background: linear-gradient(180deg, #01356B 0%, #000000 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.74) 0%, rgba(80, 135, 149, 0.22) 97.84%);
 }

 .partners-map {
   background: url(../../assets/images/home/map.png) bottom center no-repeat;
 }


 .testimo-h p {
   font-size: 1.25rem;
   color: #ffffff;
   line-height: 2rem;
   margin-bottom: 1.25rem;
 }

 .testi-img-box-r {
   width: 61px;
   margin-left: auto;
   margin-top: -86px;
 }

 .img-left img {
   margin: inherit !important;
 }

 .testi-img-box img {
   width: auto;
   padding-bottom: 1.25rem;
 }

 .img-normal img {
   width: auto;
   height: auto;
   margin: 0 auto;
 }

 /**********************/
 /* Full screen search */
 /**********************/
 aside {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: linear-gradient(200deg, #27156E, #6A2A88, #9F4981);
   opacity: 0;
   visibility: hidden;
   transition: all 0.5s ease;
   z-index: 9999;
 }

 .open {
   opacity: 1;
   visibility: visible;
 }

 .search-box-home {
   text-align: center;
   height: 95vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .close-search-btn {
   position: fixed;
   top: 5.5rem;
   right: 8.75rem;
   color: #fff;
   z-index: 99999;
   cursor: pointer;
   font-family: sans-serif;
 }

 .close-search-btn span,
 .close-search-btn span:before,
 .close-search-btn span:after {
   border-radius: 0.25rem;
   height: 0.125rem;
   width: 2.188rem;
   background: #fff;
   position: absolute;
   display: block;
   content: "";
 }

 .close-search-btn span {
   background: transparent;
 }

 .close-search-btn span:before {
   transform: rotate(45deg);
 }

 .close-search-btn span:after {
   transform: rotate(-45deg);
 }

 .outer-close {
   position: absolute;
   right: 0;
   top: 0;
   width: 5.313rem;
   height: 5.313rem;
   cursor: pointer;
   z-index: 99999;
 }

 .search-box {
   margin-top: 1.875rem;
   margin-bottom: 1.875rem;
 }

 .search-controls {
   width: 40%;
   margin: 0 auto;
   text-align: left;
 }

 .search-controls .search {
   color: #fff;
   width: 100%;
   padding: 0.938rem 0;
   background: transparent;
   border: 0;
   border-bottom: 0.063rem solid rgba(255, 255, 255, 0.3);
 }

 .search::-webkit-input-placeholder {
   color: #ffffff;
   opacity: 9;
 }

 .search::-moz-placeholder {
   color: #ffffff;
   opacity: 9;
 }

 .search:-ms-input-placeholder {
   color: #ffffff;
   opacity: 9;
 }

 .product-bg {
   border-radius: 15px;
   background: #F4F1FA;
   padding: 30px 30px;
 }

 .product-bg h2 {
   color: #03386F;
   font-size: 30px;
   line-height: 36px;
   margin-bottom: 20px;
 }

 .product-bg p {
   color: #1A1A1A;
   font-size: 18px;
   line-height: 24px;
 }

 .datasheets-box {
   padding: 40px;
   border-radius: 15px;
 }

 .tabmenu-box {
   padding: 20px;
   position: relative;
 }

 .tabmenu-box h3 {
   color: #000;
   font-size: 20px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   border-bottom: 1px dotted #A1A1A1;
   padding-bottom: 10px;
   margin-bottom: 10px;
 }

 .tabmenu-box h3 a {
   color: #4A0396;
 }

 .tabmenu-box h3 a:hover {
   color: #7325C6;
 }

 .blog-menubg {
   border-radius: 0px 12px 12px 0px;
   background: #7325C6;
   padding: 20px;
 }

 .blog-menubg h4 {
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   line-height: 26px;
   margin-bottom: 15px;
 }

 .blog-menubg p {
   color: #ffffff;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
 }

 .blog-menubg p a {
   color: #ffffff;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
 }

 .blog-menubg p a:hover {
   text-decoration: underline !important;
 }

 .blog-menubg p span {
   color: #ffffff;
   font-weight: 700;
 }

 .inner-megamenu-list p {
   color: #000000;
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
 }

 .inner-megamenu-list p a {
   color: #000000;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
 }

 .inner-megamenu-list p a:hover {
   text-decoration: underline !important;
 }

 .inner-megamenu-list ul {
   padding: 0;
   margin: 0;
 }

 .inner-megamenu-list li {
   list-style-type: none;
   position: relative;
   padding-left: 20px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 16px;
   font-weight: 400;
   color: #000;
   text-transform: none;
 }

 .inner-megamenu-list li:before {
   content: "\f105";
   font-family: 'Font Awesome 5 Free';
   font-size: 16px;
   font-weight: 900;
   position: absolute;
   color: #6D08BE;
   top: 7px;
   left: 0px;
 }

 .inner-megamenu-list li a:hover {
   color: #d04628;
   font-size: 16px;
   line-height: 20px;
 }

 .header_in button {
   background: transparent;
   border: none;
   width: 40px;
   height: 40px;
   cursor: pointer;
   outline: 0;
   margin-left: 15px;
   position: relative;
   z-index: 99;
 }

 .toggle span {
   width: 100%;
   height: 2px;
   background: #fff;
   display: block;
   position: relative;
   cursor: pointer;
 }

 .toggle span:before,
 .toggle span:after {
   content: '';
   position: absolute;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   transition: all 0.3s ease-out;
 }

 .toggle span:before {
   top: -8px;
 }

 .toggle span:after {
   top: 8px;
 }

 .toggle span.toggle {
   background: transparent;
 }

 .toggle span.toggle:before {
   top: 0;
   transform: rotate(-45deg);
   background: #fff;

 }

 .toggle span.toggle:after {
   top: 0;
   transform: rotate(45deg);
   background: #fff;
 }

 .sidebar {
   background: #4F0174;
   width: 100%;
   position: fixed;
   top: 0px;
   right: -100%;
   height: 100%;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease-out;
 }

 .sidebarshow {
   right: 0;
 }

 .home_table_cell {
   display: table;
   width: 100%;
   height: 100%;
 }

 .home_table_cell_center {
   display: table-cell;
   vertical-align: middle;
 }

 .count-title {
   border-bottom: 1px solid #898686;
   padding-bottom: 20px;
   margin-bottom: 20px;
 }

 .count-title h3 {
   color: #ffffff;
   font-weight: 700;
   font-size: 64px;
   line-height: 64px;
   margin-bottom: 0;
 }

 .count-title p {
   color: #ffffff;
   font-weight: 700;
   font-size: 16px;
   line-height: 22px;
   text-transform: uppercase;
   margin-bottom: 0;
 }

 .title-w {
   margin-right: 10px;
   width: 50%;
 }

 .title-text {
   width: 50%;
 }

 .bd-video {
   position: relative;
 }

 .bd-video-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 100%;
   padding: 0;
   z-index: 1;
   text-align: center;
   display: flex;
   justify-content: center;
 }

 .case-study-bg {
   border-radius: 15px;
   background: #4F0174;
   padding: 30px 50px;
   position: relative;
 }

 .case-study-bg h2 {
   color: #ffffff;
   font-size: 40px;
   font-weight: 700;
   line-height: 50px;
 }

 .case-study-bg p a {
   color: #ffffff;
   font-size: 14px;
   font-weight: 400;
   text-transform: uppercase;
 }

 .case-study-bg p a:hover {
   text-decoration: underline !important;
 }

 .triangle-shape {
   position: relative;
   text-align: end;
 }

 .case-text {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   padding: 0px 40px;
   width: 100%;
 }

 .case-study-fullbg {
   border-radius: 15px;
   background: #4F0174;
   position: relative;
 }

 .news-stories-bg {
   background: #FFF3F3;
 }

 .tabbed-content {
   position: relative;
 }

 .tabs-sales-bg {
   border-radius: 16px;
   background: #F4F4F5;
   padding: 30px 40px;
 }

 .tabs ul {
   padding: 0;
   margin: 0 auto;
   font-weight: 500;
   border-radius: 25px;
   border: 1px solid #E3E2E2;
   background: #F4F6FF;
   display: inline-block;
   margin-bottom: 30px;
 }

 .tabs ul li {
   position: relative;
 }

 .tabs ul li a {
   padding: 0.5em 2em;
   font-size: 20px;
   font-weight: 500;
   color: #5D5A5A;
 }

 .tabs ul li a:hover,
 .tabs ul li a.active {
   border-radius: 25px;
   background: #E8E0FA;
   color: #6D08BE;
   font-size: 20px;
   font-weight: 500;
   text-decoration: underline !important;
 }

 .item {
   margin-bottom: 0px;
 }

 .item::before {
   cursor: pointer;
   font-weight: bold;
   background: #570598;
   padding: 0.9em;
   border-radius: 16px;
   color: #fff;
   display: block;
   margin-bottom: 10px;
 }

 .item.active::before {
   background: #6D08BE;
   color: #fff;
   border-radius: 16px;
 }

 .item.active .item-content {
   padding: 0;
   -webkit-transition: opacity 0.3s ease-in-out;
   -moz-transition: opacity 0.3s ease-in-out;
   -o-transition: opacity 0.3s ease-in-out;
   -ms-transition: opacity 0.3s ease-in-out;
   transition: opacity 0.3s ease-in-out;
 }

 @media all and (min-width: 800px) {
   .item.active .item-content {
     padding-top: 0;
   }

   .tabs-side .tabs li {
     margin-bottom: 2px;
   }
 }

 /* 
The project specific CSS starts here
This is the minimum CSS that you will need in order for this to work
*/
 .tabbed-content .tabs {
   display: none;
 }

 .tabbed-content .item {
   min-height: 2em;
 }

 .tabbed-content .item::before {
   content: attr(data-title);
 }

 .tabbed-content .item .item-content {
   opacity: 0;
   visibility: hidden;
   height: 0;
 }

 .tabbed-content .item.active .item-content {
   opacity: 1;
   visibility: visible;
   height: auto;
 }

 @media all and (min-width: 800px) {
   .tabbed-content .tabs {
     display: block;
   }

   .tabbed-content .tabs li {
     display: inline-block;
   }

   .tabbed-content .tabs li a {
     display: block;
   }

   .tabbed-content .item {
     min-height: 0;
   }

   .tabbed-content .item::before {
     display: none;
   }

   .tabbed-content.tabs-side .tabs {
     width: 150px;
     float: left;
   }

   .tabbed-content.tabs-side .tabs li {
     display: block;
   }

   .tabbed-content.tabs-side .item {
     margin-left: 150px;
   }
 }

 .graph-shape {
   margin-bottom: -90px;
 }

 .address p {
   color: #ffffff;
   font-size: 12px;
   line-height: 20px;
   font-weight: 500;
   margin-bottom: 5px;
 }

 .address p span {
   color: #ffffff;
   font-size: 14px;
   font-weight: 700;
 }

 .address p a {
   color: #ffffff;
 }

 .image-scroll {
   position: relative;

 }

 .image-scroll>div {
   width: 100%;
 }

 .image-scroll img {
   width: 100%;
 }

 #grow {
   transform: scale(0.6);
   transform-origin: top center;
 }


 /*Mobile menu style*/
 .back {
   color: #fff;
   background: linear-gradient(92deg, #E416E5 6.33%, #7E04D5 93.75%);
 }

 .menu-wrap {
   height: 100vh;
   width: 50%;
   padding: 0;
   float: left;
   position: relative;
 }

 .mobile-mockup-wrap {
   height: auto;
   left: 50%;
   margin: 0 auto;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 21.25rem;
 }

 .show-in-mobile {
   display: none;
 }

 @media (min-width: 0px) and (max-width: 767px) {
   .show-in-mobile {
     display: block;
   }

   .demo-page .menu-wrap {
     height: 42.5rem;
   }

   .content-wrap,
   .menu-wrap {
     float: none;
     height: auto;
     width: 100%;
   }

   .mobile-mockup-wrap {
     height: auto;
     left: 50%;
     margin: 3.125rem auto;
     position: absolute;
     top: auto;
     transform: translateX(-50%);
     width: 18.75rem;
   }

 }

 body.mmactive {
   overflow: hidden;
 }

 .mobile_menu {
   display: none;
   position: relative;
   padding-left: 10px;
 }

 .sm_menu_outer.active .mobile_menu {
   display: block;
 }

 .sm_menu_outer {
   height: 100vh;
   overflow-y: hidden;
   overflow-x: hidden;
   position: fixed;
   right: 0;
   top: 3.75rem;
   bottom: 0;
   z-index: -9;
   width: 100%;
   opacity: 0;
   background: #000;
   -webkit-transition: opacity 0.2s;
   -moz-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }

 .sm_menu_outer.active {
   opacity: 1;
   top: 88px;
   z-index: 999;
 }

 .sm_menu_outer .mobile_menu li.back a {
   padding: 1rem 0.313rem 1rem 3.438rem;
   background: url("../../assets/images/back.png") no-repeat scroll 0.938rem center / 5% auto;
 }

 .sm_menu_outer .mobile_menu span {
   color: #d4103a;
   display: block;
   font-size: 1.125rem;
   padding: 0.75rem 0.938rem 0rem;
   text-decoration: none;
 }

 .sm_menu_outer .mobile_menu a {
   color: #ffffff;
   display: block;
   font-size: 1.125rem;
   padding: 0.75rem 0.938rem;
   text-decoration: none;
 }

 /*Sub Menu anim */
 .sm_menu_outer.slide .mobile_menu .submenu {
   background-color: #000000;
   height: 100vh;
   position: absolute;
   right: -100%;
   top: 0;
   transition: all 0.5s ease 0s;
   width: 100%;
   z-index: 999;
   padding-left: 10px;
 }

 .sm_menu_outer.slide .mobile_menu li.active>.submenu {
   right: 0;
 }

 .sm_menu_outer .mobile_menu li {
   list-style-type: none;
   border-bottom: 0.5px solid rgba(0, 0, 0, 0);
   border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #2a2a2a 20%, #2a2a2a 50%, #2a2a2a 80%, rgba(0, 0, 0, 0) 100%) 0 0 1 0;
   color: #ffffff;
 }

 .sm_menu_outer.slide .mobile_menu li.hasChild>a {
   background: url("../../assets/images/next.png") no-repeat scroll 95% center / 5% auto;
 }

 /*Hamburger Animation */
 #sm_menu_ham {
   cursor: pointer;
   float: right;
   height: 1.563rem;
   position: fixed;
   right: 0.313rem;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
   -o-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
   width: 1.875rem;
   top: 30px;
   right: 20px;
   z-index: 9999;
 }

 #sm_menu_ham span {
   background-color: #FFFFFF;
   border-radius: 0.313rem;
   display: block;
   height: 0.125rem;
   left: 0;
   opacity: 1;
   position: absolute;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: all 0.25s ease-in-out 0s;
   -moz-transition: all 0.25s ease-in-out 0s;
   -o-transition: all 0.25s ease-in-out 0s;
   transition: all 0.25s ease-in-out 0s;
   width: 1.875rem;
 }

 #sm_menu_ham span:nth-child(1) {
   top: 0;
 }

 #sm_menu_ham span:nth-child(2),
 #sm_menu_ham span:nth-child(3) {
   top: 0.625rem;
 }

 #sm_menu_ham span:nth-child(4) {
   top: 1.25rem;
 }

 #sm_menu_ham.open span:nth-child(1) {
   left: 50%;
   top: 1.125rem;
   width: 0;
 }

 #sm_menu_ham.open span:nth-child(2) {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 #sm_menu_ham.open span:nth-child(3) {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 #sm_menu_ham.open span:nth-child(4) {
   left: 50%;
   top: 1.125rem;
   width: 0;
 }

 @media (min-width: 1000px) {

   #sm_menu_ham,
   .sm_menu_outer {
     display: none;
   }
 }

 .inner-menu {
   width: 100%;
   z-index: 999;
   position: static;
 }

 .inner-menu.sticky {
   position: fixed;
   top: 0;
 }

 .top-contact-info a {
   color: #000000;
   font-weight: 600;
 }

 .top-contact-info i {
   color: #F53574;
   font-weight: 600;
 }

 .inner-banner {
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
   background: #8bd3cd;
 }

 .inner-banner-text h1 {
   font-size: 48px;
   line-height: 55px;
   /* color: #F53574; */
   color: #fff;
   margin-bottom: 20px;
 }

 .inner-banner-text h2 {
   font-size: 36px;
   line-height: 40px;
   color: #4A0396;
 }

 .inner-banner-text h5 {
   font-size: 24px;
   color: #fff;
   line-height: 30px;
   margin-bottom: 10px;
 }

 .inner-banner-text h5 span {
   color: #fff;

 }

 .inner-banner-text p {
   font-size: 24px;
   color: #000000;
   line-height: 30px;
   margin-bottom: 20px;
 }

 .inner-banner-box {
   position: relative;
 }

 .shape-inner {
   position: absolute;
   bottom: -40px;
   left: -120px;
 }

 .next-gen {
   background: url(../../assets/images/next-gen.jpg);
   background-size: cover;
   border-radius: 16px;
   padding: 60px 30px;
 }

 .sales-targets-bg {
   background: #F4F4F5;
 }

 .border-right-light {
   border-right: 1px solid rgba(0, 0, 0, 0.19);
 }

 .inner-gradient {
   background: linear-gradient(287deg, #000 1.01%, #6D08BE 97.88%);
 }

 .unleash-power {
   border-radius: 15px;
   padding: 40px 0px 40px 30px;
   background: linear-gradient(180deg, #D9C6E7 0%, rgba(255, 255, 255, 0.00) 100%);
 }

 .right-img-space {
   margin-right: -50px;
   text-align: right;
 }

 .border-right-dark {
   border-right: 1px solid #000;
 }

 .get-started-bg {
   background: url("../../assets/images/dot-pattern.png") no-repeat right bottom, linear-gradient(117deg, #6D08BE 34.92%, #01284C 95.81%);
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .inner-dropmenu {
   background: transparent;
   color: #4A0396;
   font-size: 20px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .inner-dropmenu-white {
   background: transparent;
   color: #fff;
   font-size: 20px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .offering-bg-01 {
   border-radius: 16px;
   background: #DCF5FF;
 }

 .offering-bg-02 {
   border-radius: 16px;
   background: #FFF3F3;
 }

 .offering-bg-03 {
   border-radius: 16px;
   background: rgba(109, 8, 190, 0.10);
 }

 .offering-slider .controls {
   position: absolute;
   top: 58%;
   -webkit-transform: translateY(-58%);
   -ms-transform: translateY(-58%);
   transform: translateY(-58%);
   z-index: 4;
   width: 100%;
 }

 .offering-slider .controls .swiper-button-next,
 .offering-slider .controls .swiper-button-prev {
   position: absolute;
   border: 0.063rem solid #fff;
   background: #fff;
   border-radius: 100%;
   width: 3.125rem;
   height: 3.125rem;
   line-height: 3.125rem;
   text-align: center;
   color: #000;
   display: block;
   margin: 0.313rem auto;
   cursor: pointer;
 }

 .offering-slider .controls .swiper-button-next:after,
 .offering-slider .controls .swiper-button-prev:after {
   display: none;
 }

 .offering-slider .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
   right: 40px;
   left: auto;
 }

 .offering-slider .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
   left: 40px;
   right: auto;
 }


 .offering-section-content h4 {
   color: #000;
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 15px;
 }

 .offering-section-content h5 {
   color: #000;
   font-size: 24px;
   font-weight: 500;
   margin-bottom: 15px;
 }

 .offering-section-content p {
   color: #000;
   font-size: 18px;
   line-height: 24px;
   font-weight: 400;
   margin-bottom: 20px;
 }


 /* Arrows */

 .trusted-client .slick-arrow {
   position: absolute;
   margin: 0px;
   z-index: 99;
   font-size: 0;
   width: 34px;
   height: 34px;
   display: block;
   line-height: 0;
   top: auto !important;
   bottom: -60px !important;
 }

 .trusted-client .slick-prev:before,
 .trusted-client .slick-next:before {
   font-family: 'slick';
   font-size: 20px;
   line-height: 1;
   opacity: .75;
   color: #fff;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: none;
 }

 .trusted-client .slick-arrow.slick-prev {
   right: 40px;
   left: auto;
   background: url("../../assets/images/arrow-left.png") 0 0 / 100% no-repeat;
 }

 .trusted-client .slick-arrow.slick-next {
   left: auto;
   right: 0;
   background: url("../../assets/images/arrow-right.png") 0 0 / 100% no-repeat;
 }

 .trusted-client p {
   color: #222222;
   font-size: 16px;
   font-style: italic;
   line-height: 22px;
 }

 .trusted-client p span {
   color: #000;
   font-size: 20px;
   line-height: 24px;
   font-weight: 500;
 }

 .trusted-client h5 {
   color: #000;
   font-size: 20px;
   line-height: 24px;
   font-weight: 500;
 }

 .avatar-box {
   text-align: center;
 }

 .dotted-border {
   border-left: 1px dotted #2B2B2B;
   padding-left: 20px;
 }

 .avatar-box img {
   border: 5px solid #F53574;
   border-radius: 50%;
 }

 .vission-box-bg {
   border-radius: 12px;
   background: #FFF3F3;
   padding: 20px 30px;
 }

 .what-makes-bg {
   background: url(../../assets/images/what-makes-bg.jpg) no-repeat top right #000000;
   position: relative;
   background-size: cover;
 }

 .m-dotted-line {
   border-top: 1px dotted rgba(188, 176, 176, .9);
   padding-top: 10px;
   padding-bottom: 10px;
   margin: 0;
 }

 .light-color-text {
   color: #FFDFDF !important;
 }

 .office-box-img {
   margin-right: 20px;
 }

 .appending-bg {
   background: #FFF3F3;
 }

 .types-box {
   border-radius: 10px;
   background: #fff;
   padding: 20px;
 }

 .types-box h5 {
   color: #000;
   font-size: 18px;
   line-height: 24px;
   font-weight: 700;
 }

 .services-list ul {
   padding: 0;
   margin: 0;
   padding-left: 0;
 }

 .services-list ul li {
   list-style: none;
   font-size: 16px;
   color: #242424;
   line-height: 22px;
   font-weight: 700;
   margin-bottom: 5px;
 }

 .services-list ul li::before {
   content: "\2022";
   color: #E115E5;
   font-size: 20px;
   font-weight: 700;
   display: inline-block;
   padding-right: 10px;
 }

 .shape-bottom {
   margin-bottom: -20px;
 }

 .think-bg {
   background: #4F0174;
 }

 .counter-box {
   border-radius: 10px;
   background: #AE007F;
   padding: 20px;
 }

 .inner-small-text {
   font-size: 16px !important;
   line-height: 22px !important;
 }

 .tablerounededCorner {
   border: 0;
   background-color: #fff;
   border-radius: 10px;
 }

 .roundedTable {
   border-collapse: collapse;
   border-radius: 10px;
   overflow: hidden;
   width: 100%;
   margin: 0;
   font-size: 15px;
   font-weight: 500;
 }

 .roundedTable th,
 .roundedTable td {
   padding: .6em;
   border-bottom: 1px solid #CDCDCD;
 }

 .roundedTable th {
   text-align: left;
 }

 .roundedTable tr:last-child td {
   border-bottom: none;
 }

 .tb-color {
   background: #AE007F !important;
   font-weight: 700;
   color: #fff;
 }

 .table-text p {
   font-size: 14px;
   color: #fff;
   font-weight: 700;
   line-height: 20px;
   margin-bottom: 0px;
   margin-top: 10px;
 }

 .gray-table {
   border-radius: 10px;
   background: #F1F1F1;
 }

 .blue-header {
   border-radius: 10px 10px 0px 0px;
   background: #4A0396;
   color: #fff;
 }

 .white-line {
   margin: 1rem 0;
   color: #fff;
   border: 0;
   border-top: var(--bs-border-width) solid #fff;
   opacity: .6;
 }

 .careers-section-content h2 {
   color: #14164F;
   font-size: 35px;
   font-weight: 700;
   margin-bottom: 0;
 }

 .careers-section-content p {
   color: #040B24;
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
 }

 .why-lakeb2b-bg {
   background: #4F0174;
   padding-bottom: 200px;
 }

 .lake-icon-bg {
   border-radius: 15px;
   background: #5F058A;
   padding: 30px 20px;
 }

 .lake-icon-bg h3 {
   color: #ffffff;
   font-size: 20px;
   font-weight: 700;
   line-height: 28px;
   margin-bottom: 20px;
 }

 .lake-icon-bg p {
   color: #ffffff;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
 }

 .careers-video {
   margin-top: -150px;
   position: relative;
 }

 .video-counter-bg {
   background: #FFF3F3;
   padding-bottom: 300px;
 }

 .counter-box-c {
   text-align: center;
 }

 .counter-box-c h2 {
   color: #9B0560;
   text-align: center;
   font-size: 40px;
   font-weight: 700;
 }

 .counter-box-c h6 {
   color: #000;
   text-align: center;
   font-size: 20px;
   font-weight: 500;
 }

 .swiper {
   width: calc(min(1140px, 90%));
   margin: 0 auto;
   overflow: visible;
 }

 @media (min-width: 1400px) {
   .swiper {
     width: calc(min(1320px, 90%));
     margin: 0 auto;
     overflow: visible;
   }
 }

 @media screen and (min-width: 500px) {
   .swiper {
     display: grid;
   }
 }

 .careers-slider {
   position: relative;
   width: 100%;
   overflow: hidden;
   margin-top: -230px;
 }

 .swiper-slide {
   overflow: hidden;
   position: relative;
 }

 .swiper-slide.active {
   overflow: visible;
 }

 .swiper-slide:hover {
   overflow: visible;
 }

 .careers-slider .controls {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 4;
   width: 100%;
 }

 .careers-slider .controls .swiper-button-next,
 .careers-slider .controls .swiper-button-prev {
   position: absolute;
   border: 0.063rem solid #000;
   background: #000;
   border-radius: 100%;
   width: 3.125rem;
   height: 3.125rem;
   line-height: 3.125rem;
   text-align: center;
   color: #fff;
   display: block;
   margin: 0.313rem auto;
   cursor: pointer;
 }

 .careers-slider .controls .swiper-button-next:after,
 .careers-slider .controls .swiper-button-prev:after {
   display: none;
 }

 .careers-slider .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
   right: 40px;
   left: auto;
 }

 .careers-slider .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
   left: 40px;
   right: auto;
 }

 .careers-tour {
   position: relative;
 }

 .careers-tour img {
   width: 100%;
   border-radius: 15px;
 }

 .overlay-job {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
   overflow: hidden;
   width: 100%;
   height: 60%;
   border-radius: 15px;
   z-index: 1;
 }

 .content-tour {
   position: absolute;
   bottom: 20px;
   left: 30px;
   right: 30px;
   z-index: 99;
 }

 .content-tour h5 {
   color: #fff;
   font-size: 30px;
   line-height: 36px;
   font-weight: 700;
   position: relative;
 }

 .content-tour h5::before {
   content: "";
   width: 10px;
   height: 40px;
   background-color: #FFB703;
   left: -30px;
   position: absolute;
   display: block;
   top: 0px;
 }

 .content-tour p {
   color: #fff;
   font-size: 18px;
   font-weight: 400;
 }

 .talent-bg {
   background: url(../../assets/images/careers/talent-bg.jpg);
   background-size: cover;
   border-radius: 16px;
   padding: 120px 60px;
 }

 .free-contact-bg {
   background: linear-gradient(117deg, #6D08BE 34.92%, #01284C 95.81%);
   padding-top: 60px;
   padding-bottom: 60px;
 }

 .read-more-content {
   display: none;
 }

 .read-more {
   display: inline-block;
 }

 .resources-slider {
   position: relative;
 }

 .resources-slider .swiper-slide {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   width: 100%;
 }

 .resources-slider .controls {
   position: absolute;
   top: 35%;
   z-index: 4;
   margin: 0 auto;
   transform: translate(-50% -50%);
 }

 .resources-slider .controls .swiper-button-next,
 .resources-slider .controls .swiper-button-prev {
   position: absolute;
   border: 0.063rem solid #E3E3E3;
   background: #fff;
   border-radius: 100%;
   width: 2.125rem;
   height: 2.125rem;
   line-height: 2.125rem;
   color: #000;
   display: block;
   margin: 0.313rem auto;
   cursor: pointer;
 }

 .resources-slider .controls .swiper-button-next:after,
 .resources-slider .controls .swiper-button-prev:after {
   display: none;
 }

 .resources-slider .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
   right: 0px;
   left: auto;
 }

 .resources-slider .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
   left: 0px;
   right: auto;
 }

 .resources-color-1 {
   background: #FFE2E2;
   border-radius: 10px;
   padding: 40px 20px;
 }

 .resources-color-2 {
   background: #F0E6F8;
   border-radius: 10px;
   padding: 40px 20px;
 }

 .resources-color-3 {
   background: #FFF6DE;
   border-radius: 10px;
   padding: 40px 20px;
 }

 .resources-color-4 {
   background: #DCF5FF;
   border-radius: 10px;
   padding: 40px 20px;
 }

 .resources-slider a h6 {
   font-size: 22px;
   font-weight: 600;
   color: #1D327B;
   line-height: 28px;
 }

 .view-link a {
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   color: #6D08BE;
   line-height: 24px;
 }

 .view-link a:hover {
   color: #BA0D70;
 }

 .news-gray-box {
   background: #F4F4F4;
   border-radius: 10px;
   padding: 30px 40px;
   margin-left: -200px;
 }

 .login-page {
   padding: 80px 40px;
 }

 .login-slider-left {
   background: url(../../assets/images/login-slider-bg.png) #5F058A no-repeat;
   background-size: contain;
   padding: 30px 50px;
   justify-content: end;
 }

 .login-slider.slick-dotted.slick-slider {
   margin-bottom: 100px;
 }

 .login-slider .slick-dots li {
   margin: 0 2px;
 }

 .login-slider .slick-dots li button {
   font-size: 0;
   line-height: 0;
   display: block;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   padding: 2px;
   cursor: pointer;
   color: transparent;
   border: 0;
   outline: none;
   background: #fff;
 }

 .login-slider .slick-active button {
   background: #E416E5 !important;
 }

 .login-slider .slick-dots {
   bottom: -100px;
   text-align: left;
 }

 .login-slider .slick-dots li button:before {
   content: '';
 }

 .login-slider-content h3 {
   font-size: 36px;
   line-height: 40px;
   color: #ffffff;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .login-slider-content p {
   font-size: 24px;
   line-height: 30px;
   color: #ffffff;
   font-weight: 300;
 }

 .login-slider-content p span {
   font-size: 26px;
   line-height: 30px;
   color: #ffffff;
   font-weight: 600;
 }

 .login-slider-content .slick-dots {
   bottom: -40px;
 }


 .hd-para p {
   font-size: 24px;
   line-height: 32px;
 }

 .ah-headline.slide b.is-visible {
   top: 0;
   opacity: 1;
   -webkit-animation: slide-in .9s;
   animation: slide-in .9s;
 }

 .ah-headline.slide b.is-hidden {
   -webkit-animation: slide-out .9s;
   animation: slide-out .9s;
   text-align: center;
   width: 100% !important;
 }

 .ah-words-wrapper {
   position: relative;
   text-align: center;
 }

 .ah-words-wrapper {
   width: 100% !important;
 }


 .section-padding {
   padding: 5rem 0 !important;
 }

 .inner-banner {
   padding-top: 20px;
   padding-bottom: 20px;
 }

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

 .navbar-toggler {
   position: relative;
 }

 .dropdown-toggle::after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid;
   border-right: .3em solid transparent;
   border-bottom: 0;
   border-left: .3em solid transparent
 }

 /* .navbar-default.navbar-reduce .nav-link,
 .navbar-default.navbar-trans .nav-link {
   font-size: 14px;
   color: #333;
   font-weight: 400;
   transition: all .1s ease-in-out;
   position: relative;
   padding-left: 0;
   padding-right: 0
 } */


 .quotebtn {
   color: #fff !important;
   padding: 0 5px 0 5px !important;
   border: 0 solid #556cd2;
   border-radius: 50px;
   text-transform: uppercase;
   letter-spacing: 1px;
   background: #559bda;
   background: -moz-linear-gradient(left, #559bda 0, #775bbd 100%);
   background: -webkit-linear-gradient(left, #559bda 0, #775bbd 100%);
   background: linear-gradient(to right, #559bda 0, #775bbd 100%);
   margin-left: 10px;
   display: inline-block
 }

 .quotebtn:hover {
   background: #9074d7;
   background: -moz-linear-gradient(left, #9074d7 0, #775bbd 100%);
   background: -webkit-linear-gradient(left, #9074d7 0, #0e86f2 100%);
   background: linear-gradient(to right, #9074d7 0, #0e86f2 100%)
 }

 .quotebtn a {
   color: #fff !important;
   font-size: 11px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   text-decoration: none !important
 }

 .quotebtn a:hover {
   color: #fff !important;
   font-size: 11px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   text-decoration: none !important;
 }


 .navbar-default.navbar-reduce .nav-link,
 .navbar-default.navbar-trans .nav-link {
   font-size: 14px;
   color: #333;
   font-weight: 400;
   transition: all .1s ease-in-out;
   position: relative;
   padding-left: 0;
   padding-right: 0
 }

 a.nav-link {
   font-size: 14px;
 }

 .blue-title {
   color: #556cd2;
   font-size: 30px;
   font-weight: 700;
   padding-bottom: 10px
 }

 .blue-title-small {
   color: #556cd2;
   font-size: 22px;
   font-weight: 700;
   padding-bottom: 10px
 }

 .blue-title-sub {
   color: #556cd2;
   font-size: 18px;
   font-weight: 700;
   padding-bottom: 10px
 }

 .grey-title-sub {
   color: #666;
   font-size: 18px;
   font-weight: 700;
   padding-bottom: 10px
 }

 .white-des {
   font-size: 18px;
   color: #fff;
   font-weight: 400
 }

 .white-des1 {
   font-size: 14px;
   color: #fff;
   font-weight: 400;
   padding-top: 14px
 }

 .mgen-des {
   color: #0e848a;
   font-size: 18px;
   padding-top: 20px
 }

 .list-footer li {
   display: block;
 }

 .list-footer li a {
   font-weight: normal !important;
 }

 .list-footer li a:hover {
   font-weight: normal !important;
   color: #556cd2;
 }

 .nav-footer li a {
   color: #333;
   font-weight: 700;
   font-size: 14px;
   text-decoration: none
 }

 p {

   color: #555;
 }

 a {
   color: #000;
   transition: all .5s ease;
 }

 footer {
   background: #fff;
   padding: 50px 0 30px 0;
 }

 #topnav {
   padding: 20px 0 20px 0;
   border-bottom: 1px solid rgba(255, 255, 255, .5);

 }

 .socials-a {
   margin-top: 20px;
 }

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

 .form-section-inner a,
 .inner-des a {
   color: #fff;
 }

 .heading {
   color: #fff !important;
 }

 td>a {
   color: #fff !important;
   transition: all .5s ease;
 }

 strong {
   color: #fff;
 }

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

 .accordion .accordion-item .accordion-button:before {
   content: '\f107';
   display: block;
   font-family: "Font Awesome 6 Free";
   font-size: 20px;
   color: #EE3F3E;
   position: absolute;
   right: 0px;
   top: 15px;
   transition: all 0.5s ease;
 }

 .bg-new {
   background-color: #27aac9;
 }

 .all-section-content ul li:before {
   content: "\f061";
   font-family: 'Font Awesome 5 Free';
   font-size: 14px;
   font-weight: 900;
   position: absolute;
   color: #000;
   top: 1px;
   left: 0px;
 }

 .all-section-content-new ul li {
   list-style-type: none;
   position: relative;
   padding-left: 25px;
   padding-bottom: 5px;
   font-size: 16px;
   font-weight: 400;
   color: #fff;
   text-transform: none;
 }

 .all-section-content-new ul li a {
   color: #fff;
 }

 .all-section-content-new ul li a::before {
   color: #fff;
 }

 .all-section-content-new ul li:before {
   content: "\f061";
   font-family: 'Font Awesome 5 Free';
   font-size: 14px;
   font-weight: 900;
   position: absolute;
   color: #fff;
   top: 1px;
   left: 0px;
 }

 .all-section-content-new h2 {
   font-size: 35px;
   line-height: 45px;
   color: #fff;
   margin-bottom: 20px;

 }

 .dark-light {

   background-color: #5d8bd3 !important;
 }

 .integrate-bg {
   /* background-color: #6087d1; */
   background-color: #556cd2 !important;
 }

 .head {
   color: #fff;
 }

 .blue-title-sub {
   color: #556cd2;
   font-size: 18px;
   font-weight: 700;
   padding-bottom: 10px;
 }

 .cstbl {
   width: 100%;
   border: 1px solid #ccc;
   border-collapse: collapse;
   border-spacing: 0;
 }

 .cstbl td {
   padding: 8px 5px;
 }

 .cstbl tr td {
   border: 1px solid #ccc;
   border-collapse: collapse;
   border-spacing: 0;
   font-size: 14px;
   color: #666;
 }

 .list-full li a {
   color: #556cd2;
 }

 td>a {
   color: #fff !important;
   transition: all .5s ease;
 }

 .table-bordered ul li::before {
   padding: 20px 5px !important;
 }

 .table-bordered ul li {
   border: 1px solid #000;
   padding: 20px !important;
 }

 .text-high {
   color: #000;
   font-weight: bold;
 }

 .table-bordered tr td {
   padding: 10px !important;

 }

 @media (min-width:992px) {
   a.nav-link {
     padding-left: 15px !important;
     padding-right: 15px !important;
     font-size: 13px !important;
   }
 }

 .dropdown-item {
   background-color: #5faaa4 !important;
   border-bottom: 1px solid #fff !important;
 }

 .dropdown-menu.show {
   background-color: #5faaa4 !important;
   border: 1px solid #fff !important;

 }

 .list-inline a {
   color: #555 !important;
 }

 .nav-item a {
   color: #fff !important;
   font-weight: bold !important;

 }

 .dark-light:hover {
   background: transparent !important;
   color: #000 !important;
 }

 .inner-banner-text p {
   color: #ffffff !important;
 }

 .dot {
   height: 15px;
   width: 15px;
   margin: 0 2px;
   background-color: #fff;
   border-radius: 50%;
   display: inline-block;
   transition: background-color 0.6s ease;
 }

 .active {
   background: transparent !important;
 }

 .intro-title {
   color: #fff !important;
   font-size: 2.4rem !important;
 }

 .intro-title-top {
   color: #fff !important;
   font-size: 1rem !important;
 }

 .padd-30 {
   padding: 20px !important;
 }

 .email-banner {
   position: relative;
   /* padding: 40px 40px !important; */
   /* background: #cdefed; */
   border-radius: 12px;
   border: 1px solid #8bd3cd;
 }

 .empower {
   position: relative;
 }

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

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

 }






 .flip-card {
   background-color: transparent;
   width: 100%;
   height: 268px;
   perspective: 1000px;
   margin-bottom: 20px;

 }

 .flip-card-inner {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: left;
   transition: transform 0.6s;
   transform-style: preserve-3d;
 }

 .flip-card:hover .flip-card-inner {
   transform: rotateY(180deg);

 }

 .flip-card-front,
 .flip-card-back {
   position: absolute;
   width: 100%;
   height: 100%;
   backface-visibility: hidden;

   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   font-size: 16px;
   font-weight: 500;
 }

 .flip-card-front {
   background-color: #2980b9;
 }

 .flip-card-back {
   background-color: #a04aa1;
   transform: rotateY(180deg);
   /* Positions the back side */
   border-radius: 10px 10px;
   padding-right: 12px;
   padding-top: 15px;
   display: flex;
   flex-direction: column;
   text-align: left;
   align-items: center;

 }


 .intro-title-top {
   color: #fff !important;
   font-size: 1 rem !important;
 }

 .flip-card-front {
   background-color: #f5fffe;
   border: 1px solid #8bd3cd;
   box-shadow: 3px 4px 10px #00000017;
   border-radius: 10px 10px;
   display: flex;
   flex-direction: column;
 }

 .flip-Title {
   color: #525252;
   text-align: center;
   font-size: 20px;
 }

 .respo-img-new {
   width: 40%;

 }

 .padd-20 {
   padding: 20px !important;
 }

 .text-color {
   font-size: 35px;
   line-height: 45px;
   color: #a241a0 !important;
 }


 .all-section-content>.para-one {
   font-size: 18px !important;
   line-height: 28px !important;
 }

 .text-para {
   font-weight: 700;
   margin-top: 4%;
   color: #000;

 }


 .main-para {
   line-height: 1.5;
   color: #000000 !important;
   font-weight: 300;
   margin-top: 3%;
 }

 .blue-color {
   color: #44bed0 !important;
   font-size: 35px o !important;

 }

 .blogs-content {
   padding: 20px;
 }

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

 @media (max-width: 900px) {
   .block {
     display: block !important;
   }

   .respo-img-new {
     width: auto !important;
     height: auto;
   }

   .h-auto {
     height: auto;
   }

   .para-width {
     width: 100% !important;
     text-align: center;
     margin-top: 20px;
   }

   .mtop {
     margin-top: 20px;
   }

 }

 .blogs-para {
   font-weight: bold;
   font-size: 14px !important;
   background-color: #28aac9;
   color: #fff !important;
   width: 45%;
   text-align: center;
   border-radius: 10px;
   padding: 5px;

 }

 .dark-light-btn {
   background: #fff !important;
   color: #28aac9 !important;
   border-radius: 8px;
   font-size: 12px;
   text-transform: uppercase;
   display: inline-block;

   text-align: left;
   font-weight: bold;
 }




 .white-bg {
   background: #fff !important;

 }

 .Title {
   color: #000 !important;
   font-size: 14px !important;
   line-height: 20px !important;

 }

 .shadow-bg {
   box-shadow: 3px 2px 12px #f4f4f4;
   border-radius: 10px;
   padding: 10px;
   margin: 10px;

 }


 .centered-text {
   position: relative;
   top: 50%;
   left: 0%;
 }

 .wrap {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;

 }

 .blue-bg {
   background: #8bd3cd;
 }

 .text-white {
   color: #fff;
 }

 .image-new {
   width: 80px;
   background: #a04ca2;
   padding: 15px;

 }

 .text-para-new {
   padding: 0px 15px;
   background: #fff;
   align-content: center;
   font-weight: bold;
 }

 .total-width {
   width: 370px;
 }

 .para-width {
   width: 270px;
 }

 .specialize-bg {
   background: #f8f8f8;
 }

 .bg-image {
   background: url(../images/bg_image.jpg);
 }

 .market-bg {
   background: #f5f5f5 !important;
 }

 .text-append {
   font-size: 45px !important;
   line-height: 52px !important;
 }

 .dark-light-new {
   background: #000 !important;
   color: #fff;
   font-weight: bold;
 }


 .database-bg {
   background: #a243a0 !important;
 }

 .marketing-bg {
   background: #18615b !important;
 }

 .nav-pills .nav-link.active {
   color: #fff !important;
   background-color: #556cd2 !important;
 }

 .icons {
   max-width: 30px !important;
   width: 30px !important;
 }

 a.nav-link {
   padding-left: 10px !important;
   padding-right: 10px !important;
   font-size: 13px !important;
 }

 .justify-text {
   text-align: justify;
   padding-right: 20px;
 }

 .nav-pills .nav-link.active {
   color: #fff !important;
 }

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

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



 .mid-section-padding {
   padding: 20px 0px 5px !important;
 }

 .box-size {
   padding: 20px;
   background: #a241a00a;
   border: 1px solid #a241a0;
   height: 190px;

 }

 .all-section-content ul {
   padding-bottom: 0px !important;
 }

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

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

 .maximum-height {
   height: 320px !important;
 }

 .max-height {
   height: 230px !important;
 }

 a.active:hover,
 a.active:focus {
   background-color: #fff;
 }

 .upload-button {
   padding: 10px 20px;
   background-color: #5d8bd3;
   color: white;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   font-size: 16px;
 }

 /* .file-input {
   display: none;
 } */

 /* .title:hover {
   color: #0056b3;
   background-color: #e9ecef;
   padding: 2px 4px;
   border-radius: 4px;
 }


 .styled-link:focus {
   outline: none;
   color: #0056b3;
   background-color: #cce5ff;
   padding: 2px 4px;
   border-radius: 4px;


 } */



 .nav-item a:hover {
   text-decoration: none;
   color: #a2419f !important;

 }

 .styled-link .Title:hover {
   color: #a2419f !important;
   text-decoration: underline;
 }

 .box-list li a:hover {
   text-decoration: none;
   color: #000 !important;

 }

 .text-para:hover {
   text-decoration: underline;
   color: #8bd3cd !important;
 }

 .list-footer li a:hover {
   text-decoration: underline !important;
   color: #c70607 !important;
   font-weight: bold !important;
 }

 .heading a:hover {
   color: #000 !important;
   text-decoration: underline !important;
 }

 .sitemap-list-full li a:hover {
   text-decoration: none;
   color: #a2419f !important;
   font-weight: bold !important;
 }

 .all-section-content li a {
   text-decoration: none !important;
 }

 .all-section-content-new-one ul li:before {
   list-style-type: none !important;
 }

 .sitemap-list-full {
   list-style-type: none;
   color: #fff !important;
 }

 .sitemap-list-full li a {
   color: #fff !important;

 }

 .table-bordered ul li {
   border: 1px solid #fff;
   padding: 15px 10px !important;
 }

 .sitemap-list-full li a:hover {
   color: #000 !important;

 }

 .all-section-content-new p {
   margin-bottom: 0px !important;
 }

 a:hover {
   text-decoration: none;
   color: #000 !important;
   font-weight: bold !important;
 }

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

 .list-full li a {
   color: #a2419f !important;
 }

 .dark-light-new:hover {
   color: #a1439f !important;
 }

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

 .img-width {
   max-width: 150px !important;
 }