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

 .row>* {
   position: relative;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .rounded {
   border-radius: 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-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: 50px;
 }

 .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: #EE3F3E;
   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: 110%;
   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: 8px;
   transition: all 0.5s ease;
 }

 .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 #04103B;
  background: #04103B;
   color: #fff;
   text-decoration: none;
   font-size: 14px;
   font-weight: 300;
   text-transform: uppercase;
   letter-spacing: 2px;
   padding: 0.5rem 2rem;
   display: inline-block;
 }

 .form-group input[type=button]:hover,  .form-group input[type=submit]:hover {
  background: transparent;
  color: #fff !important;
  border: 1px solid #04103B;
  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 #EE3F3E;
 background: #EE3F3E;
  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: #EE3F3E !important;
 border: 1px solid #EE3F3E;
 text-decoration: none;
}

 .connect-us-bg{
  border-radius: 30px;
  background: linear-gradient(90deg, rgba(241, 81, 72, 0.90) 100%, rgba(241, 72, 102, 0.90) 0%);
  padding: 80px 40px;
  border-radius: 30px;
  position: relative;
  z-index: 9;
 }

 .connect-us-bg::before{
    background: url(../../static/image/connect-bg.png) no-repeat top right;
    border-radius: 30px;
    background-size: cover;
    mix-blend-mode: multiply;
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    right: 0;
    top: 0;
 }

 .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;
  line-height: 130%;
 }

 .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(../../static/image/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 #EE3F3E;
   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: #EE3F3E;
 }

 .success-slider-box .swiper-button-prev:hover,
 .success-slider-box .swiper-button-next:hover {
   background: transparent;
   color: #000;
   border-color: #EE3F3E !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-studies-content h4{
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  line-height: 125%;
}
.case-studies-content a{
  color: #FF4F28;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.17px;
  text-transform: uppercase;
}
.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: url(../../static/image/case-studies-bg.png) no-repeat #04103B bottom left;
  background-size: 100%;
  position: relative;
  padding: 80px 0px;
  overflow: hidden;
}

.responsibility-bg {
    border-radius: 40px;
    background: url(../../static/image/our-social.jpg) no-repeat #04103B top center;
    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: 100px;
   right: 30px;
   z-index: 99;
   width: 33px;
   height: 33px;
   line-height: 33px;
   background: #0094C2;
   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);
   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>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: #EE3F3E;
   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: #EE3F3E;
 }

 .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: absolute;
   right: 0;
   left: 0;
   top: 30px;
   z-index: 99;
   background-color: transparent;
   border: 0;
   width: 100%;

 }

 #topnav {
   position: absolute;
   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>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 3px 3px 0;
   display: inline-block;
   padding: 3px;
   transform: rotate(-45deg);
   position: absolute;
   right: 20px;
   top: 18px;
 }

 #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: #ffffff;
   display: block;
   margin-bottom: 5px;
   transition: transform .5s ease;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 #topnav.scroll .navigation-menu>li:hover>.menu-arrow,
 #topnav.scroll .navigation-menu>li.active>.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>li>a {
   color: #ffffff;
 }

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

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

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

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

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

 .megamenu-home {
   width: 100%;
 }

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

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

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

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

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

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

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

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

   #topnav .navigation-menu>li .submenu li {
     position: relative;
     padding: 8px 10px;
   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   #topnav.scroll {
     top: 0;
   }

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

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

 @media (max-width: 991px) {
   #topnav {
     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>li {
     float: none;
   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   #navigation {
     position: absolute;
     top: 70px;
     left: 0;
     width: 100%;
     display: none;
     height: auto;
     padding-bottom: 10px;
     overflow: auto;
     border-top: 1px solid #000;
     border-bottom: 1px solid #000;
     background-color: #000;
     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>li.has-submenu:hover>.submenu {
     visibility: visible;
     opacity: 1;
     margin-top: -10px;
   }

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

   .navbar-toggle {
     display: block;
   }
 }

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

   .taglines {
     top: 0px !important;
   }

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

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

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

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

 @media (min-width: 576px) {
   .taglines {
     top: 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{
    background: #04103b;
    position: relative;
 }
 .delivers-bg{
  border-radius: 30px;
  border: 2px solid #757575;
  background: url(../../static/image/about-graphic.png) no-repeat top right #171220;
  position: relative;
  z-index: 9;
  padding: 0px 60px 40px 60px;
  background-size: 70%;
 }
 .delivers-bg h2{
  font-size: 40px;
  font-weight: 700;
  line-height: 110%;
  background: linear-gradient(90deg, #FF483D 0%, #F14866 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
 }
 .delivers-bg p{
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
 }
 .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: #EE3F3E;
 }

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

.learn-link a{
  color: #EE3F3E;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2.17px;
  text-transform: uppercase;
}
.learn-link a:hover{
  color: #04103B;
}

 .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("https://www.compqsoft.com/wp-content/themes/compqtheme/assets/images/index/bg.png") repeat 0 0;
   animation: animate-left-to-right 60s linear infinite;
 }

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 @media (max-width: 767px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 @media (max-width: 767px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .contact-bg {
   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: url(../../static/image/footer-bg.png) #ffffff no-repeat;
  position: relative;
  background-position: top center;
  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: 14px;
  font-weight: 300;
  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: #ee3f3e;
   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: #EE3F3E;
  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 ul{ padding:0px }

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

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

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

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

 .navmenufooter ul {
    margin: 0px;
    padding: 0px;
    text-align: end;
 }

 .navmenufooter ul li {
   color: #01265A;
   display: inline-block;
 }

 .navmenufooter ul li a {
    color: #01265A;
    font-size: 13px;
    font-weight: 400;
    line-height: 234%;
    letter-spacing: 0.75px;
}

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

 .navmenufooter p {
  color: #FFF;
  font-size: 15px;
  font-weight: 300;
  line-height: 234%;
  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;
 }

 .butn {
   padding: 0.55rem 1.3rem;
   font-size: 14px;
   font-weight: 600;
   -webkit-transition: all .4s;
   -o-transition: all .4s;
   transition: all .4s;
   text-transform: uppercase;
   cursor: pointer;
 }

 .butn.dark {
   background: #d4103a;
   color: #ffffff;
 }

 .butn.dark:hover {
   background: transparent;
   border-color: #d4103a;
   color: #000;
   text-decoration: none;
 }

 .butn.curve {
   border-radius: 8px;
 }

 .w-70 {
   width: 68%;
 }


 /*-------------------------------------------------------
			 margin-top  (0/100) +5
-------------------------------------------------------*/
 .mt-0 {
   margin-top: 0 !important;
 }

 .mt-5 {
   margin-top: 0.313rem !important;
 }

 .mt-10 {
   margin-top: 0.625rem !important;
 }

 .mt-15 {
   margin-top: 0.938rem !important;
 }

 .mt-20 {
   margin-top: 1.25rem !important;
 }

 .mt-25 {
   margin-top: 1.563rem !important;
 }

 .mt-30 {
   margin-top: 1.875rem !important;
 }

 .mt-35 {
   margin-top: 1.875rem !important;
 }

 .mt-40 {
   margin-top: 2.5rem !important;
 }

 .mt-45 {
   margin-top: 2.813rem !important;
 }

 .mt-50 {
   margin-top: 3.125rem !important;
 }

 .mt-55 {
   margin-top: 3.438rem !important;
 }

 .mt-60 {
   margin-top: 3.75rem !important;
 }

 .mt-62 {
   margin-top: 3.875rem !important;
 }

 .mt-65 {
   margin-top: 4.063rem !important;
 }

 .mt-70 {
   margin-top: 4.375rem !important;
 }

 .mt-75 {
   margin-top: 4.688rem !important;
 }

 .mt-80 {
   margin-top: 5rem !important;
 }

 .mt-85 {
   margin-top: 5.313rem !important;
 }

 .mt-90 {
   margin-top: 5.625rem !important;
 }

 .mt-95 {
   margin-top: 5.938rem !important;
 }

 .mt-100 {
   margin-top: 6.25rem !important;
 }

 /*-------------------------------------------------------
               margin-bottom  (0/100) +5
  -------------------------------------------------------*/
 .mb-0 {
   margin-bottom: 0 !important;
 }

 .mb-5 {
   margin-bottom: 0.313rem !important;
 }

 .mb-10 {
   margin-bottom: 0.625rem !important;
 }

 .mb-15 {
   margin-bottom: 0.938rem !important;
 }

 .mb-20 {
   margin-bottom: 1.25rem !important;
 }

 .mb-25 {
   margin-bottom: 1.563rem !important;
 }

 .mb-30 {
   margin-bottom: 1.875rem !important;
 }

 .mb-35 {
   margin-bottom: 2.188rem !important;
 }

 .mb-40 {
   margin-bottom: 2.5rem !important;
 }

 .mb-45 {
   margin-bottom: 2.813rem !important;
 }

 .mb-50 {
   margin-bottom: 3.125rem !important;
 }

 .mb-55 {
   margin-bottom: 3.438rem !important;
 }

 .mb-60 {
   margin-bottom: 3.75rem !important;
 }

 .mb-62 {
   margin-bottom: 3.875rem !important;
 }

 .mb-65 {
   margin-bottom: 4.063rem !important;
 }

 .mb-70 {
   margin-bottom: 4.375rem !important;
 }

 .mb-75 {
   margin-bottom: 4.688rem !important;
 }

 .mb-80 {
   margin-bottom: 5rem !important;
 }

 .mb-85 {
   margin-bottom: 5.313rem !important;
 }

 .mb-90 {
   margin-bottom: 5.625rem !important;
 }

 .mb-95 {
   margin-bottom: 5.938rem !important;
 }

 .mb-100 {
   margin-bottom: 6.25rem !important;
 }

 /*-------------------------------------------------------
              padding-top  (0/100) +5
  -------------------------------------------------------*/
 .pt-0 {
   padding-top: 0 !important;
 }

 .pt-5 {
   padding-top: 0.313rem !important;
 }

 .pt-10 {
   padding-top: 0.625rem !important;
 }

 .pt-15 {
   padding-top: 0.938rem !important;
 }

 .pt-20 {
   padding-top: 1.25rem !important;
 }

 .pt-25 {
   padding-top: 1.563rem !important;
 }

 .pt-30 {
   padding-top: 1.875rem !important;
 }

 .pt-35 {
   padding-top: 2.188rem !important;
 }

 .pt-40 {
   padding-top: 2.5rem !important;
 }

 .pt-45 {
   padding-top: 2.813rem !important;
 }

 .pt-50 {
   padding-top: 3.125rem !important;
 }

 .pt-55 {
   padding-top: 3.438rem !important;
 }

 .pt-60 {
   padding-top: 3.75rem !important;
 }

 .pt-65 {
   padding-top: 4.063rem !important;
 }

 .pt-70 {
   padding-top: 4.375rem !important;
 }

 .pt-75 {
   padding-top: 4.688rem !important;
 }

 .pt-80 {
   padding-top: 5rem !important;
 }

 .pt-85 {
   padding-top: 5.313rem !important;
 }

 .pt-90 {
   padding-top: 5.625rem !important;
 }

 .pt-95 {
   padding-top: 5.938rem !important;
 }

 .pt-100 {
   padding-top: 6.25rem !important;
 }

 /*-------------------------------------------------------
           padding-bottom  (0/100) +5
  -------------------------------------------------------*/
 .pb-0 {
   padding-bottom: 0 !important;
 }

 .pb-5 {
   padding-bottom: 0.313rem !important;
 }

 .pb-10 {
   padding-bottom: 0.625rem !important;
 }

 .pb-15 {
   padding-bottom: 0.938rem !important;
 }

 .pb-20 {
   padding-bottom: 1.25rem !important;
 }

 .pb-25 {
   padding-bottom: 1.25rem !important;
 }

 .pb-30 {
   padding-bottom: 1.875rem !important;
 }

 .pb-35 {
   padding-bottom: 2.188rem !important;
 }

 .pb-40 {
   padding-bottom: 2.5rem !important;
 }

 .pb-45 {
   padding-bottom: 2.813rem !important;
 }

 .pb-50 {
   padding-bottom: 3.125rem !important;
 }

 .pb-55 {
   padding-bottom: 3.438rem !important;
 }

 .pb-60 {
   padding-bottom: 3.75rem !important;
 }

 .pb-65 {
   padding-bottom: 4.063rem !important;
 }

 .pb-70 {
   padding-bottom: 4.375rem !important;
 }

 .pb-75 {
   padding-bottom: 4.688rem !important;
 }

 .pb-80 {
   padding-bottom: 5rem !important;
 }

 .pb-85 {
   padding-bottom: 5.313rem !important;
 }

 .pb-90 {
   padding-bottom: 5.625rem !important;
 }

 .pb-95 {
   padding-bottom: 5.938rem !important;
 }

 .pb-100 {
   padding-bottom: 6.25rem !important;
 }

 .pb-130 {
   padding-bottom: 8.125rem !important;
 }

 .pl-20 {
   padding-left: 1.25rem;
 }

 .pr-20 {
   padding-right: 1.25rem;
 }

 .no-padding {
   padding: 0 !important;
 }

 .butn {
   padding: 0.55rem 1.3rem;
   font-size: 14px;
   border-radius: 50px;
   font-weight: 400;
   -webkit-transition: all .4s;
   -o-transition: all .4s;
   transition: all .4s;
   text-transform: uppercase;
   cursor: pointer;
   border: 1px solid #7C07DB;
   display: inline-block;
 }

 .butn-style1 {
   border: 1px solid #EE3F3E;
   background: #EE3F3E;
   color: #fff;
   font-size: 16px;
   font-weight: 300;
 }

 .butn-style1:hover {
   background: transparent;
   color: #EE3F3E !important;
   border: 1px solid #EE3F3E;
   text-decoration: none;
 }
 
 .butn-style-circle {
   border: 1px solid #EE3F3E;
   background: #EE3F3E;
   color: #fff;
   font-size: 16px;
   font-weight: 300;
   border-radius: 100px;
   padding: 7px 11px;
 }

 .butn-style-circle:hover {
   background: transparent;
   color: #EE3F3E !important;
   border: 1px solid #EE3F3E;
   text-decoration: none;
 }

 .light {
   border: 1px solid #EE3F3E;
   background: #EE3F3E;
   color: #fff !important;
   font-size: 14px;
   font-weight: 300;
   text-transform: uppercase;
   letter-spacing: 2px;
   padding: 0.40rem 1.2rem;
   display: inline-block;
 }

 .light:hover {
   background: transparent;
   color: #ffffff !important;
   border: 1px solid #EE3F3E;
   text-decoration: none;
 }

 .dark-light {
  border: 1px solid #04103B;
  background: #04103B;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0.8rem 1.5rem;
  display: inline-block;
}

.dark-light:hover {
 background: transparent;
 color: #EE3F3E !important;
 border: 1px solid #04103B;
 text-decoration: none;
}


 .dark {
   border: 1px solid #04103B;
   background: #04103B;
   color: #ffffff !important;
   font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0.40rem 1.2rem;
 }

 .dark:hover {
   background: transparent;
   color: #ffffff;
   border: 1px solid #04103B;
   text-decoration: none;
 }

 .dark-light {
   border: 1px solid #04103B;
   background: #04103B;
   color: #fff;
   font-size: 14px;
   font-weight: 300;
   text-transform: uppercase;
   letter-spacing: 2px;
   padding: 0.8rem 1.5rem;
   display: inline-block;
 }

 .dark-light:hover {
  background: transparent;
  color: #EE3F3E !important;
  border: 1px solid #04103B;
  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;
 }

 .empower {
   background: url(../../static/image/speaking-bg.png) #ffffff no-repeat;
   position: relative;
   background-position: top center;
   background-size: 100%;
 }
 .perspectives-bg{
   background: url(../../static/image/perspectives-bg.png) #ffffff no-repeat;
   position: relative;
   background-position: bottom center;
   background-size: 100%;
 }
 .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;
  z-index: 9;
 }

 .all-section-content h2 {
  color: #01265A;
  font-size: 70px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 20px;
 }

 .all-section-content h2 span {
   color: #0094C2;
 }

 .all-section-content h3 {
   font-size: 30px;
   line-height: 36px;
   color: #000000;
   margin-bottom: 20px;
 }

 .all-section-content h4 {
   font-size: 22px;
   color: #000000;
   line-height: 26px;
   margin-bottom: 20px;
 }

 .all-section-content h4 span {
   color: #0094C2;
 }

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

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

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

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

 .all-section-content ul li {
   font-size: 16px;
   color: #242424;
   line-height: 22px;
   font-weight: 400;
   margin-bottom: 5px;
 }

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

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

 .inner-section-content h3{
  color: #01265A;
  font-size: 35px;
  font-weight: 700;
  line-height: 121%;
 }

 .inner-section-content h5{
  color: #242424;
  font-size: 25px;
  font-weight: 300;
  line-height: 110%;
 }

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

 .inner-section-content p{
  color: #575B69;
  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: 400;
	color: #323232;
	text-transform: none;
  border-bottom: 1px solid #CACACA;
  line-height: 150%;
}
.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: #EE3F3E;
	top: 3px;
	left: 0px;
}

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

 .inner-section-content-cs h3{
  color: #01265A;
  font-size: 35px;
  font-weight: 700;
  line-height: 121%;
	 margin-top: 20px;
 }

 .inner-section-content-cs h5{
  color: #242424;
  font-size: 25px;
  font-weight: 300;
  line-height: 110%;
 }

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

 .inner-section-content-cs p{
  color: #323232;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
 }
 .inner-section-content-cs p span{
  font-weight: 700;
 }
 .inner-section-content-cs ul {
	padding: 0;
	margin: 0;
}
.inner-section-content-cs ul li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	padding-bottom: 5px;
  margin-top: 5px;
	font-size: 16px;
	font-weight: 400;
	color: #323232;
	text-transform: none;
  line-height: 150%;
}
.inner-section-content-cs ul li:before {
	content: "\f054";
	font-family: 'Font Awesome 5 Free';
	font-size: 14px;
	font-weight: 900;
	position: absolute;
	color: #EE3F3E;
	top: 3px;
	left: 0px;
}

.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:#EE3F3E;
  width: 97px;
  height:2px;
}
.technology-content p {
  color: #323232;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
 
/*.technology-content a{
  color: #EE3F3E;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2.17px;
  text-transform: uppercase;
 }*/
.technology-content span{
  color: #EE3F3E;
  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: #EE3F3E;
}
.red-line h5:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #D3D3D3;
}

.case-detail-content h1 {
   font-size: 44px;
   line-height: 55px;
   font-weight: 500;
   color: #000000;
   margin-bottom: 20px;
 }

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

.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%;
 }
 
 .case-content a{
  color: #EE3F3E;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2.17px;
  text-transform: uppercase;
 }
 .case-content a:hover{
  color: #000;
 }

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

 .filters-box {
   border-radius: 10px;
    background: #104083;
    padding: 10px 10px;
    color: #fff;
    font-weight:700;
 }
 
 .filters-box p{
     font-size:14px;
     line-height:20px;
    color: #fff;
    font-weight:400;
 }
 
 .filters-box p span{
    font-weight:700;
 }

 .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%;
   width:70%;
 }

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

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

.who-we-bg-new{
   background: #F5F5F5;
 }

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

 .discover-bg {
   background: url(../../static/image/careers-bg.jpg) no-repeat top center #04103B;
   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>[class*='col-'] {
     display: flex;
     flex-direction: column;
   }

   .flex-row.row:after,
   .flex-row.row:before {
     display: flex;
   }
 }

 /* Grow thumbnails to fill columns height */
 .flex-row .equal-height {
   display: flex;
   flex: 1 0 auto;
   flex-direction: column;
 }

 .rounded-top-left {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
 }

 .blog-white-box {
   background: #ffffff;
 }

 .news-cont h4 {
   font-size: 1.25rem;
   line-height: 1.5rem;
   color: #000000;
   margin-bottom: 0.5rem;
 }

 .news-cont span {
   font-size: 0.875rem;
   line-height: 1.5rem;
   color: #464545;
   margin-bottom: 0.625rem;
 }

 .news-cont h2 {
   font-size: 1.5rem;
   line-height: 1.875rem;
   color: #000000;
   margin-bottom: 1.25rem;
 }

 .news-cont h2 a {
   color: #000000;
 }

 .news-cont h2 a:hover {
   text-decoration: underline !important;
 }

 .red-link a {
   color: #D4103A;
   font-size: 0.875rem;
   text-transform: uppercase;
 }

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

 .happening-item-box {
   background: #fff;
   padding: 1rem;
   border-bottom-left-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
 }

 .top-bottom-space {
   padding: 4rem 0;
 }

 .blue-bg {
   background: linear-gradient(180deg, #01356B 0%, #000000 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.74) 0%, rgba(80, 135, 149, 0.22) 97.84%);
 }

 .partners-map {
   background: url(https://www.compqsoft.com/wp-content/themes/compqtheme/assets/images/home/map.png) bottom center no-repeat;
 }


 .testimo-h p {
   font-size: 1.25rem;
   color: #ffffff;
   line-height: 2rem;
   margin-bottom: 1.25rem;
 }

 .testi-img-box-r {
   width: 61px;
   margin-left: auto;
   margin-top: -86px;
 }

 .img-left img {
   margin: inherit !important;
 }

 .testi-img-box img {
   width: auto;
   padding-bottom: 1.25rem;
 }

 .img-normal img {
   width: auto;
   height: auto;
   margin: 0 auto;
 }

 /**********************/
 /* Full screen search */
 /**********************/
 aside {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: linear-gradient(120deg, #FCE8E9 4.93%, #D6E2F8 95.6%);
   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: #EE3F3E;
   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: #EE3F3E;
   position: absolute;
   display: block;
   content: "";
 }

 .close-search-btn span {
   background: transparent;
 }

 .close-search-btn span:before {
   transform: rotate(45deg);
 }

 .close-search-btn span:after {
   transform: rotate(-45deg);
 }

 .outer-close {
   position: absolute;
   right: 0;
   top: 0;
   width: 5.313rem;
   height: 5.313rem;
   cursor: pointer;
   z-index: 99999;
 }

 .search-box {
   margin-top: 1.875rem;
   margin-bottom: 1.875rem;
 }

 .search-controls {
   width: 40%;
   margin: 0 auto;
   text-align: left;
 }

 .search-controls .search {
   color: #fff;
   width: 100%;
   padding: 0.938rem 0;
   background: transparent;
   border: 0;
   border-bottom: 0.063rem solid rgba(255, 255, 255, 0.3);
 }

 .search::-webkit-input-placeholder {
   color: #ffffff;
   opacity: 9;
 }

 .search::-moz-placeholder {
   color: #ffffff;
   opacity: 9;
 }

 .search:-ms-input-placeholder {
   color: #ffffff;
   opacity: 9;
 }

 .product-bg {
   border-radius: 15px;
   background: #F4F1FA;
   padding: 30px 30px;
 }

 .product-bg h2 {
   color: #03386F;
   font-size: 30px;
   line-height: 36px;
   margin-bottom: 20px;
 }

 .product-bg p {
   color: #1A1A1A;
   font-size: 18px;
   line-height: 24px;
 }

 .datasheets-box {
   padding: 40px;
   border-radius: 15px;
 }

 .tabmenu-box {
   padding: 20px;
   position: relative;
 }

 .tabmenu-box h3 {
   color: #000;
   font-size: 20px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   border-bottom: 1px dotted #A1A1A1;
   padding-bottom: 10px;
   margin-bottom: 10px;
 }

 .tabmenu-box h3 a {
   color: #4A0396;
 }

 .tabmenu-box h3 a:hover {
   color: #7325C6;
 }

 .blog-menubg {
   border-radius: 0px 12px 12px 0px;
   background: #7325C6;
   padding: 20px;
 }

 .blog-menubg h4 {
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   line-height: 26px;
   margin-bottom: 15px;
 }

 .blog-menubg p {
   color: #ffffff;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
 }

 .blog-menubg p a {
   color: #ffffff;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
 }

 .blog-menubg p a:hover {
   text-decoration: underline !important;
 }

 .blog-menubg p span {
   color: #ffffff;
   font-weight: 700;
 }

 .inner-megamenu-list p {
   color: #000000;
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
 }

 .inner-megamenu-list p a {
   color: #000000;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
 }

 .inner-megamenu-list p a:hover {
   text-decoration: underline !important;
 }

 .inner-megamenu-list ul {
   padding: 0;
   margin: 0;
 }

 .inner-megamenu-list li {
   list-style-type: none;
   position: relative;
   padding-left: 20px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 16px;
   font-weight: 400;
   color: #000;
   text-transform: none;
 }

 .inner-megamenu-list li:before {
   content: "\f105";
   font-family: 'Font Awesome 5 Free';
   font-size: 16px;
   font-weight: 900;
   position: absolute;
   color: #6D08BE;
   top: 7px;
   left: 0px;
 }

 .inner-megamenu-list li a:hover {
   color: #d04628;
   font-size: 16px;
   line-height: 20px;
 }

 .header_in button {
   background: transparent;
   border: none;
   width: 40px;
   height: 40px;
   cursor: pointer;
   outline: 0;
   margin-left: 15px;
   position: relative;
   z-index: 99;
 }

 .toggle span {
   width: 100%;
   height: 2px;
   background: #fff;
   display: block;
   position: relative;
   cursor: pointer;
 }

 .toggle span:before,
 .toggle span:after {
   content: '';
   position: absolute;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   transition: all 0.3s ease-out;
 }

 .toggle span:before {
   top: -8px;
 }

 .toggle span:after {
   top: 8px;
 }

 .toggle span.toggle {
   background: transparent;
 }

 .toggle span.toggle:before {
   top: 0;
   transform: rotate(-45deg);
   background: #fff;

 }

 .toggle span.toggle:after {
   top: 0;
   transform: rotate(45deg);
   background: #fff;
 }

 .sidebar {
   background: #4F0174;
   width: 100%;
   position: fixed;
   top: 0px;
   right: -100%;
   height: 100%;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease-out;
 }

 .sidebarshow {
   right: 0;
 }

 .home_table_cell {
   display: table;
   width: 100%;
   height: 100%;
 }

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

 .count-title {
   border-bottom: 1px solid #898686;
   padding-bottom: 20px;
   margin-bottom: 20px;
 }

 .count-title h3 {
   color: #ffffff;
   font-weight: 700;
   font-size: 64px;
   line-height: 64px;
   margin-bottom: 0;
 }

 .count-title p {
   color: #ffffff;
   font-weight: 700;
   font-size: 16px;
   line-height: 22px;
   text-transform: uppercase;
   margin-bottom: 0;
 }

 .title-w {
   margin-right: 10px;
   width: 50%;
 }

 .title-text {
   width: 50%;
 }

 .bd-video {
   position: relative;
 }

 .bd-video 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: #4F0174;
   padding: 30px 50px;
   position: relative;
 }

 .case-study-bg h2 {
   color: #ffffff;
   font-size: 40px;
   font-weight: 700;
   line-height: 50px;
 }

 .case-study-bg p a {
   color: #ffffff;
   font-size: 14px;
   font-weight: 400;
   text-transform: uppercase;
 }

 .case-study-bg p a:hover {
   text-decoration: underline !important;
 }

 .triangle-shape {
   position: relative;
   text-align: end;
 }

 .case-text {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   padding: 0px 40px;
   width: 100%;
 }

 .case-study-fullbg {
   border-radius: 15px;
   background: #4F0174;
   position: relative;
 }

 .news-stories-bg {
   background: #FFF3F3;
 }

 .tabbed-content {
   position: relative;
 }

 .tabs-sales-bg {
   padding: 30px 0px;
 }

 .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;
   line-height: 18px;
 }

 .tabs ul li:not(:last-child) {
  border-right: 2px solid #000;
}

 .tabs ul li a {
   padding: 0.2em 1em;
   font-size: 24px;
   font-weight: 700;
   color: #000000;
 }
 .tabs ul li a span{
  font-weight: 300;
 }

 .tabs ul li a:hover,
 .tabs ul li a.active {
   border-radius: 0;
   background: transparent;
   color: #EE3F3E;
   font-size: 24px;
   font-weight: 700;
 }

 .item {
   margin-bottom: 0px;
 }

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

 .item.active::before {
   background: #EE3F3E;
   color: #fff;
   border-radius: 26px;
 }

 .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: 0px 20px 20px 20px;
    position: relative;
    z-index: 9;
    margin-top: -50px;
  }
 .perspectives-box h4{
  color: #000;
  font-size: 27px;
  font-weight: 400;
  line-height: 121%;
 }
 .perspectives-box p{
  color: #000;
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
 }

 .perspectives-box a{
  color: #EE3F3E;
  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: 20px 20px;
 }
 .services-box h4{
  color: #001A76;
  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%;
 }

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

 .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:#EE3F3E;
  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: #EE3F3E;
  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: #EE3F3E;
  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;
 }
 .next-step-bg {
  background: url(../../static/image/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%;
 }
 .customer-content ul {
padding: 0;
margin: 0;
}

.customer-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: #fff;
text-transform: none;
border-bottom: 1px solid #CACACA;
}

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

.customer-content ul li:before {
content: "\f054";
font-family: 'Font Awesome 5 Free';
font-size: 14px;
font-weight: 900;
position: absolute;
color: #fff;
top: 3px;
left: 0px;
}
 .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("https://www.compqsoft.com/wp-content/themes/compqtheme/assets/images/back.png") no-repeat scroll 0.938rem center / 5% auto;
 }

 .sm_menu_outer .mobile_menu span {
   color: #d4103a;
   display: block;
   font-size: 1.125rem;
   padding: 0.75rem 0.938rem 0rem;
   text-decoration: none;
 }

 .sm_menu_outer .mobile_menu a {
   color: #ffffff;
   display: block;
   font-size: 1.125rem;
   padding: 0.75rem 0.938rem;
   text-decoration: none;
 }

 /*Sub Menu anim */
 .sm_menu_outer.slide .mobile_menu .submenu {
   background-color: #000000;
   height: 100vh;
   position: absolute;
   right: -100%;
   top: 0;
   transition: all 0.5s ease 0s;
   width: 100%;
   z-index: 999;
   padding-left: 10px;
 }

 .sm_menu_outer.slide .mobile_menu li.active>.submenu {
   right: 0;
 }

 .sm_menu_outer .mobile_menu li {
   list-style-type: none;
   border-bottom: 0.5px solid rgba(0, 0, 0, 0);
   border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #2a2a2a 20%, #2a2a2a 50%, #2a2a2a 80%, rgba(0, 0, 0, 0) 100%) 0 0 1 0;
   color: #ffffff;
 }

 .sm_menu_outer.slide .mobile_menu li.hasChild>a {
   background: url("https://www.compqsoft.com/wp-content/themes/compqtheme/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 ul li {
  list-style: none;
  color: #ffffff;
  display: inline-block;
  padding: 0rem 2rem;
  text-align: center;
  line-height: 16px;
}

.horizontal-list li a{
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
}

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

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

.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: #EE3F3E;
   border-color: #EE3F3E !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>.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 h5 {
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 5px;
   color: #0094C2;
   margin-bottom: 20px;
 }

 .inner-banner-text h1 {
   font-size: 54px;
   line-height: 65px;
   font-weight: 500;
   color: #ffffff;
   margin-bottom: 20px;
 }

 .inner-banner-text h1 span {
  font-size: 55px;
  font-weight: 700;
   color: #0094C2;
 }

 .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(https://www.compqsoft.com/wp-content/themes/compqtheme/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("https://www.compqsoft.com/wp-content/themes/compqtheme/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("https://www.compqsoft.com/wp-content/themes/compqtheme/assets/images/arrow-left.png") 0 0 / 100% no-repeat;
 }

 .trusted-client .slick-arrow.slick-next {
   left: auto;
   right: 42%;
   background: url("https://www.compqsoft.com/wp-content/themes/compqtheme/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(https://www.compqsoft.com/wp-content/themes/compqtheme/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);
  }
}

.counter-bg{
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.50);
    box-shadow: 8px 16px 49px 0px rgba(0, 0, 0, 0.07);
    padding: 30px 60px 20px 60px;
  }

.counter-box{
  padding-left: 20px;
  padding-right: 20px;
}
 .counter-box h4 {
  color: #04103B;
  font-size: 45px;
  font-weight: 700;
  line-height: 150%; 
  margin-bottom: 0;
 }

 .counter-box h6 {
  color: #04103B;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%; 
 }

 .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(https://www.compqsoft.com/wp-content/themes/compqtheme/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(https://www.compqsoft.com/wp-content/themes/compqtheme/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;
}

p:empty {
  display: none;
}

.wpcf7-not-valid-tip{
	color: #000 !important;
	font-size: 14px !important;
}

#overlay{
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#overlay div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -32px;
    margin-left: -32px;
}

div.disabled{
    opacity: 0.6;
	display:none;
}

.load-more a:not([href]):not([tabindex]):focus, 
.load-more a:not([href]):not([tabindex]):hover{
  color: #000;
}

select.form-control {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    -o-appearance: menulist !important;
    appearance: menulist !important;
    background-color: transparent;
    color: #000000;
    border: 1px solid #EE3F3E;
    padding: 0.675rem 0.75rem !important;
    font-family: 'Poppins', sans-serif;
}
.communications-bg{
	border-radius: 20px;
    background: #004585;
    position: relative;
    z-index: 9;
}
.unified{
	padding: 30px 40px;
}
.has-extra-small-font-size{
	font-size: 16px !important;
}
.icon-img img{
	max-width: none;
}

.wpcf7-spinner{
    display:none;
}


.homecform .wpcf7-not-valid-tip {
    color: #fff !important;
    font-size: 14px !important;
}

.homecform .wpcf7-response-output{
    color: #fff !important;
    font-size: 14px !important;
}

 .subscri-btn input {
   border: 1px solid #04103B;
   background: #04103B;
   color: #fff;
   font-size: 14px;
   font-weight: 300;
   text-transform: uppercase;
   letter-spacing: 2px;
   padding: 0.8rem 1.5rem;
   display: inline-block;
 }

 .subscri-btn input:hover {
   background: transparent;
   color: #EE3F3E !important;
   border: 1px solid #04103B;
   text-decoration: none;
 }
 
 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
         border: 1px solid #EE3F3E;
        background: #EE3F3E;
        color:#fff;
        border-radius:10px;
 }
.contract-box {
	box-shadow: 0 0 38px #00000014;
    border-radius: 15px;
    background: #fff;
    padding: 30px 30px 10px;
}
.contract-box .dark:hover {
    color: #04103B !important;
}
.contract-box p{
	color: #000;
}

.contract-box .para {
margin-top: -20px;
}

.white-light {
border: 1px solid #EE3F3E;
background: #EE3F3E;
color: #fff !important;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
padding: 0.40rem 1.2rem;
display: inline-block;
}

.white-light:hover {
background: transparent;
color: #EE3F3E !important;
border: 1px solid #EE3F3E;
text-decoration: none;
}

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

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

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

.privacyfooter ul li a:hover {
color: #EE3F3E;
}

.privacyfooter ul {
    margin-bottom: 20px;
    padding: 0px;
}

.cp-ac .accordion .accordion-item .accordion-button {
    font-size: 17px !important; }

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #EE3F3E !important;
}

.inner-jobsec-content ul{ 
     margin-bottom:20px;
 }
 
 .inner-jobsec-content p{ 
     color:#323232;
     font-size: 16px;
 }
 
 .inner-section-content h6 {
    color: #04103B;
    font-size: 16px;
    font-weight: 700;
    line-height: 110%;
}
 
 .apply-now-box{
    border-radius: 10px;
    background: #EE3F3E;
    padding: 10px;
}

.apply-now-box h4{
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 20px;
}

.apply-now-box label{
color: #ffffff;
}

/*for report slider */
 .screenshots-slider .carousel-arrow {
  border: 0;
  background: #ccc;
  display: block;
  height: 50px;
  width: 45px;
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translate(0, -50%);
  outline: 0;
  cursor: pointer;
}

.screenshots-slider .carousel-arrow.next {
  right: 0;
}
.slider-dots {
  position: relative;
text-align: center;
margin: 0;
padding: 0;
margin-top: 20px;
}

.slider-dots li {
  display: inline-block;
margin: 0 4px;
}

.slider-dots li > button {
  width: 20px;
height: 8px;
border: 2px solid #EE3F3E;
background: transparent;
color: transparent;
cursor: pointer;
outline: none;
}

.slider-dots li.slick-active > button {
  background: #EE3F3E;
}
/*for report slider */
/* compliance */
.information-bg {
background: #FFEFF1;
}
.information-box {
border-radius: 10px;
padding: 20px;
background: #ffffff;
box-shadow: 4px 5px 13px 3px rgba(0, 0, 0, 0.07);
}
.information-box span {
color: #01265A;
font-weight: 400;
}
.information-box h4 {
color: #01265A;
font-size: 22px;
font-weight: 700;
line-height: 121%;
}
.idiq-bg {
background: #E8F2FF;
}
.idiq-box {
border-radius: 10px;
padding: 20px;
background: #ffffff;
box-shadow: 4px 5px 13px 3px rgba(0, 0, 0, 0.07);
}
.idiq-box h4 {
color: #01265A;
font-size: 22px;
font-weight: 400;
line-height: 121%;
}
.idiq-box a {
color: #EE3F3E;
font-size: 14px;
font-weight: 600;
letter-spacing: 2.17px;
text-transform: uppercase;
}
.compliance-studies-bg {
background: #FFEFF1;
}
.transparency-bg {
background: url(../../static/image/transparency-bg.webp) no-repeat top center;
    background-size: auto;
border-radius: 30px;
background-size: cover;
position: relative;
padding: 120px 40px;
}
.mtm-30{
    margin-top:-30px !important;
}

/* compliance */
/* pagination  */
.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.pagination {
  line-height: 20px;
  font-size: 13px;
}
.pagination li {
  display: inline;
}
.pagination li {
  margin: auto 2px;
}
.pagination a {
  float: left;
  font-size: 14px;
  font-weight: 800;
  padding: 0 18px;
  line-height: 40px;
  text-decoration: none;
  color: #2b303b;
  border: 1px solid #dbdbdb;
    border-left-width: 1px;
  border-left-width: 0;
  background: #fff;
}
.pagination .active a {
  background: #d4103a !important;
  border-color: #d4103a !important;
  cursor: not-allowed;
}
/* end pagination css */
/*cybersecurity page - 02-11-2025*/
.security-tab ul{
  border-bottom: 1px solid #CAADAD;
  margin-bottom: 10px;
}
.security-tab ul:before,
.security-tab ul:after {
  color: #000;
  content: none;
  flex: 1;
  border-bottom: 0;
  margin:0;
}
.security-tab ul li a {
  padding: 25px 20px;
  font-size: 24px;
  font-weight: 500;
  color: #01265A;
}
.security-tab ul li a:hover,
.security-tab ul li a.active {
  border-radius: 10px 10px 0px 0px;
  background: rgba(255, 255, 255, 0.80);
  color: #EE3F3E;
  font-size: 24px;
  font-weight: 500;
  padding: 25px 20px;
  border-bottom: 6px solid #EE3F3E; 
}
.security-tab ul li:not(:last-child) {
  border-right: 1px solid #9D9D9D;
}
.application-box ul{
  padding: 0;
  margin: 0;
  padding-left: 20px;
}
.application-box ul li{
  padding-bottom: 10px;
}
.application-box ul li span{
  font-weight: 700;
}
.music-box{
border-radius: 10px;
border: 1px solid #FFB4C1;
background: #FFF;
}
.music-box h3{
color: #01265A;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 121%;
}
.music-box p{
color: #323232;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin-bottom: 0;
}
.music-icon{
border-radius: 10px 0px 0px 10px;
background: #FFDDDF;
padding: 50px 30px;
}

.music-play{
padding: 40px 30px;
cursor: pointer;
}
.faplaypause span{
color: #EE3F3E;
font-size: 40px;
}
.industries-products-list p{
color: #000000;
font-size: 18px;
line-height: 22px;
font-weight: 700;
margin-bottom: 0;
}
.industries-products-list img{
width: 50px;
}
/*cybersecurity page - 02-11-2025*/