<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> /* ====================== [ Start Typography  ] ====================== */
 .container-fluid,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl {
   width: 98%;
 }

 .row&gt;* {
   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: 20px !important;
 }

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

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

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

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

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

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

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

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

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

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

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

 .border-right {
   border-right: 1px solid #BFBFBF !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 #0094C2;
   color: #000000;
   background-color: #fff;
 }

 .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: #0094C2;
   border-color: #0094C2;
   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: 6px 24px;
   outline: none;
   text-decoration: none;
   font-size: 15px;
   transition: all 0.3s;
   font-weight: 300;
   border-radius: 0px;
 }

 .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;
 }

 .shadow {
   box-shadow: 4px 4px 12px 2px rgba(0, 0, 0, 0.08) !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 #C9C9C9;
 }

 .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: '\f107';
   display: block;
   font-family: "Font Awesome 6 Free";
   font-size: 20px;
   color: #27AF0D;
   position: absolute;
   right: 0px;
   top: 15px;
   transition: all 0.5s ease;
 }

 .accordion .accordion-item .accordion-button.collapsed {
   background-color: transparent;
   color: #000000;
   font-size: 25px;
   font-weight: 700;
   line-height: 110%;
   background: transparent;
   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: #04103B;
   font-size: 25px;
   font-weight: 700;
   line-height: 120%;
   background: transparent;
   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: 300;
   color: #000000;
 }

 .form-check-input {
   border: 1px solid #0094C2;
 }

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

 .form-select {
   color: #3c4858;
   font-size: 14px;
   padding: 15px 10px;
   border-radius: 0px;
 }

 .form-control:focus,
 .form-control.active {
   border-color: #0094C2 !important;
   box-shadow: none;
   background: #fff !important;
 }

 .custom-form .form-control {
   box-shadow: none;
   background-color: #F6F6F6;
   border: 0;
   border-bottom: 1px solid #F6F6F6;
   color: #3c4858;
   font-size: 14px;
   padding: 15px 10px;
   border-radius: 8px;
   transition: all 0.5s ease;
 }

 .custom-form .form-control:focus,
 .custom-form .form-control.active {
   border-color: #0094C2 !important;
   box-shadow: none;
   background: #F6F6F6 !important;
 }

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

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

 .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] {
   border: 1px solid #27AF0D;
   background: #27AF0D;
   color: #fff;
   text-decoration: none;
   font-size: 14px;
   font-weight: 300;
   text-transform: uppercase;
   letter-spacing: 2px;
   padding: 0.8rem 1rem;
   display: inline-block;
   white-space: normal;
 }

 .form-group input[type=button]:hover,
 .form-group input[type=submit]:hover {
   background: transparent;
   color: #fff !important;
   border: 1px solid #27AF0D;
   text-decoration: none;
 }


 .custom-form .form-group input[type=button],
 .custom-form .form-group input[type=submit],
 .custom-form .form-group input[type=reset] {
   border: 1px solid #27AF0D;
   background: #27AF0D;
   color: #fff;
   text-decoration: none;
   font-size: 14px;
   font-weight: 300;
   text-transform: uppercase;
   letter-spacing: 2px;
   padding: 0.5rem 2rem;
   display: inline-block;
 }

 .custom-form .form-group input[type=button]:hover,
 .custom-form .form-group input[type=submit]:hover {
   background: transparent;
   color: #27AF0D !important;
   border: 1px solid #27AF0D;
   text-decoration: none;
 }

 .connect-us-bg {
   border-radius: 30px;
   background: linear-gradient(90deg, rgba(17, 96, 2, 0.90) 20.32%, rgba(39, 175, 13, 0.90) 98.9%);
   padding: 80px 40px;
   border-radius: 30px;
   position: relative;
   z-index: 9;
 }

 .get-free-bg{
     padding: 80px 40px;
     border-radius: 30px;
     position: relative;
     background: url(../../assets/images/get-free-banner.jpg) no-repeat top center;
 }

 .products-list {
   border-radius: 10px;
   background: #F8F8F8;
   padding: 20px;
 }

 .dy-products-list {
   border-radius: 10px;
   background: #F8F8F8;
   padding: 10px 12px;
 }

 .dy-products-list p {
   color: #323232;
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 0;
 }

 .left-space {
   padding-left: 60px;
 }

 .offer-box {
   border-radius: 30px;
   border: 2px solid #757575;
   background: rgba(78, 60, 60, 0.40);
   padding: 30px;
   min-height: 360px;
 }

 .offer-slider-box {
   position: relative;
   z-index: 9;
   margin-top: 60px;
 }

 .offer-slider-box .swiper {
   overflow: visible;
 }

 .offer-slider-box .swiper-button-prev,
 .offer-slider-box .swiper-button-next {
   top: -130px;
   background: transparent;
   border: 1px solid #C3C3C3;
   width: 55px;
   height: 55px;
   line-height: 55px;
   margin-top: 0px;
   transition: all 0.3s;
   border-radius: 50%;
 }

 .offer-slider-box .swiper-button-prev:before,
 .offer-slider-box .swiper-button-next:before {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   color: #fff;
 }

 .offer-slider-box .swiper-button-prev:hover,
 .offer-slider-box .swiper-button-next:hover {
   background: transparent;
   color: #000;
   border-color: #fff !important;
 }

 .offer-slider-box .swiper-button-prev {
   left: auto;
   right: 340px;
 }

 .offer-slider-box .swiper-button-prev:before {
   content: "\f053";
 }

 .offer-slider-box .swiper-button-next {
   right: 260px;
 }

 .offer-slider .swiper-button-next:before {
   content: "\f054";
 }

 .offer-slider .swiper-button-prev:after,
 .swiper-rtl .swiper-button-next:after {
   content: '';
 }

 .offer-slider .swiper-button-next:after,
 .swiper-rtl .swiper-button-prev:after {
   content: '';
 }

 .offer-slider .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
   opacity: 9;
 }

 .success-stories-slider {
   background: url(../../assets/images/success-stories-bg.jpg) no-repeat top left;
   position: relative;
   background-size: cover;
   min-height: 500px;
 }

 .success-slider-box {
   position: relative;
   z-index: 9;
   margin-top: -130px;
   width: 92%;
   margin-left: auto;
   overflow: hidden;
   border-radius: 20px 0px 0px 20px;
   background: #F0F8FF;
   padding: 50px 30px;
 }

 .success-slider-box .swiper {
   overflow: visible;

 }

 .success-slider-box .swiper-button-prev,
 .success-slider-box .swiper-button-next {
   top: -65px;
   background: transparent;
   border: 1px solid #27AF0D;
   width: 35px;
   height: 35px;
   line-height: 35px;
   margin-top: 0px;
   transition: all 0.3s;
   border-radius: 50%;
 }

 .success-slider-box .swiper-button-prev:before,
 .success-slider-box .swiper-button-next:before {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   color: #27AF0D;
 }

 .success-slider-box .swiper-button-prev:hover,
 .success-slider-box .swiper-button-next:hover {
   background: transparent;
   color: #000;
   border-color: #27AF0D !important;
 }

 .success-slider-box .swiper-button-prev {
   left: auto;
   right: 90px;
 }

 .success-slider-box .swiper-button-prev:before {
   content: "\f053";
 }

 .success-slider-box .swiper-button-next {
   right: 40px;
 }

 .success-slider-box .swiper-button-next:before {
   content: "\f054";
 }

 .success-slider-box .swiper-button-prev:after,
 .swiper-rtl .swiper-button-next:after {
   content: '';
 }

 .success-slider-box .swiper-button-next:after,
 .swiper-rtl .swiper-button-prev:after {
   content: '';
 }

 .success-slider-box .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
   opacity: 9;
 }

 .min-height {
   min-height: 450px;
 }

 .case-study-box {
   position: relative;
 }

 .case-studies-content-top {
   position: absolute;
   z-index: 2;
   left: 30px;
   right: 30px;
   bottom: 30px;
   padding: 5px 10px;
 }

 .case-studies-content h4 {
   color: #000;
   font-size: 20px;
   font-weight: 700;
   line-height: 140%;
 }

 .case-studies-content p {
   color: #000;
   font-size: 18px;
   font-weight: 300;
   line-height: 140%;
 }

 .case-studies-content a {
   color: #27AF0D;
   font-size: 14px;
   font-weight: 500;
   letter-spacing: 2.17px;
   text-transform: uppercase;
 }

 .case-studies-content a:hover {
   color: #000;
 }

 .right-line-white {
   position: absolute;
   width: 260px;
   right: 0;
   top: -104px;
   height: 1px;
   background: #C3C3C3;
 }

 .case-studies-content a:hover {
   text-decoration: underline !important;
 }

 .left-shape-icon {
   position: absolute;
   left: 0;
   bottom: 0;
 }

 .right-shape-icon {
   position: absolute;
   right: 0;
   top: 0;
 }

 .case-studies-bg {
   border-radius: 40px;
   background-size: 100%;
   position: relative;
   padding: 80px 0px;
   overflow: hidden;
 }

 .responsibility-bg {
   border-radius: 40px;
   background-size: cover;
   position: relative;
   padding: 130px 40px;
 }

 .certifications-bg {
   border-radius: 10px;
   background: #ECF6FF;
   padding: 20px;
 }

 .certifications-bg h4 {
   color: #04103B;
   font-size: 18px;
   font-weight: 400;
   line-height: 110%;
   margin-bottom: 0;
 }

 .partnerships-bg {
   border-radius: 20px;
   background: #112362;
   padding: 50px 40px;
 }

 .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;
   background: #27AF0D;
   color: #fff;
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   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;
   border-radius: 50%;
 }

 .back-to-top:hover {
   background: #000000;
   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: "Mulish", sans-serif;
 }

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

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

 a {
   text-decoration: none !important;
 }

 p {
   color: #a4a7b1;
   font-size: 1rem;
   font-family: "Mulish", sans-serif;
   font-weight: 300;
   line-height: 2;
 }

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

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

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

 .client-box {
   border-radius: 15px;
   border: 1px solid #E0E0E0;
   background: #fff;
   padding: 40px 20px;
 }

 .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;
 }

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

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

 .shape&gt;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: #253B66;
   border-bottom: 1px solid #253B66;
   font-size: 14px;
   padding: 8px 0;
 }

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

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

 .tagline .tag-social a:hover,
 .tagline .tag-right a:hover {
   color: #27AF0D;
   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: #ffffff;
   font-weight: 400;
 }

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

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

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

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

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

 }

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

 #topnav .logo {
   float: left;
   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&gt;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: 16px;
 }

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

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

 #topnav .navbar-toggle span {
   height: 2px;
   width: 100%;
   background-color: #000000;
   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: #27AF0D;
 }

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

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

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

 #topnav .navigation-menu&gt;li:hover&gt;a,
 #topnav .navigation-menu&gt;li.active&gt;a {
   color: #27AF0D !important;
 }

 #topnav .navigation-menu&gt;li&gt;a {
   display: block;
   color: #191221;
   line-height: 18px;
   font-weight: 600;
   transition: all 0.5s;
   text-transform: uppercase;
   font-size: 12px;
   padding-left: 12px;
   padding-right: 12px;
 }

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

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

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

 .search-overlay i {
   color: #191221;
 }

 .profile-icons {
   background: #D9D9D9;
   padding: 8px 10px;
   border-radius: 100%;
 }

 .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&gt;li&gt;a {
   color: #0094C2;
 }

 #topnav.scroll .navigation-menu&gt;li&gt;.menu-arrow {
   border-color: #0094C2;
 }

 #topnav.scroll .navigation-menu&gt;li:hover&gt;a,
 #topnav.scroll .navigation-menu&gt;li.active&gt;a {
   color: #0094C2;
 }

 #topnav.scroll .navigation-menu&gt;li:hover&gt;.menu-arrow,
 #topnav.scroll .navigation-menu&gt;li.active&gt;.menu-arrow {
   border-color: #0094C2;
 }

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

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

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

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

 #topnav.nav-sticky {
   position: fixed;
   background: #000000;
   box-shadow: 0 1px 10px rgba(22, 28, 45, 0.15);
 }

 #topnav.nav-sticky .navigation-menu.nav-light&gt;li&gt;a {
   color: #191221;
 }

 #topnav.nav-sticky .navigation-menu.nav-light&gt;li:hover&gt;.menu-arrow {
   border-color: #27AF0D;
 }

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

 #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&gt;li .submenu.megamenu {
     width: 94% !important;
   }
 }

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

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

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

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

   #topnav .navigation-menu&gt;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&gt;li .submenu li {
     position: relative;
     padding: 4px 5px;
     border-bottom: 1px dotted #ccc;
   }

   #topnav .navigation-menu&gt;li .submenu li:last-child {
     border-bottom: 0;
   }

   #topnav .navigation-menu&gt;li .submenu li a {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
     color: #000000;
     white-space: normal;
     transition: all 0.3s;
   }

   #topnav .navigation-menu&gt;li .submenu li a:hover {
     color: #27AF0D;
   }

   #topnav .navigation-menu&gt;li .submenu li ul {
     list-style: none;
     margin: 0;
   }

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

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

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

   #topnav .navigation-menu&gt;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&gt;li .submenu&gt;li .submenu {
     left: 101%;
     top: 0;
     margin-left: 10px;
     margin-top: -1px;
   }

   #topnav .navigation-menu&gt;li&gt;a {
     padding-top: 20px;
     padding-bottom: 20px;
     min-height: 56px;
   }

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

   #topnav .navigation-menu&gt;li:hover&gt;a,
   #topnav .navigation-menu&gt;li.active&gt;a {
     color: #27AF0D !important;
   }

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

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

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

   #topnav .navigation-menu.nav-light&gt;li&gt;a {
     color: #191221;
   }

   #topnav .navigation-menu.nav-light&gt;li:hover&gt;.menu-arrow {
     border-color: #27AF0D;
   }

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

   #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&gt;li&gt;a {
     padding-top: 20px;
     padding-bottom: 20px;
   }

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

 @media (max-width: 991px) {

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

   #topnav {
     background-color: #000;
     min-height: 70px;
   }

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

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

   #topnav .container {
     width: auto;
   }

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

   #topnav .navigation-menu {
     float: none;
     margin-bottom: 20px;
   }

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

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

   #topnav .navigation-menu&gt;li .submenu li a {
     display: block;
     position: relative;
     transition: all 0.3s;
     padding-top: 5px;
     padding-bottom: 5px;
     font-weight: 600;
     font-size: 14px;
     color: #000000;
   }

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

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

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

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

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

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

   #topnav .navigation-menu&gt;li&gt;a {
     color: #000000;
     padding: 10px 10px;
     border-bottom: 1px dotted #ccc;
   }

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

   #topnav .navigation-menu&gt;li&gt;a:hover,
   #topnav .navigation-menu&gt;li .submenu li a:hover,
   #topnav .navigation-menu&gt;li.has-submenu.open&gt;a {
     color: #27AF0D;
   }

   #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: 8px;
     top: 12px;
   }

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

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

   #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&gt;li.has-submenu:hover&gt;.submenu {
     visibility: visible;
     opacity: 1;
     margin-top: -10px;
   }

   #topnav .navigation-menu&gt;li.has-submenu:hover&gt;.submenu&gt;li.has-submenu:hover&gt;.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: 50px !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;
   background-color: #000;
 }

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

 .bg-full {
   height: 100vh;
 }

 .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: 180px 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;
 }

 .about-bg {
   position: relative;
 }

 .insight-box {
   padding: 40px 40px;
 }

 .delivers-bg {
   border-radius: 30px 30px 0px 0px;
   background: #004120;
   position: relative;
   margin-top: -180px;
 }

 .goverments-box {
   border-radius: 18px;
   background: rgba(1, 166, 229, 0.80);
   box-shadow: 3px 10px 9px 0px rgba(0, 0, 0, 0.28);
   padding: 30px;
 }

 .gv-content h3 {
   color: #ffffff;
   font-size: 23px;
   font-weight: 700;
   line-height: 29px;
   letter-spacing: 3.565px;
   text-transform: uppercase;
 }

 .gv-content h3 span {
   color: #ffffff;
   font-weight: 300;
 }

 .goverments-box-about {
   border-radius: 18px;
   background: #01A6E5;
   box-shadow: 3px 10px 9px 0px rgba(0, 0, 0, 0.28);
   padding: 20px;
 }

 .gv-content-about h3 {
   color: #ffffff;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 23px;
   letter-spacing: 3.1px;
   margin-bottom: 20px;
   text-transform: uppercase;
 }

 .gv-content-about h3 span {
   font-weight: 300;
   text-transform: none;
 }

 .gv-content-about p {
   color: #ffffff;
   font-size: 18px;
   font-weight: 400;
   line-height: 124%;
 }

 .commercial-box-about {
   background: #27AF0D;
 }

 .blue-text-para {
   color: #39B8FF !important;
 }

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

 .feature-transition:hover {
   box-shadow: 8px 9px 31px 0px rgba(0, 0, 0, 0.09);
   transform: translateY(-5px)
 }

 .commercial-box {
   border-radius: 18px;
   background: rgba(241, 72, 102, 0.72);
   box-shadow: 10px 13px 12px 0px rgba(0, 0, 0, 0.20);
   padding: 30px;
 }

 @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&gt;.swiper-pagination-bullets,
 .swiper-slider-hero .swiper-pagination-custom,
 .swiper-slider-hero .swiper-pagination-fraction {
   bottom: 45px;
 }

 .swiper-slider-hero .swiper-container-horizontal&gt;.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;
 }

 .section-padding {
   padding: 6rem 0;
 }

 .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;
 }

 .no-background {
   mix-blend-mode: multiply;
 }

 [data-custom-class='body'] {
   padding: 0px !important;
 }

 .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;
   background: #EDF7FF;
 }

 .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);
   border: 1px solid #0094C2;
   box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
 }

 .pricing.price-table .price-top {
   background: #0094C2;
   border-radius: 15px 15px 0px 0px;
 }

 .price-top h3 {
   font-size: 30px;
   font-weight: 700;
   color: #fff;
   margin-bottom: 0px;
 }

 .pricing.price-table:hover .price-top h3 {
   color: #fff;
 }

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

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

 .price-feature {
   text-align: center;
   padding: 20px 30px 0px 30px;
 }

 .price-feature h4 {
   font-size: 30px;
   line-height: 34px;
   font-weight: 700;
   color: #0094C2;
   margin-bottom: 0;
   word-wrap: break-word;
 }

 .price-feature h5 {
   font-size: 24px;
   font-weight: 600;
   color: #000000;
 }

 .price-feature p {
   font-size: 16px;
   line-height: 22px;
   font-weight: 400;
   color: #000000;
 }

 .trusted-bg {
   background-color: #040404;
   padding-bottom: 300px;
 }

 .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-content {
   padding: 20px;
 }

 .blog-content h5 {
   color: #1894C3;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 15px;
 }

 .blog-content h4 {
   color: #000;
   font-size: 22px;
   font-weight: 400;
   line-height: 121%;
   margin-bottom: 15px;
 }

 .blog-content a {
   color: #27AF0D;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 2.17px;
   text-transform: uppercase;
 }

 .blog-content a:hover {
   color: #000;
 }

 .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&gt;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&gt;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 {
   border-radius: 15px;
   background: #F3F3F3;
 }

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

 .cn-icon i {
   color: #0094C2;
 }

 .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-bg {
   background: #F8F8F8;
   position: relative;
   background-size: 100%;
   padding: 100px 0;
 }

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

 .footer h3 {
   color: #01265A;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: 2.1px;
   text-transform: uppercase;
   margin-bottom: 20px;
 }

 .footer p {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #01265A;
   margin-bottom: 15px;
 }

 .footer p span {
   font-weight: 700;
   color: #000000;
 }

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

 .footer p a {
   font-size: 16px;
   color: #040404;
 }

 .footer p a:hover {
   color: #0094C2;
 }

 .footer ul {
   padding: 0;
   margin: 0;
   padding-bottom: 30px;
 }

 .footer ul li {
   list-style-type: none;
   position: relative;
   padding-left: 25px;
   padding-bottom: 5px;
   color: #01265A;
   text-transform: none;
 }

 .footer ul li a {
   color: #01265A;
   font-size: 13px;
   font-weight: 400;
   line-height: 18px;
   letter-spacing: 1.95px;
   text-transform: uppercase;
 }

 .footer ul li a:hover {
   color: #01265A;
 }

 .footer ul li:before {
   content: "\f105";
   font-family: 'Font Awesome 5 Free';
   font-size: 13px;
   font-weight: 900;
   position: absolute;
   color: #27AF0D;
   top: 3px;
   left: 0px;
 }

 hr {
   opacity: 0.6;
 }

 .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.3rem 0 0;
   padding: 0px !important;
 }

 .social-icons ul li::before {
   content: none;
 }

 .social-icons ul li a {
   border: 0.125rem solid #040404;
   background-color: #000;
   border-radius: 50%;
   text-align: center;
   width: 32px;
   height: 32px;
   line-height: 28px;
   font-size: 16px;
   display: inline-block;
 }

 .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 #27AF0D;
 }

 .social-icons li a:hover i {
   color: #27AF0D;
 }

 .footer-copyright {
   color: #000000;
   background: #036733;
   margin-top: 60px;
   padding-top: 30px;
   padding-bottom: 20px;
 }

 .navmenufooter ul {
   margin-bottom: 0.313rem;
   padding: 0px;
 }

 .navmenufooter ul li {
   color: #ffffff;
   display: inline-block;
   padding-right: 15px;
 }

 .navmenufooter ul li a {
   color: #FFF;
   font-size: 15px;
   font-weight: 300;
   line-height: 234%;
   letter-spacing: 0.75px;
 }

 .navmenufooter ul li a:hover {
   color: #27AF0D;
 }

 .navmenufooter p {
   color: #FFF;
   font-size: 15px;
   font-weight: 300;
   line-height: 150%;
   letter-spacing: 0.75px;
 }

 .white-border-line {
   margin: 1rem 0;
   border: 0;
   border-top: 1px solid #fff;
   opacity: .25;
 }

 .subscribe-home-box h3 {
   color: #01265A;
   text-align: center;
   font-size: 25px;
   font-weight: 700;
   line-height: 110%;
   margin-bottom: 30px;
 }

 .subscribe input {
   width: 100%;
   padding: 15px 20px;
   color: #01265A;
   font-size: 14px;
   border-radius: 50px;
   border: 1px solid #d3d3d3;
   background: #fff;
   letter-spacing: 0.65px;
 }

 .subscribe input .dark-light {
   border: 1px solid #04103B;
   background: #04103B;
   padding: 0.8rem 1.5rem;
 }

 .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;
 }

 .dark {
   border: 1px solid #27AF0D;
   background: #27AF0D;
   color: #ffffff;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1.235px;
   padding: 0.40rem 1.2rem;
 }

 .dark:hover {
   background: transparent;
   color: #000000;
   border: 1px solid #27AF0D;
   text-decoration: none;
 }

 .light {
   border: 1px solid #27AF0D;
   background: #27AF0D;
   color: #ffffff;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 2.17px;
   text-transform: uppercase;
   padding: 0.8rem 2.5rem;
 }

 .light:hover {
   background: transparent;
   color: #fff;
   border: 1px solid #27AF0D;
   text-decoration: none;
 }


 .dark-white {
   border: 1px solid #27AF0D;
   background: #27AF0D;
   color: #ffffff;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 2.17px;
   text-transform: uppercase;
   padding: 0.8rem 2.5rem;
 }

 .dark-white:hover {
   background: transparent;
   color: #27AF0D;
   border: 1px solid #27AF0D;
   text-decoration: none;
 }

 .white-btn {
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #27AF0D;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2.17px;
  text-transform: uppercase;
  padding: 0.8rem 2.5rem;
}

.white-btn:hover {
  background: transparent;
  color: #ffffff;
  border: 1px solid #27AF0D;
  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;
 }

 .about-counter-bg {
   background: #F5F8FF;
   padding: 40px 30px 30px 30px;
   border-radius: 15px;
 }

 .core-box-bg {
   background: #F5F8FF;
   padding: 40px 30px 40px 30px;
   border-radius: 15px;
 }

 .core-box-bg p {
   font-size: 18px;
   color: #000000;
   font-weight: 600;
   line-height: 26px;
   margin-bottom: 0px;
 }

 .all-section-content {
   position: relative;
 }

 .all-section-content h2 {
   color: #004120;
   font-size: 40px;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 20px;
 }

 .all-section-content h3 {
   font-size: 34px;
   line-height: 130%;
   font-weight: 700;
   color: #004120;
   margin-bottom: 20px;
 }

 .all-section-content h4 {
   font-size: 24px;
   color: #030303;
   font-weight: 700;
   line-height: 130%;
   margin-bottom: 20px;
 }

 .all-section-content h5 {
   color: #030303;
   font-size: 20px;
   font-weight: 400;
   line-height: 105%;
 }

 .all-section-content p {
   color: #030303;
   font-size: 18px;
   font-weight: 300;
   line-height: 140%;
 }

 .all-section-content p span {
   font-weight: 700;
 }

 .all-section-content ul {
   padding: 0;
   margin: 0;
 }

 .all-section-content ul li {
  list-style: none;
   font-size: 18px;
   color: #030303;
   line-height: 22px;
   font-weight: 300;
   margin-bottom: 5px;
   position: relative;
   padding-left: 20px;
 }

 .all-section-content ul li:before {
  content: "\f219";
  font-family: 'Font Awesome 5 Free';
  font-size: 10px;
  font-weight: 900;
  position: absolute;
  color: #242424;
  top: 0px;
  left: 0px;
}

 .inner-section-content {
   position: relative;
 }

 .inner-section-content h2 {
   color: #004120;
   font-size: 40px;
   font-weight: 700;
   line-height: 110%;
   margin-bottom: 20px;
 }

 .inner-section-content h3 {
   color: #004120;
   font-size: 34px;
   font-weight: 700;
   line-height: 130%;
 }

 .inner-section-content h5 {
   color: #242424;
   font-size: 24px;
   font-weight: 300;
   line-height: 120%;
 }
 .inner-section-content h5 span{
  font-weight: 700;
 }

 .inner-section-content h4 {
   color: #04103B;
   font-size: 22px;
   font-weight: 700;
   line-height: 110%;
 }

 .inner-section-content p {
   color: #010101;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
 }

 .inner-section-content p span {
   font-weight: 700;
 }

 .inner-section-content ul {
   padding: 0;
   margin: 0;
 }

 .inner-section-content ul li {
   list-style-type: none;
   position: relative;
   padding-left: 20px;
   padding-bottom: 5px;
   margin-top: 5px;
   font-size: 16px;
   font-weight: 300;
   color: #636366;
   text-transform: none;
   border-bottom: 1px solid #CACACA;
 }

 .inner-section-content ul li:last-child {
   border-bottom: 0;
 }

 .inner-section-content ul li:before {
   content: "\f054";
   font-family: 'Font Awesome 5 Free';
   font-size: 14px;
   font-weight: 900;
   position: absolute;
   color: #27AF0D;
   top: 3px;
   left: 0px;
 }

 .learn-link a {
  color: #27AF0D;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2.17px;
  text-transform: uppercase;
}

.learn-link a:hover {
  color: #04103B;
}

 .technology-content {
   padding: 20px;
 }

 .technology-content h4 {
   color: #01265A;
   font-size: 25px;
   font-weight: 700;
   line-height: 121%;
   position: relative;
   margin-bottom: 20px;
   padding-bottom: 20px;
 }

 .technology-content h4:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   background: #27AF0D;
   width: 97px;
   height: 2px;
 }

 .technology-content p {
   color: #323232;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
 }

 .technology-content a {
   color: #27AF0D;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 2.17px;
   text-transform: uppercase;
 }

 .technology-content a:hover {
   color: #000;
 }

 .red-line {
   position: relative;
   width: 100%;
   margin-bottom: 20px;
 }

 .red-line h5:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 1px;
   z-index: 9;
   height: 4px;
   width: 55px;
   background-color: #27AF0D;
 }

 .red-line h5:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 2px;
   height: 1px;
   width: 95%;
   max-width: 255px;
   background-color: #D3D3D3;
 }

 .case-content {
   padding: 20px;
 }

 .case-content h5 {
   color: #6C7180;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
 }

 .case-content h4 {
   color: #01265A;
   font-size: 20px;
   font-weight: 400;
   line-height: 121%;
 }

 .resources-bg {
   background: #01265A;
   padding-top: 140px;
   padding-bottom: 100px;
 }

 .resource-list-box {
   border-radius: 10px;
   background: #2476C2;
   padding: 20px;
 }

 .resource-list-box h4 {
   color: #FFF;
   font-size: 18px;
   font-weight: 700;
   line-height: 150%;
 }

 .links-table {
   color: #323232;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
 }

 .links-table th {
   color: #323232;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
 }

 .links-table span {
   color: #01265A;
   font-size: 16px;
   font-weight: 700;
   line-height: 110%;
 }

 .links-table a {
   color: #27AF0D;
   font-size: 16px;
   font-weight: 700;
   line-height: 150%;
 }

 .client-logo-gray {
   border-radius: 15px;
   border: 1px solid #E0E0E0;
   background: #FFF;
   padding: 10px;
   margin: 0px 10px;
 }

 .leaders-bg {
   border-radius: 10px;
   background: #F1F1F1;
   padding: 20px 30px;
 }

 .leaders-bg-two {
   border-radius: 10px;
   background: #EBF9FF;
   padding: 20px 30px;
 }

 .application-migration-bg {
   background: linear-gradient(120deg, #FCE8E9 4.93%, #D6E2F8 95.6%);
   padding-bottom: 200px;
 }

 .opening-box h4 {
   color: #01265A;
   font-size: 20px;
   font-weight: 700;
   line-height: 110%;
   margin-bottom: 0;
 }

 .opening-box h4 span {
   color: #27AF0D;
 }

 .filters-box {
   border-radius: 10px;
   background: #104083;
   padding: 10px 10px;
 }

 .filters-box .form-control {
   box-shadow: none;
   background-color: #fff;
   border: 0;
   border-bottom: 1px solid #fff;
   color: #3c4858;
   font-size: 14px;
   padding: 8px 10px;
   border-radius: 8px;
   transition: all 0.5s ease;
 }

 .current-box {
   border-radius: 10px;
   background: #F8F8F8;
 }

 .job-title {
   padding: 15px;
   color: #323232;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
 }

 .job-title h4 {
   color: #01265A;
   font-size: 16px;
   font-weight: 700;
   line-height: 110%;
 }

 .apply {
   padding: 15px;
   border-left: 1px solid #D0D0D0;
 }

 .light-gray-line {
   margin: 1rem 0;
   border: 0;
   border-top: 1px solid #CDCDCD;
   opacity: .9;
   margin-bottom: 20px;
 }

 .leverage-bg {
   background: #004120;
 }

 .leverage-content ul {
   padding: 0;
   margin: 0;
 }

 .leverage-content ul li {
   list-style-type: none;
   position: relative;
   padding-left: 20px;
   padding-bottom: 6px;
   margin-top: 8px;
   font-size: 16px;
   font-weight: 400;
   color: #ffffff;
   text-transform: none;
   border-bottom: 1px solid #EBE7E7;
 }

 .leverage-content ul li:last-child {
   border-bottom: 0;
 }

 .leverage-content ul li:before {
   content: "\f054";
   font-family: 'Font Awesome 5 Free';
   font-size: 14px;
   font-weight: 900;
   position: absolute;
   color: #27AF0D;
   top: 3px;
   left: 0px;
 }

 .careers-bg {
   background: linear-gradient(90deg, #F15148 0%, #F14866 100%);
 }

 .values-text {
   color: #FFF;
   font-size: 20px;
   font-weight: 700;
   line-height: 110%;
 }

 .our-values-bg {
   border-radius: 20px;
   padding: 60px 40px;
 }

 .who-we-bg {
   background: #04144c;
 }

 .table-bg {
   background: #F3F3F3;
   font-size: 14px;
 }

 .table-head-bg {
   background: #0094C2;
   color: #fff;
 }

 .why-us-bg {
   background: #F5F8FF;
 }

 .why-content-box {
   background: #FFFFFF;
   padding: 20px;
   border-radius: 10px;
   box-shadow: -1px 0px 12px -3px rgba(0, 0, 0, 0.4);
 }

 .why-content-box h4 {
   font-size: 16px;
   color: #000000;
   line-height: 22px;
   margin-bottom: 10px;
   font-weight: 600;
 }

 .why-content-box p {
   font-size: 16px;
   color: #494949;
   line-height: 22px;
   font-weight: 400;
   margin-bottom: 0px;
 }

 .banner-home-top {
   position: relative;
   z-index: 9;
 }

 .wave-icon {
   position: relative;
   width: 100%;
 }

 .left-wave-icon {
   position: absolute;
   left: 0;
   top: -30%;
 }

 .right-wave-icon {
   position: absolute;
   right: 0;
   top: -50%;
 }

 .leaf-anim {
   -webkit-animation: leaf-animation 2s linear 0s infinite alternate;
   -moz-animation: leaf-animation 2s linear 0s infinite alternate;
   -o-animation: leaf-animation 2s linear 0s infinite alternate;
   animation: leaf-animation 2s linear 0s infinite alternate;
 }

 @keyframes leaf-animation {
   0% {
     -webkit-transform: translateY(60px);
     -moz-transform: translateY(60px);
     -ms-transform: translateY(60px);
     transform: translateY(60px);
   }

   100% {
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
   }
 }

 .features-box-in {
   background: #F5F8FF;
   border-radius: 10px;
   padding: 40px 30px;
 }

 .features-box-in h3 {
   font-size: 30px;
   color: #000000;
   line-height: 36px;
   margin-bottom: 20px;
   font-weight: 600;
 }

 .features-box-in p {
   font-size: 16px;
   color: #000000;
   line-height: 24px;
   margin-bottom: 20px;
 }

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

 .features-box-in a {
   font-size: 16px;
   color: #0094C2;
   line-height: 22px;
   text-decoration: underline !important;
 }

 .features-box-in a:hover {
   color: #000000;
 }

 .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;
 }

 .small-text {
   font-size: 16px !important;
 }

 .small-text-18 {
   font-size: 18px !important;
 }

 .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: linear-gradient(180deg, rgba(4, 16, 59, 0.00) 0%, #04103B 89%);
   overflow: hidden;
   width: 100%;
   height: 100%;
   z-index: 1;
 }

 .z-index-9{
    z-index: 9;
 }
 .redius-30{
  border-radius: 30px;
 }
 
 .green-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(270deg, rgba(0, 65, 32, 0.85) 0.08%, rgba(39, 175, 13, 0.85) 88.51%);
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}

 .discover-bg {
   background-size: cover;
   padding: 300px 0px 100px 0px;
   position: relative;
 }

 .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&gt;[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%);
 }

 .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: #F0FFED;
   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: #27AF0D;
   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: #27AF0D;
   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%;
 }


 .video-box {
   position: relative;
 }

 .bd-video {
   position: absolute;
   width: 100%;
   z-index: 2;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   padding: 5px 10px;
 }

 .bd-video a i {
   font-size: 50px;
 }

 .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;
 }

 .form-bg {
   background: #04103B;
   position: relative;
 }

 .case-study-bg {
   border-radius: 15px;
   background: #F0FFED;
   padding: 30px 30px;
   position: relative;
 }

 .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 {
   padding: 30px 30px;
   border-radius: 10px;
  background: #F3F3F3;
 }

 .tabs ul {
   padding: 0;
   margin: 0 auto;
   border-radius: 0px;
   border: 0;
   background: transparent;
   display: inline-block;
   margin-bottom: 40px;
   width: 100%;
   display: flex;
 }

 .tabs ul:before,
 .tabs ul:after {
   color: #000;
   content: '';
   flex: 1;
   border-bottom: groove 2px;
   margin: auto 0.15rem;
 }

 .tabs ul li {
   position: relative;
   padding-right:10px;
 }

 .tabs ul li:last-child{
  padding-right:0px;
}

 .tabs ul li a {
   padding: 0.4em 1em;
   font-size: 20px;
   line-height: 150%;
   font-weight: 600;
   color: #000000;
   border-radius: 10px;
   border: 1px solid #27AF0D;
   text-align: start;
 }

 .tabs ul li a span {
   font-weight: 300;
 }

 .tabs ul li a:hover,
 .tabs ul li a.active {
   border-radius: 10px;
   background: #27AF0D;
   color: #fff;
 }

 .tabs ul li a:hover:after, .tabs ul li a.active:after{
  position: absolute;
  bottom: -10px;
  left:50%;
  margin-left: -10px;
  content:"";
  display:block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #27AF0D; 
}

 .item {
   margin-bottom: 0px;
 }

 .item::before {
   cursor: pointer;
   font-weight: bold;
   background: #000000;
   padding: 0.5em 1.3rem;
   border-radius: 10px;
   color: #fff;
   display: block;
   margin-bottom: 10px;
 }

 .item.active::before {
   background: #27AF0D;
   color: #fff;
   border-radius: 10px;
 }

 .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;
   }
 }

 .perspectives-box {
   border-radius: 20px;
   background: rgba(255, 255, 255, 0.90);
   box-shadow: 8px 27px 48px 7px rgba(0, 0, 0, 0.12);
   position: relative;
 }

 .pres-con {
   padding: 20px 20px 20px 20px;
   position: relative;
   z-index: 9;
 }

 .perspectives-box h4 {
   color: #000;
   font-size: 26px;
   font-weight: 600;
   line-height: 121%;
 }

 .perspectives-box p {
   color: #000;
   font-size: 20px;
   font-weight: 300;
   line-height: 140%;
 }

 .perspectives-box a {
   color: #27AF0D;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 2.17px;
   text-transform: uppercase;
 }

 .perspectives-box a:hover {
   color: #04103B;
 }

 .white-overlay {
   position: absolute;
   bottom: 0px;
   border-radius: 20px;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 61.5%);
   overflow: hidden;
   width: 100%;
   height: 80%;
   z-index: 1;
 }

 .services-box {
   border-radius: 20px;
   background: rgba(255, 255, 255, 0.50);
   box-shadow: 8px 9px 31px 0px rgba(0, 0, 0, 0.09);
   padding: 30px 15px;
   text-align: center;
 }
 .services-box h4 {
   color: #004120;
   font-size: 20px;
   font-weight: 700;
   padding-top: 10px;
   margin-bottom: 20px;
 }
 .services-box p {
   color: #2A3F5E;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
 }
 .top-selling-listbg{
    background: #004120;
 }

 .application-box {
   border-radius: 15px;
   background: #fff;
   padding: 30px 30px;
 }
 .benefits-bg{
    background: #004120;
    padding: 40px 30px;
 }

 .benefits-content ul {
    padding: 0;
    margin: 0;
}

.benefits-content ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  padding-bottom: 5px;
  margin-top: 5px;
  font-size: 16px;
  line-height: 130%;
  font-weight: 300;
  color: #ffffff;
  text-transform: none;
}

.benefits-content ul li:before {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  color: #27AF0D;
  top: 3px;
  left: 0px;
}

.email-user-list{
  border-radius: 20px;
  border: 1px solid #D1D1D1;
  background: #FCFCFC;
  padding: 20px;
}

 .gray-bg {
   background: #F5F5F5 !important;
 }

 .application-box h4 {
   color: #01265A;
   font-size: 26px;
   font-weight: 700;
   line-height: 121%;
   position: relative;
   margin-bottom: 20px;
   padding-bottom: 20px;
 }

 .application-box h4:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   background: #27AF0D;
   width: 97px;
   height: 2px;
 }

 .application-box h3 {
   color: #323232;
   font-size: 25px;
   font-weight: 700;
   line-height: 140%;
 }

 .font-size-22 {
   font-size: 22px !important;
 }

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

 .our-process-bg {
   background: #F0F8FF;
 }

 .blue-it-bg {
   background: #04144C;
 }

 .specialize-bg h5 {
   color: #FFF;
   font-size: 24px;
   font-weight: 700;
   line-height: 121%;
 }

 .application-box h5 {
   color: #04103B;
   font-size: 22px;
   font-weight: 700;
   line-height: 110%;
   margin-bottom: 20px;
 }

 .specialize-bg-01 {
   border-radius: 10px;
   background: #3BAFE2;
   padding: 40px 30px;
 }

 .specialize-bg-02 {
   border-radius: 10px;
   background: #2476C2;
   padding: 40px 30px;
 }

 .specialize-bg-03 {
   border-radius: 10px;
   background: #08377C;
   padding: 40px 30px;
 }

 .specialize-bg-04 {
   border-radius: 10px;
   background: #27AF0D;
   padding: 40px 30px;
 }

 .application-box p {
   color: #323232;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
 }

 .graph-shape {
   margin-bottom: -90px;
 }

 .customer-story-bg {
   border-radius: 20px;
   background: #27AF0D;
   margin-top: -220px;
 }

 .communications-bg {
   border-radius: 20px;
   background: #004585;
   position: relative;
   z-index: 9;
 }

 .unified {
   padding: 30px 40px;
 }

 .dynamics-bg {
   background: #FAE8EA;
   border-radius: 20px;
   padding: 40px 30px;
 }

 .top-list-content ul {
  padding: 0;
  margin: 0;
  padding-left: 20px;
}

.top-list-content ul li {
  position: relative;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}

.top-list-content ul li:last-child {
  border-bottom: 0;
}
.top-list-content ul li a{
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
  text-decoration: underline !important;
}

 .next-step-bg {
   background: url(../../assets/images/next-step.jpg) no-repeat top center;
   border-radius: 30px;
   background-size: cover;
   margin-top: -220px;
   position: relative;
   padding: 80px 40px;
 }

 .next-step-bg::before {
   top: 0px;
   left: 0px;
   content: "";
   position: absolute;
   background-position: top left;
   height: 100%;
   width: 100%;
   border-radius: 25px 0px 0px 25px;
   background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.95) 100%);
 }

 .customer-content {
   padding: 20px 30px;
 }

 .customer-content h4 {
   color: #FFF;
   font-size: 25px;
   font-weight: 700;
   line-height: 130%;
 }

 .customer-content p {
   color: #FFF;
   font-size: 24px;
   font-weight: 400;
   line-height: 135%;
 }

 .contact-number-bg {
   background: linear-gradient(120deg, #FCE8E9 4.93%, #D6E2F8 95.6%);
   border-radius: 20px;
   padding: 30px 30px 20px 30px;
 }

 .contact-number p {
   color: #1D1D1D;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 0;
 }

 .contact-number h4 {
   color: #01265A;
   font-size: 20px;
   font-weight: 700;
   line-height: 150%;
 }

 .contact-map {
   border-radius: 10px;
   background: #F4F4F4;
   padding: 40px 30px;
 }

 .communications-list-bg {
   border-radius: 20px;
   background: #F5F5F5;
   padding: 80px 30px 60px 30px;
   margin-top: -30px;
 }

 .team-box {
   border-radius: 0px 0px 10px 10px;
   background: #FFF;
   padding: 40px 20px 20px 20px;
   margin-top: -20px;
 }

 .network-bg {
   background: #2476C2;
 }

 .team-box-text h4 {
   color: #01265A;
   font-size: 24px;
   font-weight: 700;
   line-height: 121%;
 }

 .team-box-text p {
   color: #565656;
   font-size: 16px;
   font-weight: 400;
   line-height: 121%;
 }

 .team-box-details p {
   color: #575B69;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
 }

 .gray-line {
   border-top: 1px #B8B8B8 solid;
 }

 .office-text p {
   color: #1D1D1D;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
 }

 .office-text p span {
   font-weight: 700;
   text-transform: uppercase;
 }

 .address p {
   color: #040404;
   font-size: 12px;
   line-height: 20px;
   font-weight: 500;
   margin-bottom: 5px;
 }

 .address p span {
   color: #040404;
   font-size: 14px;
   font-weight: 700;
 }

 .address p a {
   color: #040404;
 }

 #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&gt;.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&gt;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;
 }

 .horizontal-list {
   padding-top: 20px;
 }

 .horizontal-list ul li {
   list-style: none;
   color: #191221;
   display: inline-block;
   padding: 0rem 1rem;
   text-align: center;
   line-height: 16px;
 }

 .horizontal-list li a {
   color: #000000;
   font-size: 13px;
   line-height: 16px;
   font-weight: 700;
 }

 .horizontal-list li:not(:last-child) {
   border-right: 1px solid #191221;
 }

 .horizontal-list ul li:last-child {
   padding-right: 0rem;
 }

 .homepage-slider {
   overflow: hidden;
   padding-bottom: 40px;
   margin-bottom: 40px;
 }

 .homepage-slider .swiper-button-prev,
 .homepage-slider .swiper-button-next {
   top: 93%;
   background: transparent;
   border: 1px solid #ffffff;
   width: 35px;
   height: 35px;
   line-height: 35px;
   margin-top: 0px;
   transition: all 0.3s;
   border-radius: 50%;
 }

 .homepage-slider .swiper-button-prev:before,
 .homepage-slider .swiper-button-next:before {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   color: #fff;
 }

 .homepage-slider .swiper-button-prev:hover,
 .homepage-slider .swiper-button-next:hover {
   background: #27AF0D;
   border-color: #27AF0D !important;
 }

 .homepage-slider .swiper-button-prev {
   left: auto;
   right: 170px;
 }

 .homepage-slider .swiper-button-prev:before {
   content: "\f053";
 }

 .homepage-slider .swiper-button-next {
   right: 120px;
 }

 .homepage-slider .swiper-button-next:before {
   content: "\f054";
 }

 .homepage-slider .swiper-button-prev:after,
 .swiper-rtl .swiper-button-next:after {
   content: '';
 }

 .homepage-slider .swiper-button-next:after,
 .swiper-rtl .swiper-button-prev:after {
   content: '';
 }

 .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   display: inline-block;
   border-radius: 100%;
   background: #ffffff;
   opacity: .9;
 }

 button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   box-shadow: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   appearance: none;
 }

 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
 }

 .swiper-pagination-white .swiper-pagination-bullet {
   background: #fff;
 }

 .swiper-pagination-bullet-active {
   opacity: 1;
   background: #007aff;
 }

 .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 5px;
 }

 .inner-banner {
   position: relative;
   padding-top: 60px;
   padding-bottom: 100px;
 }

 .inner-banner-bg {
   background: #F5F8FF;
   padding: 60px 0px;
 }

 .inner-banner-text h4 {
   color: #ffffff;
   font-size: 30px;
   font-weight: 400;
   line-height: 129%;
 }

 .inner-banner-text h1 {
   color: #ffffff;
   font-size: 46px;
   font-weight: 900;
   line-height: 125%;
 }

 .inner-banner-text h2 {
   font-size: 36px;
   line-height: 40px;
   color: #4A0396;
 }

 .inner-banner-text h3 {
   font-size: 40px;
   line-height: 45px;
   color: #5F058A;
   margin-bottom: 20px;
 }

 .inner-banner-text p {
   font-size: 22px;
   color: #ffffff;
   line-height: 123.333%;
   margin-bottom: 20px;
 }

 .inner-banner h2 {
   font-size: 45px;
   line-height: 50px;
   color: #000000;
 }

 .innerpage-img-box {
   position: relative;
   z-index: 99;
 }

 .innerpage-img-box img {
   width: 100%;
 }

 .innerpage-content-box h3 {
   font-size: 35px;
   line-height: 40px;
   color: #000000;
   font-weight: 600;
   margin-bottom: 20px;
 }

 .innerpage-content-box h3 span {
   color: #0094C2;
 }

 .innerpage-content-box p {
   font-size: 16px;
   color: #000000;
   line-height: 24px;
   margin-bottom: 20px;
 }

 .inner-left-bg {
   background: #F1F1F1;
   padding: 30px 30px 30px 30px;
   border-radius: 10px;
 }

 .repair-box-bg {
   position: relative;
 }

 .repair-box-bg:before {
   border-radius: 10px;
   background: #F1F1F1;
   bottom: 0px;
   content: "";
   position: absolute;
   right: 0px;
   top: 0px;
   z-index: -1;
   height: 100%;
   width: 60%;
 }

 .repair-box-bg-right {
   position: relative;
 }

 .repair-box-bg-right:before {
   border-radius: 10px;
   background: #F1F1F1;
   bottom: 0px;
   content: "";
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: -1;
   height: 100%;
   width: 60%;
 }

 .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: 40px;
   height: 40px;
   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: auto;
   left: 42%;
   background: url("../../assets/images/arrow-left.png") 0 0 / 100% no-repeat;
 }

 .trusted-client .slick-arrow.slick-next {
   left: auto;
   right: 42%;
   background: url("../../assets/images/arrow-right.png") 0 0 / 100% no-repeat;
 }

 .trusted-client p {
   color: #5F5D5D;
   font-size: 18px;
   line-height: 24px;
   font-style: italic;
   font-weight: 400;
 }

 .trusted-client p span {
   color: #000;
   font-size: 20px;
   line-height: 24px;
   font-weight: 500;
 }

 .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;
 }

 .bd-about-shape-box {
   position: relative;
 }

 .bd-about-shape-box .bd-about-shape {
   position: absolute;
 }

 .bd-about-shape-box .bd-about-shape-4 {
   top: -40px;
   left: -46px;
   z-index: -1;
   -webkit-animation: hero-thumb-animation 2s linear 0s infinite alternate;
   -moz-animation: hero-thumb-animation 2s linear 0s infinite alternate;
   -o-animation: hero-thumb-animation 2s linear 0s infinite alternate;
   animation: hero-thumb-animation 2s linear 0s infinite alternate;
 }

 @keyframes hero-thumb-animation {
   0% {
     -webkit-transform: translateX(80px);
     -moz-transform: translateX(80px);
     -ms-transform: translateX(80px);
     transform: translateX(80px);
   }

   100% {
     -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
     -ms-transform: translateX(0px);
     transform: translateX(0px);
   }
 }

 .free-quote{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 8px 9px 31px 0px rgba(0, 0, 0, 0.09);
    padding: 20px 20px;
    margin-top: -430px;
 }
 .free-quote h4{
    color: #004120;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.free-quote p{
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
 }
 .input-group-prepend, .input-group-append {
  display: flex;
  color: #001737;
  width: auto;
  border: none;
  margin-right: -1px;
}

 .input-group-text {
  display: flex;
  align-items: center;
  padding: 0.3rem 0.7rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #F3F3F3;
  border: 0px;
  border-radius: 2px;
}
.free-quote input, .free-quote textarea, .free-quote select{
  border-radius: 2px;
  background-color: #F3F3F3;
  padding: 15px 8px 15px 8px;
  border: 0px;
}
.free-quote .form-check-input{
   padding: 0;
}
.free-quote .form-control:focus, .free-quote .form-control.active {
  border-color: transparent !important;
  box-shadow: none;
  background-color: #F3F3F3 !important;
}
.free-quote .form-group input[type=button]:hover,
.free-quote .form-group input[type=submit]:hover {
  background: transparent;
  color: #000 !important;
  border: 1px solid #27AF0D;
  text-decoration: none;
}

.free-quote .form-group input[type=submit]{
  padding: 0.8rem 0.6rem;
  width: 100%;
  text-align: center;
}
.form-group .icon-textarea {
  float: left;
  margin-left: 8px;
  margin-top: -65px;
  position: relative;
  z-index: 2;
  color: #222222;
}
.free-quote textarea{
   padding-left: 38px;
}

 .counter-bg {
   border-radius: 85px;
   background: #27AF0D;
   box-shadow: 8px 16px 49px 0px rgba(0, 0, 0, 0.07);
   padding: 0px 20px 0px 20px;
   margin-top: -70px;
   margin-left: 30px;
   margin-right: 30px;
 }

 .counter-box {
   padding: 10px 20px;
 }

 .counter-box h4 {
   color: #ffffff;
   font-size: 40px;
   font-weight: 800;
   line-height: 150%;
   margin-bottom: 0;
 }

 .counter-box h6 {
   color: #ffffff;
   font-size: 18px;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 0;
 }

 .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;
 }

 .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;
 }

 .inner-banner-text {
   position: relative;

 }

 .slider-text {
   position: absolute;
   display: flex;
   align-items: start;
   flex-direction: column;
   justify-content: center;
   transition: cubic-bezier(0.075, 0.82, 0.165, 1)1s;
 }

 #slider-text-2 {
   opacity: 0;
   transition: cubic-bezier(0.075, 0.82, 0.165, 1)1s;
 }

 .slider-banner-img {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   transition: cubic-bezier(0.075, 0.82, 0.165, 1)1s;
 }

 .banner-right {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100vh;
   flex-direction: column;
   overflow: hidden;
   transition: cubic-bezier(0.075, 0.82, 0.165, 1)1s;
 }

 .banner-right img {
   position: absolute;
   transition: cubic-bezier(0.075, 0.82, 0.165, 1)1s;
 }

 .slide2 {
   opacity: 0;
 }

 .speak-slider {
   width: 100%;
   height: 100%;
   padding-bottom: 60px;
   overflow: hidden;
 }

 .speak-slider .swiper-scrollbar {
   --swiper-scrollbar-bottom: 0;
   --swiper-scrollbar-drag-bg-color: #0094C2;
   --swiper-scrollbar-size: 15px;
   height: 5px;
   margin-top: 30px;
   width: 100%;
   background: rgb(255 255 255 / 30%);
 }

 .speak-slider .swiper-scrollbar-drag {
   top: -4px;
   height: 14px;
 }

 .speak-box {
   background: #4A4A4A;
   border-radius: 14px;
   padding: 20px;
   border: 1px solid #565656;
 }

 .speak-box p {
   font-size: 18px;
   line-height: 26px;
   color: #ffffff;
   font-weight: 300;
 }

 .speak-box h5 {
   font-size: 18px;
   line-height: 26px;
   color: #ffffff;
   font-weight: 300;
 }

 .speak-box h5 span {
   font-weight: 700;
 }</pre></body></html>