.fancybox-container,
.fancybox-thumbs,
.fancybox-thumbs__list a,
.owl-carousel,
.owl-carousel .owl-item {
   -webkit-tap-highlight-color: transparent;
}

body,
section {
   overflow-x: hidden !important;
}

.menu-pic img,
.owl-carousel .owl-item img {
   object-fit: cover;
   height: 100%;
}

.app-content-area li,
.breadcramps li,
.calculator-tabs li,
.countries li,
.downloads ul li,
.inside-tabs ul li,
.plan-holder ul li,
.popular-key li,
.share-btns ul li,
.starts li,
footer ul li {
   list-style-type: none;
}

@font-face {
   font-family: Helvetica;
   src: url("../fonts/Helvetica-Compressed.woff2") format("woff2"),
      url("../fonts/Helvetica-Compressed.woff") format("woff"),
      url("../fonts/Helvetica-Compressed.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Helvetica;
   src: url("../fonts/Helvetica-Bold.woff2") format("woff2"),
      url("../fonts/Helvetica-Bold.woff") format("woff"),
      url("../fonts/Helvetica-Bold.ttf") format("truetype");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Helvetica;
   src: url("../fonts/Helvetica-BoldOblique.woff2") format("woff2"),
      url("../fonts/Helvetica-BoldOblique.woff") format("woff"),
      url("../fonts/Helvetica-BoldOblique.ttf") format("truetype");
   font-weight: 700;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: Helvetica;
   src: url("../fonts/HelveticaRounded-Bold.woff2") format("woff2"),
      url("../fonts/HelveticaRounded-Bold.woff") format("woff"),
      url("../fonts/HelveticaRounded-Bold.ttf") format("truetype");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Helvetica;
   src: url("../fonts/Helvetica-Light.woff2") format("woff2"),
      url("../fonts/Helvetica-Light.woff") format("woff"),
      url("../fonts/Helvetica-Light.ttf") format("truetype");
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Helvetica;
   src: url("Helvetica-Oblique.woff2") format("woff2"),
      url("Helvetica-Oblique.woff") format("woff"),
      url("Helvetica-Oblique.ttf") format("truetype");
   font-weight: 400;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: Helvetica;
   src: url("../fonts/Helvetica.woff2") format("woff2"),
      url("../fonts/Helvetica.woff") format("woff"),
      url("../fonts/Helvetica.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

.owl-carousel,
.owl-carousel .owl-item {
   position: relative;
}

.owl-carousel {
   display: none;
   width: 100%;
   z-index: 1;
}

.owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
   display: block;
   width: 100%;
   -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
   display: none;
}

.app-content-area li a,
.breakpoint-on .classy-navbar-toggler,
.breakpoint-on .classycloseIcon,
.fancybox-is-sliding .fancybox-slide,
.fancybox-show-thumbs .fancybox-thumbs,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous,
.no-js .owl-carousel,
.owl-carousel.owl-loaded,
.plan-holder .btn-main span,
.sticky-header .sticky-logo {
   display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
   cursor: pointer;
   cursor: hand;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel.owl-loading {
   opacity: 0;
   display: block;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(2),
.owl-carousel.owl-hidden {
   opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
   visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel.owl-grab {
   cursor: move;
   cursor: grab;
}

.owl-carousel.owl-rtl {
   direction: rtl;
}

.icon-card-slider .owl-next,
.main-banner-full .owl-next,
.owl-carousel.owl-rtl .owl-item {
   float: right;
}

.owl-carousel .animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
   z-index: 0;
}

.fancybox-spaceball,
.faq-area,
.owl-carousel .owl-animated-out {
   z-index: 1;
}

.owl-carousel .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

@keyframes fadeOut {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

.owl-height {
   transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   transition: opacity 0.4s;
}

.owl-carousel .owl-item img.owl-lazy {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000;
}

.owl-carousel .owl-video-play-icon {
   position: absolute;
   height: 80px;
   width: 80px;
   left: 50%;
   top: 50%;
   margin-left: -40px;
   margin-top: -40px;
   background: url(owl.video.play.png) no-repeat;
   cursor: pointer;
   z-index: 1;
   -webkit-backface-visibility: hidden;
   transition: transform 0.1s;
}

.owl-carousel .owl-video-play-icon:hover {
   -webkit-transform: scale(1.3, 1.3);
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: opacity 0.4s;
}

.owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
   height: 100%;
   width: 100%;
}

.fancybox-active,
.leadership-board .related .modal .card,
.stacked-cards .box,
.stacked-cards .content-holder,
img {
   height: auto;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
   text-align: center;
   -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
   margin-top: 1rem;
}

.bg-blue .btn-main span,
.owl-theme .owl-nav [class*="owl-"] {
   color: #fff;
   font-size: 14px;
}

.owl-theme .owl-nav .disabled {
   opacity: 0.5;
   cursor: default;
}

.content-section .btn-red,
.owl-theme .owl-nav.disabled+.owl-dots {
   margin-top: 1.5rem;
}

.owl-theme .owl-dots .owl-dot {
   display: inline-block;
   zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
   display: block;
   -webkit-backface-visibility: visible;
   transition: opacity 0.2s;
   border-radius: 30px;
   background: #fff;
   width: 9px;
   height: 9px;
   margin: 5px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
   background: #869791;
}

.fancybox-is-open .fancybox-stage,
body.compensate-for-scrollbar {
   overflow: hidden;
}

.fancybox-is-hidden {
   left: -9999px;
   margin: 0;
   position: absolute !important;
   top: -9999px;
   visibility: hidden;
}

.fancybox-container {
   -webkit-backface-visibility: hidden;
   height: 100%;
   left: 0;
   outline: 0;
   position: fixed;
   top: 0;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   transform: translateZ(0);
   width: 100%;
   z-index: 99992;
}

.classy-nav-container *,
.fancybox-container * {
   box-sizing: border-box;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
}

.fancybox-outer {
   -webkit-overflow-scrolling: touch;
   overflow-y: auto;
}

.fancybox-bg {
   background: #1e1e1e;
   opacity: 0;
   transition-duration: inherit;
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
   opacity: 0.9;
   transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
   direction: ltr;
   opacity: 0;
   position: absolute;
   transition: opacity 0.25s, visibility 0s 0.25s;
   visibility: hidden;
   z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
   opacity: 1;
   transition: opacity 0.25s, visibility;
   visibility: visible;
}

.fancybox-slide,
.fancybox-slide--image .fancybox-content {
   transition-property: transform, opacity;
   -webkit-backface-visibility: hidden;
}

.fancybox-infobar {
   color: #ccc;
   font-size: 13px;
   -webkit-font-smoothing: subpixel-antialiased;
   height: 44px;
   left: 0;
   line-height: 44px;
   min-width: 44px;
   mix-blend-mode: difference;
   padding: 0 10px;
   pointer-events: none;
   top: 0;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.fancybox-toolbar {
   right: 0;
   top: 0;
}

.fancybox-stage {
   direction: ltr;
   overflow: visible;
   transform: translateZ(0);
   z-index: 99994;
}

.fancybox-slide {
   display: none;
   height: 100%;
   left: 0;
   outline: 0;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding: 44px;
   position: absolute;
   text-align: center;
   top: 0;
   white-space: normal;
   width: 100%;
   z-index: 99994;
}

.fancybox-slide:before {
   content: "";
   display: inline-block;
   font-size: 0;
   height: 100%;
   vertical-align: middle;
   width: 0;
}

.fancybox-slide--image {
   overflow: hidden;
   padding: 44px 0;
}

.breakpoint-off .classynav ul li.megamenu-item .dd-arrow,
.breakpoint-on .classynav ul li .dropdown,
.breakpoint-on .classynav ul li .megamenu,
.breakpoint-on .classynav ul li.megamenu-item>a:after,
.classynav ul li .megamenu,
.classynav ul li.megamenu-item>a:after,
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2),
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small,
.fancybox-slide--image:before,
.main-menu .navbar-header,
.sticky-header .main-logo,
.sticky-logo {
   display: none;
}

.fancybox-slide--html {
   padding: 6px;
}

.fancybox-content {
   background: #fff;
   display: inline-block;
   margin: 0;
   max-width: 100%;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding: 44px;
   position: relative;
   text-align: left;
   vertical-align: middle;
}

.fancybox-image,
.fancybox-slide--image .fancybox-content,
.fancybox-spaceball {
   max-width: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   top: 0;
   left: 0;
}

.fancybox-slide--image .fancybox-content {
   animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
   background: 0 0/100% 100% no-repeat;
   overflow: visible;
   padding: 0;
   position: absolute;
   transform-origin: top left;
   user-select: none;
   z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
   cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
   cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
   cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
   cursor: grabbing;
}

.fancybox-container [data-selectable="true"] {
   cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
   background: 0 0;
   border: 0;
   height: 100%;
   margin: 0;
   max-height: none;
   padding: 0;
   position: absolute;
   user-select: none;
   width: 100%;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
   height: 100%;
   overflow: visible;
   padding: 0;
   width: 100%;
}

.bg-one .orange-btn i,
.fancybox-slide--video .fancybox-content {
   background: #000;
}

.fancybox-slide--map .fancybox-content {
   background: #e5e3df;
}

.fancybox-iframe,
.fancybox-video {
   background: 0 0;
   border: 0;
   display: block;
   height: 100%;
   margin: 0;
   overflow: hidden;
   padding: 0;
   width: 100%;
}

.fancybox-iframe {
   left: 0;
   position: absolute;
   top: 0;
}

.fancybox-error {
   background: #fff;
   cursor: default;
   max-width: 400px;
   padding: 40px;
   width: 100%;
}

.fancybox-error p {
   color: #444;
   font-size: 16px;
   line-height: 20px;
   margin: 0;
   padding: 0;
}

.fancybox-button {
   background: rgba(30, 30, 30, 0.6);
   border: 0;
   border-radius: 0;
   box-shadow: none;
   cursor: pointer;
   display: inline-block;
   height: 44px;
   margin: 0;
   padding: 10px;
   position: relative;
   transition: color 0.2s;
   vertical-align: top;
   visibility: inherit;
   width: 44px;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
   color: #ccc;
}

.fancybox-button:hover {
   color: #fff;
}

.fancybox-button:focus {
   outline: 0;
}

.fancybox-button.fancybox-focus {
   outline: dotted 1px;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
   color: #888;
   cursor: default;
   outline: 0;
}

.fancybox-button div,
.main-banner-full .owl-stage,
.main-banner-full .owl-stage-outer,
.starts-hold .card {
   height: 100%;
}

.fancybox-button svg {
   display: block;
   height: 100%;
   overflow: visible;
   position: relative;
   width: 100%;
}

.fancybox-button svg path {
   fill: currentColor;
   stroke-width: 0;
}

.fancybox-progress {
   background: #ff5268;
   height: 2px;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   transform: scaleX(0);
   transform-origin: 0;
   transition-property: transform;
   transition-timing-function: linear;
   z-index: 99998;
}

.box,
.card {
   transform-style: preserve-3d;
}

.fancybox-close-small {
   background: 0 0;
   border: 0;
   border-radius: 0;
   color: #ccc;
   cursor: pointer;
   opacity: 0.8;
   padding: 8px;
   position: absolute;
   right: -12px;
   top: -44px;
   z-index: 401;
}

.fancybox-close-small:hover {
   color: #fff;
   opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
   color: currentColor;
   padding: 10px;
   right: 0;
   top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
   overflow: hidden;
}

.fancybox-navigation .fancybox-button {
   background-clip: content-box;
   height: 100px;
   opacity: 0;
   position: absolute;
   top: calc(50% - 50px);
   width: 70px;
}

.fancybox-navigation .fancybox-button div {
   padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
   left: 0;
   left: env(safe-area-inset-left);
   padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
   padding: 31px 6px 31px 26px;
   right: 0;
   right: env(safe-area-inset-right);
}

.fancybox-caption {
   background: linear-gradient(0deg,
         rgba(0, 0, 0, 0.85) 0,
         rgba(0, 0, 0, 0.3) 50%,
         rgba(0, 0, 0, 0.15) 65%,
         rgba(0, 0, 0, 0.075) 75.5%,
         rgba(0, 0, 0, 0.037) 82.85%,
         rgba(0, 0, 0, 0.019) 88%,
         transparent);
   bottom: 0;
   color: #eee;
   font-size: 14px;
   font-weight: 400;
   left: 0;
   line-height: 1.5;
   padding: 75px 44px 25px;
   pointer-events: none;
   right: 0;
   text-align: center;
   z-index: 99996;
}

@supports (padding: max(0px)) {
   .fancybox-caption {
      padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
   }
}

.fancybox-caption--separate {
   margin-top: -50px;
}

.fancybox-caption__body {
   max-height: 50vh;
   overflow: auto;
   pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
   color: #ccc;
   text-decoration: none;
}

.fancybox-caption a:hover {
   color: #fff;
   text-decoration: underline;
}

.fancybox-loading {
   animation: 1s linear infinite a;
   background: 0 0;
   border: 4px solid #888;
   border-bottom-color: #fff;
   border-radius: 50%;
   height: 50px;
   left: 50%;
   margin: -25px 0 0 -25px;
   opacity: 0.7;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 50px;
   z-index: 99999;
}

@keyframes a {
   to {
      transform: rotate(1turn);
   }
}

.fancybox-animated {
   transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
   opacity: 0;
   transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
   opacity: 0;
   transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
   opacity: 1;
   transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
   opacity: 0;
   transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
   opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
   opacity: 0;
   transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
   opacity: 0;
   transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
   opacity: 1;
   transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
   opacity: 0;
   transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
   opacity: 0;
   transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
   opacity: 1;
   transform: rotate(0);
}

.fancybox-fx-circular.fancybox-slide--previous {
   opacity: 0;
   transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
   opacity: 0;
   transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
   opacity: 1;
   transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
   transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
   transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
   transform: translateZ(0) scale(1);
}

@media (max-height: 576px) {
   .fancybox-slide {
      padding-left: 6px;
      padding-right: 6px;
   }

   .fancybox-slide--image {
      padding: 6px 0;
   }

   .fancybox-close-small {
      right: -6px;
   }

   .fancybox-slide--image .fancybox-close-small {
      background: #4e4e4e;
      color: #f2f4f6;
      height: 36px;
      opacity: 1;
      padding: 6px;
      right: 0;
      top: 0;
      width: 36px;
   }

   .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
   }

   @supports (padding: max(0px)) {
      .fancybox-caption {
         padding-left: max(12px, env(safe-area-inset-left));
         padding-right: max(12px, env(safe-area-inset-right));
      }
   }
}

.fancybox-share {
   background: #f4f4f4;
   border-radius: 3px;
   max-width: 90%;
   padding: 30px;
   text-align: center;
}

.fancybox-share h1 {
   color: #222;
   font-size: 35px;
   font-weight: 700;
   margin: 0 0 20px;
}

*,
.fancybox-share p {
   margin: 0;
   padding: 0;
}

.fancybox-share__button {
   border: 0;
   border-radius: 3px;
   display: inline-block;
   font-size: 14px;
   font-weight: 700;
   line-height: 40px;
   margin: 0 5px 10px;
   min-width: 130px;
   padding: 0 15px;
   text-decoration: none;
   transition: 0.2s;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   white-space: nowrap;
}

.bg-blue .btn-main:hover span,
.bg-one .orange-btn,
.box:hover .content-holder p a,
.btn-danger,
.btn-white,
.classy-nav-container.box-skins .classynav>ul>li>a,
.color-white,
.cookie-btns .btn-main.btn-white:hover span,
.dark .classynav ul li.megamenu-item>a:after,
.dark.classy-nav-container a:focus,
.dark.classy-nav-container a:hover,
.fancybox-share__button:link,
.fancybox-share__button:visited,
.gold .btn-buy span,
.main-header .top-right ul li a.btn-danger,
.plan-holder .btn:hover span,
.silver .btn-buy span {
   color: #fff;
}

.card a,
.content-holder p a,
.fancybox-share__button:hover,
.main-menu .navigation>li>.mega-menu .mega-menu-bar .tab-pane ul li a {
   text-decoration: none;
}

.fancybox-share__button--fb {
   background: #3b5998;
}

.fancybox-share__button--fb:hover {
   background: #344e86;
}

.fancybox-share__button--pt {
   background: #bd081d;
}

.fancybox-share__button--pt:hover {
   background: #aa0719;
}

.fancybox-share__button--tw {
   background: #1da1f2;
}

.fancybox-share__button--tw:hover {
   background: #0d95e8;
}

.fancybox-share__button svg {
   height: 25px;
   margin-right: 7px;
   position: relative;
   top: -1px;
   vertical-align: middle;
   width: 25px;
}

.fancybox-share__button svg path {
   fill: #fff;
}

.fancybox-share__input {
   background: 0 0;
   border: 0;
   border-bottom: 1px solid #d7d7d7;
   border-radius: 0;
   color: #5d5b5b;
   font-size: 14px;
   margin: 10px 0 0;
   outline: 0;
   padding: 10px 15px;
   width: 100%;
}

.fancybox-thumbs {
   background: #ddd;
   bottom: 0;
   display: none;
   margin: 0;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;
   padding: 2px 2px 4px;
   position: absolute;
   right: 0;
   top: 0;
   width: 212px;
   z-index: 99995;
}

.bg-img,
.fancybox-thumbs__list a {
   background-size: cover;
   background-repeat: no-repeat;
}

.fancybox-thumbs-x {
   overflow-x: auto;
   overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-inner {
   right: 212px;
}

.fancybox-thumbs__list {
   font-size: 0;
   height: 100%;
   list-style: none;
   margin: 0;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0;
   position: relative;
   white-space: nowrap;
   width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list,
.mobile-menu-visible {
   overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
   width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
   background: #fff;
   border-radius: 10px;
   box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
   background: #2a2a2a;
   border-radius: 10px;
}

.fancybox-thumbs__list a {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   background-color: rgba(0, 0, 0, 0.1);
   background-position: 50%;
   cursor: pointer;
   float: left;
   height: 75px;
   margin: 2px;
   max-height: calc(100% - 8px);
   max-width: calc(50% - 4px);
   outline: 0;
   overflow: hidden;
   padding: 0;
   position: relative;
   width: 100px;
}

.fancybox-thumbs__list a:before {
   border: 6px solid #ff5268;
   bottom: 0;
   content: "";
   left: 0;
   opacity: 0;
   position: absolute;
   right: 0;
   top: 0;
   transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
   opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
   opacity: 1;
}

@media (max-width: 576px) {
   .fancybox-thumbs {
      width: 110px;
   }

   .fancybox-show-thumbs .fancybox-inner {
      right: 110px;
   }

   .fancybox-thumbs__list a {
      max-width: calc(100% - 10px);
   }
}

*,
.left-menu,
.main-header .outer-box ul,
.menu-btnarea p,
nav .classynav ul li:first-child a.active::after,
nav .classynav ul li:first-child a:hover::after,
ol,
ul {
   margin: 0;
}

.heading h2,
p {
   margin-bottom: 1rem;
   font-family: Helvetica;
}

.classynav ul li.megamenu-item>a:after,
.icon-down-arrow:before {
   content: "\e900";
}

.breadcrumbs ul li,
.main-menu .navigation>li>.mega-menu .nav-tabs li,
.nav-pills li,
.socials-article ul li,
ol li,
ul li {
   list-style: none;
}

img {
   max-width: 100%;
}

.bg-img {
   background-position: center center;
}

.bg-transparent {
   background-color: transparent !important;
}

.classy-nav-container {
   position: relative;
   z-index: 100;
   background-color: #fff;
}

.classy-nav-container a {
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   text-decoration: none;
   outline: 0;
   font-size: 14px;
   font-weight: 400;
   color: #232323;
   display: inline-block;
}

.classy-nav-container a:focus,
.classy-nav-container a:hover {
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   text-decoration: none;
   outline: 0;
   font-size: 14px;
   font-weight: 400;
   color: #1abc9c;
}

.classy-navbar .nav-brand,
.classy-navbar .nav-brand:focus,
.classy-navbar .nav-brand:hover {
   font-size: 26px;
   font-weight: 500;
}

.classy-nav-container.classy-sticky {
   position: fixed;
   z-index: 1010;
   width: 100%;
   top: 0;
   right: 0;
   left: 0;
}

.classy-nav-container.box-skins .classynav>ul>li {
   background-color: #1abc9c;
}

.justify-content-between {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

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

.classy-navbar {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
}

.classy-navbar .nav-brand {
   color: #565656;
   display: inline-block;
   margin-right: 30px;
}

.classynav ul li {
   display: inline-block;
   clear: both;
   position: inherit;
   z-index: 10;
}

.breakpoint-on .classynav ul li.megamenu-item,
.classynav ul li.cn-dropdown-item,
.classynav ul li.cn-dropdown-item ul li {
   position: relative;
   z-index: 10;
}

.classynav ul li a {
   padding: 0 12px;
   display: block;
   height: 35px;
   font-size: 14px;
   line-height: 34px;
}

.classynav ul li .megamenu li a {
   padding: 0 12px;
}

@font-face {
   font-family: icomoon;
   src: url(../fonts/classy.eot?fftrrv);
   src: url(../fonts/classy.eot?fftrrv#iefix) format("embedded-opentype"),
      url(../fonts/classy.ttf?fftrrv) format("truetype"),
      url(../fonts/classy.woff?fftrrv) format("woff"),
      url(../fonts/classy.svg?fftrrv#icomoon) format("svg");
   font-weight: 400;
   font-style: normal;
}

[class*=" icon-"],
[class^="icon-"] {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.classynav ul li.megamenu-item>a:after {
   font-family: icomoon !important;
   font-size: 11px;
   color: #000;
   padding-left: 5px;
}

.classycloseIcon {
   position: absolute;
   top: 20px;
   right: 20px;
   z-index: 12;
   display: none;
}

.classycloseIcon .cross-wrap {
   width: 26px;
   height: 26px;
   cursor: pointer;
   position: relative;
}

.classycloseIcon .cross-wrap span {
   position: absolute;
   display: block;
   width: 100%;
   height: 2px;
   border-radius: 6px;
   background: #232323;
}

.classycloseIcon .cross-wrap span.top {
   top: 12px;
   left: 0;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.classycloseIcon .cross-wrap span.bottom {
   bottom: 12px;
   left: 0;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.classy-navbar-toggler {
   border: none;
   background-color: transparent;
   cursor: pointer;
   display: none;
}

.classy-navbar-toggler .navbarToggler {
   display: inline-block;
   cursor: pointer;
}

.classy-navbar-toggler .navbarToggler span {
   position: relative;
   background-color: #858585;
   border-radius: 3px;
   display: block;
   height: 3px;
   margin-top: 5px;
   padding: 0;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   width: 30px;
   cursor: pointer;
}

.classy-navbar-toggler .navbarToggler.active span:first-of-type {
   -webkit-transform: rotate3d(0, 0, 1, 45deg);
   transform: rotate3d(0, 0, 1, 45deg);
   top: 8px;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
   -webkit-transform: rotate3d(0, 0, 1, -45deg);
   transform: rotate3d(0, 0, 1, -45deg);
   top: -8px;
}

.classynav ul li .megamenu {
   position: absolute;
   width: 100%;
   left: 0;
   top: 100%;
   background-color: #fff;
   z-index: 200;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.classynav ul li .megamenu .single-mega.cn-col-5 {
   width: 20%;
   display: inline-block;
   float: left;
   padding: 15px;
   border-right: 1px solid #f2f4f8;
}

.classynav ul li .megamenu .single-mega.cn-col-3:last-of-type,
.classynav ul li .megamenu .single-mega.cn-col-4:last-of-type,
.classynav ul li .megamenu .single-mega.cn-col-5:last-of-type,
.share-btns ul li:last-child a {
   border-right: none;
}

.classynav ul li .megamenu .single-mega.cn-col-4 {
   width: 25%;
   display: inline-block;
   float: left;
   padding: 15px;
   border-right: 1px solid #f2f4f8;
}

.classynav ul li .megamenu .single-mega.cn-col-3 {
   width: 33.3333334%;
   display: inline-block;
   float: left;
   padding: 15px;
   border-right: 1px solid #f2f4f8;
}

.classynav ul li .megamenu .single-mega .title {
   font-size: 14px;
   border-bottom: 1px solid #f2f4f8;
   padding: 8px 12px;
}

.classynav ul li .dropdown li a {
   border-bottom: 1px solid rgba(242, 244, 248, 0.7);
   text-transform: capitalize;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li:last-child a,
.dark .classynav ul li.megamenu-item ul li a,
.main-menu .navigation>li>ul>li:last-child,
.main-menu .navigation>li>ul>li>ul>li:last-child,
.starts li:last-child {
   border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li a {
   border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,
.classynav>ul>li.megamenu-item>.dd-arrow {
   top: 17px;
   -webkit-transform: rotate(0);
   transform: rotate(0);
   position: absolute;
   right: 15px;
}

.has-down .dd-arrow,
.megamenu-item .dd-arrow {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   position: absolute;
}

.classynav>ul>li.has-down.active>.dd-arrow::after,
.has-down .dd-arrow::after,
.has-down.active>.dd-arrow::after,
.megamenu-item .dd-arrow::after,
.megamenu-item.active>.dd-arrow::after {
   width: 8px;
   height: 1px;
   background-color: #000;
   content: "";
   position: absolute;
   right: -3px;
   border-radius: 1px;
   top: 0;
}

.has-down .dd-arrow::before,
.megamenu-item .dd-arrow::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   border-radius: 1px;
}

.has-down .dd-arrow::after,
.megamenu-item .dd-arrow::after {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.classynav>ul>li.has-down.active>.dd-arrow::before,
.has-down.active>.dd-arrow::before,
.megamenu-item.active>.dd-arrow::before {
   width: 8px;
   height: 1px;
   background-color: #000;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   border-radius: 1px;
}

.breakpoint-off .classynav ul li.megamenu-item:focus .megamenu,
.breakpoint-off .classynav ul li.megamenu-item:hover .megamenu,
.breakpoint-off .classynav ul li:hover .dropdown {
   top: 100%;
   opacity: 1;
   visibility: visible;
}

.classynav>ul>li.has-down.active>.dd-arrow::after,
.has-down.active>.dd-arrow::after,
.megamenu-item.active>.dd-arrow::after {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.classy-btn {
   position: relative;
   z-index: 1;
   min-width: 120px;
   padding: 0 25px;
   line-height: 42px;
   height: 42px;
   background-color: #1abc9c;
   border-radius: 50px;
   color: #fff !important;
   margin-left: 30px;
   text-align: center;
}

.classy-btn:focus,
.classy-btn:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.breakpoint-on .classy-navbar .classy-menu.menu-on,
.dd-trigger {
   left: 0;
}

.breakpoint-off .classynav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center;
}

.breakpoint-off .classynav ul li .dropdown {
   width: 180px;
   position: absolute;
   background-color: #fff;
   top: 120%;
   left: 0;
   z-index: 100;
   height: auto;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   opacity: 0;
   visibility: hidden;
   padding: 10px 0;
}

.breakpoint-off .classynav ul li .dropdown li .dropdown {
   top: 10px;
   left: 180px;
   z-index: 200;
   opacity: 0;
   visibility: hidden;
}

.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {
   opacity: 0;
   visibility: hidden;
   top: 120%;
}

.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li:hover .dropdown {
   opacity: 1;
   visibility: visible;
   top: -10px;
}

.breakpoint-off .classynav ul li .megamenu {
   opacity: 0;
   visibility: hidden;
   position: absolute;
   width: 100%;
   left: 0;
   top: 120%;
   background-color: #fff;
   z-index: 200;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.breakpoint-on .classy-navbar .classy-menu {
   background-color: #fff;
   position: fixed;
   top: 0;
   left: -310px;
   z-index: 1000;
   width: 300px;
   height: 100%;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   padding: 0;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
   display: block;
   overflow-x: hidden;
   overflow-y: scroll;
}

.breakpoint-on .classynav ul li {
   display: block;
   position: relative;
   clear: both;
   z-index: 10;
}

.breakpoint-on .classynav ul li a {
   padding: 0 10px;
   height: 38px;
   line-height: 38px;
}

.breakpoint-on .classynav ul li .dropdown {
   width: 100%;
   position: relative;
   top: 0;
   left: 0;
   box-shadow: none;
}

.breakpoint-on .classynav ul li .dropdown li .dropdown {
   width: 100%;
   position: relative;
   top: 0;
   left: 0;
}

.breakpoint-on .dd-trigger {
   position: absolute;
   width: 100%;
   height: 38px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: transparent;
   cursor: pointer;
   z-index: 500;
   display: block;
}

.breakpoint-on .classynav {
   padding-top: 70px;
}

.breakpoint-on .classynav ul li .megamenu {
   position: relative;
   width: 100%;
   left: 0;
   top: 0;
   z-index: 200;
   box-shadow: none;
}

.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5 {
   width: 100%;
   border-right: none;
   border-bottom: 1px solid #f2f4f8;
}

.breakpoint-on .cn-dropdown-item.has-down.pr12,
.breakpoint-on .megamenu-item.pr12,
.pr12 {
   padding-right: 0 !important;
}

.breakpoint-on .classynav>ul>li>a {
   background-color: #f2f4f8;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.dark .classynav ul li .dropdown,
.dark .classynav ul li .megamenu,
.dark.breakpoint-on .classy-navbar .classy-menu,
.dark.classy-nav-container {
   background-color: #192a56;
}

.breakpoint-on .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,
.breakpoint-on .classynav>ul>li.megamenu-item>.dd-arrow {
   right: 20px;
}

.app ul li:last-child,
.breakpoint-on .classynav ul li ul.dropdown li ul li {
   margin-left: 15px;
}

.breakpoint-on .classy-btn {
   width: calc(100% - 30px);
   margin: 30px 15px;
}

.dark.classy-nav-container a {
   color: rgba(255, 255, 255, 0.7);
}

.dark .classy-navbar-toggler .navbarToggler span,
.dark .classycloseIcon .cross-wrap span,
.dark .classynav>ul>li.has-down.active>.dd-arrow::after,
.dark .classynav>ul>li.has-down.active>.dd-arrow::before,
.dark .has-down .dd-arrow::after,
.dark .has-down .dd-arrow::before,
.dark .has-down.active>.dd-arrow::after,
.dark .has-down.active>.dd-arrow::before,
.dark .megamenu-item .dd-arrow::after,
.dark .megamenu-item .dd-arrow::before,
.dark .megamenu-item.active>.dd-arrow::after,
.dark .megamenu-item.active>.dd-arrow::before {
   background-color: #fff;
}

.dark .classynav ul li .megamenu .single-mega.cn-col-3,
.dark .classynav ul li .megamenu .single-mega.cn-col-4,
.dark .classynav ul li .megamenu .single-mega.cn-col-5 {
   border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.dark .classynav ul li .megamenu .single-mega .title {
   color: #fff;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark.breakpoint-on .classynav>ul>li>a {
   background-color: #192a56;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5 {
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
   border-right: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li a {
   border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.right.breakpoint-on .classy-navbar .classy-menu {
   left: auto;
   right: -310px;
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown,
.right.breakpoint-on .classy-navbar .classy-menu.menu-on {
   left: auto;
   right: 0;
}

.dropdown-rtl .classynav ul li .megamenu .single-mega .title,
.dropdown-rtl .classynav ul li a {
   text-align: right;
}

.dropdown-rtl .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow {
   right: 10px !important;
   left: auto;
}

.dropdown-rtl .has-down .dd-arrow {
   right: auto;
   left: 20px;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {
   right: 180px;
   left: auto;
   opacity: 0;
   visibility: hidden;
   top: 10px;
}

.dropdown-rtl.breakpoint-off .classynav ul li:hover .dropdown {
   opacity: 1;
   visibility: visible;
   top: 90%;
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li:hover .dropdown {
   opacity: 1;
   visibility: visible;
   top: 0;
}

.dropdown-rtl.breakpoint-on .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow {
   right: auto !important;
   left: 20px;
}

.dropdown-rtl.breakpoint-on .has-down .dd-arrow {
   right: auto;
   left: 20px;
   -webkit-transform: rotate(0);
   transform: rotate(0);
}

.dropdown-rtl.breakpoint-on .classynav ul li ul.dropdown li ul li {
   margin-left: 0;
   margin-right: 15px;
}

html {
   width: 100%;
   scroll-behavior: smooth;
}

body {
   width: 100vw;
   font-family: Helvetica;
   font-weight: 400;
   font-style: normal;
}

h1,
h2 {
   font-family: Helvetica;
   font-weight: 700;
   font-style: normal;
}

h3,
h4,
h5,
h6 {
   font-family: Helvetica;
}

p {
   font-weight: 400 !important;
   line-height: 24px;
   font-size: 1rem;
}

.btn-main {
   margin: 1.5rem auto;
   border: 1px solid #0077be66;
   color: #0077be;
   font-size: 16px;
   text-transform: capitalize;
   padding: 3px;
   background: 0 0;
   overflow: hidden;
   border-radius: 5px;
   outline: 0 !important;
   transition: 0.8s ease-in-out;
   text-decoration: none;
   display: inline-block;
   letter-spacing: 0.6px;
   font-weight: 700;
   box-shadow: none !important;
}

.card,
.image-holder {
   margin-bottom: 1.5rem;
}

.main-header .top-menu li a,
.main-menu .navigation>li {
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
}

.btn-main span {
   display: flex;
   background: 0 0;
   border-radius: 0;
   padding: 3px 10px;
   color: #0077be;
   font-weight: 700;
   align-items: center;
   justify-content: space-between;
}

.btn-main span i {
   font-size: 15px;
   padding: 0 5px;
}

.card {
   padding: 15px;
   border-radius: 15px;
   min-height: 200px;
   position: relative;
   text-decoration: none;
}

.box h3,
.card h3 {
   font-size: 18px;
   line-height: 30px;
   font-weight: 700;
}

.image-holder {
   height: 220px;
   overflow: hidden;
   border-radius: 10px;
   width: 100%;
}

.small-card .image-holder {
   border-radius: 0 !important;
}

.heading h2 {
   font-style: normal;
   font-weight: 700;
   font-size: 24px;
   line-height: 30px;
   color: #0077be;
}

.full-slider .owl-theme .owl-dots .owl-dot span {
   width: 10px;
   height: 10px;
}

.owl-theme .owl-dots .owl-dot {
   border: 0;
   background: 0 0;
}

.owl-theme .owl-dots .owl-dot.active span {
   background: #e42312 !important;
   width: 40px;
}

.owl-theme .owl-nav [class*="owl-"] {
   margin: 0.5px;
   padding: 5px;
   background: #e42312;
   display: inline-block;
   cursor: pointer;
   border-radius: 5px;
   border: 0;
   width: 30px;
   height: 30px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
   color: #fff;
   text-decoration: none;
   background: #000;
}

.btn,
.helpful-information .form-control {
   border-radius: 10px;
}

.btn-outline {
   border: 1px solid transparent;
}

.btn-outline-white {
   border-color: #fff;
}

.btn-outline-white:hover {
   background: #fff;
   color: #0077be;
}

.btn-outline-primary {
   border-color: #0077be;
}

.btn-outline-primary:hover {
   background: #0077be;
   color: #fff !important;
}

.main-header {
   position: relative;
   left: 0;
   top: 0;
   width: 100%;
   height: auto;
   z-index: 99;
   background: #fff;
}

.header-span {
   height: 120px;
}

.main-header .header-top {
   position: relative;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.main-header .header-top .inner-container {
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 30px;
}

.main-header .search-box,
.main-header .top-left,
.main-header .top-right,
.main-menu .navigation>li .mega-menu-bar>ul,
.menu-search .form-group,
.search-popup .form-group form,
.single-popup-wrap,
.start-title,
article,
nav .classynav ul li a::after .menu-btnarea {
   position: relative;
}

.main-header .top-menu {
   padding: 5px 0;
   position: relative;
   display: flex;
   align-content: flex-end;
   flex-wrap: wrap;
   margin: 0;
}

.main-header .top-menu li {
   position: relative;
   font-size: 12px;
   color: #fff;
   font-weight: 400;
   margin-right: 30px;
   margin-bottom: 0;
}

.main-header .top-menu li:last-child,
.main-header .top-right ul li:last-child {
   margin-right: 0;
}

.main-header .top-menu li a {
   color: #323232;
   display: inline-block;
   transition: 0.3s;
   font-weight: 700;
   font-size: 14px;
   text-decoration: none;
}

.main-header .top-menu li a:hover,
.main-header .top-menu li.active a {
   color: #e43631;
}

.main-header .top-menu li a:after,
.main-header .top-menu li.active a::after {
   position: absolute;
   bottom: 0;
   left: 0;
   content: "";
   width: 0;
   height: 1px;
   transition: 0.3s;
   background-color: #e43631;
}

.calculator,
.card .icon img,
.chat-area a img,
.footer-last ul,
.main-header .top-menu li a:hover:after,
.main-menu .navigation>li .mega-menu-bar .column ul li a:after:hover,
.tab-content {
   width: 100%;
}

.top-right-menu {
   margin: 0;
   display: flex;
   align-items: center;
   padding-left: 0;
}

.top-right-menu ul {
   padding-left: 0 !important;
   margin: 0;
}

.level-2 {
   background: #297ec4;
}

.main-header .top-right ul li {
   display: inline-block;
   margin-right: 5px;
   margin-bottom: 0;
}

.main-header .top-right ul li a {
   font-weight: 600;
   font-size: 12px;
   color: #0077be;
   text-decoration: none;
   box-shadow: none !important;
}

.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
   border-radius: 8px;
   -webkit-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
   -ms-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
   -o-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
   background-color: #fff;
}

.icon-btn {
   width: 20px;
   margin-right: 5px;
}

.main-header .main-box {
   position: relative;
   display: block;
   z-index: 999;
   background: #0077be;
}

.main-header .menu-box,
.main-header .nav-outer {
   position: static;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.main-header .logo {
   position: relative;
   z-index: 9;
   padding: 15px 0;
}

.main-header .logo img {
   max-height: 52px;
}

.main-menu,
.main-menu .navigation>li.has-mega-menu {
   position: static;
}

.search-popup,
.sticky-header {
   position: fixed;
   visibility: hidden;
}

.breadcramps ul,
.com-finder__results-list,
.inside-blog .video-holder,
.inside-content-holder .filters .input-group,
.location-hub .filters .input-group,
.main-menu .navbar-collapse,
.search-area .filters .input-group {
   padding: 0;
}

.main-menu .navigation {
   position: static;
   display: flex;
   margin: 0;
   padding: 0;
}

.main-menu .navigation>li {
   position: relative;
   margin-right: 50px;
   transition: 0.3s;
   list-style: none;
   margin-bottom: 0;
   margin-left: 0;
}

.main-menu .navigation>li>a {
   position: relative;
   display: block;
   text-align: center;
   opacity: 1;
   font-size: 15px;
   font-weight: 700;
   color: #fff;
   text-decoration: none;
   padding: 15px 16px;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.main-menu .navigation>li.dropdown>a:after {
   position: absolute;
   right: 5px;
   top: 50%;
   margin-top: -10px;
   font-family: "Font Awesome 6 Free";
   content: "\f078";
   display: block;
   font-size: 15px;
   color: #fff;
   z-index: 5;
}

.main-menu .navigation>li>a:before {
   position: absolute;
   left: 0;
   bottom: 0;
   height: 3px;
   width: 0%;
   background: #3b7eff;
   content: "";
   opacity: 0;
   visibility: hidden;
   transition: 0.3s;
}

.main-menu .navigation>li>ul>li>a,
.main-menu .navigation>li>ul>li>ul>li>a {
   position: relative;
   padding: 10px 0;
   z-index: 1;
   line-height: 28px;
   color: rgba(0, 0, 0, 0.74);
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   display: block;
   font-size: 15px;
   white-space: nowrap;
   font-weight: 500;
   text-transform: capitalize;
}

.main-menu .navigation>li.current>a:before,
.main-menu .navigation>li:hover>a:before {
   width: 100%;
   opacity: 1;
   visibility: visible;
}

.main-menu .navigation>li>a>span {
   position: relative;
   display: block;
   padding-right: 10px;
}

.main-menu .navigation>li>ul {
   position: absolute;
   top: 100%;
   left: 0;
   padding: 17px 30px;
   z-index: 1;
   min-width: 220px;
   margin-top: 8px;
   display: none;
   box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
}

.main-menu .navigation>li>.mega-menu:before,
.main-menu .navigation>li>ul:before {
   display: table;
   content: "";
   position: absolute;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
}

.main-menu .navigation>li>ul>li {
   position: relative;
   display: block;
   z-index: 1;
   border-bottom: 1px solid #e1e1e1;
}

.main-menu .navigation>li>ul>li>a {
   transition: 0.3s;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li.current>a,
.main-menu .navigation>li li.current li.current>a,
.main-menu .navigation>li>ul>li.current.dropdown>a:before,
.main-menu .navigation>li>ul>li.current>a {
   color: #3b7eff;
}

.main-menu .navigation>li>ul>li>ul {
   position: absolute;
   top: 0;
   left: 100%;
   padding: 17px 30px;
   z-index: 1;
   min-width: 150px;
   margin-top: -10px;
   margin-left: 30px;
   display: none;
   box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
}

.main-menu .navigation>li>ul>li>ul:before {
   position: absolute;
   left: -30px;
   top: 0;
   height: 100%;
   width: 30px;
   content: "";
}

.main-menu .navigation>li>ul>li>ul>li {
   position: relative;
   width: 100%;
   border-bottom: 1px solid #e1e1e1;
}

.main-menu .navigation>li>ul>li>ul>li>a {
   transition: 0.3s;
}

.main-menu .navigation>li>ul>li.dropdown>a:before {
   position: absolute;
   right: -5px;
   top: 50%;
   margin-top: -10px;
   font-family: "Font Awesome 5 Free";
   content: "\f105";
   display: block;
   line-height: 20px;
   font-size: 14px;
   font-weight: 900;
   color: #000;
   z-index: 5;
   opacity: 0.75;
}

.main-menu .navigation>li.dropdown.active>ul {
   display: block;
   opacity: 1;
   visibility: visible;
   z-index: 99;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
   opacity: 1;
   visibility: visible;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}

.main-menu .navigation li.dropdown .dropdown-btn {
   position: absolute;
   right: 10px;
   top: 8px;
   width: 34px;
   height: 30px;
   border: 1px solid #fff;
   text-align: center;
   font-size: 16px;
   line-height: 26px;
   color: #fff;
   cursor: pointer;
   z-index: 5;
   display: none;
}

.main-header .outer-box {
   margin-left: -140px;
   position: relative;
   display: flex;
   align-items: center;
}

.main-header .outer-box ul li,
.main-menu .navigation>li>.mega-menu .mega-menu-bar .tab-pane ul li {
   margin-bottom: 0;
   list-style: none;
}

.main-header .outer-box .btn {
   font-weight: 700;
   font-size: 14px;
   padding: 7px 15px;
   background: 0 0;
   margin: 0;
}

.main-header .search-box .search-btn {
   position: relative;
   background-color: transparent;
   z-index: 1;
   font-size: 16px;
   color: #fff;
   cursor: pointer;
}

.main-menu .navigation>li>.mega-menu {
   position: absolute;
   z-index: 1;
   top: 100%;
   left: 50%;
   padding: 35px 30px 25px;
   border-radius: 5px;
   background-color: #fff;
   transform: translateX(-50%);
   display: none;
   margin-top: 0 !important;
   -webkit-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
   -ms-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
   -o-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
   box-shadow: 0 7px 10px -1px rgba(0, 0, 0, 0.2);
}

.main-menu .navigation>li:hover>.mega-menu {
   opacity: 1;
   visibility: visible;
   transform: translateX(-50%) scaleY(1);
}

.main-menu .navigation>li>.mega-menu .mega-menu-bar {
   position: relative;
   margin: 0;
}

.main-menu .navigation>li .mega-menu-bar h3 {
   position: relative;
   text-transform: uppercase;
   font-size: 15px;
   font-weight: 500;
   padding-bottom: 15px;
   margin-bottom: 9px;
}

.main-menu .navigation>li .mega-menu-bar h3:before,
.mobile-menu .mega-menu-bar h3:before {
   content: "";
   width: 30px;
   height: 2px;
   bottom: 0;
   left: 0;
   position: absolute;
   background-color: #3b7eff;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li {
   position: relative;
   display: block;
   z-index: 1;
}

.main-menu .navigation>li .mega-menu-bar .column>ul li.hasdropdown a {
   font-weight: 700;
   color: #000;
}

.main-menu .navigation>li .mega-menu-bar .column>ul ul {
   padding: 5px 0;
}

.main-menu .navigation>li .mega-menu-bar .column>ul ul li a,
.main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
   position: relative;
   display: block;
   z-index: 1;
   font-weight: 400;
   font-size: 14px;
   color: rgba(0, 0, 0, 0.74);
   padding: 6px 0;
   white-space: nowrap;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.main-menu .navigation>li .mega-menu-bar .column>ul li ul li a {
   font-weight: 400 !important;
   color: rgba(0, 0, 0, 0.74) !important;
}

.breadcramps .active a,
.breadcramps .breadcrumb-item.active span,
.breadcramps a:hover,
.main-menu .navigation>li .mega-menu-bar .column ul li a:hover,
.supplier .heading {
   color: #0077be;
}

.main-menu .navigation>li .mega-menu-bar .column ul li a:after {
   position: absolute;
   bottom: 0;
   left: 0;
   content: "";
   width: 0;
   height: 1px;
   transition: 0.3s;
   background-color: #0077be;
}

.search-popup {
   left: 0;
   top: 0;
   height: 100vh;
   width: 100%;
   z-index: 999;
   opacity: 0;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
}

.search-popup .search-back-drop {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background: rgba(0, 0, 0, 0.5);
}

.mobile-menu .menu-box,
.mobile-menu .menu-outer,
.mobile-sticky-header {
   background-color: #fff;
   top: 0;
   left: 0;
}

.mobile-menu-visible .mobile-menu,
.search-active .search-popup {
   opacity: 1;
   visibility: visible;
}

.search-popup .search-inner {
   position: relative;
   background: #fff;
   padding: 25px 0 30px;
   z-index: 1;
   transform: translateY(-100%);
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.search-active .search-popup .search-inner {
   transform: translateY(0);
   padding: 1rem;
   border-radius: 10px;
}

.search-popup .upper-text {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 15px;
}

.search-popup .upper-text .text {
   font-size: 13px;
}

.search-popup .close-search {
   position: absolute;
   right: 0;
   top: 0;
   color: #4c4c4d;
   font-size: 10px;
   line-height: 27px;
   z-index: 3;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
}

.search-popup .form-group {
   position: relative;
   margin: 0;
   overflow: hidden;
   border-bottom: 1px solid #e5e5e5;
}

.search-popup .form-group input[type="search"],
.search-popup .form-group input[type="text"] {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 25px;
   color: #333;
   padding: 10px 0;
   height: 45px;
   width: 100%;
   background-color: transparent;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
}

.search-popup .form-group button,
.search-popup .form-group input[type="submit"] {
   position: absolute;
   right: 0;
   top: 0;
   background: #fff;
   text-align: center;
   font-size: 20px;
   line-height: 45px;
   color: #333;
   padding: 0;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
}

.sticky-header {
   opacity: 0;
   left: 0;
   top: 0;
   width: 100%;
   padding: 0;
   z-index: 99;
   background: #fff;
   -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.07);
   -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.07);
   box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.07);
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.fixed-header .sticky-header {
   opacity: 1;
   z-index: 99;
   visibility: visible;
}

.black-btn,
.contact-info .box .content-holder p a,
.coverage .card a,
.history-content p,
.related-cards .card:hover .read-more,
.social-contact,
.social-link,
.socials-article ul li a:hover,
.sticky-header .main-menu .navigation>li.dropdown>a:after,
.sticky-header .main-menu .navigation>li>a,
.sticky-header .search-box .search-btn {
   color: #000;
}

.mobile-header {
   position: relative;
   margin: 0 20px;
   padding: 20px 0;
   display: none;
}

.mobile-header:after,
.mobile-sticky-header:after {
   display: table;
   clear: both;
   content: "";
}

.mobile-header .logo,
.mobile-sticky-header .logo {
   position: relative;
   float: left;
   margin: 0;
   padding: 0;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   vertical-align: middle;
   height: 38px;
}

.mobile-header .nav-outer,
.mobile-header .outer-box,
.mobile-sticky-header .nav-outer,
.mobile-sticky-header .outer-box {
   position: relative;
   float: right;
}

.mobile-sticky-header {
   position: fixed;
   width: 100%;
   padding: 20px 15px;
   opacity: 0;
   visibility: hidden;
   z-index: 999;
   -webkit-box-shadow: 0 0 15px 5px rgba(16, 1, 148, 0.05);
   -moz-box-shadow: 0 0 15px 5px rgba(16, 1, 148, 0.05);
   box-shadow: 0 0 15px 5px rgba(16, 1, 148, 0.05);
}

.nav-outer .mobile-nav-toggler {
   position: relative;
   float: right;
   font-size: 24px;
   line-height: 30px;
   cursor: pointer;
   margin-left: 20px;
   color: #000;
   order: 3;
   display: none;
   transition: 0.3s;
}

.mobile-menu-back-drop {
   position: fixed;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   transition: 0.2s;
}

.mobile-menu {
   position: fixed;
   right: 0;
   left: 0;
   top: 0;
   max-width: 100%;
   height: 100%;
   margin: 0 auto;
   overflow-y: auto;
   opacity: 0;
   visibility: hidden;
   z-index: 9999;
   transition: 0.3s;
}

.app-logo,
.barcode img {
   max-width: 100px;
}

.mobile-menu .nav-logo {
   position: relative;
   padding: 20px 25px;
   text-align: left;
   border-bottom: 1px solid #e5e5e5;
}

.mobile-menu .nav-logo img {
   height: 52px;
}

.mobile-menu .menu-outer {
   position: fixed;
   bottom: 0;
   width: 300px;
   height: 100%;
   overflow-y: auto;
   padding: 0;
   z-index: 5;
   display: block;
   transform: translateX(-100%);
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.mobile-menu-visible .mobile-menu .menu-outer {
   transform: translateX(0);
}

.mobile-menu .menu-box {
   position: relative;
   bottom: 0;
   width: 100%;
   height: auto;
   padding: 0;
   z-index: 5;
   display: block;
}

.mobile-menu .navigation {
   position: relative;
   display: block;
   padding: 20px 0;
   border-bottom: 1px solid #e5e5e5;
}

.mobile-menu .navigation>li {
   position: relative;
   display: block;
}

.mobile-menu .navigation li>a {
   position: relative;
   display: block;
   font-size: 17px;
   line-height: 20px;
   color: #000;
   padding: 10px 25px;
   border-bottom: 1px dashed #e5e5e5;
   border-top: 1px solid transparent;
}

.classynav .nav-tabs,
.mobile-menu .navigation li:last-child>a,
.smart-widget .calculator-tabs .nav {
   border-bottom: 0;
}

.mobile-menu .navigation li.current>a {
   color: #0154f7;
}

.mobile-menu .navigation li li>a {
   padding: 10px 0;
   font-size: 14px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
   position: absolute;
   right: 5px;
   top: 0;
   width: 42px;
   height: 42px;
   text-align: center;
   line-height: 42px;
   font-size: 10px;
   color: #000;
   -webkit-transition: transform 0.4s ease-in-out;
   transition: transform 0.4s ease-in-out;
   cursor: pointer;
   z-index: 5;
}

.mobile-menu .navigation li.current.dropdown .dropdown-btn {
   color: #363636;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.mobile-menu .navigation li>ul {
   display: none;
   padding-left: 40px;
}

.mobile-menu .navigation li>ul>li>ul {
   display: none;
   padding: 0 25px;
}

.mobile-menu .mega-menu-bar h3 {
   position: relative;
   text-transform: uppercase;
   font-size: 15px;
   font-weight: 500;
   padding-bottom: 15px;
   margin-bottom: 9px;
   margin-left: 40px;
}

.mobile-menu .mega-menu-bar .column {
   width: 100%;
   flex: 0 0 100%;
   max-width: 100%;
   margin-bottom: 20px;
   margin-top: 20px;
}

.mobile-menu .navigation>li>.mega-menu {
   width: 100% !important;
   display: none;
}

.mobile-menu .navigation>li.has-mega-menu ul {
   padding-left: 40px;
}

.menu-search {
   position: relative;
   padding: 25px;
}

.menu-search .form-group .input {
   position: relative;
   width: 100%;
   padding: 10px 50px 10px 10px;
   outline: 0;
   border: 1px solid #e5e5e5;
   font-size: 15px;
   color: #333;
   font-weight: 400;
   line-height: 23px;
   height: 45px;
}

.menu-search .form-group button {
   position: absolute;
   right: 0;
   top: 0;
   height: 45px;
   line-height: 45px;
   width: 45px;
   text-align: center;
}

.contact-info .box .content-holder p,
.menuimage {
   margin-bottom: 15px;
}

.menuimage img {
   width: 100%;
   border-radius: 10px;
}

.main-menu .navigation>li>.mega-menu .nav-tabs {
   margin: 0;
   border-bottom: none;
}

.main-menu .navigation>li>.mega-menu .mega-menu-bar .tab-pane ul {
   padding: 0;
   margin: 0;
}

.main-menu .navigation>li>.mega-menu .nav-tabs li button {
   background: #fff;
   border: 1px solid #e0e0e0;
   border-radius: 10px;
   width: 100%;
   text-align: left;
   color: #000;
}

.main-menu .navigation>li>.mega-menu .nav-tabs li button.active {
   background: #f4f4f4;
   color: #e42312;
}

.arrow {
   position: absolute;
   right: 5px;
   top: 50%;
   margin-top: -10px;
   display: block;
   font-size: 15px;
   color: #000;
   z-index: 5;
}

.arrow:before {
   font-family: "Font Awesome 6 Free";
   content: "\2b";
}

@media only screen and (max-width: 1139px) {
   .main-menu .navigation>li>.mega-menu {
      width: 1000px !important;
   }
}

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

   .main-header,
   .mobile-header {
      position: relative;
   }

   .main-header .nav-outer .main-menu,
   .main-header .top-left,
   .menuimage {
      display: none;
   }

   .mobile-header {
      display: block;
      width: 100%;
      background-color: #fff;
      margin: 0;
      padding: 20px 15px;
   }

   .nav-outer .mobile-nav-toggler {
      display: block;
      padding: 5px 0;
   }

   .mobile-header.fixed-header {
      position: fixed;
      top: 0;
      width: 100%;
   }

   .fixed-header .mobile-sticky-header {
      opacity: 1;
      visibility: visible;
   }

   .mega-menu {
      width: 100% !important;
   }

   .mobile-menu .navigation>li.has-mega-menu {
      position: relative !important;
   }

   .mobile-menu .navigation>li .mega-menu-bar .column {
      padding: 0;
   }

   .mobile-menu .navigation>li>.mega-menu {
      padding: 0 !important;
      background: 0 0 !important;
      margin: 0 !important;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
   }

   .mobile-menu .navigation>li>.mega-menu .row {
      margin: 0;
      width: 100%;
   }

   .mobile-menu .navigation>li .mega-menu-bar>ul,
   .mobile-menu .navigation>li>.mega-menu,
   .mobile-menu .navigation>li>.mega-menu:before {
      position: relative;
      border: none;
      float: none;
      visibility: visible;
      opacity: 1;
      display: none;
      margin: 0;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      padding: 0;
      outline: 0;
      width: 100%;
      background: #fff;
      -webkit-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      transition: none !important;
      -webkit-transition: none !important;
      -ms-transition: none !important;
      -o-transition: none !important;
      -moz-transition: none !important;
      -webkit-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }

   .mobile-menu .navigation>li .mega-menu-bar .column>ul>li {
      border-bottom: none;
      opacity: 1 !important;
      top: 0 !important;
      left: 0 !important;
      visibility: visible !important;
   }

   .main-footer .widget-title {
      margin-bottom: 20px;
   }

   .mobile-menu .mega-menu-bar h3 {
      margin-left: 10px;
   }

   .mobile-menu .navigation>li.has-mega-menu ul {
      padding-left: 10px;
   }
}

.banner-video {
   position: absolute;
   left: 0;
   width: 100%;
   top: -5rem;
   z-index: -9;
   padding: 0;
}

.banner-video video {
   width: 100%;
   height: 90%;
}

.main-banner {
   position: relative;
   height: 450px;
   overflow: hidden;
   z-index: 9;
   background-color: transparent;
}

.video-content h1 {
   font-size: 66px;
   margin-bottom: 1.5rem;
}

.video-content p {
   width: 80%;
   margin: 1rem auto;
   font-size: 17px;
   line-height: 30px;
   letter-spacing: 0.8px;
}

.bg-grey {
   background: #f4f4f4;
}

.icon-card-slider {
   padding: 15px;
   z-index: 9;
}

.icon-card-slider .card {
   background: #fff;
   color: #000;
   padding: 2rem 10px 1rem;
   min-height: 200px;
   transition: 0.4s ease-in-out;
   cursor: pointer;
   margin: 0 auto 2rem;
   width: 99%;
}

.icon-card-slider .card:hover {
   background: #e4231214;
}

.card .icon {
   width: 55px;
   margin: 0 auto 0.6rem;
}

.icon-card-slider .card p {
   font-size: 13px;
   font-weight: 200;
   letter-spacing: 0.4px;
}

.calc-head h4,
.content h2,
.footer-last ul li,
.footer-nav h4,
.form-select {
   letter-spacing: 0.8px;
}

.icon-card-slider .card h3 {
   font-family: Helvetica;
   font-weight: 600;
   line-height: 30px !important;
   margin-bottom: 0;
}

.icon-card-slider .owl-nav {
   margin-top: 0;
   position: absolute;
   top: 40%;
   width: 110%;
   left: -3.3rem;
   z-index: -9;
}

.icon-card-slider .owl-prev,
.main-banner-full .owl-prev {
   float: left;
}

section {
   position: relative;
}

.line-bg {
   position: absolute;
   top: -7rem;
   left: 0;
   opacity: 0.7;
   z-index: -9;
}

.full-slider .card {
   padding: 2rem 4rem;
   border: 0;
   border-radius: 0;
   color: #fff;
   min-height: 450px;
   display: flex;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-justify-content: center;
   justify-content: center;
}

.full-slider .content-holder {
   width: 60%;
}

.full-slider .owl-dots {
   position: absolute;
   bottom: 20%;
   left: 8%;
}

.full-slider .card::before {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   background: #00000096;
   position: absolute;
   left: 0;
   z-index: -9;
}

footer {
   padding-top: 1.5rem;
   color: #fff;
   background-color: #0077be;
}

footer .atm-locater {
   border: 1px solid #ffffff52;
   padding: 3rem 2rem;
   border-radius: 1rem;
}

.classynav .tab-content>.active,
.downloads li,
.owl-carousel .owl-stage,
.title-holder {
   display: flex;
}

.title-holder h4 span {
   display: block;
   font-weight: 300;
   font-size: 12px;
}

.title-holder h4 {
   font-size: 16px;
   font-weight: 700;
   padding-left: 15px;
}

.title-holder span i {
   font-size: 32px;
}

.popular-key ul,
.share-btns ul,
.starts,
footer ul,
nav .classynav ul,
nav .classynav ul li:first-child a {
   padding-left: 0;
}

.footer-nav h4 {
   font-size: 16px;
   font-weight: 600;
}

footer ul li a:hover {
   color: #e42312;
   font-weight: 400;
}

.form-select {
   border-radius: 10px;
   background: url(../images/icons/down-arrow.png) 0 0/23px no-repeat;
   border: 1.8px solid #a2a2a1;
   color: #a2a2a1;
   background-position-x: 95%;
   background-position-y: 50%;
   font-weight: 300;
   padding: 10px 1rem;
   margin: 1rem auto 0;
   outline: 0 !important;
   box-shadow: none !important;
}

.footer-line {
   display: block;
   width: 100%;
   height: 0.5px;
   background: #ffffff52;
   margin: 1rem 0 0;
   padding: 0 15px;
}

.footer-last ul li {
   display: inline-block;
   margin: 0;
   font-size: 13px;
}

.footer-last ul li a {
   color: #fff;
   letter-spacing: 1px;
   font-weight: 400;
   font-family: Tahoma;
   font-style: normal;
   font-size: 13px;
   text-decoration: none;
}

.social-icons a {
   display: inline-block;
   border-radius: 100%;
   justify-content: center;
   align-items: center;
   font-size: 24px;
   color: #fff;
   padding: 0 1rem;
   margin: 0;
}

.footer-last .social-icons li {
   padding-left: 15px;
   padding-right: 0;
}

.black-btn:hover,
.box:hover .read-more,
.btn-white span,
.calculator-tabs li a.active,
.calculator-tabs li a:hover,
.coverage .card a:hover,
.results .btn-red span,
.results-holder li a:hover,
.small-card p a:hover,
.social-icons a:hover,
.table a:hover,
.title-heading h2 span,
.total h3,
.view-jobs .btn-red span {
   color: #e42312;
}

.content-area {
   position: absolute;
   bottom: 0;
   padding: 4rem;
   height: 70%;
   display: flex;
   column-count: 1;
   flex-direction: column;
   justify-content: flex-end;
}

.content-area p {
   line-height: 19px;
   z-index: 9;
}

.content {
   color: #fff;
   font-weight: 300;
   width: 65%;
}

.app-content-area li {
   display: inline-block;
   margin: 0 5px;
}

.accordion-body li,
.app-content-area li .btn-main,
.content-section .calculator-tabs li a,
.result-heading span,
.results-holder li a span,
.starts-holder .starts span,
.unbank-business .card p {
   font-size: 14px;
}

.app-content-area ul {
   width: 100%;
   text-align: right;
   padding: 0;
}

.content h2 {
   font-size: 32px;
   margin-bottom: 1rem;
}

.black-btn i,
.orange-btn i {
   display: inline-block;
   border-radius: 100%;
   margin: 0 10px 0 0;
   text-align: center;
}

.app-logo {
   margin-bottom: 3rem;
}

.content p {
   width: 65%;
   font-size: 14px;
}

.app-content-area li img {
   max-width: 130px;
}

.app-content-area a:hover img,
.download-btn:hover i,
.footer-last .social-icons li,
.webcast .card:hover .webcast-content,
.webcast .video-link:hover .webcast-content {
   transform: scale(1.15, 1.15);
   -webkit-animation: 0.5s 0.1s both fadeInUp;
   animation: 0.5s 0.1s both fadeInUp;
}

.read-more {
   text-decoration: none;
   font-size: 18px;
}

.black-btn i {
   width: 40px;
   height: 40px;
   background: #000;
   color: #fff;
   padding: 10px 0;
   font-size: 22px;
}

.bg-one:hover .orange-btn i,
.black-btn:hover i,
.bt-black:hover span,
.full-slider .owl-theme .owl-dots .owl-dot.active span,
.our-stories .owl-dots .owl-dot span {
   background: #e42312;
}

.card-image {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -9;
   min-height: 300px;
}

.news-and-stories .card,
.webcast .card {
   min-height: 400px;
   background-repeat: no-repeat !important;
   overflow: hidden;
   background-size: cover !important;
   background-position: center center !important;
   width: 98%;
   margin: auto;
}

.news-and-stories .card a {
   flex-grow: 1;
}

.events .news-and-stories .card {
   height: 100%;
   min-height: auto;
}

.news-and-stories .content-area {
   color: #fff;
   padding: 2rem 2rem 1rem;
   width: 100%;
}

.news-and-stories .content-area h4,
.webcast .content-area h4 {
   margin-bottom: 1rem;
   font-size: 24px;
   font-weight: 600;
   line-height: 25px;
   letter-spacing: 0.8px;
   color: #fff;
   z-index: 9;
}

.orange-btn {
   color: #e42312;
   font-size: 14px;
   font-weight: 600;
   display: block;
}

.orange-btn i {
   width: 25px;
   height: 25px;
   background: #ff5f00;
   color: #fff;
   padding: 8px 0;
   font-size: 12px;
}

.box:hover .read-more,
.card:hover .read-more,
.news-and-stories .card a:hover h4,
.news-and-stories .card a:hover span {
   color: #fff;
   transform: scale(1.15, 1.15);
   -webkit-animation: 0.5s 0.1s both fadeInUp;
   animation: 0.5s 0.1s both fadeInUp;
}

.news-and-stories .card a:hover p {
   color: #fff;
   -webkit-animation: 0.7s 0.1s both fadeInUp;
   animation: 0.7s 0.1s both fadeInUp;
}

.news-and-stories .content-area::after {
   content: "";
   display: block;
   background: #000;
   background: linear-gradient(360deg,
         rgb(0 0 0 / 43%) 20%,
         rgb(244 65 65 / 0%) 101%);
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: auto;
   transition: 0.5s ease-in-out;
   bottom: 0;
}

.news-and-stories .video-btn,
.webcast .video-button {
   z-index: 9;
}

.news-and-stories .card a:hover span i {
   background: 0 0;
   color: #e42312;
   animation: 0.6s 0.1s both fadeInBottomLeft;
}

.news-and-stories .card:hover .content-area::after {
   background: linear-gradient(360deg, #1a2330 0, rgb(255 255 255 / 0%) 99%);
}

.location-hub .filters h4,
.unbank-business h3,
.values h3 {
   font-weight: 700;
   font-size: 16px;
}

.unbank-business .card {
   border: 0;
   margin-bottom: 1rem;
   padding: 2rem;
   transition: 0.4s ease-in-out;
   background: 0 0;
}

.box:hover,
.mobile-phone-slider .owl-carousel .active .card,
.unbank-business .card:hover {
   background: rgb(20 25 33);
   color: #fff;
}

.box:hover .bg-icon,
.box:hover .icon,
.card:hover .bg-icon,
.card:hover .icon,
.history-holder .card:hover h2,
.mobile-phone-slider .owl-carousel .active .card .icon,
.mobile-phone-slider .owl-carousel .active .read-more {
   transform: scale(1.15, 1.15);
   -webkit-animation: 0.8s 0.1s both fadeInDown;
   animation: 0.8s 0.1s both fadeInDown;
}

.video-holder {
   position: relative;
   padding-right: 5rem;
   margin: 2rem 0 0;
}

.video-holder img {
   border-radius: 15px;
}

.video-blob {
   display: block;
   position: absolute;
   z-index: -9;
   right: 4rem;
   bottom: -2rem;
}

.video-blob img {
   border-radius: 0;
}

.socials-article ul {
   display: flex;
   justify-content: flex-end;
}

.socials-article ul li a {
   padding: 5px;
   color: #495057;
   display: block;
   font-size: 20px;
   transition: 0.3s ease-in-out;
}

.video-popup {
   margin: 15px auto 40px;
}

.video-link {
   -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   display: block;
}

.heading .video-link {
   width: 10%;
   margin: auto;
}

.video-link .ht-popup-video.video-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   background-color: rgba(8, 106, 216, 0.8);
}

.video-link .ht-popup-video .video-button,
.video-link .ht-popup-video.video-button {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
}

.video-link .ht-popup-video.video-button .video-mark {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translateY(-50%, -50%);
   -ms-transform: translateY(-50%, -50%);
   transform: translateY(-50%, -50%);
   pointer-events: none;
}

.video-link .ht-popup-video.video-button .video-mark .wave-pulse {
   width: 1px;
   height: 0;
   margin: 0 auto;
}

.video-link .ht-popup-video.video-button .video-mark .wave-pulse::after,
.video-link .ht-popup-video.video-button .video-mark .wave-pulse::before {
   opacity: 0;
   content: "";
   display: block;
   position: absolute;
   width: 200px;
   height: 200px;
   top: 50%;
   left: 50%;
   border-radius: 50%;
   border: 3px solid #fff;
   -webkit-animation: 3.25s linear infinite zoomBig;
   animation: 3.25s linear infinite zoomBig;
}

.video-link .ht-popup-video.video-button .video-mark .wave-pulse::before {
   -webkit-animation-delay: 0.75s;
   animation-delay: 0.75s;
}

.video-link .ht-popup-video .video-button__two {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.video-link .ht-popup-video .video-button__two .video-play {
   width: 68px;
   height: 68px;
   background: #fff;
   -webkit-box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
   box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
   border-radius: 50%;
   -webkit-transition: 1s cubic-bezier(0, 0, 0.2, 1) !important;
   -o-transition: 1s cubic-bezier(0, 0, 0.2, 1) !important;
   transition: 1s cubic-bezier(0, 0, 0.2, 1) !important;
   -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07);
   box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07);
}

.video-link .ht-popup-video .video-button__two .video-play-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   line-height: 1;
   margin-left: 1px;
}

.video-link .ht-popup-video .video-button__two .video-play-icon::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border-top: 12px solid transparent;
   border-bottom: 12px solid transparent;
   border-left: 19px solid #e42312;
}

.video-link:hover .video-play {
   -webkit-transform: scale3d(1.15, 1.15, 1.15);
   transform: scale3d(1.15, 1.15, 1.15);
}

@-webkit-keyframes zoomBig {
   0% {
      -webkit-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
      opacity: 1;
      border-width: 3px;
   }

   40% {
      opacity: 0.5;
      border-width: 2px;
   }

   65% {
      border-width: 1px;
   }

   100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
      border-width: 1px;
   }
}

@keyframes zoomBig {
   0% {
      -webkit-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
      opacity: 1;
      border-width: 3px;
   }

   40% {
      opacity: 0.5;
      border-width: 2px;
   }

   65% {
      border-width: 1px;
   }

   100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
      border-width: 1px;
   }
}

.fancybox-slide--iframe .fancybox-content {
   padding: 0;
   width: 80%;
   height: 80%;
   max-width: calc(100% - 100px);
   max-height: calc(100% - 88px);
   overflow: visible;
   background: #fff;
}

.fancybox-button svg path {
   fill: currentColor;
   stroke: currentColor;
   stroke-linejoin: round;
   stroke-width: 3;
}

.heading h4,
.video-container h4 {
   font-weight: 700;
   font-size: 18px;
   margin-bottom: 1rem;
}

.video-container P {
   width: 80%;
   font-size: 15px;
   line-height: 28px;
   margin-bottom: 0;
}

.line-last {
   position: absolute;
   top: -8rem;
   right: 0;
}

.full-banner .content-holder h2 {
   font-size: 26px;
   width: 80%;
   letter-spacing: 1.5px;
   line-height: 40px;
}

.video-container h2 {
   font-size: 42px;
}

.app-mobile-phone {
   position: absolute;
   left: -5%;
   right: 0;
   margin: auto;
   bottom: 70px;
}

.bg-icon,
.mobile-app .card .icon {
   width: 60px;
   margin: 0 0 1.5rem;
   background: #e42312;
   padding: 15px;
   height: 60px;
   border-radius: 100%;
}

.mobile-app .card:hover .icon {
   background: 0 0;
   padding: 10px;
}

::-webkit-scrollbar {
   width: 7px;
}

::-webkit-scrollbar-thumb {
   background: #0077be;
   border-radius: 10px;
}

.full-slider .owl-theme .owl-dots .owl-dot span,
.is-sticky,
.our-stories .owl-dots .owl-dot.active span {
   background: #fff;
}

.bg-one,
.bg-three {
   padding: 0;
   border: none !important;
   overflow: hidden;
}

::-webkit-scrollbar-thumb:hover {
   background: rgb(20 25 33);
}

.is-sticky {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   -webkit-animation: 0.95s ease-in-out fadeInDown;
   animation: 0.95s ease-in-out fadeInDown;
   z-index: 999;
   -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}

.bg-one,
.bg-three,
.box,
.download-btn,
.iniside-content p,
.results-holder li a,
nav .classynav ul li a {
   transition: 0.4s ease-in-out;
}

.classy-navbar {
   height: auto;
   padding: 0;
   position: relative;
}

nav .classynav {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
}

.menu-btnarea,
nav .classynav ul li a {
   align-items: center;
   display: flex;
   position: relative;
}

nav .classynav ul li a {
   text-decoration: none;
   color: #fff;
   font-weight: 600;
   font-size: 15px;
   cursor: pointer;
   padding: 0.5rem 2.5rem;
   line-height: 25px;
   min-height: 65px;
   height: auto;
   text-transform: uppercase;
}

.menu-btnarea {
   padding-left: 0;
   justify-content: space-evenly;
}

.menu-btnarea .btn-main {
   margin: 0 0 0 10px;
   font-size: 14px;
   text-transform: capitalize;
   display: flex;
   align-items: center;
}

.cookie-btns .btn-main,
.menu-btnarea .btn-main:last-child {
   margin: 0 !important;
}

nav .classynav ul li .active,
nav .classynav ul li a:hover {
   color: #fff;
   position: relative;
}

nav .classynav ul li a::after {
   content: "";
   display: block;
   width: 60%;
   height: 4px;
   z-index: 9;
   background: #e42312;
   margin: auto;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0;
}

.blog-holder .box:hover .content-holder p,
.current-menu-ancestor a,
.current_page_item a {
   color: #000 !important;
}

.current-menu-ancestor a::after,
.current_page_item a::after {
   opacity: 1 !important;
}

.classynav ul li .active::after,
nav .classynav ul li a:hover::after {
   opacity: 1;
   transform: scale(1.15, 1.15);
   animation: 0.5s 0.1s both fadeInUp;
}

.btn-black:hover,
.full-banner .btn-main.btn-white:hover {
   border: 1px solid #fff;
}

.btn,
.btn-main,
.related .card:hover {
   cursor: pointer;
}

.chat-area {
   position: fixed;
   z-index: 999;
   bottom: 4rem;
   right: 15px;
}

.chat-area a {
   display: inline-block;
   width: 60px;
}

.bg-one {
   background: #e42312;
   color: #fff;
   display: block;
}

.bg-three {
   background: #fff;
   color: #000;
   display: block;
}

.bg-one .content-holder {
   padding: 1.5rem;
}

.bg-one:hover,
.tabs-area .tab-pane ul li a:hover {
   color: #fff;
   background: rgb(20 25 33);
}

.bg-one:hover .orange-btn {
   color: #e42312;
   transform: scale(1.15, 1.15);
   -webkit-animation: 0.5s 0.1s both fadeInUp;
   animation: 0.5s 0.1s both fadeInUp;
}

.content-section .calculator-tabs .nav {
   padding-bottom: 0 !important;
}

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

   .classynav ul li .dropdown,
   .classynav ul li .megamenu {
      position: relative;
      left: 0;
      top: 0;
      box-shadow: none;
      width: 100%;
   }

   .classy-navbar-toggler,
   .classycloseIcon {
      display: block;
   }

   .classy-navbar .classy-menu {
      position: fixed;
      top: 0;
      left: -310px;
      z-index: 1000;
      width: 300px;
      height: 100%;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      display: block;
      overflow-x: hidden;
      overflow-y: scroll;
   }

   .classynav ul li,
   .classynav ul li.megamenu-item {
      position: relative;
      z-index: 10;
   }

   .classy-navbar .classy-menu.menu-on {
      left: 0;
   }

   .classynav ul li {
      display: block;
      clear: both;
   }

   .classynav ul li a {
      padding: 0 10px;
      height: 38px;
      line-height: 38px;
   }

   .classynav ul li .dropdown li .dropdown {
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
   }

   .dd-trigger {
      position: absolute;
      width: 20%;
      height: 38px;
      top: 10px;
      left: inherit;
      right: 0;
      bottom: 0;
      background-color: transparent;
      cursor: pointer;
      z-index: 500;
      display: block;
   }

   .app-logo,
   .classynav ul li .dropdown,
   .classynav ul li .dropdown li ul,
   .classynav ul li .megamenu,
   .classynav ul li.megamenu-item>a:after,
   .main-header .top-left,
   .promoblock-menu,
   nav .classynav ul li::after {
      display: none;
   }

   .classynav ul li .megamenu {
      z-index: 200;
   }

   .classynav ul li .megamenu .single-mega.cn-col-3,
   .classynav ul li .megamenu .single-mega.cn-col-4,
   .classynav ul li .megamenu .single-mega.cn-col-5 {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid #f2f4f8;
   }

   .classynav ul li ul.dropdown li ul li {
      margin-left: 15px;
   }

   .classy-btn {
      width: calc(100% - 30px);
      margin: 30px 15px;
   }

   .main-header .top-right ul li a {
      font-size: 10px !important;
      padding: 0.3rem !important;
   }

   .main-header .logo {
      padding: 10px 0;
      width: 100px;
   }

   .main-header .top-right ul li,
   .menu-btnarea .btn-main {
      margin-right: 0 0 0 5px !important;
   }

   .smart-widget .title {
      font-size: 15px;
      margin-bottom: 0.8rem !important;
   }

   .menu-btnarea .btn-main span i,
   .nav-tabs .nav-link,
   p {
      font-size: 13px;
   }

   .classynav ul li ul li ul li a {
      line-height: 15px !important;
   }

   .app ul li:last-child {
      margin-left: 0 !important;
   }

   .classynav .nav-tabs {
      width: 100%;
      font-size: 13px;
   }

   .classynav .nav-tabs li {
      margin-bottom: 0.2rem;
      display: block !important;
      width: 100%;
      padding: 5px 0;
   }

   .nav-tabs .nav-link {
      width: 100%;
      padding: 1rem;
   }

   .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,
   .classynav>ul>li.megamenu-item>.dd-arrow {
      display: block !important;
      right: 35px;
      top: 35px;
   }

   .classy-navbar {
      padding: 0.5em 1em;
   }

   .classy-navbar .nav-brand {
      width: 90px;
   }

   .country-desktop {
      padding: 0 !important;
      border: 0 !important;
   }

   .menu-btnarea .btn-main span {
      font-size: 10px !important;
   }

   .classy-navbar-toggler .navbarToggler span {
      background-color: #fff;
   }

   .classynav {
      display: block !important;
      padding-top: 60px;
   }

   nav .classynav ul li {
      padding: 5px 15px;
   }

   .menu-btnarea {
      display: flex !important;
      margin-top: 0;
   }

   .app-section .app-content-area,
   .footer-nav,
   .mobile-logo {
      display: block !important;
   }

   .cn-dropdown-item.has-down.pr12,
   .megamenu-item.pr12 {
      padding-right: 15px !important;
   }

   .has-down .dd-arrow,
   .megamenu-item .dd-arrow {
      top: 17px;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      position: absolute;
      right: 20px;
      display: block !important;
   }

   .classy-navbar .classy-menu {
      background-color: #131921;
      padding: 1rem;
   }

   .classynav>ul>li>a {
      background-color: transparent;
      border-bottom: 1px solid #fff;
   }

   .menu .current-menu-ancestor a,
   .menu .current_page_item a {
      color: #e42312 !important;
   }

   .classynav>ul>li.has-down.active>.dd-arrow::after,
   .has-down .dd-arrow::after,
   .has-down .dd-arrow::before,
   .has-down.active>.dd-arrow::after,
   .megamenu-item .dd-arrow::after,
   .megamenu-item .dd-arrow::before,
   .megamenu-item.active>.dd-arrow::after {
      background-color: #fff !important;
   }

   .classynav ul li ul li a {
      padding: 0 15px;
   }

   nav .classynav ul li a {
      font-size: 12px;
      color: #fff;
      padding: 0;
      min-height: 50px;
   }

   .mobile-logo {
      text-align: center;
      margin: 0 auto 1.5rem;
      width: 120px;
   }

   .is-sticky {
      top: -1px;
   }

   .full-slider .content-holder {
      width: 100%;
   }

   .full-slider .card {
      padding: 1.5rem;
   }

   .full-banner .content-holder h2 {
      font-size: 17px;
      width: 100%;
   }

   .btn-main.btn-white span {
      padding: 6px 20px;
   }

   .btn-main span {
      font-size: 14px;
   }

   .video-content p {
      width: 90%;
      margin: auto;
      font-size: 14px;
   }

   .video-content h1 {
      font-size: 36px;
      margin-bottom: 1.5rem;
   }

   .banner-video {
      top: 0 !important;
      left: -15rem;
   }

   .banner-video video {
      width: 235%;
      height: 100%;
   }

   .heading h2,
   .video-container h2 {
      font-size: 18px;
      margin-bottom: 10px;
      line-height: 22px;
   }

   .smart-search-filter .form-control input {
      font-size: 13px !important;
      padding: 0 15px 0 0 !important;
   }

   .press-holder .text-end {
      text-align: left !important;
      margin-top: 15px;
   }

   .black-btn i,
   .footer-last ul {
      text-align: center;
   }

   .news-and-stories .content-area h4,
   .webcast .content-area h4 {
      margin-bottom: 10px;
      font-size: 16px !important;
   }

   .classynav ul li ul li.active {
      content: "\f068";
   }

   .line-bg,
   .line-last {
      z-index: -9;
   }

   p {
      line-height: 20px;
      margin-bottom: 10px;
   }

   .icon-card-slider .card {
      padding: 1rem 0;
      min-height: 150px;
   }

   .card .icon {
      width: 40px !important;
   }

   .icon-card-slider .card h3,
   .small-header h3 {
      font-size: 16px;
   }

   .icon-card-slider .card p,
   .read-more {
      font-size: 12px;
   }

   .full-slider .owl-dots {
      left: 0;
      width: 100%;
      text-align: center;
      right: 0;
      margin: auto;
   }

   .owl-theme .owl-nav.disabled+.owl-dots {
      margin-top: 1rem;
   }

   .app-mobile-phone {
      bottom: auto !important;
      width: 300px;
   }

   .our-story .heading h1 {
      font-size: 32px !important;
   }

   .video-holder {
      padding-right: 0;
   }

   .video-blob {
      right: 0 !important;
   }

   .video-blob img {
      width: 80%;
   }

   .video-container P {
      width: 100%;
      font-size: 14px;
   }

   .mobile-app .black-blob {
      width: 20%;
   }

   .mobile-app .owl-carousel .owl-stage {
      min-height: auto;
   }

   footer {
      background-size: cover;
      padding-top: 0 !important;
   }

   .read-more {
      text-decoration: none;
      line-height: 18px;
      font-weight: 600;
   }

   .black-btn i {
      width: 25px;
      height: 25px;
      padding: 7px 0;
      margin: 0;
      font-size: 14px;
   }

   .app-content-area ul,
   .footer-last ul,
   footer ul {
      width: 100%;
      padding-left: 0;
   }

   .news-and-stories .card {
      min-height: 275px;
   }

   footer ul {
      margin-bottom: 1rem;
   }

   .footer-nav {
      column-count: 2;
   }

   .footer-line {
      margin: 0 !important;
   }

   .app-section .content,
   .app-section .content p {
      width: 100%;
      color: #000;
   }

   .app-section .content h2 {
      font-size: 28px;
   }

   .app-content-area ul {
      text-align: left;
   }

   .app-section .content-area {
      padding: 0 1rem;
      position: relative;
   }

   .classy-navbar-toggler,
   .classycloseIcon {
      position: relative;
      z-index: 10000;
      left: 100%;
   }

   .classy-navbar-toggler .navbarToggler.active {
      position: relative;
      top: -2rem;
   }
}

@media screen and (max-width: 1200px) and (min-width: 991px) {
   .main-header .top-menu li {
      margin-right: 20px;
   }

   .main-header .top-menu li a,
   .main-header .top-right ul li a {
      font-size: 12px;
   }

   .bulk-content,
   .straight-cards .box,
   .video-holder {
      padding-right: 0;
   }

   footer .atm-locater {
      padding: 1rem;
   }

   nav .classynav ul li a {
      padding: 1rem;
      font-size: 14px;
   }

   .straight-cards .blog-holder .box h3 {
      min-height: auto;
      font-size: 14px;
      letter-spacing: initial;
      margin-bottom: 10px;
   }

   .video-content p {
      width: 100%;
   }

   .banner-video video {
      width: 115%;
      height: 100%;
   }

   .has-down .megamenu--mega .has-down {
      width: auto;
   }

   .promoblock-menu {
      display: none;
   }

   .main-banner {
      height: 400px;
   }

   .mini-banner {
      height: 200px !important;
      overflow: hidden;
   }

   .video-content h1 {
      font-size: 50px;
   }

   .heading h2,
   .video-container h2 {
      font-size: 22px;
      margin-bottom: 0;
   }
}

.megamenu--mega {
   display: none;
   position: absolute;
   top: 65px;
   z-index: -9;
   width: 100%;
   left: 0;
   background: #fff;
   overflow-x: hidden;
   border-radius: 0 0 10px 10px;
   padding: 2rem 1.5rem;
   -webkit-box-shadow: inset 0 7px 9px -7px rgb(0 0 0 / 40%);
   box-shadow: 0 21px 20px 0 rgb(0 0 0 / 40%);
   border-top: 1px solid;
   min-height: 350px;
}

.black-blob {
   width: auto;
}

.breadcrumb-item+.breadcrumb-item::before,
.classynav ul li ul li a::after,
.classynav ul li ul li ul li a::after,
.cn-dropdown-item .dd-arrow,
.cn-dropdown-item .dd-trigger,
.cn-dropdown-item .megamenu--mega .has-down .dd-arrow,
.cn-dropdown-item .megamenu--mega .has-down .dd-trigger,
.has-down .dd-arrow::after,
.megamenu-item .dd-arrow::after,
.mobile-logo,
.page-item:nth-child(5),
.page-item:nth-child(6),
.top_menu_mobile,
nav .classynav .countries li a::after,
nav .classynav ul li ul li ul li.has-down,
p.result__description {
   display: none;
}

.classynav ul li:hover .megamenu--mega {
   display: flex;
   animation: 0.8s 0.1s both fadeIn;
   justify-content: space-between;
}

.classynav ul li ul li a.page-list-title {
   font-weight: 700 !important;
   font-size: 14px;
   border-bottom: 1px solid #ccc !important;
   width: 90%;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.promoblock-menu a {
   height: auto;
   padding: 0 !important;
   display: block;
}

.classynav ul li ul li a {
   padding: 0;
   display: block;
   min-height: auto;
   font-size: 13px;
   color: #000;
   position: relative;
}

.classynav ul li ul li ul li a {
   font-weight: 400;
   line-height: 25px;
}

nav .classynav ul li ul {
   padding: 1.5rem;
   justify-content: flex-start;
   align-items: flex-start;
}

nav .classynav ul li ul li ul {
   padding: 0;
   margin-bottom: 2rem;
   display: block;
}

.headers {
   position: relative;
   border-bottom: 0;
   background: #fff !important;
   display: block;
   -webkit-box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
   box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
   z-index: 91;
}

.breadcramps li:last-child a::after,
.promoblock-menu a::after {
   display: none !important;
}

.classynav ul li ul li a:hover,
.classynav ul li ul li ul li a:hover,
.classynav ul li ul li ul li.current_page_item a {
   color: #e42312 !important;
   font-weight: 600;
}

.classynav ul li ul li a,
.classynav ul li ul li ul li a {
   border-bottom: none !important;
   transition: 0.4s linear;
}

.full-slider-banner .content-holder p {
   font-size: 18px;
   letter-spacing: 1px;
   width: 80%;
   line-height: 30px;
   font-weight: 200 !important;
}

.full-slider-banner .content-holder h1 {
   letter-spacing: 2px;
   font-size: 39px;
   margin-bottom: 1rem;
}

.faq,
.full-slider-banner .card {
   min-height: 550px;
}

.title-heading {
   position: relative;
   padding-left: 2rem;
}

.title-heading::before {
   content: "";
   display: inline-block;
   background: #e42312;
   width: 5px;
   height: 55%;
   position: absolute;
   left: 15px;
   top: 0;
}

.title-heading h2 {
   font-size: 26px;
   margin-bottom: 5px;
   line-height: 33px;
}

.bg-null {
   border: 1px solid #e42312;
   background: 0 0 !important;
}

.bg-two,
.btn-black span {
   background: #141921;
}

.slider-cards-and-titles .bg-null {
   min-height: 375px;
}

.box:hover,
.card:hover {
   -webkit-box-shadow: 0 3px 14px -7px #00000054;
   box-shadow: 0 3px 14px -7px #00000054;
}

.accordion-button,
.blog-holder .box:hover,
.btn-readmore,
.full-slider-banner .card:hover,
.no-bg:hover,
.related-cards .card:hover,
.tabs-area .form-control:focus {
   box-shadow: none !important;
}

.bd-bottom,
.slider-cards-and-titles {
   border-bottom: 2px solid #ffefe5;
}

.slider-cards-and-titles .owl-nav {
   position: absolute;
   top: -4.5rem;
   text-align: right;
   width: auto;
   margin: 0;
   right: 0;
}

.full-slider-banner .card::before {
   background: #00000030;
}

.calc-line {
   position: absolute;
   right: 0;
   top: 0;
   z-index: -99;
}

.calc-head {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-bottom: 2rem;
}

.calc-head h4 {
   font-size: 16px;
   font-weight: 700;
   margin: 0;
}

.calc-form h3 {
   display: inline-block;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 0.5px;
   margin: 0 !important;
}

.calc-form .form-select {
   background-image: url("../images/icons/select-arrow.svg");
   background-repeat: no-repeat;
   background-position-x: 95%;
   background-position-y: 50%;
}

.calculator {
   padding: 2rem 2rem 1.5rem;
}

.calc-form .form-control,
.calc-form .form-select {
   padding: 10px 20px;
   border: 1px solid #00000040;
   border-radius: 5px;
   margin: 5px 0;
   font-size: 14px;
}

.calc-form .form-control {
   color: #e42312;
   font-weight: 600;
   background: 0 0;
}

.form-group {
   position: relative;
   margin-bottom: 1rem;
}

.total h2 {
   font-weight: 700;
   font-size: 36px;
   margin-top: 0;
}

.total h2 sup {
   font-weight: 500;
   font-size: 16px;
   top: -1.2rem;
}

.form-control:focus {
   box-shadow: 0 0 0 0.15rem #e4231224;
}

.form-control::placeholder {
   color: #444;
   font-weight: 300;
}

.form-control:-ms-input-placeholder {
   color: #444;
   font-weight: 300;
}

.form-control::-ms-input-placeholder {
   color: #444;
   font-weight: 300;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
   font-weight: 200;
   font-size: 16px;
   transform: none;
   font-family: "Font Awesome 6 Free";
}

.slider-cards-and-titles .card {
   min-height: 400px;
   height: 95%;
}

.box,
.business-cards .box,
.downloads .card,
.mobile-phone-slider .owl-carousel .owl-stage {
   min-height: auto;
}

.barcode {
   display: flex;
   border: 1px solid #e42312;
   border-radius: 10px;
   overflow: hidden;
   padding: 1.5rem;
   justify-content: flex-start;
   margin-top: 1.5rem;
}

.barcode h2 {
   font-size: 15px;
   padding-left: 1.5rem;
}

.barcode h2 span {
   font-weight: 400;
   display: block;
   margin-top: 5px;
}

.slider-cards-and-titles .line-last {
   top: -30rem;
}

.related-cards .card {
   border: 0 !important;
   background: 0 0;
}

.faq .heading h2,
.related-cards .heading h2 {
   font-size: 28px;
}

.related-cards .card:hover .bg-icon,
.related-cards .card:hover .read-more i {
   background: rgb(20 25 33);
}

.bg-two {
   color: #fff;
   padding-left: 0;
}

.faq-area .accordion-item {
   background: #fff;
   border: 0;
   margin-bottom: 1rem;
   border-radius: 10px;
   padding: 0 15px;
}

.accordion-button,
.accordion-button:not(.collapsed) {
   background: 0 0;
   color: #000;
}

.accordion-button,
.accordion-button:focus {
   border-color: transparent !important;
}

.accordion-button {
   padding-left: 0;
   padding-right: 0;
   font-weight: 600;
   font-size: 14px;
   outline: 0 !important;
}

.accordion-button::after,
.straight-cards .box:hover {
   background: 0 0 !important;
}

.accordion-body {
   padding: 0 0 1.5rem;
   -webkit-animation: 0.8s 0.1s both fadeIn;
   animation: 0.8s 0.1s both fadeIn;
}

.accordion-body p {
   font-size: 15px;
   width: 90%;
   margin-bottom: 0 !important;
}

.faq .line-bg {
   right: 0;
   left: auto;
   z-index: 99;
}

.accordion-button::after {
   content: "\f067" !important;
   color: #000;
}

.accordion-button:not(.collapsed)::after {
   content: "\f068" !important;
   color: #000;
   background: 0 0 !important;
}

.four-cards .card:hover .image-holder img,
.history-holder .card:hover h3,
.mind-money .card:hover h2,
.related .card:hover img,
.related .card:hover span,
.three-slider .card:hover .image-holder img,
.values:hover .icon-holder,
.values:hover h3 {
   transform: scale(1.15, 1.15);
}

.faq::after {
   content: "";
   display: block;
   width: 100%;
   background: url(../images/icons/bg-two-curve.png) right/100% no-repeat;
   position: absolute;
   bottom: -100px;
   right: 0;
   height: 140px;
   z-index: -99;
}

.iniside-content .card {
   height: 100%;
   justify-content: center;
   border: 1px solid #e42312;
   padding: 2rem 1.5rem;
}

.bulk-content {
   padding-right: 5rem;
}

.iniside-content p {
   line-height: 30px;
}

.iniside-content .card p {
   line-height: inherit;
}

.btn-black {
   border: 1px solid #000;
}

.btn-black:hover span {
   background: #fff;
   color: #141921;
}

.iniside-content .card:hover {
   border: 1px solid #141921;
}

.inside-calc .card {
   background: #e42312;
   border-radius: 7px;
   height: auto;
}

.inside-calc h2 {
   font-size: 18px;
   letter-spacing: 0.8px;
   font-weight: 600;
   margin-bottom: 2rem;
}

.inside-calc form {
   padding: 1.5rem 0.5rem;
}

.inside-calc label {
   font-weight: 300;
   font-size: 14px;
   margin-bottom: 10px;
}

.content-section h3,
.content-section h4,
article h4 {
   font-weight: 700;
   margin-bottom: 1.5rem;
}

.inside-calc .form-group {
   margin: 0 0 1.8rem;
}

.inside-calc .form-control {
   background: #fff;
   border: 0;
   padding: 12px 15px;
   font-size: 14px;
   letter-spacing: 0.8px;
}

.banner-holder,
.box .image-holder {
   background-position: center center !important;
   background-size: cover !important;
   background-repeat: no-repeat !important;
}

.bulk-content H1,
.calculator-form .form-group,
.starts-holder,
article img {
   margin-bottom: 1.5rem;
}

.banner-holder {
   height: 400px;
   overflow: hidden;
}

.banner-content,
.box {
   height: 100%;
   display: flex;
}

.banner-content {
   width: 50%;
   align-items: center;
   justify-content: end;
   color: #fff;
   float: right;
   position: relative;
}

.mobile-placeholder {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   text-align: center;
}

.banner-content h1 {
   width: 85%;
   text-align: right;
   margin-bottom: 1rem;
}

.static-banner .video-holder {
   position: absolute;
   padding-right: 0;
   margin: 2rem 0 0;
   right: 10%;
   bottom: 10%;
}

.content-section h4,
article h4 {
   font-size: 18px;
   letter-spacing: 0.5px;
}

.content-section ul,
article ul,
ol {
   padding-left: 15px;
}

.content-section ul li,
.request-callback .form-group,
article ul li,
ol li {
   margin-bottom: 0.5rem;
}

ol li,
ul li {
   margin-bottom: 0.8rem;
}

.content-section ul li a,
article ul li a,
ol li a {
   text-decoration: none;
   color: #2678be;
   font-size: 1rem;
}

.box {
   flex-direction: row;
   padding: 0;
   border: 0 !important;
   overflow: hidden;
   border-radius: 15px;
   margin-bottom: 1.5rem;
   position: relative;
   text-decoration: none;
   color: #000;
}

.box .image-holder {
   width: 100%;
   height: 90%;
}

.box .content-holder {
   border: 1px solid #e42312;
   border-right: 0;
   padding: 1rem 1.5rem;
   border-radius: 15px 0 0 15px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
}

.focus-area .box,
.slider-cards-and-titles .box {
   flex-direction: column;
}

.box:hover .content-holder {
   color: #fff !important;
   border: 1px solid rgba(255, 255, 255, 0) !important;
}

.slider-cards-and-titles .box .content-holder {
   border: 1px solid #e42312;
   border-radius: 0 0 15px 15px;
   border-top: 0 !important;
   color: #000;
   display: block;
   padding: 1.5rem;
}

.card-images {
   padding: 10px;
}

.stacked-cards .image-holder {
   height: 230px;
}

.leader-item .card {
   height: 250px;
}

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

   .calculator-form .form-group label,
   .filter-search {
      font-size: 11px;
   }

   .filter-search span,
   .request-callback h2 {
      font-size: 18px !important;
   }

   .search-form-container {
      width: 95% !important;
   }

   #loading_div_downloads div,
   .downloads .title,
   nav .classynav ul li ul li ul {
      margin-bottom: 0 !important;
   }

   h5 {
      font-family: Helvetica;
      font-size: 15px;
      font-weight: 800;
   }

   .request-callback .form-group {
      margin-bottom: 0.5rem !important;
   }

   .calculator-form .form-group,
   .calculator-tabs li {
      margin-bottom: 10px !important;
   }

   label {
      font-size: 13px !important;
   }

   .request-callback h2 {
      padding: 0 !important;
   }

   .smart-widget .owl-theme .owl-nav.disabled+.owl-dots {
      margin-top: 0 !important;
   }

   .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,
   .classynav>ul>li.megamenu-item>.dd-arrow {
      top: 15px !important;
   }

   .calculator-tabs li a,
   .classynav ul li ul li a,
   .classynav ul li ul li a.page-list-title {
      font-size: 12px !important;
   }

   .breadcramps,
   .classynav ul li:hover .megamenu--mega,
   nav .classynav ul li a::after {
      display: none;
   }

   .calculator-tabs li {
      list-style-type: none;
      width: 100%;
   }

   .filter-search {
      min-width: auto;
      padding: 0.2rem 1.5rem;
   }

   .smart-search-filter .form-outline i {
      font-size: 16px;
   }

   .smart-search-filter .input-group {
      margin-bottom: 10px;
   }

   .news-holder .heading {
      margin-bottom: 1rem;
   }

   .filters .input-group:first-child {
      padding: 0;
   }

   .downloads .title span {
      font-size: 12px;
   }

   .full-slider-banner .content-holder h1 {
      font-size: 32px;
   }

   .blog-holder {
      height: 400px !important;
      margin-bottom: 1rem !important;
   }

   .blog-holder .box .image-holder {
      height: 100%;
   }

   .straight-cards .content-holder h3 {
      margin: 0.6rem 0 !important;
   }

   .faq::after {
      bottom: -80px;
   }

   .straight-cards .box {
      padding-right: 0;
   }

   .classynav ul li .dropdown {
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
      box-shadow: none;
      padding: 0;
      border-radius: 0;
      background: 0 0;
      z-index: 999;
      display: none;
      overflow: inherit;
   }

   .classynav ul li ul li a {
      color: #fff;
   }

   .megamenu--mega .has-down {
      width: 100% !important;
   }

   .classynav ul li ul.dropdown li ul li {
      margin-left: 0;
   }

   nav .classynav ul li .active,
   nav .classynav ul li a:hover {
      color: #e42312;
   }

   .classynav ul li.cn-dropdown-item {
      width: 100%;
      position: relative !important;
   }

   .menu-btnarea .btn-main:hover {
      border: 1px solid rgb(251 251 251);
   }

   .menu-btnarea .btn-main:hover span {
      background: #fff;
      color: #131921;
   }

   .calculator {
      padding: 1rem;
   }

   .card {
      width: 100%;
   }

   .classy-navbar .classy-menu {
      left: 100%;
      width: auto;
   }

   .classynav .tab-content>.active {
      flex-wrap: wrap;
   }

   .bulk-content {
      padding-right: 15px;
   }
}

.focus-area .box {
   background: #fff;
}

.straight-cards .box {
   flex-direction: column;
   border-radius: 0;
   padding-right: 2rem;
}

.focus-area .content-holder,
.straight-cards .content-holder {
   border: 0 !important;
   transition: 0.3s ease-in-out;
   justify-content: start;
}

.bt-black:hover,
.related .card img,
.related .card:hover img {
   transition: 0.8s ease-in-out;
}

.focus-area .box:hover .content-holder,
.straight-cards .box:hover .content-holder {
   color: #e42312 !important;
   border: 0 !important;
}

.our-stories.owl-carousel .owl-stage {
   min-height: 350px;
}

.our-stories .box p {
   margin-bottom: 0 !important;
}

.our-stories .content-holder h3 {
   color: #e42312;
   font-size: 16px;
   margin-bottom: 1rem;
}

.our-stories .owl-nav.disabled+.owl-dots {
   margin-top: 2rem;
}

.our-story .heading h1 {
   margin-bottom: 1.5rem;
   font-weight: 600;
   font-size: 52px;
}

.straight-cards .content-holder {
   padding: 0 !important;
   border: 0 !important;
}

.straight-cards .content-holder h3 {
   margin: 1.1rem 0;
   font-size: 15px;
   letter-spacing: 0.5px;
   line-height: 23px;
}

.contact-info .heading h2,
.heading h1,
.press-holder .small-card .btn-readmore,
.press-holder .small-card p,
ol,
ul {
   margin-bottom: 1rem;
}

.straight-cards .box .image-holder {
   border-radius: 15px;
   background-position: top !important;
}

.straight-cards .owl-stage {
   min-height: 460px;
}

.blog-holder .box {
   padding-right: 0;
   padding-bottom: 15px;
}

.blog-holder,
.video-banner {
   height: 500px;
}

.blog-holder .box:hover .content-holder h3,
.content-holder p a:hover {
   color: #e42312 !important;
}

.nav-pills .nav-link {
   background: 0 0;
   border: 0;
   border-radius: 30px;
   padding: 8px 25px;
   margin-right: 0.6rem;
   color: #141921;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:hover {
   background-color: #141921;
   color: #fff;
}

.nav-pills {
   border: 1px solid #e42312;
   padding: 10px;
   border-radius: 30px;
}

.holder-map,
.tabs-area .tab-pane ul {
   padding: 0 !important;
   overflow: hidden;
}

.blog-holder .box .image-holder {
   height: 84%;
}

.blog-cards .fade {
   animation: 0.7s cubic-bezier(0.4, 0, 1, 1) 0.3s both fadeIn;
}

.contact-info .box .content-holder {
   padding: 10px 1rem;
}

.contact-info {
   border-bottom: 0 !important;
}

.tabs-area .nav-pills {
   border: 1px solid #ccc;
   padding: 5px 10px;
   border-radius: 10px;
   justify-content: space-between;
}

.tabs-area .nav-pills .nav-link {
   border-radius: 10px;
   padding: 5px 20px;
   font-size: 14px;
}

.tabs-area .input-group {
   border: 1px solid #ccc;
   padding: 0;
   border-radius: 10px;
   margin-bottom: 5px;
   justify-content: space-evenly;
}

.tabs-area .input-group .btn {
   position: relative;
   z-index: 2;
   background: 0 0;
   border: none;
   color: #ccc;
   outline: 0 !important;
   box-shadow: none !important;
}

.tabs-area .form-outline {
   border: 0;
   width: 85%;
}

.tabs-area .form-control {
   border: 0;
   font-size: 14px;
}

.tabs-area .tab-pane ul {
   background: #f7f7f7;
   border-radius: 10px;
   margin-top: 5px;
}

.tabs-area .tab-pane ul li {
   border-bottom: 1px solid #ccc;
   position: relative;
}

.tabs-area .tab-pane ul li:last-child {
   border-bottom: none !important;
}

.tabs-area .tab-pane ul li a {
   color: #000;
   text-decoration: none;
   padding: 1.3rem;
   display: block;
   transition: 0.5s ease-in-out;
}

.tabs-area .tab-pane ul li h4 {
   font-weight: 600;
   font-size: 14px;
   margin-bottom: 0;
}

.tabs-area .tab-pane ul li p {
   font-size: 13px;
   margin-bottom: 0;
}

.tabs-area .tab-pane ul li span {
   position: absolute;
   right: 15px;
   top: 25%;
   color: #e42312;
   font-size: 20px;
}

.holder-map {
   border: 1px solid #cccc;
   border-radius: 10px;
}

.holder-map .tabs-area {
   padding: 5px 0 5px 18px;
}

.banner-icons .row,
nav .classynav ul li ul li ul li,
table {
   width: 100% !important;
}

.inside-blog h1 {
   font-size: 30px;
}

.breadcrumbs ul {
   display: flex;
   padding-left: 0;
}

.breadcrumbs ul li {
   padding: 0 1rem 0 0;
}

.breadcrumbs ul li a,
.breadcrumbs ul li span {
   color: #000;
   font-weight: 300;
   font-size: 14px;
   text-decoration: none;
}

.breadcrumbs ul li a:after,
.breadcrumbs ul li span::after {
   content: "";
   width: 7px;
   height: 7px;
   background: #e42312;
   display: inline-block;
   border-radius: 100%;
   margin-left: 1rem;
}

ol,
ul {
   margin-top: 1rem;
}

ul li {
   list-style: disc;
}

ol li {
   list-style: numbers;
}

.nav-pills li,
nav .classynav ul,
nav .classynav ul li {
   margin-bottom: 0;
   margin-top: 0;
}

.app-content-area,
.content-center {
   justify-content: space-between;
}

.app-content-area .content {
   font-weight: 300;
   width: 100%;
}

@media only screen and (max-width: 576px) {
   .mobile-app .black-blob {
      width: 30%;
   }
}

.bt-black {
   border: 1px solid #000;
   margin-left: 5px;
}

.bt-black span {
   background: #000;
   font-weight: 600;
   letter-spacing: 0.5px;
   padding: 10px 30px;
}

.bt-black:hover {
   border: 1px solid #e42312;
   color: #fff;
}

.scroll a {
   color: #fff;
   display: inline-block;
   text-decoration: none;
}

.full-card h4,
.small-card h2 {
   margin: 0 0 1rem;
   color: #0077be;
}

.scroll a span {
   display: block;
   width: 100%;
   text-decoration: none;
   margin: 3px auto;
   font-size: 12px;
}

.scroll img {
   height: 25px;
}

.main-banner-full .owl-nav {
   position: absolute;
   bottom: 50%;
   width: 100%;
   max-width: 1200px;
   left: 0;
   right: 0;
   margin: auto;
}

.main-banner-full .owl-nav [class*="owl-"] {
   color: #e42312;
   background: #fff;
}

.banner-image {
   height: 100vh;
   background-size: cover;
   background-position: center center;
   position: absolute;
   left: 0;
   width: 100%;
   top: 0;
   padding: 0;
}

.main-banner .row {
   margin: 0;
   width: 100vw;
   overflow-x: hidden;
}

.video-content {
   z-index: 999999;
}

@media only screen and (max-width: 676px) {
   .video-content {
      padding-top: 0 !important;
   }

   .mobile-phone-slider {
      margin-top: 1.5rem;
   }
}

@media (min-width: 1250px) {

   .container,
   .full-banner .owl-dots {
      max-width: 1200px;
   }
}

@media (min-width: 992px) {
   .full-banner .owl-dots {
      max-width: 960px;
   }
}

@media (min-width: 768px) {
   .full-banner .owl-dots {
      max-width: 720px;
   }
}

@media (min-width: 576px) {
   .full-banner .owl-dots {
      max-width: 540px;
   }
}

.copyright ul li {
   padding: 0 1.8rem;
}

.up-btn {
   color: #fff;
   font-size: 28px;
   float: right;
   padding: 1rem;
   transform: rotate(35deg) !important;
   font-weight: 300;
}

.help-up-btn {
   color: red;
   position: absolute;
   right: 0;
   top: 0;
   font-size: 20px;
}

.card:hover .help-up-btn {
   color: red;
}

.full-card h4 {
   font-weight: 700;
   font-size: 24px;
}

.small-card h2 {
   font-weight: 700;
   font-size: 20px;
}

.btn-readmore {
   text-decoration: none;
   font-weight: 700;
   font-size: 14px;
   line-height: 17px;
   color: #e42312;
   padding: 0;
   letter-spacing: 0.5px;
}

.breadcrumb-item+.breadcrumb-item,
.breadcrumb-item.active,
.close {
   line-height: 0;
}

.date,
.filters .input-group input,
.form-control,
.share-btns,
.time-date {
   letter-spacing: 0.8px;
}

.btn-readmore i {
   padding-left: 10px;
}

.main-banner .image-holder {
   background-size: cover !important;
   color: #fff;
   border-radius: 0;
}

.main-banner .image-holder::after {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   background: #00000040;
   position: absolute;
   left: 0;
   bottom: 0;
}

.content-banner-holder {
   z-index: 99;
}

.btn-red {
   background: #e42312;
   border: 1px solid #e42312;
   margin: 0;
}

.btn-red span {
   color: #fff;
   font-size: 14px;
   font-weight: 700;
}

.btn-red span i {
   transform: rotate(45deg);
   display: inline-block;
   margin-left: 5px;
}

.content-banner-holder h1 {
   font-size: 30px;
   line-height: 40px;
   margin: 1rem 0 0.5rem;
}

.content-banner-holder h2,
.leadership-board h2 {
   font-size: 24px;
}

.menu-btnarea .btn-main span {
   font-size: 12px;
   padding: 1.4px;
}

.main-banner-full .owl-dots {
   position: absolute;
   z-index: 9;
   bottom: 150px;
   margin: auto;
   left: 0;
   right: 30px;
   text-align: left;
}

@media only screen and (max-width: 1200px) {
   .main-banner-full .owl-dots {
      bottom: 135px;
   }
}

@media only screen and (max-width: 992px) {
   .smart-widget .heading {
      margin-top: -6.5rem;
   }

   .main-banner-full .owl-dots {
      bottom: 43%;
   }
}

.menu-btnarea .btn-main span i {
   font-size: 14px;
   padding: 0 5px;
}

.menu-btnarea .search {
   margin-left: 0 !important;
}

.mid-height {
   height: 430px;
}

.content-banner-holder span {
   font-family: Tahoma;
   font-weight: 700;
   letter-spacing: 0.3px;
   font-size: 15px;
}

.bold-paragraph p {
   width: 85%;
}

.mid-height .owl-dots {
   bottom: 10%;
}

.content-padding,
.title-text {
   padding-left: 0 !important;
}

.history-content {
   position: relative;
   color: #27b8e7;
   padding-top: 1rem;
}

.history-line,
.history-line::after,
.history-line::before {
   display: block;
   position: absolute;
}

.history-line {
   color: #27b8e7;
   right: 0;
}

.history-line::before {
   content: "";
   width: 50px;
   height: 1px;
   background: #27b8e7;
   right: 0;
   top: 50%;
}

.history-line::after {
   content: "";
   width: 1px;
   height: 50px;
   background: #27b8e7;
   right: 50%;
   top: -50%;
}

.history-content h2 {
   font-size: 16px;
   text-transform: uppercase;
   letter-spacing: 1.8px;
}

.history-content h3 {
   font-weight: 700;
   color: #0077be;
   font-size: 41px;
   letter-spacing: 2px;
   margin: 15px 0;
}

.career-slider .owl-stage-outer,
.history-slider .owl-stage-outer,
.leadership-slider .owl-carousel .owl-stage-outer,
.news-and-stories .owl-stage-outer {
   overflow: visible;
}

.history-slider .owl-nav.disabled+.owl-dots,
.smart-widget .tab-content .card {
   margin-top: 0;
}

.no-bg {
   padding: 0 15px 0 0;
   border: 0;
}

.history-holder .card:hover h3 {
   -webkit-animation: 1s 0.1s both fadeInDown;
   animation: 1s 0.1s both fadeInDown;
}

.history-holder .card:hover .history-line {
   transform: scale(1.15, 1.15);
   -webkit-animation: 1.5s 0.1s both fadeInRight;
   animation: 1.5s 0.1s both fadeInRight;
}

.dark-dots .owl-theme .owl-dots .owl-dot span {
   background: #d9d9d9;
}

.leadership-board h4,
.nav-tabs .nav-link i {
   font-size: 18px;
}

.heading h1 {
   color: #0077be;
   font-size: 32px;
}

.close,
.related span {
   color: #e42312;
   position: absolute;
}

.inside-tabs {
   border: 1px solid #ccc;
   display: inline-block;
   width: auto;
   margin: auto;
   border-radius: 10px;
   overflow: hidden;
}

.inside-tabs ul {
   display: flex;
   align-items: center;
   justify-content: space-around;
   padding: 0;
   margin: 0;
   background: #fff;
}

.inside-tabs ul li {
   margin: 0;
   border-right: 1px solid #ccc;
}

.inside-tabs ul li:last-child {
   border: none !important;
}

.inside-tabs ul li a {
   padding: 1rem;
   display: block;
   text-decoration: none;
   font-weight: 600;
   color: #444;
   font-size: 14px;
}

.inside-tabs ul li a.active,
.inside-tabs ul li a:hover,
.popular-key li span:hover {
   background: #0077be;
   color: #fff;
}

.related span {
   top: 10px;
   right: 1rem;
   font-size: 22px;
   z-index: 9;
}

.breadcramps a,
.breadcramps span {
   padding: 0 0.3rem 0 0;
   color: #7d7d7d;
   letter-spacing: 0.5px;
   font-weight: 700;
   text-decoration: none;
}

.related .card:hover span {
   color: #0077be;
   -webkit-animation: 0.8s 0.1s both fadeInDown;
   animation: 0.8s 0.1s both fadeInDown;
}

.ncba-model .modal-body {
   padding: 1rem 2rem;
}

.close {
   border: 0;
   background: 0 0;
   font-size: 29px;
   right: 1.5rem;
   top: 1rem;
   z-index: 999;
}

.ncba-model .modal-content {
   border: 1px solid #dfdede;
   border-radius: 10px;
}

.breadcramps li {
   margin-bottom: 0;
}

.breadcramps a {
   font-size: 10px;
   display: block;
}

.breadcramps span {
   font-size: 10px;
   display: inline-block;
}

.breadcramps a::after {
   content: "\f105";
   display: inline-block;
   font-family: "Font Awesome 6 Free";
   font-style: normal;
   font-weight: 400;
   text-decoration: inherit;
   color: #0077be;
   font-size: 10px;
   padding-left: 10px;
}

.rounded-3,
form button {
   border-radius: 10px !important;
}

.breadcramps {
   border-bottom: 1px solid #f0f0f0;
}

.press-holder .image-holder {
   height: 150px;
}

.press-holder .min-head {
   font-weight: 700;
   font-size: 13px;
   display: block;
   color: #444;
   margin-bottom: 10px;
}

.downloads .title h3,
.press-holder .small-card h2 {
   font-size: 16px;
}

.filters .input-group {
   padding: 0 0 0 1.5rem;
}

.filters .input-group .form-control {
   border-radius: 10px;
   background: #fff;
   display: flex;
   border: 1.8px solid #a2a2a1;
   color: #a2a2a1;
   padding: 13px 1rem;
   justify-content: space-between;
   align-items: center;
}

.filters .form-select {
   background-color: #fff;
   padding: 13px 1rem;
   margin: 0;
   box-shadow: none;
   outline: 0;
   color: #444;
   font-size: 14px;
}

.form-control {
   border-radius: 10px;
   color: #000;
   padding: 10px 1rem;
   background: #f8f8f8;
   border: 1px solid #dfdede;
   font-size: 14px;
}

.form-control:focus {
   border-color: #0077be;
   outline: 0;
   box-shadow: none !important;
}

.filters .input-group input {
   border: 0;
   margin: 0;
   font-family: Tahoma;
   font-weight: 300;
   color: #a2a2a1;
   width: 94%;
   outline: 0;
}

.additional .starts-holder,
.get-in-touch p,
.life-career .small-card p,
.new-footer li,
.press-holder .heading h2,
.supplier .downloads .title,
.supplier .downloads .title h3 {
   margin-bottom: 0;
}

.filters .form-select:focus {
   border-color: inherit;
}

.reports .starts li:last-child,
.starts li {
   border-bottom: 1px solid #d9d9d9;
}

.share-btns {
   background: #e0e0e0;
   box-shadow: 0 0.716418px 2.86567px rgb(0 0 0 / 8%);
   border-radius: 2.86567px;
   display: inline-block;
   padding: 10px 15px;
   font-weight: 700;
   color: #7d7d7d;
   font-size: 14px;
}

.share-btns ul li {
   margin: 0;
}

.share-btns ul li a {
   text-decoration: none;
   color: #7d7d7d;
   padding: 0 15px;
   font-size: 18px;
   border-right: 1px solid #7d7d7d;
}

.share-btns ul li a:hover {
   color: #0077be;
   -webkit-animation: 0.8s 0.1s both fadeInUp;
   animation: 0.8s 0.1s both fadeInUp;
   transition: ease-in-out;
}

article .heading h1,
article h1 {
   margin-bottom: 2rem;
   letter-spacing: 0.8px;
}

.date {
   display: block;
   margin-bottom: 1rem;
   font-weight: 700;
}

.coverage .card p,
.downloads .title,
.time-date,
label {
   margin-bottom: 10px;
}

.content-section p,
article p {
   line-height: 25px;
   width: 90%;
   margin-bottom: 1rem;
}

.time-date {
   font-size: 14px;
}

.starts li {
   display: flex;
   align-items: center;
   margin-bottom: 5px;
}

.starts h3,
.starts span {
   width: 100%;
   font-size: 13px;
   margin-bottom: 0;
   letter-spacing: 0.5px;
}

.start-title h2 {
   font-size: 55px;
   color: #000;
   margin-bottom: 0;
}

.start-title h4 {
   color: #e42312;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: 0.5px;
}

.start-date {
   position: absolute;
   top: 10px;
   right: 0;
   font-size: 14px;
   display: inline-block;
}

.starts li a {
   text-decoration: none;
   color: #000;
   letter-spacing: 0.5px;
   font-size: 15px;
   display: block;
   width: 100%;
}

.starts-holder .starts li a {
   display: flex;
   padding: 5px 0;
}

.starts-holder .starts li a i {
   color: #e42312;
   font-size: 18px;
}

.starts-holder .image-holder {
   height: 200px;
}

.get-in-touch h2,
.video-button span {
   display: flex;
   align-items: center;
}

.get-in-touch h2 img {
   width: 30px;
   margin: 0 1rem 0 0;
}

.starts-holder .starts li a:hover,
.starts-holder .starts li a:hover i {
   color: #0077be;
   transition: 0.3s ease-in-out;
}

.small-card p a {
   text-decoration: none;
   color: #0077be;
}

label {
   font-weight: 700;
   display: block;
   font-size: 14px;
   color: #444;
}

.get-in-touch button {
   padding: 10px;
   box-shadow: none !important;
}

.reports .card {
   min-height: 100px;
}

.content-section .btn-red span {
   font-size: 16px;
   padding: 5px 15px;
}

.download-btn,
.downloads .title span {
   font-size: 14px;
   letter-spacing: 0.8px;
}

.webcast .card,
.webcast .single-popup-wrap {
   min-height: 380px;
   background-repeat: no-repeat;
   position: relative;
   background-size: cover;
   background-position: center center;
   border-radius: 10px;
   color: #ffff;
   padding: 1.5rem;
   overflow: hidden;
}

.webcast-content {
   position: absolute;
   bottom: 6%;
   color: #fff;
   z-index: 1;
}

.life-career .webcast-content,
.plan-holder .btn-main,
.webcast-content h2 {
   width: 90%;
}

.gallery-image-holder::after,
.webcast .single-popup-wrap::after {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   background: #020024;
   background: linear-gradient(0deg,
         rgb(2 0 36 / 67%) 19%,
         rgba(0, 212, 255, 0) 100%);
   position: absolute;
   left: 0;
   top: 0;
   transition: 0.3s linear;
}

.description:hover,
.image-holder img {
   transition: 0.5s ease-in-out;
}

.downloads ul li {
   border-bottom: 1px solid #e0e0e0;
}

.download-btn {
   background: #fff;
   border: 1px solid #e42312;
   border-radius: 10px;
   color: #e42312;
   padding: 7px 25px;
}

.download-btn:hover {
   background: #0077be;
   border: 1px solid #0077be;
   color: #fff;
}

.view-jobs .btn-red {
   background: 0 0;
}

.blue-shade-bg {
   background: rgba(0, 119, 190, 0.05);
}

.values .icon-holder {
   width: 55px;
   margin: 0 auto 10px;
   display: block;
}

.values:hover .icon-holder {
   -webkit-animation: 0.5s 0.1s both fadeInDown;
   animation: 0.5s 0.1s both fadeInDown;
}

.values:hover h3 {
   -webkit-animation: 0.7s 0.1s both fadeInUp;
   animation: 0.7s 0.1s both fadeInUp;
   color: #e42312;
}

.banner-icons p {
   width: 90%;
   letter-spacing: 0.8px;
}

.four-cards .image-holder {
   height: 180px;
}

.life-career .small-card h2 {
   color: #fff;
   margin-bottom: 5px;
}

.life-career .video-link .ht-popup-video .video-button__two .video-play {
   width: 50px;
   height: 50px;
}

.life-career .card:hover {
   box-shadow: none;
}

.video-background {
   position: absolute;
   top: -23%;
   left: 0;
}

.btn-red:hover {
   background: #0077be;
   border: 1px solid #0077be;
   color: #fff !important;
}

.btn-red:hover span {
   color: #fff !important;
   -webkit-animation: 0.1s 0.2s both fadeInLeft;
   animation: 0.4s 0.1s both fadeInLeft;
}

.card:hover .gallery-image-holder::after,
.webcast .video-link:hover .single-popup-wrap::after {
   background: linear-gradient(0deg,
         rgb(0 0 0 / 74%) 19%,
         rgba(0, 212, 255, 0) 100%);
}

@media only screen and (max-width: 991px) {
   .want-heading {
      margin-bottom: 0 !important;
      font-size: 16px;
   }

   .smart-widget .tab-content .card .p-4 {
      padding: 0.7rem 0 !important;
   }

   .inside-blog .intro-copy h1 {
      font-size: 26px;
   }

   .accordion-button,
   .breadcrumbs ul li a,
   .breadcrumbs ul li span,
   .btn-readmore,
   .btn-red span,
   .content-banner-holder span,
   .history-content h2,
   .values h3 {
      font-size: 12px;
   }

   .app-content-area li .btn-main {
      font-size: 14px;
      border: 1px solid #e42312;
   }

   .footer-last ul li,
   .rounded-3,
   nav.inside-tabs {
      width: 100%;
   }

   .inside-tabs ul {
      display: block !important;
      column-count: 2;
      padding: 10px;
   }

   .breadcramps a::after {
      font-size: 7px;
      padding-left: 7px;
   }

   .content-banner-holder h1 {
      font-size: 20px;
      letter-spacing: 0;
      line-height: 23px;
      margin: 10px 0;
      width: 85%;
   }

   .main-banner {
      height: 80vh;
   }

   .mini-banner {
      height: 350px !important;
   }

   .social-icons a {
      font-size: 20px;
      padding: 0 1rem;
   }

   .copyright ul li {
      padding: 0 0.6rem;
   }

   .footer-last ul li a {
      font-size: 10px;
   }

   .full-card h4 {
      font-size: 16px;
      margin: 0 0 5px;
   }

   .image-holder {
      height: 170px;
      margin-bottom: 0.5rem;
   }

   .history-content h3 {
      margin: 5px 0;
      font-size: 24px;
   }

   .inside-tabs ul li,
   .owl-theme .owl-nav.disabled+.owl-dots {
      text-align: left;
   }

   .bold-paragraph p {
      font-size: 12px;
      letter-spacing: 0;
      width: 90%;
      line-height: 18px !important;
   }

   .app h4,
   .help-icons .card h3,
   .share-btns ul li a {
      font-size: 14px;
   }

   .help-icons .card {
      padding: 10px !important;
   }

   .breadcramps a {
      font-size: 8px;
   }

   .breadcramps ul {
      padding: 6px 0;
      margin: 5px;
   }

   .content-banner-holder h2,
   .heading h1 {
      font-size: 20px;
      width: 90%;
   }

   .inside-tabs ul li a {
      padding: 5px 0.5rem;
      font-size: 10px;
      border-radius: 10px;
   }

   .leadership-board h2 {
      font-size: 18px;
   }

   .news-and-stories .content-area h2,
   .small-card h2 {
      font-size: 14px !important;
   }

   .modal-body .p-5,
   .static-banner {
      padding: 1rem 0 !important;
   }

   .small-card h2 {
      margin-bottom: 10px;
   }

   .accordion-body p,
   .content-section ol,
   .content-section ul,
   article ol,
   article ul {
      font-size: 13px;
   }

   .history-line::before,
   .values .icon-holder {
      width: 40px;
   }

   .leader-item {
      width: 280px;
   }

   .content-banner-holder p {
      line-height: 17px;
      width: 85%;
      font-size: 14px;
   }

   .breadcramps .p-0,
   .container.p-0 {
      padding: 0 15px !important;
   }

   .history-line::after {
      height: 40px;
      top: -30%;
   }

   .owl-carousel .owl-stage-outer {
      overflow: visible !important;
   }

   .news-and-stories .content-area {
      padding: 2rem 1rem 1rem !important;
   }

   .new-footer a {
      font-size: 12px !important;
      letter-spacing: 0 !important;
      line-height: 22px !important;
   }

   .main-footer .align-items-center {
      flex-direction: column !important;
   }

   .main-footer .align-items-end {
      justify-content: flex-start !important;
      margin: 0 !important;
   }

   .regulation p {
      margin-bottom: 0 !important;
      font-size: 12px !important;
      text-align: left;
   }

   .up-btn {
      font-size: 15px;
   }

   .history-slider .owl-item,
   .news-and-stories .owl-item {
      margin-right: 17px !important;
      width: 300px !important;
   }

   .blue-shade-bg,
   .inside-content-holder,
   .leadership-board,
   .pt-5 {
      padding-top: 1rem !important;
   }

   .leadership-board .related .card {
      min-height: 100px;
   }

   .mid-navigation,
   .press-holder .mb-5 {
      margin-bottom: 1rem !important;
   }

   .filters .input-group {
      padding: 0 0 0 10px;
   }

   .filters .input-group input {
      width: 85%;
   }

   .additional .small-card {
      margin-bottom: 1.5rem !important;
   }

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

   .col-12.card.full-card {
      width: 93%;
      margin: 0 auto 1.5rem;
   }

   .content-padding,
   .title-text {
      padding-left: 15px !important;
   }

   .four-cards .image-holder {
      height: 100px;
   }

   article h1 {
      margin-bottom: 1rem;
      font-size: 18px;
   }

   .content-section p,
   article p {
      line-height: 25px;
      width: 100%;
   }

   .downloads ul li {
      flex-direction: column;
      align-items: flex-start !important;
      padding-bottom: 15px;
   }

   .downloads .title h3 {
      font-size: 13px;
      line-height: 18px;
   }

   .download-btn {
      font-size: 13px !important;
      padding: 5px 10px;
      margin: 10px 0 0;
   }

   .content-section {
      padding-bottom: 1.5rem;
   }

   .history-slider .no-bg,
   .history-slider .owl-item {
      width: 300px;
      padding: 15px !important;
      margin: 0 !important;
   }

   .career-slider .gallery-holder,
   .career-slider .video-link {
      width: 300px;
   }

   .webcast .card,
   .webcast .single-popup-wrap {
      min-height: 250px;
   }

   .career-slider,
   .owl-theme .owl-nav {
      margin-top: 1.5rem;
   }

   .owl-theme {
      margin-top: 1rem;
   }

   .main-banner .owl-theme {
      margin-top: 0;
   }

   .dark-dots .mt-4,
   .icon-card-slider,
   .news-and-stories {
      margin-top: 0 !important;
   }

   .events .news-and-stories .card,
   .news-and-stories .card,
   .news-and-stories .owl-item {
      width: 275px;
   }

   .icon-card-slider {
      padding-top: 0 !important;
   }

   .menu-btnarea .search {
      color: #fff;
      width: 90%;
      margin: 1rem auto 0 !important;
      border: 2px solid #fff;
   }

   .menu-btnarea .search span {
      color: #fff;
      background: 0 0 !important;
   }

   .filters .form-select,
   .form-control {
      font-size: 12px;
      padding: 10px;
   }

   .calculator-form .form-control,
   .calculator-form .form-select {
      font-size: 13px !important;
   }

   .webcast-content h2 {
      font-size: 14px;
      line-height: 22px;
   }

   .video-link .ht-popup-video .video-button__two .video-play {
      width: 48px;
      height: 48px;
   }

   .footer-last ul {
      flex-direction: column-reverse;
   }

   .footer-last .copyright ul li {
      width: 40%;
   }

   .footer-last {
      padding-top: 0.5rem !important;
   }

   .countries li a img {
      height: 14px !important;
      margin-right: 5px !important;
   }

   .countries li a {
      font-size: 11px !important;
      font-weight: 700;
      color: #000;
      text-decoration: none;
   }

   .countries {
      width: 70px !important;
      top: 37px !important;
      right: 0 !important;
      z-index: 1000000 !important;
   }

   .content-section .countries li {
      margin-bottom: 7px;
   }

   .p-4 {
      padding: 1.2rem !important;
   }

   .error-page h1 {
      font-size: 28px;
      margin-bottom: 0;
   }
}

.cookie-content h4,
.cookie-content p,
.error-message {
   letter-spacing: 0.8px;
}

.countries {
   position: absolute;
   background: #fff;
   right: 0;
   top: 53px;
   width: 70px;
   display: none;
   border-radius: 0 0 7px 7px;
   border-top: 3px solid #e42312;
   box-shadow: 0 21px 20px 0 rgb(0 0 0 / 40%);
   padding: 1rem 0;
   animation: 0.8s 0.1s both fadeIn;
   margin-top: 0;
   z-index: 10000;
}

.cn-dropdown-item .megamenu--mega .has-down .has-down .dd-arrow,
.cn-dropdown-item .megamenu--mega .has-down .has-down .dd-trigger,
.cn-dropdown-item .megamenu--mega .has-down .megamenu--mega .has-down .has-down.active ul,
.countries.show {
   display: block !important;
}

.countries li {
   width: 100%;
   padding: 0 5px;
   font-size: 12px;
}

.countries li a {
   font-size: 12px !important;
   align-items: center;
   min-height: auto !important;
}

nav .classynav .countries li a {
   padding: 5px 5px 0;
   font-size: 12px;
}

.countries li a img {
   height: 15px;
   margin-right: 5px;
}

.menu-btnarea .btn-main:hover span {
   color: #e42312;
   animation: 0.8s 0.1s both fadeInUp;
}

.menu-btnarea .btn-main:hover {
   border: 1px solid #e42312;
}

.countries li a:hover img {
   -webkit-animation: 0.1s 0.2s both fadeInUp;
   animation: 0.4s 0.1s both fadeInUp;
}

.error {
   font-size: 12px;
   color: red;
}

.error-page h1 {
   font-size: 45px;
}

.cookie-content h4,
.results-holder li h4 {
   font-size: 18px;
   font-weight: 700;
}

.error-page {
   min-height: 50vh;
   display: flex;
   align-items: center;
}

.results-holder li a {
   text-decoration: none;
   color: #000;
}

.results-holder li {
   margin-bottom: 2.5rem;
}

.search-result .heading h2 {
   padding-bottom: 1.5rem;
   border-bottom: 1.8px solid #ccc;
}

.cookiesblock {
   position: fixed;
   bottom: 1.5rem;
   left: 1.5rem;
   width: 100%;
   background: rgba(0, 0, 0, 0.8);
   z-index: 9;
   padding: 2rem;
   max-width: 450px;
   border-radius: 10px;
   animation: 4s ease-in-out fadeInUp;
   color: #fff;
}

.cookie-content p {
   margin-bottom: 10px;
   font-size: 12px;
   line-height: 18px;
}

.cookie-btns .btn-main span {
   font-size: 12px;
}

.cookie-btns .btn-main.btn-white span {
   padding: 3px 30px;
}

/* ============================================
   Cookie Consent Banner & Modal Styles
   GDPR/CCPA Compliant Cookie Consent System
   ============================================ */

/* Cookie Consent Banner */
.cookie-consent-banner {
   position: fixed;
   bottom: 1.5rem;
   left: 1.5rem;
   width: 100%;
   max-width: 420px;
   background: rgba(255, 255, 255, 0.98);
   border-radius: 12px;
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
   z-index: 99999;
   animation: cookieFadeInUp 0.4s ease-out;
}

@keyframes cookieFadeInUp {
   from {
      opacity: 0;
      transform: translateY(20px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}

.cookie-banner-content {
   padding: 1.5rem;
}

.cookie-banner-icon {
   margin-bottom: 0.75rem;
}

.cookie-banner-icon svg {
   width: 32px;
   height: 32px;
}

.cookie-banner-text h4 {
   font-size: 18px;
   font-weight: 700;
   color: #1a1a1a;
   margin-bottom: 0.5rem;
}

.cookie-banner-text p {
   font-size: 14px;
   line-height: 1.5;
   color: #4a4a4a;
   margin-bottom: 0.75rem;
}

.cookie-policy-link {
   color: #0077BE;
   text-decoration: underline;
   font-weight: 500;
}

.cookie-policy-link:hover {
   color: #005a8e;
}

.cookie-banner-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 0.75rem;
   align-items: center;
   margin-top: 1rem;
}

.cookie-banner-actions .btn {
   flex: 0 0 auto;
   padding: 0.5rem 1rem;
   font-size: 13px;
   font-weight: 600;
   border-radius: 6px;
   cursor: pointer;
   transition: all 0.2s ease;
}

.cookie-banner-actions .btn-red {
   background: #E42312;
   color: #fff;
   border: 2px solid #E42312;
}

.cookie-banner-actions .btn-red:hover {
   background: #c51f10;
   border-color: #c51f10;
}

.cookie-banner-actions .btn-white {
   background: #fff;
   color: #0077BE;
   border: 2px solid #0077BE;
}

.cookie-banner-actions .btn-white span {
   color: #0077BE;
}

.cookie-banner-actions .btn-white:hover {
   background: #0077BE;
   border-color: #0077BE;
   color: #fff;
}

.cookie-banner-actions .btn-white:hover span {
   color: #fff;
}

.cookie-manage-link {
   color: #0077BE;
   font-size: 13px;
   font-weight: 500;
   text-decoration: underline;
   cursor: pointer;
   transition: color 0.2s ease;
}

.cookie-manage-link:hover {
   color: #005a8e;
}

/* Cookie Preferences Modal */
.cookie-modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.6);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 100000;
   padding: 1rem;
   animation: cookieModalFadeIn 0.3s ease-out;
}

@keyframes cookieModalFadeIn {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

.cookie-modal {
   background: #fff;
   border-radius: 12px;
   width: 100%;
   max-width: 500px;
   max-height: 90vh;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
   animation: cookieModalSlideIn 0.3s ease-out;
}

@keyframes cookieModalSlideIn {
   from {
      opacity: 0;
      transform: scale(0.95) translateY(-10px);
   }

   to {
      opacity: 1;
      transform: scale(1) translateY(0);
   }
}

.cookie-modal-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1.25rem 1.5rem;
   border-bottom: 1px solid #eee;
}

.cookie-modal-header h3 {
   font-size: 20px;
   font-weight: 700;
   color: #1a1a1a;
   margin: 0;
}

.cookie-modal-close {
   background: none;
   border: none;
   padding: 0.25rem;
   cursor: pointer;
   color: #666;
   transition: color 0.2s ease;
   line-height: 1;
}

.cookie-modal-close:hover {
   color: #E42312;
}

.cookie-modal-body {
   padding: 1.5rem;
   overflow-y: auto;
   flex: 1;
}

.cookie-modal-intro {
   font-size: 14px;
   line-height: 1.6;
   color: #4a4a4a;
   margin-bottom: 1.5rem;
}

/* Cookie Category */
.cookie-category {
   border: 1px solid #eee;
   border-radius: 8px;
   margin-bottom: 1rem;
   overflow: hidden;
}

.cookie-category:last-child {
   margin-bottom: 0;
}

.cookie-category-header {
   display: flex;
   align-items: flex-start;
   padding: 1rem;
   gap: 1rem;
}

.cookie-category-icon {
   flex-shrink: 0;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f0f7ff;
   border-radius: 8px;
}

.cookie-category-icon svg {
   width: 24px;
   height: 24px;
}

.cookie-category-info {
   flex: 1;
   min-width: 0;
}

.cookie-category-info h4 {
   font-size: 15px;
   font-weight: 600;
   color: #1a1a1a;
   margin-bottom: 0.25rem;
}

.cookie-category-info p {
   font-size: 13px;
   line-height: 1.4;
   color: #666;
   margin: 0;
}

/* Toggle Switch */
.cookie-toggle {
   flex-shrink: 0;
   position: relative;
}

.cookie-toggle input[type="checkbox"] {
   opacity: 0;
   width: 0;
   height: 0;
   position: absolute;
}

.cookie-toggle .toggle-slider {
   display: block;
   width: 50px;
   height: 28px;
   background: #ccc;
   border-radius: 28px;
   cursor: pointer;
   transition: background 0.3s ease;
   position: relative;
}

.cookie-toggle .toggle-slider::before {
   content: '';
   position: absolute;
   width: 22px;
   height: 22px;
   background: #fff;
   border-radius: 50%;
   top: 3px;
   left: 3px;
   transition: transform 0.3s ease;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.cookie-toggle input[type="checkbox"]:checked+.toggle-slider {
   background: #0077BE;
}

.cookie-toggle input[type="checkbox"]:checked+.toggle-slider::before {
   transform: translateX(22px);
}

.cookie-toggle input[type="checkbox"]:focus+.toggle-slider {
   box-shadow: 0 0 0 3px rgba(0, 119, 190, 0.2);
}

/* Disabled toggle (Essential) */
.cookie-toggle-disabled .toggle-slider {
   background: #4CAF50;
   cursor: not-allowed;
}

.cookie-toggle-disabled input[type="checkbox"]:checked+.toggle-slider::before {
   transform: translateX(22px);
}

.cookie-toggle .toggle-label {
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   font-size: 10px;
   color: #4CAF50;
   white-space: nowrap;
   margin-top: 4px;
   font-weight: 600;
}

/* Modal Footer */
.cookie-modal-footer {
   display: flex;
   flex-direction: row !important;
   flex-wrap: nowrap !important;
   gap: 1rem;
   padding: 1.25rem 1.5rem;
   border-top: 1px solid #eee;
   background: #fafafa;
}

.cookie-modal-footer .btn {
   flex: 1 1 auto !important;
   padding: 0.75rem 1rem !important;
   font-size: 14px;
   font-weight: 600;
   border-radius: 6px;
   cursor: pointer;
   transition: all 0.2s ease;
   text-align: center;
   min-height: 50px;
   max-height: 50px;
   display: flex !important;
   align-items: center;
   justify-content: center;
   box-sizing: border-box !important;
   margin: 0 !important;
   width: auto !important;
}

.cookie-modal-footer .btn span {
   color: #fff !important;
   padding: 0 !important;
   display: inline;
}

.cookie-modal-footer .btn-blue {
   background: #0077BE;
   color: #fff;
   border: 2px solid #0077BE;
}

.cookie-modal-footer .btn-blue:hover {
   background: #005a8e;
   border-color: #005a8e;
}

.cookie-modal-footer .btn-red {
   background: #E42312;
   color: #fff;
   border: 2px solid #E42312;
}

.cookie-modal-footer .btn-red:hover {
   background: #c51f10;
   border-color: #c51f10;
}

/* Footer Legal Links */
.footer-legal-links {
   margin-top: 0.5rem;
   font-size: 13px;
}

.footer-legal-links a {
   color: rgba(255, 255, 255, 0.8);
   text-decoration: none;
   transition: color 0.2s ease;
}

.footer-legal-links a:hover {
   color: #E42312;
   text-decoration: underline;
}

.footer-legal-links .separator {
   margin: 0 0.5rem;
   color: rgba(255, 255, 255, 0.5);
}

/* Footer Manage Cookies Link */
.footer-manage-cookies {
   color: rgba(255, 255, 255, 0.8) !important;
   text-decoration: none;
   cursor: pointer;
   font-size: 13px;
}

.footer-manage-cookies:hover {
   color: #E42312 !important;
   text-decoration: underline;
}

/* Mobile Responsive */
@media only screen and (max-width: 576px) {
   .cookie-consent-banner {
      left: 0.75rem;
      right: 0.75rem;
      bottom: 0.75rem;
      max-width: none;
      width: calc(100% - 1.5rem);
   }

   .cookie-banner-content {
      padding: 1rem;
   }

   .cookie-banner-text h4 {
      font-size: 16px;
   }

   .cookie-banner-text p {
      font-size: 13px;
   }

   .cookie-banner-actions {
      flex-direction: column;
      align-items: stretch;
   }

   .cookie-banner-actions .btn {
      width: 100%;
      justify-content: center;
   }

   .cookie-manage-link {
      text-align: center;
      display: block;
   }

   .cookie-modal {
      max-height: 85vh;
   }

   .cookie-modal-header {
      padding: 1rem;
   }

   .cookie-modal-header h3 {
      font-size: 18px;
   }

   .cookie-modal-body {
      padding: 1rem;
   }

   .cookie-category-header {
      flex-wrap: wrap;
      padding: 0.75rem;
   }

   .cookie-category-icon {
      width: 36px;
      height: 36px;
   }

   .cookie-category-info {
      flex: 1 1 calc(100% - 110px);
   }

   .cookie-toggle {
      margin-left: auto;
   }

   .cookie-modal-footer {
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      padding: 1rem;
      gap: 0.5rem;
   }

   .cookie-modal-footer .btn {
      flex: 1 1 auto !important;
      padding: 0.5rem 0.75rem !important;
      font-size: 12px;
   }
}

/* End Cookie Consent Styles */

.modal li,
table td {
   font-family: Tahoma;
   font-size: 15px;
}

.history-holder .image-holder {
   margin-bottom: 1rem;
   height: 200px;
}

.britam-modal .modal-hieght {
   height: 350px;
   overflow: scroll;
}

.modal li {
   margin-bottom: 0;
}

.events .starts-holder .card {
   padding: 1.5rem 1.5rem 0;
}

.leadership-board .related .card {
   height: 220px;
   margin-bottom: 0.5rem;
}

.error-message {
   color: #e73631 !important;
   font-weight: 700;
   -webkit-box-shadow: 0 3px 14px -7px #e42312;
   box-shadow: 0 3px 14px -7px #e42312;
   -webkit-animation: 0.5s 0.1s both fadeInDown;
   animation: 0.5s 0.1s both fadeInDown;
   margin: 2rem 0;
   min-height: auto !important;
}

.error-message h2,
.error-message h3,
.error-message h4,
.error-message h6,
.error-message p {
   font-weight: 700;
   font-size: 14px;
   margin-bottom: 0 !important;
}

.events .card:hover {
   background: #0077be !important;
   color: #fff !important;
   transition: 0.8s linear;
}

.events .card:hover h4,
.events .card:hover p {
   -webkit-animation: 0.5s 0.1s both fadeIn;
   animation: 0.5s 0.1s both fadeIn;
   color: #fff;
}

.events .card:hover a {
   -webkit-animation: 0.5s 0.1s both fadeInUp;
   animation: 0.5s 0.1s both fadeInUp;
   color: #fff;
}

.events .card:hover span {
   -webkit-animation: 0.5s 0.1s both fadeInDown;
   animation: 0.5s 0.1s both fadeInDown;
   color: #fff;
}

.events .card a:hover {
   color: #e73631 !important;
}

.news-stories .mt-3 {
   margin-top: 0 !important;
}

.related .view-pofile {
   position: relative;
   left: 0;
   top: 0;
   right: inherit;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: 0.4px;
   margin-bottom: 1.5rem;
   display: block;
}

.related .view-pofile i {
   padding-left: 7px;
}

.description {
   text-decoration: none;
   color: #212529;
}

.leadership-board .description h3 {
   font-size: 18px;
   margin-bottom: 5px;
   font-weight: 700;
   color: #277ac0;
}

.description:hover {
   color: #e73631;
}

.calculator-form .form-group label,
.description p {
   margin-bottom: 5px;
}

.mini-banner {
   height: 300px;
   overflow: hidden;
}

.mini-banner.main-banner-full .owl-dots {
   bottom: 50px;
}

.classy-menu {
   min-width: 78%;
}

.new-footer {
   justify-content: space-between;
   color: #fff;
}

.new-footer a {
   text-decoration: none;
   font-size: 13px;
   color: #fff;
   line-height: 24px;
   font-weight: 400;
}

.app h4,
.new-footer .title {
   font-size: 18px;
   font-weight: 700;
}

.new-footer .title {
   letter-spacing: 0.5px;
   margin-bottom: inherit;
}

table td {
   font-weight: 400 !important;
   margin-bottom: 1rem;
   line-height: 20px;
   letter-spacing: 0.2px;
}

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

   .cookie-content h4,
   .owl-item .p-3,
   .result-heading h2 {
      font-size: 14px;
   }

   .calculator-form .card,
   .starts-holder .card {
      min-height: auto !important;
   }

   .calculator-form button {
      margin-bottom: 15px !important;
   }

   .content-section .calculator-tabs li {
      width: auto !important;
      margin-bottom: 0 !important;
   }

   .content-section .calculator-tabs .nav {
      padding-bottom: 0 !important;
   }

   ul.top-right-menu {
      padding-left: 0 !important;
   }

   .footer-last ul li {
      font-size: 10px;
      letter-spacing: 0.8px;
      margin-bottom: 5px;
   }

   .static-banner .heading p {
      margin-bottom: 1.5rem;
   }

   .breadcramps a {
      padding: 0 0.3rem 0 0;
   }

   .fancybox-slide--video .fancybox-content {
      background: #000;
      width: 90% !important;
      height: 400px !important;
   }

   .fancybox-slide {
      padding: 0 !important;
   }

   .owl-theme .owl-dots .owl-dot span {
      background: #d9d9d9;
   }

   .four-cards {
      margin-top: 0 !important;
   }

   .four-cards .owl-item {
      width: 330px !important;
   }

   .cookiesblock {
      left: 5%;
      width: 90%;
      padding: 1rem;
   }

   .cookie-btns .btn-main span,
   .cookie-content p {
      font-size: 10px;
   }

   .content-sections ul li {
      font-size: 13px;
      line-height: 15px;
   }

   .help-you .form-control {
      padding: 0 1rem !important;
   }

   .new-footer .title {
      font-size: 13px;
   }

   .new-footer {
      display: block !important;
      column-count: 2;
   }

   .footer-list {
      width: 100%;
   }

   .search-form .btn {
      width: auto !important;
      margin: 15px auto;
      display: block;
   }

   .search-active .search-popup .search-inner {
      transform: translateY(0);
      padding: 1.5rem 1rem 1rem;
      border-radius: 10px;
   }

   .com-finder__counter.search-pages-counter {
      display: none;
   }

   .results {
      margin: 1.5rem 0;
   }
}

.events .full-card h4 {
   font-size: 18px;
   letter-spacing: 0.3px;
}

.app h4 {
   letter-spacing: 0.3px;
}

.app ul li img {
   width: 150px;
}

.owl-next {
   border-radius: 0 6px 6px 0 !important;
}

.owl-prev {
   border-radius: 6px 0 0 6px !important;
}

.regulation p {
   margin-bottom: 0;
   font-size: 14px;
}

.result-heading h2 {
   font-size: 22px;
}

.results-container .item {
   margin: 0 0 1rem;
}

.results-container .item span {
   color: #0077be;
   font-weight: 700;
   font-size: 13px;
}

.results-container .item h3 {
   font-size: 16px;
   line-height: 16px;
}

.calculator-form .form-control,
.calculator-form .form-select {
   background-color: #f8f8f8;
   border: 1px solid #d9d9d9;
   font-weight: 400;
   font-size: 14px;
   color: #444;
   margin: 0;
   border-radius: 10px;
   background-size: 20px;
   padding: 13px 1rem;
}

.calculator-form .form-control:focus,
.calculator-form .form-select:focus {
   border: 1px solid #0077be;
   background-color: transparent;
}

.results-container {
   padding: 1rem 0;
}

.btn-white,
.results .btn-red {
   background: #fff;
   margin-bottom: 1rem;
}

.btn-white:hover,
.results .btn-red:hover {
   background: #0077be;
}

.calculator-tabs .nav {
   border-bottom: 1px solid #cacaca;
}

.calculator-tabs li {
   margin-bottom: 0;
}

.calculator-tabs li a {
   color: #000;
   font-weight: 700;
   text-decoration: none;
   padding-bottom: 15px;
   position: relative;
   display: block;
   cursor: pointer;
   transition: 0.3s ease-in-out;
}

.calculator-tabs li a::after {
   content: "";
   display: block;
   height: 1px;
   width: 100%;
   background-color: #e42312;
   position: absolute;
   bottom: 0;
   opacity: 0;
}

.calculator-tabs li a.active::after,
.calculator-tabs li a:hover::after {
   opacity: 1;
   -webkit-animation: 0.3s 0.1s both fadeInLeft;
   animation: 0.3s 0.1s both fadeInLeft;
}

.video-btn {
   color: #fff;
   font-size: 62px;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   width: auto;
   text-align: center;
   top: 35%;
   display: inline-block;
}

.banner-buttons a:last-child,
.filter-search {
   margin-left: 1.5rem;
}

.news-and-stories .content-area h2 {
   font-size: 16px;
   letter-spacing: 0.2px;
   position: relative;
   z-index: 9;
}

.mind-money .content-area {
   padding: 2rem;
}

.mind-money .card:hover h2 {
   -webkit-animation: 0.6s 0.1s both backInUp;
   animation: 0.6s 0.1s both backInUp;
}

.smart-search-filter .form-control {
   border: 0.13rem solid #0077be;
   border-radius: 10px;
   padding: 0.5rem 1rem;
   background: 0 0;
}

.smart-search-filter .form-control input {
   background: 0 0;
   border: 0;
   width: 90%;
   padding: 5px 15px 5px 0;
   outline: 0 !important;
   font-size: 15px;
}

.filter-search {
   min-width: 180px;
   border: 0.13rem solid #0077be;
   border-radius: 10px;
   background: 0 0;
   font-weight: 700;
   font-size: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #0077be;
   padding: 0.4rem 1rem;
   height: 100%;
}

#loading_div_downloads {
   /*! display: flex; */
}

#loading_div_downloads div {
   position: relative;
   background-color: #fff;
   left: 0;
   z-index: 1;
   padding: 0.5rem;
   margin-top: 0.5rem;
   margin-bottom: 1rem;
   border: 1px solid #ebebeb;
   border-radius: 10px;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
   display: inline-block;
   width: auto;
}

#loading_div_downloads span a {
   color: #111;
}

#loading_div_downloads span {
   display: inline-block;
   font-size: 0.83rem;
}

#loading_div_downloads span a:hover {
   color: #0077be;
   text-decoration: underline;
}

.filter-search span {
   display: inline-block;
   padding-right: 9px;
   font-size: 23px;
}

.smart-search-filter .form-control input:active,
.smart-search-filter .form-control input:focus {
   background: #fff;
   box-shadow: none;
}

.smart-search-filter .form-outline i {
   color: #a2a2a1;
   font-size: 17px;
   /*! padding-right: 10px; */
}

.smart-widget .title {
   text-align: center;
   margin-bottom: 1.8rem;
}

.smart-widget {
   overflow: visible !important;
   z-index: 9;
}

.smart-widget .card {
   margin-top: -10rem;
}

.widget-banner .row {
   height: 70% !important;
}

.tab-content>.active {
   -webkit-animation: 0.5s 0.2s both zoomIn;
   animation: 0.5s 0.2s both zoomIn;
}

.want-heading {
   font-weight: 700;
   display: block;
   margin-bottom: 1.5rem;
   font-size: 20px;
}

.widget-icon {
   display: block;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 60px;
   height: 60px;
   margin: auto auto 1em;
   color: #e42312;
   border: 1px solid #e42312;
   border-radius: 100%;
}

.menu-pic,
.success {
   margin-bottom: 15px;
}

.widget-icon i {
   font-size: 1.5em;
}

.smart-widget .calculator-tabs li a::after {
   content: "\f0d8";
   font-family: "Font Awesome 6 Free";
   font-style: normal;
   font-weight: 400;
   text-decoration: inherit;
   width: auto;
   font-size: 34px;
   line-height: 0;
   left: 40%;
   height: auto;
   bottom: -2.9rem;
   background: 0 0;
}

.smart-widget .calculator-tabs li a {
   text-align: center;
   font-size: 13px;
   padding: 0;
}

.calculator-tabs.show {
   display: block !important;
   animation: 1s 0.1s both bounce;
}

.related-stories .content-area h2 {
   font-size: 13px;
   letter-spacing: 0.4px;
   line-height: 18px;
   padding-bottom: 1rem;
}

.related-stories .content-area h4 {
   font-size: 22px;
   letter-spacing: normal !important;
   position: relative;
   z-index: 9;
}

.related-stories .content-area {
   padding: 2rem 1.3rem 1rem;
}

.helpful-information h5 {
   font-weight: 700;
   color: #0077be;
   font-size: 18px;
}

.submit-btn {
   padding: 8px 20px;
   border: 0;
   font-weight: 700;
   font-size: 13px;
   color: #fff;
   background: #e42311;
   border-radius: 10px;
   outline: 0 !important;
}

.helpful-information input {
   width: 100%;
   background: 0 0;
   border: 0;
   outline: 0 !important;
}

.required:after {
   content: " *";
   color: red;
}

.request-callback .card {
   border: 1px solid #e42311;
}

.request-callback h2 {
   font-size: 22px;
   color: #0077be;
}

.content-section .calculator-tabs .nav {
   padding-left: 0;
   align-items: flex-start;
   justify-content: flex-start !important;
}

.benefit-item span {
   display: inline-block;
   margin-bottom: 10px;
}

.benefit-item span img {
   height: 40px;
   width: auto !important;
}

.benefit-item p {
   font-size: 14px;
   line-height: 18px;
   width: 90%;
}

.video-button {
   display: inline-block;
   color: #fff;
   text-decoration: none;
}

.video-button span i {
   font-size: 28px;
   padding-right: 10px;
}

.banner-buttons a:first-child {
   margin-left: 0;
}

.iconic span i {
   transform: inherit !important;
}

.content-banner-holder p {
   line-height: 20px;
}

.help-icons .card .icon {
   width: 45px;
   margin: 0 0 15px;
}

.help-icons .card,
.location-hub .card {
   min-height: auto;
   color: #000;
}

.help-icons .card h3 {
   line-height: initial;
   margin-bottom: 0;
}

.help-icons .card p {
   margin-bottom: 0;
   font-size: 13px;
   line-height: 14px;
}

.help-you input {
   font-size: 15px;
   padding: 0.6rem 0;
}

.help-you .input-group i {
   font-size: 22px;
   padding-right: 10px;
}

.help-you .form-control {
   border: 1.8px solid #cacaca;
   margin-top: 1.5rem;
}

.help-you .btn {
   padding: 10px 1.5rem;
   text-transform: capitalize;
}

.popular-key {
   justify-content: space-evenly;
}

.popular-key li {
   font-weight: 700;
   margin: 0 5px;
   font-size: 12px;
}

.nav-tabs .nav-link,
.popular-key p {
   margin: 0;
   font-size: 14px;
}

.popular-key li span {
   text-decoration: none;
   display: inline-block;
   padding: 6px 10px;
   background: #e7e7e7;
   border-radius: 10px;
   line-height: inherit;
   cursor: pointer;
}

.view-pofile {
   font-weight: 700;
   font-size: 14px;
   color: #e43631;
}

.leadership-slider .owl-carousel .owl-item {
   margin-left: 10px;
}

.bg-blue {
   background: #0077be !important;
}

.supplier .downloads ul li {
   padding: 15px 0;
}

.downloads ul li:last-child {
   margin-bottom: 0;
   border-bottom: 0;
   padding-bottom: 0 !important;
}

.downloads ul li:first-child {
   padding-top: 0 !important;
}

.supplier .card {
   border-right: 0;
   border-left: 0;
   border-radius: 0;
}

.classynav ul li.cn-dropdown-item {
   position: initial;
}

.classynav ul li ul li {
   display: block !important;
   width: 100%;
}

.megamenu--mega .has-down .has-down ul {
   display: none;
   transition: linear;
   margin-bottom: 0.4rem;
}

.dd-trigger {
   position: absolute;
   width: 20%;
   height: 30px;
   top: 0;
   left: inherit;
   background-color: transparent;
   cursor: pointer;
   z-index: 500;
   border-radius: 0;
   display: block;
   right: 5%;
}

.has-down.active .dd-arrow::before,
.has-down.active .dropdown .has-down.active .has-down.active .dd-arrow::before,
.has-down.active .dropdown .has-down.active .has-down.active .has-down.active .dd-arrow::before,
.has-down.active .has-down.active .dd-arrow::before {
   content: "\f068";
   font-family: "Font Awesome 6 Free";
   font-style: normal;
   font-weight: 400;
   text-decoration: inherit;
   font-size: 15px;
   color: red;
   transform: none !important;
   width: auto;
   height: auto;
   background: 0 0 !important;
}

.has-down .dd-arrow::before,
.has-down.active .dropdown .dd-arrow::before,
.has-down.active .dropdown .has-down.active .has-down .dd-arrow::before,
.has-down.active .dropdown .has-down.active .has-down.active .has-down .dd-arrow::before,
.megamenu-item .dd-arrow::before {
   content: "\f067";
   font-family: "Font Awesome 6 Free";
   font-style: normal;
   font-weight: 400;
   text-decoration: inherit;
   font-size: 15px;
   color: red;
   transform: none !important;
   width: auto;
   height: auto;
   background: 0 0 !important;
}

.has-down .dd-arrow,
.megamenu-item .dd-arrow {
   transform: none !important;
   right: 15%;
   top: 0;
}

.menu-pic {
   width: 90%;
   height: 145px;
   overflow: hidden;
   border-radius: 10px;
}

.menu-pic img {
   width: 100%;
}

.classynav .nav-tabs li {
   margin-bottom: 1.2rem;
   display: block !important;
   width: 100%;
}

.nav-tabs .nav-link {
   background: 0 0;
   border: 0.1rem solid #e0e0e0;
   font-weight: 700;
   color: #000;
   border-radius: 10px;
   width: 80%;
   text-align: left;
   padding: 1.2rem 1.5rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.bronze .btn-buy,
.bronze .heading {
   background: linear-gradient(0deg, #8b5a44 0, rgba(156, 116, 97, 0) 202.04%);
}

.disclaimer,
.doted {
   text-align: center;
   display: block;
}

.nav-tabs .nav-link.active {
   color: #e42312 !important;
   background-color: #f4f4f4;
   border: 0.1rem solid #e0e0e0;
}

.classynav .nav-tabs {
   width: 30%;
   padding: 0;
}

.classynav ul li ul li:last-child .menu-pic {
   padding-right: 0;
}

.megamenu--mega .has-down .has-down ul li a {
   font-weight: 300;
}

.megamenu--mega .has-down ul li.has-down a {
   font-weight: 700;
   margin-bottom: 0;
}

.megamenu--mega .has-down ul li.has-down ul li a {
   font-weight: 400 !important;
   margin-bottom: 0;
}

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

   .dd-trigger,
   .top_menu_mobile {
      display: block !important;
   }

   .help-you .btn {
      padding: 5px 1rem;
      text-transform: capitalize;
   }

   #seven-slides .owl-stage-outer {
      overflow: hidden !important;
   }

   .smart-widget .calculator-tabs li a {
      font-size: 12px !important;
   }

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

   .dd-trigger {
      top: 0;
      background-color: transparent;
      height: 40px;
      right: 0;
   }

   .leader-item .card {
      min-height: auto !important;
      height: 200px;
   }

   .leadership-board .description h3 {
      font-size: 14px !important;
   }

   .leadership-board .description p {
      margin-bottom: 0;
      line-height: 15px;
   }

   .assurance {
      margin-top: 0 !important;
   }

   .view-pofile {
      font-size: 12px;
   }

   .classynav>ul>li.has-down.active>.dd-arrow::before {
      width: 10px;
      height: 3px;
      background-color: #e42312 !important;
   }

   .nav-tabs .nav-link {
      max-width: 100%;
      min-width: 187px;
   }

   .nav.nav-tabs li:nth-child(2) button {
      color: #fff;
   }

   .menu-pic {
      display: none !important;
   }

   .video-btn {
      font-size: 32px !important;
   }

   .smart-search-filter {
      flex-direction: column;
   }

   .smart-widget .card {
      margin-top: -7rem;
      padding: 1.5rem !important;
   }
}

@media only screen and (max-width: 768px) {
   .heading {
      font-size: 13px;
   }

   .content-section .calculator-tabs li a {
      font-size: 11px !important;
   }

   .content-section .calculator-tabs .nav {
      margin-top: 0 !important;
   }

   .classynav .nav-tabs li {
      margin-bottom: 0 !important;
   }

   .classynav .nav-tabs {
      flex-wrap: nowrap;
      margin: 15px 0;
      width: 100% !important;
   }

   .classynav ul li .dropdown {
      min-height: auto !important;
   }

   .nav-tabs .nav-link {
      max-width: 100% !important;
      min-width: auto !important;
      padding: 10px;
      width: 90% !important;
      font-size: 12px;
      color: #fff;
   }

   .search-area .card {
      padding: 1.5rem !important;
   }

   .search-area .card h3 {
      font-size: 16px;
   }

   .tab-content {
      padding-top: 0 !important;
   }

   .smart-search-filter {
      flex-direction: column;
   }

   .smart-search-filter .input-group {
      min-width: 100%;
      margin: auto auto 1rem;
   }

   .smart-search-filter .filter-search {
      width: auto;
      margin: auto;
      font-size: 13px;
      padding: 0.3rem 1rem;
   }
}

nav>.megamenu--mega>.tab-pane>.has-down {
   width: 32.9%;
}

.classynav .tab-content>.active {
   -webkit-animation: 0.4s 0.1s both fadeIn;
   animation: 0.4s 0.1s both fadeIn;
}

.bg-blue .btn-main {
   border: 1px solid #fff;
   color: #fff;
   padding: 5px 15px;
   font-size: 14px;
}

.bg-blue .btn-main:hover {
   border: 1px solid #e42312;
   background: #e42312;
}

.get-in-touch h4 {
   font-size: 14px;
   font-weight: 700;
   margin: 1.5rem 0;
}

.social-contact i,
.social-link i {
   font-size: 40px;
   margin-right: 15px;
}

.location-hub .filters .form-outline,
.location-hub .filters .form-select,
.location-hub .filters input {
   background-color: #f8f8f8;
   color: #444;
}

.location-hub .full-card .card {
   background-color: #f8f8f8;
   color: #000;
}

.location-hub .full-card h4,
.location-hub .full-card p {
   margin: 0 0 0.3rem;
   font-size: 14px;
}

.location-hub .full-card .btn-readmore {
   margin-top: 0.8rem;
}

.location-hub .events .full-card {
   height: 630px;
   overflow: scroll;
}

article .video-btn {
   top: 20%;
}

.video-link:hover .video-btn {
   color: red;
   -webkit-animation: 0.4s 0.1s both fadeInUp;
   animation: 0.4s 0.1s both fadeInUp;
}

.doted {
   padding: 1.5rem;
   border: 2px dotted #d9d9d9;
   background: #f8f8f8;
   border-radius: 10px;
   color: #0077be;
   font-size: 14px;
   position: relative;
}

.doted input {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   width: 100%;
   height: 70%;
   top: 30%;
   cursor: pointer;
   opacity: 0;
}

.disclaimer {
   font-size: 12px;
   padding: 5px 0;
}

.table th {
   width: 50%;
   font-size: 14px;
   background: #dfdede;
   border-bottom: 0;
}

.table a {
   text-decoration: none;
   color: #000;
   font-size: 14px;
   transition: 0.4s linear;
}

.breadcrumb {
   align-items: center;
}

.success {
   background: #0fb166c2;
   color: #fff;
   padding: 15px 20px;
   font-size: 12px;
   border-radius: 5px;
   font-weight: 700;
}

.filters .input-group .form-control i {
   padding-right: 20px;
}

.finder {
   padding: 1.5rem;
   max-width: 1200px;
   margin: 2rem auto;
}

.result__item {
   list-style: none;
   border: 1px solid #dfdede;
   border-radius: 10px;
   padding: 10px 15px;
}

.result__title-link {
   text-decoration: none;
   color: #000;
}

.disabled.page-item {
   display: none;
   list-style: none;
}

.page-item {
   list-style: none;
   display: inherit;
   border-radius: 10px;
}

.page-link {
   display: flex;
   border-radius: 100%;
   margin: 0 10px 10px 0;
   height: 30px;
   width: 30px;
   padding: 0;
   align-items: center;
   justify-content: center;
   font-size: 12px;
}

ul.pagination.ms-0.mb-4 {
   margin: 50px 0 0;
}

.result__title {
   margin: 0;
}

.com-finder__explained p {
   font-weight: 700 !important;
}

.com-finder__explained li {
   font-weight: 400 !important;
}

.com-finder__results p a {
   font-weight: 400;
   text-decoration: none;
}

.finder .input-group button {
   left: 10px;
}

.com-finder__explained a {
   color: #dc3545;
   font-weight: 800 !important;
}

.smart-search-filter {
   align-items: flex-start;
}

.country-desktop {
   padding: 7px;
   border: 1px solid #0077be;
}

#no_item_found {
   background-color: #fff;
   padding: 2rem;
   border-radius: 10px;
   color: #0077be;
   font-size: 1.1rem;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
   font-weight: 600;
}

.lds-ellipsis {
   display: inline-block;
   position: absolute;
   width: 80px;
   height: 80px;
   margin-top: -40px;
   margin-left: -40px;
   top: 50%;
   left: 50%;
}

.banner-background,
.plan-holder .card {
   overflow: hidden;
   height: 100%;
}

.lds-ellipsis div {
   position: absolute;
   top: 33px;
   width: 13px;
   height: 13px;
   border-radius: 50%;
   background: #0077be;
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:first-child {
   left: 8px;
   animation: 0.6s infinite lds-ellipsis1;
}

.lds-ellipsis div:nth-child(2) {
   left: 8px;
   animation: 0.6s infinite lds-ellipsis2;
}

.lds-ellipsis div:nth-child(3) {
   left: 32px;
   animation: 0.6s infinite lds-ellipsis2;
}

.lds-ellipsis div:nth-child(4) {
   left: 56px;
   animation: 0.6s infinite lds-ellipsis3;
}

@keyframes lds-ellipsis1 {
   0% {
      transform: scale(0);
   }

   100% {
      transform: scale(1);
   }
}

@keyframes lds-ellipsis3 {
   0% {
      transform: scale(1);
   }

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

@keyframes lds-ellipsis2 {
   0% {
      transform: translate(0, 0);
   }

   100% {
      transform: translate(24px, 0);
   }
}

.content-section .calculator-tabs li {
   margin: 0 15px 0 0;
}

.plan-holder ul li {
   padding: 5px 0;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-size: 15px;
   line-height: 18px;
   margin-bottom: 10px;
}

.plan-holder .card .icon {
   width: 20%;
   margin: 0;
   font-size: 18px;
   padding-left: 10px;
}

.plan-holder .card p {
   font-size: 14px;
   margin-bottom: 0;
   line-height: 20px;
}

.true {
   color: #2cb34a;
}

.false {
   color: #dc3545;
}

.plan-holder .heading {
   padding: 1.5rem;
   text-transform: capitalize;
   display: flex;
   align-items: center;
   color: #fff;
   text-align: center;
}

.bronze .btn-buy {
   border: 1px solid #8c5e49;
}

.silver .btn-buy,
.silver .heading {
   background: silver;
}

.bronze .btn-buy span {
   color: #ffff;
}

.silver .btn-buy {
   border: 1px solid silver;
}

.platinum .btn-buy,
.platinum .heading {
   background: linear-gradient(0deg, #c2576c 0, rgba(255, 255, 255, 0) 403.06%);
}

.platinum .btn-buy {
   border: 1px solid #8c5e49;
}

.gold .btn-buy,
.gold .heading {
   background: linear-gradient(0deg,
         #e5bf4f 57.88%,
         rgba(255, 255, 255, 0) 246.94%);
}

.platinum .btn-buy span {
   color: #fff;
   display: block;
}

.gold .btn-buy {
   border: 1px solid #e4be4f;
}

.plan-holder .heading h2 {
   color: #fff;
   margin-bottom: 0;
   font-size: 22px;
   width: 100%;
}

.plan-holder a i {
   margin: 0 5px 0 0;
}

.plan-holder .card .buttons a {
   margin: 0 auto 1rem;
   font-size: 14px;
}

.plan-holder .buttons {
   display: flex;
   align-items: center;
   flex-direction: column;
}

.plan-holder .btn:hover {
   color: #fff !important;
   background: rgb(38 120 190);
   border: 1px solid rgb(38 120 190);
}

.plan-holder ul {
   padding-right: 15px;
}

.plan-holder .card p strong {
   font-size: 16px;
   margin: 5px 0 0;
   display: inline-block;
}

.banner-background {
   position: absolute;
   left: 0;
   right: 0;
}

.icon-holder img {
   height: auto !important;
}

.smart-widget .card {
   background-position: top;
   background-size: cover;
   border: none;
   background-color: transparent;
   margin-top: 3rem;
}

.smart-widget .heading {
   margin-top: -13rem;
}

.smart-widget .heading img {
   margin-bottom: -15px;
}

/* Bella code */
.whatsnew {
   top: calc(100vh - 130px);
   text-align: center;
}

.whatsnew span {
   display: block;
   font-family: "Futura-Bold";
   font-size: 9px;
   color: #000;
   margin-top: 5px;
}

.bela a img {
   height: 60px;
}

.say-hello {
   background: #fff;
   color: #fff;
   padding: 15px 10px;
   width: 159px;
   border-radius: 10px;
   position: absolute;
   left: -10rem;
   top: 0rem;
   box-shadow: #0000002e 0px 0px 6px 2px;
   transition: all linear 0.8s;
   animation: 1s ease-in-out 0s normal none 1 running fadeInUp;
   border: 2px solid #0077be;
}

.say-hello a {
   font-size: 11px;
   color: #000 !important;
   margin: 0;
   display: inline-block;
   text-decoration: none;
   font-weight: 700;
}

.say-hello:hover {
   background: #fff;
}

.say-hello:hover .close {
   background: #53b44b;
}

.bela a {
   position: relative;
}

.say-hello .close {
   position: absolute;
   left: -20px;
   background: #0077be;
   line-height: 0;
   padding: 7px;
   border-radius: 15px;
   top: -10px;
   width: 25px;
   height: 25px;
   display: flex;
   align-items: center;
   opacity: 1;
   font-family: inherit;
}

.say-hello .close:hover {
   background: #000;
}

.say-hello .close:hover span,
.say-hello:hover .close span {
   color: #fff !important;
}

.say-hello .close span {
   color: #fff !important;
   margin: 0;
   font-size: 17px;
   font-family: inherit !important;
}

.say-hello a img {
   display: inline-block;
   height: 25px;
   margin-top: -7px;
}

.bela {
   position: fixed;
   top: auto;
   right: 30px;
   z-index: 9;
   overflow: visible !important;
   bottom: 3rem;
}

.bela .say-hello {
   display: none;
}

.bela:hover .say-hello {
   display: block;
}

.classynav .tab-content {
   width: 100%;
}

/* Disable pointer events for all elements that are disabled */
:disabled {
   pointer-events: none;
}

/* Optionally, you can apply it to specific elements (e.g., buttons, inputs) */
button:disabled,
input:disabled,
textarea:disabled {
   pointer-events: none;
}

.mini-banner .owl-dots {
   bottom: 50px;
}