/* ==========================================================================
   Fancybox 4.0
   ========================================================================== */
   .not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;touch-action:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
   /* ==========================================================================*/


/* ==========================================================================
   Tab-Accordian
   ========================================================================== */
   body{}ul.resp-tabs-list{margin:0;padding:0}.resp-tabs-list li{font-weight:600;font-size:13px;display:inline-block;padding:13px 15px;margin:0 4px 0 0;list-style:none;cursor:pointer;float:left}.resp-tabs-container{padding:0;background-color:#fff;clear:left}h2.resp-accordion{cursor:pointer;display:none}.resp-tab-content{display:none;padding:15px}.resp-tab-active{border:1px solid #5AB1D0;margin-bottom:-1px;padding:12px 14px 14px;border-top:4px solid #5AB1D0;border-bottom:none;background-color:#fff}.resp-accordion-active,.resp-content-active{display:block}.resp-tab-content{border:1px solid #c1c1c1;border-top-color:#5AB1D0}h2.resp-accordion{font-size:13px;border:1px solid #c1c1c1;border-top:0 solid #c1c1c1;margin:0;padding:10px 15px}h2.resp-tab-active{border-bottom:0 solid #c1c1c1;margin-bottom:0;padding:10px 15px}h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1;background:#00f}.resp-vtabs ul.resp-tabs-list{float:left;width:30%}.resp-vtabs .resp-tabs-list li{display:block;padding:15px;margin:0 0 4px;cursor:pointer;float:none}.resp-vtabs .resp-tabs-container{padding:0;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;border-radius:4px;clear:none}.resp-vtabs .resp-tab-content{border:none;word-wrap:break-word}.resp-vtabs li.resp-tab-active{position:relative;z-index:1;margin-right:-1px;padding:14px 15px 15px 14px;border:1px solid #5AB1D0;border-left:4px solid #5AB1D0;margin-bottom:4px;border-right:1px #FFF solid}.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1}h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9B9797}h2.resp-tab-active{background:#DBDBDB}.resp-easy-accordion h2.resp-accordion{display:block}.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1}.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}.resp-jfit{width:100%;margin:0}.resp-tab-content-active{display:block}h2.resp-accordion:first-child{border-top:1px solid #c1c1c1}@media only screen and (max-width:767px){ul.resp-tabs-list{display:none}h2.resp-accordion{display:block}.resp-vtabs .resp-tab-content{border:1px solid #C1C1C1}.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none}.resp-accordion-closed{display:none}.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}}
   /* ==========================================================================*/


/*===========================================================================
  Owl-Carosel
  ===========================================================================*/
  .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.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,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-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%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-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}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{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 .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
  /*============================================================================*/


/* ==========================================================================
   icomoonf
   ========================================================================== */
   @font-face {
      font-family: 'icomoon';
      src:  url('../fonts/icon-fonts/icomoon.eot?2o3e1n');
      src:  url('../fonts/icon-fonts/icomoon.eot?2o3e1n#iefix') format('embedded-opentype'),
        url('../fonts/icon-fonts/icomoon.ttf?2o3e1n') format('truetype'),
        url('../fonts/icon-fonts/icomoon.woff?2o3e1n') format('woff'),
        url('../fonts/icon-fonts/icomoon.svg?2o3e1n#icomoon') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }

   @font-face {
      font-family: 'icomoon';
      src:  url('../fonts/icon-whatsapp/icomoon.eot?gidxqx');
      src:  url('../fonts/icon-whatsapp/icomoon.eot?gidxqx#iefix') format('embedded-opentype'),
      url('../fonts/icon-whatsapp/icomoon.ttf?gidxqx') format('truetype'),
      url('../fonts/icon-whatsapp/icomoon.woff?gidxqx') format('woff'),
      url('../fonts/icon-whatsapp/icomoon.svg?gidxqx#icomoon') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: block;
   }
    
    [class^="icon-"], [class*=" icon-"] {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: never;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
    
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

   .icon-phone:before {
   content: "\e942";
   }
   .icon-clock:before {
   content: "\e94e";
   }
   .icon-alarm:before {
   content: "\e950";
   }
   .icon-spinner11:before {
   content: "\e984";
   }
   .icon-whatsapp:before {
   content: "\ea93";
   }

    .icon-icon-161:before {
      content: "\e911";
    }
    .icon-icon-20:before {
      content: "\e913";
    }
    .icon-icon-22:before {
      content: "\e914";
    }
    .icon-icon-23:before {
      content: "\e915";
    }
    .icon-icon-24:before {
      content: "\e916";
    }
    .icon-icon-1:before {
      content: "\e900";
    }
    .icon-icon-2:before {
      content: "\e901";
    }
    .icon-icon-3:before {
      content: "\e902";
    }
    .icon-icon-4:before {
      content: "\e903";
    }
    .icon-icon-5:before {
      content: "\e904";
    }
    .icon-icon-6:before {
      content: "\e905";
    }
    .icon-icon-7:before {
      content: "\e906";
    }
    .icon-icon-8:before {
      content: "\e907";
    }
    .icon-icon-9:before {
      content: "\e908";
    }
    .icon-icon-10:before {
      content: "\e909";
    }
    .icon-icon-11:before {
      content: "\e90a";
    }
    .icon-icon-12:before {
      content: "\e90b";
    }
    .icon-icon-13:before {
      content: "\e90c";
    }
    .icon-icon-14:before {
      content: "\e90d";
    }
    .icon-icon-15:before {
      content: "\e90e";
    }
    .icon-icon-16:before {
      content: "\e90f";
    }
    .icon-icon-17:before {
      content: "\e910";
    }
    .icon-icon-19:before {
      content: "\e912";
    }
    .icon-icon-26:before {
      content: "\e919";
    }
    .icon-icon-34:before {
      content: "\e921";
    }
    .icon-icon-71:before {
      content: "\e917";
    }
    .icon-icon-61:before {
      content: "\e918";
    }
    .icon-icon-81:before {
      content: "\e91a";
    }
    .icon-icon-91:before {
      content: "\e91b";
    }
    .icon-icon-41:before {
      content: "\e91c";
    }
    .icon-icon-31:before {
      content: "\e91d";
    }
    .icon-icon-30:before {
      content: "\e91e";
    }
    .icon-icon-29:before {
      content: "\e91f";
    }    
/* ========================================================================== */


/* ==========================================================================
   Css reset begin
   ========================================================================== */
* { box-sizing: border-box;}
html, body { height: 100%;}
body {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #6d6e72;
  position: relative;
  font-display:auto;
  font-style:normal;
  font-family: 'Poppins', sans-serif;
}
::selection {
	background: #103e91; /* Safari */
	color: #fff;
}
::-moz-selection {
    background: #103e91; /* Firefox */
    color:#fff;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
	outline: none;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 15px;
  color: #0a2540;
  font-weight: 600;
}
h2 {
   font-size: 74px;
}
h3 {
  font-size: 44px;
}
h4 {
	font-size: 26px;
}
h5 {
	font-size: 18px;
}
a {
  color: #018aff;
  text-decoration: none;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}
a:hover {
  text-decoration: none;
  color: #3ba4ff;
}
label {
	font-weight: normal;
  margin: 0;
}
p {
  font-size: 14px; 
  line-height: 26px; 
  color: #425466;
  margin: 0;
  padding: 0;
  font-weight: 400;
  margin-bottom: 15px;
}
ul, ol, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
focus {
	outline: none;
}
/* ==========================================================================
   Css reset begin
   ========================================================================== */

/*========================== Commen styles ========================*/


/*--Calculator UI--*/


.home__howto--questions .row {
    width: 100%;
}
.loan-details {
    display: flex;
}
.loan-details div {
    padding: 0 10px;
}
.sub-container {
    /*display: flex;
    width: 100%;
    gap: 50px;
    height: max-content;*/
}
.loan-calc .details input,
.page-loan-calc .details input {
    width: 100%;
}
.loan-calc .details p,
.page-loan-calc .details p {
   margin-bottom: 8px;
}
.page-loan-calc .details p {
   font-size: 17px;
}
.loan-calc .detail {
    display: flex;
    justify-content: space-between;
}

/*----- Styling the sliders ----*/
.loan-calc input[type="range"] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}

.loan-calc input[type="range"]:focus {
    outline: none;
}

.loan-calc input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #659cd8;
    border-radius: 10px;
}

.loan-calc input[type="range"]::-webkit-slider-thumb {
    box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
    border: 5px solid #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #659cd8;
    cursor: pointer;
    margin-top: -6px;
    -webkit-appearance: none;
}

.loan-calc input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #b3b3b3;
}

.loan-calc input[type="range"]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #659cd8;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    border-radius: 10px;
}

.loan-calc input[type="range"]::-moz-range-thumb {
    box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
    border: 5px solid #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #659cd8;
    cursor: pointer;
    margin-top: -6px;
}

.loan-calc input[type="range"]::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #659cd8;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    border-radius: 10px;
}

.loan-calc input[type="range"]::-ms-fill-lower {
    background: #659cd8;
    border-radius: 5px;
}

.loan-calc input[type="range"]::-ms-fill-upper {
    background: #659cd8;
    border-radius: 5px;
}

.loan-calc input[type="range"]::-ms-thumb {
    box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
    border: 5px solid #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #659cd8;
    cursor: pointer;
    margin-top: -6px;
}

.loan-calc input[type="range"]:focus::-ms-fill-lower {
    background: #659cd8;
}

.loan-calc input[type="range"]:focus::-ms-fill-upper {
    background: #659cd8;
}

/*-------------------------------------*/

.chart-details #cp,
.chart-details #ci,
.chart-details #ct {
   font-weight: 500;
   margin-bottom: 0;
}

.loan-calc #price {
    color: #130f31;
    font-size: 25px;
    font-weight: 500;
}

.loan-calc .loan-details {
    width: 90%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.loan-calc #price-container {
    color: #659cd8;
    margin-top: 20px;
}
.loan-calc {
   padding-top: 25px;
}

.loan-calc .details input[type="number"] {
   width: 100%;
   height: 40px;
   border: 0;
   border-bottom: 1px solid #659cd8;
   padding: 0;
   margin-bottom: 15px;
}

.loan-calc #loan-amt-text:before {
   content: "$";
   color: #000;
   font-size: 14px;
   line-height: 26px;
   display: inline-block;
   margin: 0;
   padding: 0 5px 0 0;
}

.loan-calc #interest-rate-text:before {
   content: "%";
   color: #000;
   font-size: 14px;
   line-height: 26px;
   display: inline-block;
   margin: 0;
   padding: 0 5px 0 0;
}

.loan-calc #price:before {
   content: "$";
   color: #000;
   font-size: 25px;
   font-weight: 500;
   display: inline-block;
   margin: 0;
   padding: 0 5px 0 0;
}

.loan-calc #price-container::before {
    content: "Monthly Payable:";
    font-size: 12px;
    display: block;
}
.savings-calc input,
.savings-calc select {
    border: 0;
    border-bottom: 1px solid #659cd8;
    width: 48%;
}
.savings-calc label {
    width: 48%;
    margin-bottom: 10px;
}

#calculatorTab .resp-tabs-list li {
   background-color: #f1f1f1;
   border: 0;
   border-radius: 30px;
   padding: 13px 28px;
   margin-right: 25px;
}

#calculatorTab h2.resp-accordion {
   font-size: 14px !important;
}

#calculatorTab .resp-tabs-list li.resp-tab-active {
   background-color: #659cd8;
   color: #fff;
}

#calculatorTab .resp-tab-content {
   border: 0;
}
#calculatorTab .resp-tab-content {
   padding: 0;
}
/*--Calculator UI--*/


.set__as--bg { background-repeat: no-repeat; background-size: cover; background-position: center top;}
span.make__bg { display: none;}
.primary__btn { display: inline-block; background: #f0c605; color: #000000; font-size: 18px; padding: 18px 35px; font-weight: 600; border-radius: 4px; position: relative; box-shadow: 0 11px 21px 0 #06102b2e;}
.primary__btn:hover { background: #fadf65; color: #000000; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px);}

.commen__head { display: block; position: relative; text-align: center; padding-bottom: 5px; max-width: 1010px; margin: auto;}
.commen__head h3 { color: #0a2540; font-size: 44px;}
.commen__head p { color: #7587a5; font-size: 16px; line-height: 24px;}
/*========================== Commen styles ========================*/

.header { display: block;}
.header__top--block { display: block; background: #1576bd; padding: 11px 0;}
.header__top--main { display: block;}
.header__top--left { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: inherit; text-align: left;}
.header__top--left .top__menu li:last-child {
   margin-left: 6px;
}
.header__top--left .top__menu li:last-child a {
   background-color: #f0c605;
   padding: 4.5px 10px;
   color: #000;
   border-radius: 2px;
   margin-left: 5px;
}
.header__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header__social li { display: block; padding-right: 32px;}
.header__social li a { color: #ccd1d9;}
.header__social li a:hover { color: #ffffff; color: #50a1f3;}
.top__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.top__menu li { display: inline-block; padding: 0 8px; border-left: 1px solid #6e6f71; line-height: 12px;}
.top__menu li a { font-size: 11px; text-transform: uppercase; color: #efeff1;}
.top__menu li a:hover { color: #ffffff; color: #50a1f3;}
.header__top--right { display:  block;}
.header__top--contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header__top--contact li { border-left: 1px solid #6e6f71; font-size: 12px; color: #efeff1; line-height: 12px; font-weight: 300; padding: 0 15px;}
.header__top--contact li:first-child { border-left: none;}
.header__top--contact li span { display: inline-block; font-size: 20px; margin-right: 5px; vertical-align: middle; position: relative; top: -2px;}


.office-hours--on-hover {
   visibility: hidden;
   opacity: 0;
   font-size: 14px;
   position: absolute;
   left: 0;
   top: 108%;
   width: 100%;
   border-radius: 3px;
   display: block;
   z-index: 9;
   border: 1px dashed #f1f1f1;
   border-top: 1px solid #f4ba02;
   transition: all .2s ease;
   transform: translateY(-10px) translateX(8px);
   cursor: default;
   pointer-events: none;
   min-width: 210px;
   box-shadow: 0px 2px 14px 2px rgb(0, 0, 0, 0.20);
}
.office-hours--on-hover:before {
   content: "";
   position: absolute;
   top: -6px;
   left: 10px;
   content: "";
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 5px solid #f4ba02;
   font-size: 0;
   line-height: 0;
   float: left;
}
.header__top--contact li.office-hours {
   cursor: pointer;
}
.header__top--contact li.office-hours:hover .office-hours--on-hover {
   visibility: visible;
   opacity: 1;
   font-size: 14px;
   font-weight: 400;
   height: auto;
   line-height: 20px;
   text-align: left;
   background-color: #fff;
   padding: 8px;
   color: #530d7e;
   display: block;
   transform: translateY(10px) translateX(8px);
   left: 0;
   transition: all .2s ease-in;
   pointer-events: none;
   border-top: 1px solid #f4ba02;
   min-width: 210px;
}
.office-hours span em {
   font-style: normal;
   font-size: 12px;
   font-family: 'Poppins', sans-serif;
   display: inline-block;
   margin: 5px 0 0 6px;
   line-height: 1;
}
.header__top--contact li.office-hours {
   position: relative;
}
.office-hours--on-hover p {
   font-size: 12px;
   color: #1576bd;
   margin: 0;
   padding: 0;
   line-height: 1.8;
   font-weight: 500;
}
.header__top--contact .icon-time {
   display: inline-flex;
}

.header__main { padding: 15px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.logo { display: inline-block; padding-right: 30px; position: relative; max-width: 330px;}
.logo::after { content: ''; width: 1px; height: 70%; display: block; background: #ccd1d9; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}

.header__right--section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.search__btn--block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.search__btn--block .primary__btn { padding: 8px 20px; color: #1576bd; font-size: 13px; text-transform: uppercase;}
.header__search { display: block; position: relative; margin-right: 20px;}
.search__btn { color: #1576bd; font-size: 22px; padding: 5px 15px; line-height: 16px;}
.search__btn span { line-height: 20px;}
.search__box { display: block; width: 260px; background: #1576bd; position: absolute; right: 0px; top: 30px; z-index: 5; padding: 10px;  opacity: 0; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
.search__box--input { width: 100%; height: 30px; border: none; border-radius: 2px; font-size: 14px; padding: 0 10px;}
.search__box--submit { width: 40px; height: 30px; display: block; position: absolute; right: 10px; top: 10px; border: none; background: #f0c605; color: #000000; border-radius: 2px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.search__box--submit:hover { background: #f6db64;}
.search__btn.active path { fill: #f0c605;}
.search__box.open { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1;}

/* ==========================================================================
   Menu with dropdown menu begin 27-01-2021
   ========================================================================== */
.main-menu { display:flex; align-items: center;}
.main-menu > ul { display:block; padding: 16px 0;}
.main-menu > ul > li { display:inline-block;}
.main-menu > ul > li.dropdown > a:after { content: ""; width: 0; height: 0; display: block; border: 4px solid #90dac1; border-color: #90dac1 transparent transparent transparent; position: absolute; right: 8px; top: 20px;}
.main-menu > ul > li > a { color:#0a2540; display: block; font-size:15px; padding: 10px 17px; position: relative; font-weight: 500; border-radius: 5px;}
.main-menu > ul > li:hover a, .main-menu > ul > li.active a { color: #50a1f3;}
.main-menu > ul > li.drp a:after { content: ''; width: 0; height: 0px; display: block; border: 4px solid #363232; border-color: #363232 transparent transparent transparent; position: absolute; right: 0px; top: 27px;}
.main-menu > ul > li.drp a:hover:after { border-color: #33f3ec transparent transparent transparent;}
.main-menu > ul > li.login a { background: #275bb6; color: #d1e1f4; font-size: 14px;}
.main-menu > ul > li.login a:hover { background: #4d79b5; color: #d1e1f4;}

.main-menu > ul > li > ul { display:none; position:absolute; top:45px; left: 0px; background-color: #333335; width: 220px; font-weight: 400; z-index: 10;  -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.main-menu > ul > li > ul > li { display:block; border-top:1px solid #615f5f;}
.main-menu > ul > li > ul > li:first-child { border-top:none;}
.main-menu > ul > li > ul > li > a { display: block; color: #a6a6ac; padding: 10px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left;}
.main-menu > ul > li:nth-child(4) > ul { left: inherit; right: 0px;}
.main-menu > ul > li > ul.normal-sub-menu { width: 250px;}

/* Menu Second Level  */
.main-menu > ul > li > ul > li { position: relative; display: block;}
.main-menu > ul > li > ul > li> a.hoverClass { color: #FFF;}
.main-menu > ul > li > ul > li.dropdown >a:after{ content: "\e909"; position: absolute; top: 8px; right: 15px; font-family: 'icomoon'; transition: all ease 0.2s;}
.main-menu > ul > li > ul > li.dropdown> a.hoverClass:after{ color: #FFF; transform: rotate(-180deg);}
.main-menu > ul > li > ul > li > ul { display: block; transition: all ease 0.2s; position:absolute; top:0px; left:220px; background-color: #454546; width: 200px; font-weight: 400; opacity: 0;}
.main-menu > ul > li > ul > li > ul.pull-ul { right:200px; opacity: 1; pointer-events: auto; z-index: 3;}
.main-menu > ul > li > ul > li > ul > li { display:block; border-top:1px solid #615f5f;}
.main-menu > ul > li > ul > li > ul > li:first-child { border-top:none;}
.main-menu > ul > li > ul > li ul > li > a {display: block; color: #a6a6ac; padding: 10px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left;}
.main-menu > ul > li > ul > li ul > li > a:hover { color:#fff;}

/*======================================== Menu Style End =======================================*/
.mobile-menu ul.menu-list { padding-bottom:20px;}
.mobile-menu ul.menu-list > li > a:hover { background:#5495d9; color:#FFF;}
.mobile-menu ul.menu-list > li > ul { display:none; margin-left:0; padding:10px 0; background:#2b2a2a;}
.mobile-menu ul.menu-list> li a.open,.mobile-menu ul.menu-list > li > ul > li a:hover { background:#46bbeb;color:#FFF;}
.mobile-menu ul.menu-list > li > ul > li a {color:#FFF; padding:10px 10px;display:block; font-size:16px; transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .2s;-o-transition:all ease-out .2s;text-align:center;}
a.menu-toggle { position:absolute; display:none; width:45px; height:45px; background:#3cb9e0; top:8px; right:20px; padding-top:4px; box-sizing:border-box;}
a.menu-toggle span.line { position:relative; width:65%; height:3px; background:#FFF; margin:7px auto; display:block; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; -ms-transition:all ease .3s}
a.menu-toggle.active span.line { position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; transform-origin:center center;}
a.menu-toggle.active span.line.a { transform:rotate(45deg)}
a.menu-toggle.active span.line.c { transform:rotate(-45deg)}
a.menu-toggle.active span.line.b { opacity:0}
.mobile-menu { display:none;}
.mobile-menu ul { padding:10px 0}
.mobile-menu ul > li {text-align:center; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu ul > li:first-child { border-top:none;}
.mobile-menu ul > li > a { display:block; color:#FFF; font-size:16px; padding:8px 20px;}
.mobile-menu ul > li > a > img { display: none;} 
.mobile-menu ul > li.dropdown > a { position:relative;}
.mobile-menu ul > li.dropdown > a:after { content:''; width:0; height:0; display:block; border:6px solid #fff; border-color:#fff transparent transparent transparent; position:absolute; right:15px; top:15px;}
.mobile-menu ul > li.dropdown > a.open:after { border:6px solid #fff; border-color: transparent transparent #fff transparent; top:10px}
/*======================================== Menu Style End =======================================*/

.mega-drop { background: #fafbfc; border-top: none; position: absolute; width: 100%; top: 108px; left: 0; display: block; opacity: 0; pointer-events: none; /*overflow: hidden;*/ transition:all ease 0.3s; transform: scale(0.96); text-align: left; padding: 50px 0;}
.mega-drop.active { opacity: 1; pointer-events: auto; transform: scale(1); z-index: 5;}
.mega-drop-main { display: block; overflow: hidden;}
.mega-drop-box { display: block; padding: 0 25px; position: relative;}
.mega-drop-box:before { content: ''; width: 1px; height: 100%; display: block; background: #e0e8f6; position: absolute; left: -15px; top: 0px;}
.mega-drop-box span { color: #98acce; font-size: 50px; display: inline-block; margin-bottom: 20px;}
.mega-drop-box h5 { color: #363232; font-size: 16px; font-weight: 400; margin-bottom: 5px;}
.mega-drop-box p { color: #8b9a9f; font-size: 14px; font-weight: 400; line-height: 20px;}

/* ==========================================================================
   Menu with dropdown menu End 27-01-2021
   ========================================================================== */

.hero__section { display: block;}
.banner__slider--item { display: block; background-repeat: no-repeat !important; background-position: center top !important; background-size: cover !important; z-index: 2; position: relative;}
.hero__main { display: block; position: relative;}
.hero__main--text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; min-height: 735px;}
.hero__main--text h4 { font-size: 36px; color: #ffffff; font-weight: 300;}
.hero__main--text h2 {
    font-size: 54px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 50px;
}
.hero__main--text h5 {
   font-size: 20px;
   color: #ffffff;
   font-weight: 300;
   margin-bottom: 50px;
}
.hero__main--text h5 span { font-weight: 500;}
.hero__main--text .primary__btn { max-width: 211px; text-align: center;}
.banner__payment--info { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 630px; width: 100%; position: absolute; left: 0; bottom: -53px; z-index: 2;}
.banner__payment--info li { display: block; background: #fefefe; padding: 23px 40px 23px 105px; border-radius: 10px; margin-right: 20px; box-shadow: 0 7px 35px 0 #06102b2c;}
.banner__payment--info li { display: block; background: #fefefe; padding: 23px 40px 23px 105px; position: relative;}
.banner__payment--info li p { margin-bottom: 0; font-size: 17px; color: #425466; font-weight: 700; line-height: 25px; text-transform: uppercase;}
.banner__payment--info li p span { font-weight: 400;}
.banner__payment--info li .icon { display: inline-block; position: absolute; left: 25px; top: 25px;}
.hero__section .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1320px; position: absolute; left: 0; right: 0; bottom: 40px; margin: auto; width: 100%;}
.hero__section .owl-carousel button.owl-dot { width: 8px; height: 8px; display: inline-block; background: #ffffff; margin-left: 7px; border-radius: 100%;}
.hero__section .owl-carousel button.owl-dot.active { width: 16px; height: 16px; background: #f8dc61;}

.home__help--block { display: block; padding: 130px 0 90px; background: #f6f9fc;}
.home__help--block h2 { color: #0a2540; font-weight: 600; font-size: 44px; text-align: center; margin-bottom: 45px;}
.home__help--block ul.resp-tabs-list { text-align: center; border-bottom: 1px solid #7b889c;}
.home__help--block ul.resp-tabs-list .resp-tab-item { float: none; position: relative; margin: 0; color: #0a2540; font-size: 16px; font-weight: 500; padding: 10px 25px; margin: 0 10px;}
.home__help--block ul.resp-tabs-list .resp-tab-item::after { content: ''; width: 0; height: 6px; display: block; background: #f0c605; position: absolute; left: 0; bottom: -3px; right: 0px; margin: auto; border-radius: 5px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.home__help--block ul.resp-tabs-list .resp-tab-item.resp-tab-active { border: none !important; background-color: transparent;}
.home__help--block ul.resp-tabs-list .resp-tab-item.resp-tab-active::after { width: 100%;}
.home__help--block .resp-tabs-container { background-color: transparent;}
.home__help--block .resp-tab-content { border: none; padding: 0;}
.home__help--main { display: block; padding: 70px 0 0 0;}

.home__help--image { display: inline-block; overflow: hidden; border-radius: 15px;}
.home__help--content { display: block; padding: 0 50px 0 70px;}
.home__help--content h3 { color: #0a2540; font-weight: 600; font-size: 44px; margin-bottom: 18px;}
.home__help--content h5 { margin-bottom: 25px; color: #425466;}
.home__help--content p { margin-bottom: 50px; color: #425466; font-size: 14px; line-height: 26px;}
.home__help--content .primary__btn { padding: 18px 45px; font-size: 16px; text-transform: uppercase;}
.featured__products--block {
    display: block;
    border-top: 1px solid #c8cddb;
    padding-top: 90px;
    margin-bottom: 200px;
    background: #f6f9fc;
}
.featured__products--main { display: block;}
.featured__products--left { display: block; max-width: 340px; position: relative; padding-bottom: 50px;}
.featured__products--left h3 { margin-bottom: 20px;}
.featured__products--left h5 { margin-bottom: 33px;}
.featured__products--left p { color: #0a2540; font-size: 14px; line-height: 26px;}
.featured__products--arrows { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin-top: 35px;}
.featured__arrows { display: inline-block; width: 50px; height: 50px; line-height: 55px; background: #659cd8; color: #ffffff; text-align: center; border-radius: 100%; margin-left: 28px; font-size: 20px; box-shadow: 0 11px 21px 0 rgb(6 16 43 / 17%);}
.featured__arrows:hover { background: #1181fb; color: #ffffff;}

.featured__products--right { display: block; margin-left: -60px; margin-bottom: -135px;}
.featured__products--right .owl-carousel .owl-stage-outer { padding-left: 20px; padding-bottom: 25px;}
.featured__item { background: #ffffff; box-shadow: 0 7px 15px 0 #06102b1a; overflow: hidden; border-radius: 10px;}
.featured__card--image { display: block;}
.featured__card--body { display: block; padding: 43px 35px 25px 35px;}
.featured__card--body h5 { color: #0a2540; font-size: 18px; text-transform: uppercase; margin-bottom: 20px;}
.featured__card--body p { color: #425466; font-size: 14px; line-height: 26px;}

.home__company__intro--block { display: block; padding: 150px 0 130px;}
.home__company__intro--left { display: block; margin-right: -50px;}
.home__company__intro--left h3 { margin-bottom: 25px;}
.home__company__intro--left h5 { margin-bottom: 30px;}
.home__company__intro--left p { color: #425466; font-size: 14px; line-height: 26px;}
.home__company__intro--right { display: block; text-align: center;}

.loan__service--block { display: block; background: #f6f9fc;}
.loan__service--left { display: block; margin-left: -30px; padding: 105px 0;}
.loan__service--left h3 { margin-bottom: 28px;}
.loan__service--left h5 { margin-bottom: 28px;}
.loan__service--left p { font-size: 14px; line-height: 26px; color: #425466;}
.loan__service--right { display: block; max-width: 486px; width: 100%; background: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; margin-top: -78px; box-shadow: 0 7px 101px 0 rgb(6 16 43 / 32%);}
.loan__service--right h3 { background: #1576bd; font-size: 28px; font-weight: 500; color: #ffffff; text-align: center; font-size: 28px; padding: 22px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; margin-bottom: 0;}
.loan__service--box { display: block; padding: 35px 40px 30px 35px;}
#calculatorTab > p {
   font-size: 14px;
   font-style: italic;
   margin: 30px 0 10px 0;
   color: #e3bc05;
}
.loan__service--price { display: block;}
.loan__service__price--box { display: block; margin-bottom: 48px;}
.loan__service__price--box li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0a2540; font-size: 16px; font-weight: 300; padding: 12px 0; border-bottom: 1px solid #b2b9c5; margin-bottom: 15px;}
.loan__service--price .primary__btn { display: block; text-align: center; font-size: 16px; text-transform: uppercase; max-width: 320px; margin: auto; padding: 18px 25px; line-height: 18px;}
.loan__service--rangeslider { display: block;}
.service__rangeslider1 { display: block;}
/*.loan__service--rangeslider input { border:none; margin:15px; padding:15px; background:#d5d5d5;}*/
.loan__service--rangeslider .form-group { margin-bottom:35px;}
.loan__service--rangeslider #slider { margin-top:50px;}
.ui-slider-handle{position:relative; text-align:center; display:flex;flex-wrap:wrap; justify-content:center;}
.handle-label{position:absolute; bottom:100%; left:auto; right:auto; margin:0px auto; width:150px; text-align:center; background:#151515; color:#fff; padding:5px;pointer-events:none;}

/* ==================== Range slider ==================== */
.range-wrap { position: relative; margin-bottom: 7px;}
.range { width: 100%; margin: 0;}
.bubble { background: #ffffff; color: #0a2540; padding: 4px 12px; position: absolute; border-radius: 4px; left: 50%; top: -20px; transform: translateX(-50%);}
.bubble::after { content: ""; position: absolute; width: 2px; height: 2px; top: -1px; left: 50%;}
.min__max--valuses { display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
/* ==================== Range slider ==================== */
.range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #04AA6D; cursor: pointer;}
.range::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #04AA6D; cursor: pointer;}
.loan__service--rangeslider .range-wrap { margin-top: -7px;}

.how__much--need { position: relative;}
.pots__icon { display: inline-block; position: absolute; right: 80px; bottom: 0;}


.home__howto--block { display: block; padding: 90px 0 165px;}
.home__howto--cratch { display: block;}
.home__howto--cratch h2 { color: #b1becd; font-size: 45px; font-weight: 300; font-style: italic;}
.home__howto__cratch--left { display: block; max-width: 490px; padding: 30px 60px 30px 150px; border-radius: 10px; border: 5px solid #659cd8; box-shadow: 0 11px 17px 0 #06102b34; position: relative;}
.home__howto__cratch--left h4 { margin-bottom: 0; font-size: 32px; font-weight: 300;}
.home__howto__cratch--left h4 span { font-weight: 600;}
.home__howto__cratch--left .icon { display: inline-block; position: absolute; left: 48px; top: 26px;}
.home__howto__cratch--left .click__arrow { display: inline-block; position: absolute; right: 45px; bottom: 25px; color: #101c56; font-size: 20px;}
.home__howto__cratch--right { display: block; padding-left: 40px;}

.home__howto--questions { display: block; position: relative; padding-left: 190px; margin-top: 68px;}
.home__howto--questions .question__icon { display: inline-block; position: absolute; left: 0; top: 0; font-size: 160px; color: #e2e4e6;}
.home__howto__questions--box { display: block; padding: 35px 50px 35px 155px; position: relative; background: #ffffff; position: relative; box-shadow: 0 0 46px 0 #06102b34;}
.home__howto__questions--box .icon { display: inline-block; position: absolute; left: 45px; top: 40px;}
.home__howto__questions--box h5 { color: #0a2540; font-size: 17px; font-weight: 700; font-style: italic; margin-bottom: 5px;}
.home__howto__questions--box p { color: #425466; font-size: 16px; margin-bottom: 5px;}

.home__benefit--block { display: block; background: #f0c605;}
.home__benefit--main { display: block;}
.home__benefit--left { display: block; position: relative; margin-right: 50px;}
.home__benefit--left > img { width: 100%;}
.home__benefit--left h3 { background: #598ec7; color: #ffffff; margin-bottom: 0; font-size: 26px; font-weight: 600; padding: 25px 50px; text-align: right; position: absolute; right: 0; top: -81px; width: 100%; -webkit-border-top-right-radius: 30px; -moz-border-radius-topright: 30px; border-top-right-radius: 30px;}
.home__benefit--icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 200px; height: 200px; background: #101c56; border: 18px solid #f0c605; border-radius: 100%; position: absolute; right: 175px; bottom: -135px;}
.home__benefit--right { display: block; padding: 100px 0 110px;}
.home__benefit__right--text { display: block; max-width: 620px;}
.home__benefit__right--text p { color: #101c56;}
.home__benefit__right--slider { display: block; padding-left: 115px; position: relative; margin-top: 50px;}
.home__benefit--item { display: block; padding: 58px 30px 43px 62px; background: #ffffff; position: relative; border-radius: 15px;}
.home__benefit--item::before { content: "\e90d"; font-family: 'icomoon'; display: inline-block; width: 23px; height: 23px; background: #659cd8; color: #ffffff; font-size: 12px; position: absolute; left: 25px; top: 57px; text-align: center; border-radius: 100%;}
.home__benefit--item h5 { text-transform: uppercase; color: #101c56; font-size: 18px;}
.home__benefit__right--slider .owl-nav { display: none;}
.benefit__next--prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 63px; height: 35px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.benefit__next--prev a { display: inline-block; font-size: 30px; color: #a88f10; font-size: 40px; position: relative;}
.benefit__next--prev a:hover { color: #01102b;}
.benefit__next--prev a.prev { transform: rotate(90deg);}
.benefit__next--prev a.next { transform: rotate(-90deg);}

.people__trust--block { display: block; background: #eceff3; padding: 82px 0 64px;}
.people__trust--left { display: block; max-width: 620px;}
.people__trust--left h3 { color: #0a2540; margin-bottom: 25px;}
.people__trust--left p { color: #425466; margin-bottom: 40px;}
.people__trust--listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 585px;}
.people__trust--listing li { width: 42%; padding: 14px 0; padding-left: 35px; position: relative; border-bottom: 1px solid #bec3cd; color: #425466; font-size: 14px;}
.people__trust--listing li::before { content: "\e90d"; font-family: 'icomoon'; width: 20px; height: 20px; line-height: 20px; display: block; background: #659cd8; position: absolute; left: 0; top: 15px; border-radius: 100%; color: #ffffff; text-align: center; font-size: 12px;}
.people__trust--right { display: block; max-width: 550px; margin-left: 20px;}
.people__trust--icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; width: 174px; height: 174px; border-radius: 100%; margin: auto; background: #598ec7; margin-bottom: 40px;}
.people__trust--icon img { width: auto !important;}
.people__trust--box { display: block; padding: 30px 40px 20px 85px; position: relative; background: #ffffff; border-radius: 15px; box-shadow: 0 7px 54px 0 #06102b2e; margin-bottom: 18px;}
.people__trust--box .step__number { width: 28px; height: 28px; line-height: 28px; display: block; background: #659cd8; color: #ffffff; font-size: 14px; text-align: center; border-radius: 100%; box-shadow: 0 11px 21px 0 rgb(6 16 43 / 17%); position: absolute; left: 40px; top: 30px;}
.people__trust--box p { color: #425466;}

.blue__count--block {
    display: block;
    background: #1576bd;
    padding: 136px 0;
}
.blue__count--main { display: block; overflow: hidden;}
.blue__count-box { display: block; text-align: center; position: relative;}
.blue__count-box::before { content: ''; width: 1px; height: 100%; display: block; background: #334565; position: absolute; left: -16px; top: 0;}
.blue__count-box h3 { color: #f0c605; font-size: 82px; font-weight: 300; line-height: 82px; margin-bottom: 10px;}
.blue__count-box p { color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 0;}

.testimonial__block { display: block; padding: 110px 0 65px;}
.testimonial__main--head { display: block; position: relative; max-width: 930px; padding: 0 53px; text-align: center; margin: auto; margin-bottom: 70px;}
.testimonial__main--head h3 { margin-bottom: 0;}
.testimonial__main--head a { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 50px; color: #ffffff; background: #659cd8; border-radius: 100%; font-size: 20px; position: absolute; top: 0; bottom: 0; margin: auto;}
.testimonial__main--head a:hover { color: #ffffff; background: #1a7be2;}
.testimonial__main--head a.prev { left: 0;}
.testimonial__main--head a.next { right: 0;}
.testimonial__items {display: block; background: #ffffff; box-shadow: 0 0 15px 0 #06102b26; margin: 10px; padding: 22px 19px; border-radius: 10px;}
.testimonial__image { display: block; position: relative;}
.testimonial__video { display: block; width: 58px; height: 58px; background: #000000; border-radius: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.testimonial__video::before { content: "\e90e"; font-family: 'icomoon'; color: #ffffff; font-size: 24px; line-height: 58px; text-align: center; text-align: center; display: block;}
.testimonial__video:hover { background: #1a7be2;}
.testimonial__content { display: block; padding: 35px 100px 20px 0; position: relative;}
.testimonial__content h5 { color: #4f85bf; font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.testimonial__content p { margin-bottom: 0; color: #425466;}
.testimonial__content::after { content: ""; width: 80px; height: 49px; background: url(../img/comma.svg) no-repeat left top; display: block; position: absolute; right: 10px; top: 30px;}

.home__contact--block { display: block; margin-top: 60px;}
.home__contact--left { display: block; margin-right: 98px;}
.home__contact--left h3 { margin-bottom: 45px; font-size: 44px;}
.home__contact--listing { display: block; background: #e7e8ee; padding: 35px 55px 35px 35px; border-radius: 15px;}
.home__contact--listing li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #0a2540; font-size: 18px;}
.home__contact--right { display: block;}
.home__contact--listing li a { color: #0a2540; font-size: 18px;}
.home__contact--listing li a:hover { color: #5eacff;}
.home__contact--listing li p { margin-bottom: 0; color: #0a2540; font-size: 18px; padding: 8px 0; font-weight: 300;}
.home__contact--listing li p span { font-weight: 500;}

.footer { display: block; padding-top: 60px; background: #081e3d;}
.footer__main--block { display: block; padding-left: 255px; position: relative; padding-bottom: 50px;}
.footer__logo { display: inline-block; position: absolute; left: 0; top: 0; overflow: hidden; border-radius: 15px; max-width: 250px;}
.footer__links { display: block; padding-top: 10px; max-width: 215px; margin-left: 50px;}
.footer__links h5 { color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: 400; border-bottom: 1px solid #394b64; padding-bottom: 15px; margin-bottom: 30px;}
.footer__links ul { display: block;}
.footer__links ul li { display: block; padding: 5px 0; margin-bottom: 5px;}
.footer__links ul li a { color: #adbdcc; font-size: 14px; color: #adbdcc;}
.footer__links ul li a:hover { color: #5eacff;}
.footer__links ul li a .icon { width: 28px; height: 28px; background: #ffffff; border-radius: 100%; color: #01102b; margin-right: 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all ease-out 0.3s;}
.footer__links ul li a:hover .icon { background: #5eacff; color: #ffffff;}

.footer__language { display: block; max-width: 120px; width: 100%; position: relative;}
.language__link { display: block; position: relative; border: 1px solid #848f9e; padding: 10px 12px; border-radius: 2px; line-height: 14px; font-size: 13px; color: #ffffff; text-transform: uppercase; font-weight: 400;}
.language__link::after { content: "\e90f"; font-family: 'icomoon'; width: 12px; height: 8px; display: block; position: absolute; right: 12px; top: 12px; color: #f0c605; -webkit-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.language__link::before { content: ''; width: 1px; height: 24px; display: block; background: #394b64; position: absolute; right: 35px; top: 0; bottom: 0; margin: auto;}
.language__link.active::after { transform: rotate(-180deg); top: 14px;}
.language__link span { display: inline-block; margin-right: 5px;}
.language__dropdown { display: block; border: 1px solid #848f9e; position: absolute; left: 0; top: 37px; width: 100%; background: #081e3d; height: 107px; overflow-y: auto; pointer-events: none; opacity: 0; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
.language__dropdown li { display: block;}
.language__dropdown li a { display: block; padding: 5px 10px; font-size: 13px; color: #ffffff;}
.language__dropdown li a span { display: inline-block; margin-right: 5px; vertical-align: middle;}
.language__dropdown li a:hover { background: #035edf; color: #ffffff;}
.language__dropdown.open { opacity: 1; pointer-events: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}
.footer__bottom--block { display: block; text-align: center; padding: 33px 0; border-top: 1px solid #213551;}
.footer__bottom--block p { margin-bottom: 0; color: #c5d0e3; font-size: 14px;}


/* ========================================================
   Subpages
   ======================================================== */
.sub__testimonial--block { padding: 60px 0;}
.sub__testimonial--block .home__contact--block { margin-top: 0;}
.sub__hero--section { display: block; background-position: center top !important; background-size: cover !important; background-repeat: no-repeat !important;}
.sub__hero--main { min-height: 466px; padding: 50px 0; max-width: 375px;display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.sub__hero--main h2 { color: #ffffff;}
.sub__hero--main p { color: #ffffff; font-size: 20px; font-weight: 300; line-height: 34px;}
.sub__hero--main p span { font-weight: 600;}

.about__top--block { display: block; padding: 80px 0 140px;}
.about__top--block .home__company__intro--left p { color: #425466; font-size: 14px;}
.connect__people--block { display: block; background: #f6f9fc;}
.connect__people--left { display: block; min-height: 536px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topright: 30px;  border-top-right-radius: 30px; margin-top: -45px;}
.connect__people--right { display: block; padding: 80px 80px 65px 40px;}

.about__team--block { display: block; padding: 80px 0;}
.about__team--block .commen__head { max-width: 620px; padding-bottom: 35px;}
.about__team--block .commen__head p { color: #0a2540; font-size: 16px; line-height: 28px;}
.about__team--main { position: relative;}
.about__team--box { margin-top: 40px; text-align: center;}
.about__team--box .avatar { max-width: 199px; display: inline-block; border-radius: 100%; overflow: hidden; margin-bottom: 42px;}
.about__team--box h5 { color: #0a2540; font-size: 20px; margin-bottom: 0; line-height: 24px;}
.about__team--box h5 span { display: block; font-size: 14px; font-weight: 400;}

.mobile__app--block { display: block; padding: 120px 0; min-height: 637px; background-position: center top !important; background-size: cover !important; background-repeat: no-repeat !important;}
.mobile__app--main { display: block; max-width: 485px;}
.mobile__app--main h5 { color: #f4ba02; font-size: 16px; margin-bottom: 20px;}
.mobile__app--main h3 { color: #f6f9fc; font-size: 44px; line-height: 54px; margin-bottom: 20px; margin-bottom: 25px;}
.mobile__app--main p { color: #b4bdcc; font-size: 14px; line-height: 26px; margin-bottom: 50px;}
.app__play--stores { display: block;}
.app__play--stores a { display: inline-block; vertical-align: middle; overflow: hidden; border-radius: 5px; margin: 5px 5px 0 0;}

.work__bank--block { display: block; padding: 95px 0; background: #ebeff3;}
.work__bank--left { display: block; position: relative; max-width: 545px; border-radius: 10px; margin-right: -19px; overflow: hidden;}
.work__bank--video { width: 70px; height: 70px; border-radius: 100%; background: #e0b905; color: #000000; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; font-size: 25px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.work__bank--video:hover { background: #f8dc61; color: #000000;}
.work__bank--right { display: block; padding-left: 65px; max-width: 565px;}
.work__bank--right h3 { color: #0a2540; font-size: 44px; margin-bottom: 20px;}
.work__bank--right h3 span { color: #649cd7;}
.work__bank--right h5 { color: #425466; font-size: 18px; font-weight: 400; margin-bottom: 20px;}
.work__bank--right ul { display: block;}
.work__bank--right ul li { display: block; color: #425466; font-size: 14px;}

/*==================== Radio button styles begin ====================*/
.radio-container { position: relative; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.radio-container input { position: absolute; opacity: 0; cursor: pointer;}
/* Create a custom radio button */
.radio-checkmark { position: absolute; top: -3px; left: 0; width: 22px;  height: 22px; background-color: #fff; border-radius: 50%; border: 1px solid #d1d5d7; box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1);}
.checkmark:focus { outline: none;}
/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-checkmark { background-color: #fff;}
/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-checkmark { background-color: #fff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after { content: ""; position: absolute; display: none;}
/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after { display: block;}
/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after { top: 7px; left: 7px; width: 8px; height: 8px; border-radius: 50%; background: #71b944;}
/*==================== Radio button styles End ====================*/

/*==================== Checkbox button styles begin ====================*/
.check-container { display: block; position: relative; padding-left: 29px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default checkbox */
.check-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom checkbox */
.check-checkmark { position: absolute; top: -2px; left: 5px; height: 20px; width: 20px; border-radius: 3px;  border: 1px solid #d1d5d7; box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1);}
/* On mouse-over, add a grey background color */
.check-container:hover input ~ .check-checkmark { background-color: #fff;}
/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .check-checkmark { background-color: #fff; border: 1px solid #71b944;}
/* Create the checkmark/indicator (hidden when not checked) */
.check-checkmark:after { content: ""; position: absolute; display: none;}
/* Show the checkmark when checked */
.check-container input:checked ~ .check-checkmark:after { display: block;}
/* Style the checkmark/indicator */
.check-container .check-checkmark:after { left: 6px; top: 3px; width: 5px; height: 10px; border: solid #72b945; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/*==================== Checkbox button styles End ====================*/

.contact__banner .sub__hero--main { max-width: 455px;}
.contact__address--block { display: block; background: #f6f9fc;}
.contact__address--listing li { display: block; padding-left: 42px; position: relative; margin-bottom: 20px;}
.contact__address--listing li .icon { display: inline-block; position: absolute; left: 0; top: 0;}
.contact__address--left { display: block; padding: 95px 0 75px; padding-right: 120px;}
.contact__address--left h5 { color: #425466; font-size: 18px; line-height: 30px; font-weight: 400; margin-bottom: 55px;}
.contact__address--block li h6 { margin-bottom: 10px; color: #425466;}
.contact__address--block li a { color: #425466; text-decoration: underline;}
.contact__address--block li a:hover { color: #5093d7;}
.contact__form--block { display: block; background: #ffffff; padding: 60px 44px 85px 44px; border-radius: 20px; box-shadow: 0 2px 7px 0 rgb(24 50 62 / 4%); margin-top: -140px; margin-left: -30px; z-index: 2; position: relative;}
.contact__form--block h3 { color: #0a2540; font-size: 44px; font-weight: 300; padding-bottom: 30px; border-bottom: 1px solid #000000; margin-bottom: 10px;}
.contact__form--box { display: block; margin-top: 35px;}
.contact__form--input { width: 100%; height: 57px; padding: 0 15px; border: 1px solid #b7c1cb; border-radius: 3px;}
.contact__form--input:focus { border-color: #000000;}
.contact__form--textarea { width: 100%; padding: 10px 15px; height: 135px; border: 1px solid #b7c1cb; resize: none; border-radius: 3px;}
.contact__form--textarea:focus { border-color: #000000;}
.contact__form--box .primary__btn { border: none; padding: 14px 55px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s;  transition: all ease-out 0.3s;}
.contact__form--box .check-container { color: #0a2540; padding-left: 32px;}
.contact__form--box .check-checkmark { width: 20px; height: 20px; border-color: #b7c1cb; border-radius: 0px; top: 0;}
.contact__form--box .check-container .check-checkmark::after { width: 14px; height: 14px; border: 1px solid #b7c1cb; background: #323030; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); left: 2px; top: 2px;}
.contact__form--box .check-container input:checked ~ .check-checkmark { border-color: #000000;}

.contact__map--block { display: block; margin-top: -35px;}
.contact__map--block iframe { width: 100%; height: 490px;}
.contact__map--block .container { position: relative;}
.contact__map--address { max-width: 525px; width: 100%; padding: 37px 43px 30px 43px; background: #ffffffdc; border-radius: 10px; position: absolute; left: 15px; top: 120px; z-index: 2;}
.contact__map--address h3 { color: #0a2540; font-size: 36px; font-weight: 300; margin-bottom: 10px;}
.contact__map--address p { color: #425466; font-size: 14px; line-height: 19px;}
.credit__card--banner .sub__hero--main { max-width: 480px;}

.creditcard__top--block { padding: 72px 0;}

.light__grey--bg { background: #f6f9fc;}
.types__card--block { display: block; padding: 85px 0;}
.types__card--main { display: block; max-width: 1120px; margin: auto;}
.types__card--image { display: block;}
.types__card--cont { display: block; padding-left: 30px;}
.types__card--cont p { color: #425466;}
/*============================================================================================

our__services-section*/
.sub__hero--main h2 .our-services { display: block; font-size: 30px; font-weight: 400; color: #ffffff; text-transform: initial;}
.services__top--block { padding: 72px 0 344px;}

.service__dreams__card--block { display: flex; padding-bottom: 95px;  background-color: #f6f9fc;}
.service__dreams__card--block .container { margin-top: -250px;}
.service__dreams__card--heading { display: block; margin: auto; text-align: center; max-width: 747px;}
.service__dreams__card--heading h3 { font-size: 44px; font-weight: 700; color: #0a2540; line-height: 54px;}

.service__dreams--card { display: block; border-radius: 9px; overflow: hidden; max-width: 413px; margin: auto;margin-top: 40px; box-shadow: 7px 0px 57px #06102b49; transition: all ease-out 0.3s;}
.service__dreams__card--img { display: block;}
.service__dreams__card--content { display: block; padding: 30px;}
.service__dreams__card--content h4 { font-size: 22px; font-weight: 600; text-transform: uppercase; color: #0a2540; display: flex; flex-direction: row; text-align: center; align-items: center;}
.service__dreams__card--content h4 .icon { display:inline-block; width: 44px; height: 44px; background-color: #e6e8eb; border-radius: 100%; text-align: center; align-items: center; line-height: 44px; margin-right: 15px; font-size: 18px;}
.service__dreams__card--content h4 .icon-icon-41 { font-size: 12px;}
.service__dreams__card--content h4 .icon-icon-91 { font-size: 20px;}
.service__dreams__card--content p { font-size: 14px; font-weight: 400; color: #425466; line-height: 26px; margin-top: 12px;}
.service__card--arrow { display: block; width: 49px; height: 50px; background-color: #659cd8; font-size: 20px; text-align: center; align-items: center; border-radius: 100%; color: #fdfdfd; margin-top: 40px; line-height: 50px;}
.service__card--arrow:hover { transform: translateX(5px); background-color: #0a1638; color: #fdfdfd;}
.service__dreams--card:hover { transform: translateY(-5px);}
/*==========================================================================================*/

.service__download--block { display: block; padding: 65px 0 55px; background-color: #e7e8ee; border-bottom: 1px solid #bcc1cd;}
.service__download--main { display: block; padding-left: 375px;  position: relative;}
.service__download--main h3 { font-size: 36px; font-weight: 600; color: #0a2540;  position: absolute; left: 0; top: -3px; display: flex; align-items: center;}
.service__download--main h3 .icon-icon-34 { font-size: 80px; color: #659cd8; margin-right: 20px;}
.download__pdf--block { display: block; padding: 30px 62px 30px 106px; background-color: #ffffff; box-shadow: 0px 0px 46px #06102b3a; border-radius: 5px;}
.download__pdf--text { display: inline-block; font-size: 20px; font-weight: 400; color: #425466;  position: relative; transition: all ease-out 0.3s;}
.download__pdf--text::after { content: ''; width: 100%; height: 1px; display: block; background-color: #8d969f;}
.download__pdf--text::before { content: ''; background: url(../img/pdf-icon.png) no-repeat left top; position: absolute; left: -60px; top: -6px; display: block; width: 36px; height: 43px;}
.download__pdf--text span { display: inline-block; font-size: 20px; font-weight: 300; color: #7f8e9c; transition: all ease-out 0.3s;}
.download__pdf--text:hover { color: #dd2c2c;}
.download__pdf--text:hover span  { color: #dd2c2c;}
/*==============================================================================================*/

.services__contact { display: block; padding: 90px 0 95px; background-color: #e7e8ee;}
.service__contact--main { display: block;}
.service__contact--left { display: block; max-width: 420px;}
.service__contact--left h3 { font-size: 44px; font-weight: 600; color: #0a2540; margin-bottom: 20px;}
.service__contact--left span { font-size: 16px; font-weight: 600; color: #425466; display: block;}
.service__contact--left p { font-size: 14px; font-weight: 400; color: #425466; line-height: 26px; margin-top: 20px;}

.service__contact--right { display: block; max-width: 595px;}
.icon-position { position: relative;}
.service__contact--form { display: block; margin-bottom: 15px;}
.service__contact--input { width: 100%; height: 59px; background: none; border: none; border-bottom: 1px solid #b9bcc4;}
.service__contact--checkbox { width: 20px; height: 19px; background-color: #ffffff; display: inline-block; margin-right: 10px;}
.service__contact--form label { font-size: 14px; font-weight: 400; margin-top: 30px; display: flex; align-items: center; font-family: 'Poppins', sans-serif;}
.service__contact--submit { display: inline-block; padding: 18px 40px; font-size: 16px; font-weight: 700; color: #000000; background-color: #f0c605; text-transform: uppercase; border: none; border-radius: 5px;
margin-top: 50px; font-family: 'Poppins', sans-serif; transition: all ease-out 0.3s;}
.service__contact--input::-webkit-input-placeholder { color: #425466; font-size: 14px; font-family: 'Poppins', sans-serif;}
.service__contact--input::-moz-placeholder { color: #425466; font-size: 14px; font-family: 'Poppins', sans-serif;}
.service__contact--input:-ms-input-placeholder { color: #425466; font-size: 14px; font-family: 'Poppins', sans-serif;}
.service__contact--input:-moz-placeholder { color: #425466; font-size: 14px; font-family: 'Poppins', sans-serif;}
.service__contact--submit:hover { transform: translateX(5px); background-color: #659cd8;}
.icon-position .icon { position: absolute; right: -6px; bottom: -95px; width: 145px; height: 254px;}
/*==============================================================================================

NCCU-Cares-section*/
.sub__hero--main.nccu h2 { font-size: 60px; font-weight: 600; color: #ffffff;}
.sub__hero--main.nccu p { font-size: 20px; font-weight: 600; color: #f1f8ff;}
.sub__hero--main.nccu .big-family { display: block; font-size: 20px; font-weight: 600; color: #f0c605;}

.national__credit__union--block { display: block; padding: 85px 0 70px; background-color: #e6e8eb; border-bottom: 1px solid #cbcfd6;}
.national__credit--card { display: block; max-width: 307px; position: relative; margin-top: 40px;}
.national__credit--card .national__ribbon { display: inline-block; padding: 5px 20px; background-color: #5690da; border-radius: 2px; font-size: 16px; font-weight: 600; color: #ffffff; position: absolute; left: 20px; top: -15px;}
.national__card--img { display: block; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.national__card--body { display: block; padding: 18px 28px; background-color: #ffffff; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} 
.national__card--body p { font-size: 14px; font-weight: 400; color: #425466; margin-bottom: 0; line-height: 20px;}
/*================================================================================================*/

.nccu-sixcard--block { display: block; padding: 50px 0 80px; background-color: #e6e8eb;}
.nccu-sixcard--block .commen__head p { color: #0a2540;}
.nccu__sixcards { display: block; padding: 30px 15px 40px 30px; background-color: #fafafb; box-shadow: 2px 0px 84px #06193433; max-width: 415px; border-radius: 10px; margin-top: 30px; transition: all ease-out 0.3s;}
.nccu__sixcards h4 { font-size: 24px; font-weight: 500; color: #0a2540; margin-bottom: 15px;}
.sixcard__list { display: block;}
.sixcard__list > li { font-size: 15px; font-weight: 400; color: #000f29; padding: 5px 0 0 20px; position: relative;}
.sixcard__list > li::before { content: "\e90d"; width: 13px; line-height: 13px; height: 13px; text-align: center; background-color: #5690da; color: #ffffff; display: block; border-radius: 100%;font-family:'icomoon'; font-size: 8px; position: absolute; left: 0px; top: 10px;}
.nccu__sixcards .icon { display: inline-block; font-size: 43px; color: #0a2540; margin-bottom: 25px;}
.culture__list { padding: 10px 0;}
.culture__list > li { font-size: 14px; font-weight: 400; color: #000f29; padding-left: 40px; position: relative;}
.culture__list > li::before { content: ''; width: 4px; height: 4px; background-color: #081e3d; display: inline-block; border-radius: 100%; position: absolute; left: 22px; top: 9px;}
.education__album { display: block; font-size: 14px; font-weight: 400; color: #2e6dbf; margin-top: 20px; text-decoration: underline; align-items: center; font-style: italic;}
.education__album:hover { text-decoration: underline;}
.sports__bottom { display: block; padding-left: 15px;}
.sports__bottom h3 { font-size: 15px; font-weight: 600; color: #000f29; margin-top: 25px; text-transform: uppercase;}
.sports__bottom ul li { font-size: 15px; font-weight: 400; color: #000f29;}
.nccu__sixcards .icon-icon-20 { font-size: 50px;}
.nccu__sixcards .icon-icon-23 { font-size: 50px;}
.nccu__sixcards .icon-icon-81 { font-size: 50px;}
.nccu-sixcard--block .sixcard__bottom--block { font-size: 16px; font-weight: 400; color: #0a2540; text-align: center; margin: auto; display: block; margin-top: 60px;}
.nccu__sixcards:hover { transform: translateY(-5px);}

/*======================================================================================*/
.nccu__ltd--block { display: block; padding: 75px 0 70px; background-color: #081e3d;}
.nccu__ltd--main { display: block;}
.nccu__ltd--left { display: block;}
.nccu__ltd--left h3 { font-size: 44px; font-weight: 600; color: #ffffff; margin-bottom: 20px;}
.nccu__ltd--left p { font-size: 16px; font-weight: 400; color: #ffffff; line-height: 26px;}
.nccu__branches { display: block; margin-right: 70px;  border-radius: 10px; overflow: hidden;}
.nccu__branches h4 { font-size: 18px; font-weight: 500; color: #ffffff; display: block; padding: 18px 0 18px 50px; background-color: #5690da; margin-bottom: 0;}
.nccu__branches ul { padding: 20px 52px 45px; background-color: #f0c605;}
.nccu__branches ul> li > p { font-size: 14px; font-weight: 400; color: #1c1703; padding-top: 8px; padding-bottom: 6px; border-bottom: 1px dashed #a68904; font-size: 14px; font-weight: 600; color: #1c1703; margin-bottom: 0px;}
.nccu__branches ul> li > p > span { font-size: 14px; font-weight: 500; color: #1c1703; width: 100px; display: inline-block;}

/*==========================================================================================*/
.shares--banner .sub__hero--main { max-width: 697px;}
.shares__table { display: flex; background-color: #e6e8eb; padding-bottom: 80px;  align-items: center;}
.table__main { display: block; padding: 60px 40px; background-color: #ffffff; border-radius: 15px; margin: auto; max-width: 1077px; margin-top: -80px;}
.table__main h5 { font-size: 16px; font-weight: 500; color: #000f29; margin-bottom: 30px;}
.table__main .table-responsive { border-radius: 20px; border: 1px solid #000000;}
.table__main .table { margin-bottom: 0px;}
.table__main .table tr th { font-size: 18px; font-weight: 600; color: #000f29; background-color: #fdf8e1; padding: 25px 64px; width: 50%; border-left: 1px solid #856e6e;}
.table__main .table tr th:first-child { border-left: none;}
.table__main .table tr td { font-size: 16px; font-weight: 500; color: #000f29; background-color: #fdf8e1; padding: 25px 64px; width: 50%; border-left: 1px solid #856e6e; border-bottom: 1px solid #856e6e;}
.table__main .table tr td:first-child { border-left: none;}
.table__main .table tr:last-child td { border-bottom: none;}
/*======================================================================================*/

/*============================ membership page ================================*/
.membership .sub__hero--main { max-width: 810px;}
.membership__top--block { padding: 75px 0;}
.membership__list { display: block; padding: 80px 100px; background-color: #f6f9fc;}
.membership__list--main { display: block; max-width: 1003px; margin: auto; text-align: center;}
.membership__list--main h5 { font-size: 20px; font-weight: 600; color: #425466; line-height: 31px; margin-bottom: 50px;}
.membership__list--left li { font-size: 14px; line-height: 21px; font-weight: 400; color: #425466; padding: 12px 42px; background-color: #ffffff; margin-bottom: 6px; box-shadow: 2px 2px 1px #18323e2c; border-radius: 10px; position: relative;}
.membership__list--left li::before { content: "\e90d"; width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: #659cd8; color: #ffffff; display: block; border-radius: 100%;font-family:'icomoon'; font-size: 8px; position: absolute; left: 15px; top: 15px;}

.membership__bottom--block { display: block; padding-top: 95px; background-color: #eac105;}
.membership__bottom--left { display: block;}
.bottom__left--heading { display: block; margin-bottom: 40px;}
.bottom__left--heading h3 { font-size: 52px; font-weight: 400; color: #050400; line-height: 58px;}
.bottom__left--heading h3 span { font-size: 52px; font-weight: 600; color: #050400;}
.bottom__left--image { margin-left: -107px;}

.membership__bottom__points--block { display: block; margin-left: 0px;}
.membership__bottom--right { display: block; max-width: 556px; position: relative; margin-bottom: 55px;}
.membership__bottom--right p { font-size: 18px; font-weight: 400; color: #050400; line-height: 24px; padding: 20px 0 20px 105px;}
.membership__bottom--right .membership-icon { display: inline-block; background-color: #081e3d; width: 85px; height: 85px; border-radius: 100%; position: absolute; left: 0; top: 0; line-height: 85px; text-align: center;}
.bottom__listing { margin-bottom: -22px;}
.bottom__listing > li { padding: 30px 40px 30px 70px; display: block; background-color: #ffffff; border-radius: 10px; font-size: 16px; font-weight: 400; color: #050400; line-height: 24px; position: relative; box-shadow: 0 2px 1px #18323e1f; margin-bottom: 10px;}
.bottom__listing > li .number { font-size: 16px; font-weight: 600; color: #ffffff; display: block; width: 53px; height: 52px; line-height: 52px; text-align: center; background-color: #679dd8; position: absolute; left: -15px; top: 0px; bottom: 0px; margin: auto; border-radius: 100%; box-shadow: 0 0 0 5px #eac105;}
/*============================ membership page ================================*/
/* Jasmin Styles */
/*================================================================================================*/


.forms-resource-banner .sub__hero--main { max-width: 680px;}
.forms__pdf__download--block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #081e3d; padding-bottom: 75px;}
.forms__pdf__download--main { display: block; max-width: 1077px; border: 1px solid #cbcfd6; background: #ffffff; border-radius: 20px; overflow: hidden; padding: 15px 0; box-shadow: 0 2px 65px 0 #18323e1c; margin-top: -70px;}
.forms__pdf__download--main ul { display: block;}
.forms__pdf__download--main ul li { display: block; border-top: 1px solid #dadee4;}
.forms__pdf__download--main ul li:first-child { border-top: none;}
.forms__pdf__download--main ul li a { display: block; position: relative; padding: 15px; padding-left: 55px; color: #425466; font-size: 14px;}
.forms__pdf__download--main ul li a::before { content: "\e911"; font-family: 'icomoon'; display: inline-block; position: absolute; left: 24px; top: 14px; font-size: 22px; color: #76a8dc;}
.forms__pdf__download--main ul li a:hover { color: #76a8dc;}

.service__fees--block { display: block; background: #eef4f9;}
.service__fees--main { display: block;}
.loans__mortgages--block #parentVerticalTab .resp-tabs-list li:nth-child(7),
.loans__mortgages--block #parentVerticalTab .resp-tabs-list li:nth-child(9) {
   margin-left: 22px;
   border-left: 3px solid #e7bf05;
}
.service__fees--main .heading { display: block; padding-bottom: 15px;}
.service__fees--main .heading h3 { color: #0a2540; font-size: 40px; font-weight: 700; margin-bottom: 8px;}
.service__fees--main .heading p { color: #0a2540; font-size: 16px;}
.service__fees__links--block { max-width: 400px; max-width: 307px; display: block; padding: 88px 0 0 0;}
.service__fees__links--block { display: block;}
.service__fees--links { display: block;}
.service__fees--links li { display: block; margin-bottom: 20px;}
.service__fees--links li a { background: #ffffff; box-shadow: 14px 0 38px 0 #00000018; color: #000000; font-size: 14px; font-weight: 700;  padding: 20px 55px 20px 25px; position: relative; border-radius: 4px; line-height: 16px; display: block;}
.service__fees--links li a::after { content: "\e912"; font-family: 'icomoon'; display: inline-block; position: absolute; right: 18px; top: 18px; color: #b1b8c2; font-size: 22px; font-weight: 400;}
.service__fees--links li a:hover,
.service__fees--links li.active a { background: #e7bf05; color: #000000; border: none !important;}
.service__fees--links li a:hover::after,
.service__fees--links li.active a::after { color: #544a09;}
.service__fees--links li a span { font-size: 20px; display: inline-block; margin-right: 12px;}
.service__fees--links li a span.icon-icon-41 { font-size: 15px;}

.service__fees--main .resp-vtabs ul.resp-tabs-list { float: none; display: inline-block; vertical-align: top; padding: 88px 0; padding-right: 105px; font-size: 14px; text-transform: uppercase; width: 31%;}
.service__fees--main .resp-vtabs ul.resp-tabs-list .resp-tab-item { background: #ffffff; box-shadow: 14px 0 38px 0 #00000018; color: #000000; font-size: 14px; font-weight: 700; margin-bottom: 20px; padding: 20px 55px 20px 25px; position: relative; border-radius: 4px; line-height: 16px;}
.service__fees--main .resp-vtabs ul.resp-tabs-list .resp-tab-item::after { content: "\e912"; font-family: 'icomoon'; display: inline-block; position: absolute; right: 18px; top: 18px; color: #b1b8c2; font-size: 22px; font-weight: 400;}
.service__fees--main .resp-vtabs ul.resp-tabs-list .resp-tab-item.resp-tab-active { background: #e7bf05; color: #000000; border: none !important;}
.service__fees--main .resp-vtabs ul.resp-tabs-list .resp-tab-item.resp-tab-active::after { color: #544a09;}
.service__fees--main .resp-vtabs ul.resp-tabs-list .resp-tab-item span { font-size: 20px; display: inline-block; margin-right: 12px;}
.service__fees--main .resp-vtabs ul.resp-tabs-list .resp-tab-item span.icon-icon-41 { font-size: 15px;}
.service__fees--main .resp-vtabs .resp-tabs-container { float: none; display: inline-block; padding: 80px 40px 80px 92px; background-color: transparent; border: none; width: 68%;
background: rgb(219,226,234);
background: -moz-linear-gradient(-45deg,  rgba(219,226,234,1) 0%, rgba(238,244,249,1) 44%);
background: -webkit-linear-gradient(-45deg,  rgba(219,226,234,1) 0%,rgba(238,244,249,1) 44%);
background: linear-gradient(135deg,  rgba(219,226,234,1) 0%,rgba(238,244,249,1) 44%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe2ea', endColorstr='#eef4f9',GradientType=1 );}
.service__fees--main .resp-vtabs .resp-tab-content { padding: 0;}
.service__fees__tab--content { display: block;}
.service__fees__tab--table { display: block;}
.service__fees__tab--table .table-responsive { display: block; overflow: hidden; border-radius: 5px; box-shadow: 0 2px 87px 0 #18323e55;}
.service__fees__tab--table .table { margin-bottom: 0;}
.service__fees__tab--table .table th { margin-bottom: 0; background: #6096d0; color: #ffffff; font-weight: 600; font-size: 14px; padding: 20px 35px; text-transform: uppercase; border-left: 1px solid #00000013;}
.service__fees__tab--table .table td { background: #fefefe; padding: 20px 35px; border-left: 1px solid #00000013;}
.service__fees__tab--table .table tr:nth-child(even) td { background: #edf3f9;}
.service__fees__tab--bottom { display: block; margin-top: 50px;}
.service__fees__tab--bottom p { color: #09233d; font-size: 14px; line-height: 24px; margin-bottom: 30px; color: #09233d; font-size: 14px; line-height: 24px;}
.fees__bottom--span { display: block; background: #d6dbe0; padding: 12px 30px 15px 30px; border-radius: 4px; font-size: 18px; line-height: 27px; color: #4a4f55;}

.join__top--block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #e6e8eb; padding-bottom: 100px;}
.join__top--main { max-width:1077px; display: block; padding:55px 45px; background: #ffffff; border-radius: 20px; margin:auto; margin-top: -85px; box-shadow: 0 2px 65px 0 #18323e18;}
.credit__union--account { display: block;}
.credit__union--account h5 { font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 20px;}
.credit__union--listing { display: block; margin-bottom: 30px;}
.credit__union--listing li { display: block; font-size: 15px; color: #000f29; position: relative; padding-left: 27px; margin-bottom: 5px;}
.credit__union--listing li::before { content: "\e90d"; font-family: 'icomoon'; display: inline-block; position: absolute; left: 0; top: 0; color: #747474; font-size: 12px;}
.credit__union--yellowbox { display: block; background: #fdf8e1; border: 1px solid #ddddda; background: #fdf8e1; padding: 38px 26px; border-radius: 10px;}
.credit__union--yellowbox .head { display: block;}
.credit__union--yellowbox .head .italic { font-style: italic; color: #000f29; font-size: 16px; display: block; margin-bottom: 15px;}
.credit__union--yellowbox .head p { color: #000f29; font-size: 16px; margin-bottom: 0;}
.credit__union__yellow--point { display: block; padding: 28px 0 0 31px; position: relative; border-bottom: 1px solid #181718; padding-bottom: 10px;}
.credit__union__yellow--point .count { display: block; width: 20px; height: 20px; background: #f0c605; color: #1d2525; text-align: center; line-height: 20px; position: absolute; left: 0; top: 28px; border-radius: 100%; font-weight: 500; font-size: 11px;}
.credit__union__yellow--point h6 { margin-bottom: 5px; font-size: 18px; font-weight: 500;}
.credit__union__yellow--point p { color: #000f29; line-height: 32px; font-size: 16px;}
.credit__union__yellow--point .note { display: block; background: #e9e5cf; padding: 20px 30px; margin-bottom: 15px; border-radius: 5px;}
.credit__union__yellow--point .note .note__para { display: block; color: #000f29; font-size: 14px; line-height: 24px;}
.congrats__block { background: #f0c605; display: block; padding: 28px 32px; border-radius: 5px; margin-top: 40px;}
.congrats__block p { font-size: 15px; line-height: 25px; color: #000f29; margin-bottom: 0;}
.congrats__block p span { font-weight: 600;}
.sample__block { display: block; margin-top: 30px;}
.sample__block p { margin-bottom: 0; font-size: 16px; line-height: 25px; color: #000f29;}
.sample__block p span { color: #ff160a; text-transform: uppercase;}
.sample__block p a { color: #0084ff; text-decoration: underline;}
.sample__block p a:hover { color: #53acff;}

.join__accordien--section { display: block; max-width: 1070px; margin: auto; margin-top: 75px;}
.join__accordien--section .accordion-item { display: block; border: none; border-bottom: 1px solid #000000; background: none; padding: 24px 20px 24px 47px; position: relative; color: #000000; font-size: 18px; font-weight: 600; cursor: pointer;}
.join__accordien--section .accordion-item::before { content: "+"; width: 24px; height: 24px; display: block; background: #5194d8; border-radius: 100%; position: absolute; left: 3px; top: 22px; text-align: center; line-height: 24px; font-weight: 400; color: #ffffff;}
.join__accordien--section .accordion-item.open { border-bottom: none;}
.join__accordien--section .accordion-item.open::before { content: "-";}
.join__accordien--section .data { display: none; border-bottom: 1px solid #000000; padding: 0px 20px 24px 47px;}
.join__accordien--cont { display: block;}
.join__accordien--cont p { color: #666e76; font-size: 16px; line-height: 26px;}

.join__bottom--block { display: block; background: #ffffff; border-bottom: 1px solid #e5e5e5; padding: 30px 0 75px; position: relative;}
.join__bottom--block::before { content: ''; width: 100%; height: 146px; display: block; background: #71bbf7; position: absolute; left: 0; top: 0;}
.join__bottom--block .container { position: relative; z-index: 5;}
.join__bottom--block .resp-tabs-list { display: block; text-align: center; font-size: 0; margin-bottom: 35px;}
.join__bottom--block .resp-tabs-list li.resp-tab-item { float: none; color: #000f29; font-size: 15px; text-transform: uppercase; font-weight: 500;  padding: 9px 18px; border-radius: 3px; margin: 0 15px;}
.join__bottom--block .resp-tabs-list li.resp-tab-item.resp-tab-active { background: #f0c605; border: none !important;}
.join__bottom--block .resp-tabs-container { max-width: 1080px; margin: auto; background-color: transparent;}
.join__bottom--block .resp-tab-content { padding: 0; border: none;}
.join__tab--content { display: block; padding: 50px; background: #ffffff; box-shadow: 0 2px 65px 0 #18323e21; border-radius: 20px;}
.join__tab__ensure--section { display: block;}
.join__tab__ensure--section p { color: #000f29; font-size: 16px; font-weight: 500; margin-bottom: 30px;}
.join__tab__ensure--section p a { color: #3991d7; text-decoration: underline;}
.join__tab__ensure--section p a:hover { color: #80c5fd;}
.join__tab__ensure--section h6 { color: #000f29; font-size: 16px; font-weight: 500; margin-bottom: 30px;}
.ensure__listing { display: block; margin-bottom: 35px;}
.ensure__listing li { display: block; padding-left: 35px; position: relative; font-size: 15px; margin-bottom: 10px;}
.ensure__listing li .count { display: inline-block; width: 20px; height: 20px; background: #f0c605; border-radius: 100%; text-align: center; line-height: 20px; position: absolute; left: 0; top: 2px; font-size: 11px; color: #000f29;}
.join__tab--yellowbox { display: block; background: #fdf8e1; border: 1px solid #ddddda; border-radius: 15px; padding: 40px 30px;}
.join__tab--yellowbox h5 { border-bottom: 1px solid #181718; padding-bottom: 10px; margin-bottom: 25px;}
.join__tab--yellowbox .italic { font-size: 15px; color: #343b46; font-style: italic; display: block; margin-bottom: 15px;}
.join__tab--yellowbox .credit__union--listing li span { color: #ff160a;}
.join__tab--note { display: block; margin-top: 40px;}
.join__note--list { display: block; padding-left:55px; position:relative; font-size:15px; line-height:32px; color: #000f29; margin-bottom: 15px;}
.join__note--list b { display: inline-block; position: absolute; left: 0; top: 0; font-weight: 700;}
.join__tab--note p { font-size: 15px; line-height: 25px; color: #000f29;}
.join__tab--note p a { color: #ff160a;}

.bottom__note { display: block; max-width: 930px; margin: auto; position: relative; margin-top: 40px;}
.bottom__note p { position: relative; padding-left: 53px; font-size: 15px; color: #000f29; font-style: italic; line-height: 32px;}
.bottom__note p a { color: #ff160a;}
.bottom__note p b { display: inline-block; position: absolute; left: 0; top: 0; font-weight: 700;}

.loans__mortgages--banner .sub__hero--main { max-width: 750px;}
.loans__mortgages--block { display: block; background: #f6f9fc;}
.loans__mortgages--block .service__fees--main .resp-vtabs ul.resp-tabs-list { padding-right: 95px;}
.service__fees--container { padding: 0 0 0 80px; margin-left: -40px; display: flex;
background: rgb(230,237,246);
background: -moz-linear-gradient(-45deg,  rgba(230,237,246,1) 0%, rgba(246,249,252,1) 26%);
background: -webkit-linear-gradient(-45deg,  rgba(230,237,246,1) 0%,rgba(246,249,252,1) 26%);
background: linear-gradient(135deg,  rgba(230,237,246,1) 0%,rgba(246,249,252,1) 26%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6edf6', endColorstr='#f6f9fc',GradientType=1 );}
.loans__mortgages--block .resp-vtabs .resp-tabs-container { padding: 0 0 0 80px;
background: rgb(230,237,246);
background: -moz-linear-gradient(-45deg,  rgba(230,237,246,1) 0%, rgba(246,249,252,1) 26%);
background: -webkit-linear-gradient(-45deg,  rgba(230,237,246,1) 0%,rgba(246,249,252,1) 26%);
background: linear-gradient(135deg,  rgba(230,237,246,1) 0%,rgba(246,249,252,1) 26%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6edf6', endColorstr='#f6f9fc',GradientType=1 );}
.loans__mortgages--blueblock { display: block; background: #598ec7; -webkit-border-top-left-radius: 40px; -moz-border-radius-topleft: 40px; border-top-left-radius: 40px;}
.loans__mortgages--blueblock h3 { font-size: 26px; color: #ffffff; font-weight: 600; margin: 0; padding: 20px 113px; margin-top: -71px;}
.loans__mortgages--image { display: block;}
.loans__mortgages--image img { -webkit-border-top-right-radius: 30px; -moz-border-radius-topright: 30px;  border-top-right-radius: 30px;}
.education__loan--box { display: block; margin-top: 80px; border-bottom: 1px solid #7b889d; padding-bottom: 30px;}
.education__loan--box p { color: #425466; line-height: 26px;}

.students__loan--block { display: block; padding: 67px 0;}
.students__loan--block .head { display: block;}
.students__loan--block .head h4 { font-size: 30px;}
.students__loan--requirement { display: block; margin-top: 35px;}
.students__loan--requirement h5 { font-size: 22px; color: #0a2540; margin-bottom: 25px;}
.requirement__listing { display: block;}
.requirement__listing li { display: block; background: #ffffff; padding: 23px 40px 23px 73px; border-radius: 15px; box-shadow: 0 7px 8px 0 #06102b12; font-size: 14px; line-height: 21px; position: relative; margin-bottom: 12px;}
.requirement__listing li::before { content: "\e90d"; font-family: 'icomoon'; width: 24px; height: 24px; display: block; background: #659cd8; position: absolute; left: 30px; top: 25px; color: #ffffff; text-align: center; line-height: 24px; border-radius: 100%;}

.faq__block { display: block; background: #ebeff3; padding: 95px 0;}
.faq__main { max-width: 1240px; margin: auto; padding-left: 230px; position: relative;}
.faq__main .join__accordien--section { margin-top: 0;}
.faq__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 167px; height: 167px; background: #1576bd; color: #ebeff3; font-size: 110px; border-radius: 100%; font-weight: 700; position: absolute; left: 0;  top: 0;}
.faq__block .join__accordien--section .accordion-item.open { color: #5194d8;}
.faq__block .join__accordien--cont p { color: #425466; font-size: 14px; line-height: 24px;}

.overseas__members--block { background: #e6e8eb;}
.overseas__members--block  .resp-tabs-list { text-align: center;}
.overseas__members--block  .resp-tabs-list li.resp-tab-item { margin: 0;}

.service__contact--section { display: block; min-height: 513px; background: url(../img/service__contact.jpg) no-repeat center top #1576bd; border-radius: 5px; padding: 42px 30px; padding-top: 228px;}
.service__contact--icon { display: inline-block; display: block; margin-bottom: 15px;}
.service__contact--number { color: #ffffff; font-size: 20px; font-weight: 500;}
.service__contact--number span { font-weight: 300;}
.service__contact--number:hover { color: #e7bf05;}
.mail__id { display: block; margin-top: 15px; margin-bottom: 22px;}
.mail__id a { color: #1ca7ef; font-size: 13px; font-weight: 300; display: inline-block; position: relative; text-decoration: underline; margin-left: 30px; letter-spacing: 1px;}
.mail__id a::before { content: "\e904"; font-family: 'icomoon'; display: inline-block; color: #ffffff; position: absolute; left: -30px; top: 0; font-size: 18px;}
.mail__id a:hover { color: #e7bf05;}
.service__contact--section p { color: #e2ecfc; font-size: 14px; line-height: 20px;}
.service__contact--section p span { color: #e7be05;}

.hero__bottom--section { display: block;}
.hero__bottom--main { display: block; position: relative;}

.home__contact--right { position: relative; margin-left: 225px;}
.mobile__map { display: none;}
.desktop__map--list { display: block; position: absolute; left: -265px; top: 40%;}
.desktop__map--list li { display: block; font-size: 16px; color: #0a2540; position: relative; margin-bottom: 10px; padding: 3px 0; padding-left: 37px;}
.desktop__map--list li span { display: inline-block; width: 26px; height: 26px; background: #ffffff; border: 5px solid #ffffff; border-radius: 100%; position: absolute; left: 0; top: 0; box-shadow: 0 13px 57px 0 rgb(6 16 43 / 40%);}
.desktop__map--list li .blue { background: #659bd7;}
.desktop__map--list li .yellow { background: #f0c605;}

.location__mark { width: 25px; height: 25px; display: block; position: absolute; left: 0; top: 0; box-shadow: 0 13px 57px 0 rgb(6 16 43 / 40%); border: 5px solid #ffffff; border-radius: 100%;}
.location__mark.blue { background: #659cd8 !important;}
.location__mark.yellow { background: #eac206 !important;}
.location__mark:hover { z-index: 2;}
.location__mark span { background: #ffffff; padding: 5px 6px; border-radius: 3px; box-shadow: 0 10px 20px 0 rgb(6 16 43 / 10%); font-size: 13px; color: #425466; position: absolute; left: -53px; bottom: 21px; width: 120px; line-height: 1.3; text-align: center; opacity: 0; pointer-events: none; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
.location__mark:hover span { opacity: 1; pointer-events: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

.home__contact--right .mark1 { left: 126px; top: 514px;}
.home__contact--right .mark2 { left: 80px; top: 336px;}
.home__contact--right .mark3 { left: 20px; top: 77px;}
.home__contact--right .mark4 { left: 220px; top: 132px;}
.home__contact--right .mark5 { left: 272px; top: 375px;}
.home__contact--right .mark6 { left: 144px; top: 460px;}
.home__contact--right .mark7 { left: 287px; top: 251px;}
.home__contact--right .mark8 { left: 127px; top: 441px;}
.home__contact--right .mark9 { left: 112px; top: 434px;}
.home__contact--right .mark10 { left: 100px; top: 366px;}
.home__contact--right .mark11 { left: 299px; top: 419px;}
.home__contact--right .mark12 { left: 129px; top: 422px;}
.home__contact--right .mark13 { left: 114px; top: 458px;}
.home__contact--right .mark14 { left: 125px; top: 484px;}
.home__contact--right .mark15 { left: 80px; top: 17px; }
.home__contact--right .mark16 { left: 143px; top: 475px;}



.search__box { width: 100%; height: 0; pointer-events: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; background: #1576bddb;}
.search__box.open { height: 100vh; overflow: visible; pointer-events: visible; z-index: 9;}
.search__box--cont { width: 100%; position: relative; max-width: 560px; margin: 0 auto;}
.search__box--input { height: 65px; padding: 0 80px 0 20px;}
.search__box--submit { width: 72px; height: 65px; display: block; position: absolute; right: 0; top: 0;}
.close__search { width: 45px; height: 45px; display: block; background: #ffffff; border-radius: 100%; position: absolute; right: 15px; top: 15px; transform: rotate(-45deg);}
.close__search::before { content: "+"; font-size: 40px; font-weight: 300; color: #1576bd; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
/*=============================================================================================================

property-section
=============================================================================================================*/
.property__banner .sub__hero--main { max-width: 622px;}
.property__listing--block { margin-top: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 60px 0; 
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(240,244,247,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(240,244,247,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(240,244,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f4f7',GradientType=0 );}
.property__listing--filtering { display: block; background: #ffffff; padding: 35px 5px; box-shadow: 6px 5px 35px 0 rgb(0 0 0 / 8%); margin-bottom: 55px; border-radius: 10px; margin-top: -65px;}
.property__listing--filtering h4 { text-align: center; font-size: 26px;}
.property__listing--filter { display: block; margin-top: 10px; position: relative;}
.property__selector { width: 100%; height: 52px; border: 1px solid #e0e4e9; box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 5%); border-radius: 5px; padding: 0 15px; font-size: 14px; color: #7f8285;}
.property__selector:focus { outline: none;}
.property__listing--search { display: block; position: relative;}
.property__listing--input { width: 100%; height: 52px; border-radius: 5px; padding: 0 180px 0 15px; font-size: 14px; color: #7f8285; border: 1px solid #e0e4e9; box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 5%); border-radius: 5px;}
.property__listing--filter .primary__btn { transition: all ease-out 0.3s; border: none; text-transform: uppercase; font-size: 16px; font-weight: 600; position: absolute; right: 0; top: 0; padding: 14px 52px;}
.newest__property--filtering { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 55px; position: relative;}
.newest__property--filtering::before { content: ''; width: 100%; height: 1px; display: block; background: #e4ebf1; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.newest__property--filtering .property__selector { width: 295px; margin: auto; position: relative; z-index: 2;}


/* ===================================================
   Property Listing, Contact, About us
   =================================================== */
.property__cards { display: block;}
.property__cards--list { display: block; margin-bottom: 28px; background-color: #ffffff; -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; box-shadow: 11px 8px 30px #1576bd1f;}
.property__card--img { display: block; position: relative;}
.property__card--img > img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%;}

.property__cards--content { display: block; padding: 25px; padding-bottom: 15px;}
.property__cards--content .top__content { display: block; border-bottom: 1px solid #f2f2f6; padding-bottom: 15px;}
.property__cards--content .top__content h4 { color: #1576bd; font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.property__cards--content .top__content p { font-size: 14px; color: #98a0af; margin-bottom: 5px;}
.property__cards--content .top__content span {display: block; font-size: 14px; font-weight: 400; color: #98a0af; margin-bottom: 20px;}
.property__cards--content .bottom__content { display: block;}
.property__cards--content .bottom__content h4 { color: #1576bd; font-size: 16px; font-weight: 500; margin-top: 22px;}
.property__cards--content .bottom__content p { font-size: 12px; font-weight: 400; color: #98a0af; line-height: 18px; margin-top: 6px;}
.property__card--img .active__badge { width: 180px; height: 38px; display: block; position: absolute; left: -10px; bottom: 6px; margin: auto; background: url(../img/active-badge.png) no-repeat; color: #1576bd; font-size: 14px; padding: 10px 0 10px 25px; line-height: 16px; background-size: 180px 38px;}
.property__card--img .active__badge::before { content: ''; width: 13px; height: 13px; display: block; background: #ffffff; border-radius: 100%; position: absolute; left: 7px; top: 11px;}
.property__card--img .active__badge::after { content: ''; width: 7px; height: 7px; display: block; background: #5ad411; border-radius: 100%; position: absolute; left: 10px; top: 14px;}
.include__features { display: flex; margin-top: 20px;}
.include__features li { display: inline-block; padding: 0 25px; border-left: 1px solid #f1f2f6;}
.include__features li:first-child { border-left: none;}
.include__features li .icon { display: inline-block; position: relative;}
.include__features li .icon img { opacity: 0.5;}
.include__features li .icon .count { display: inline-block; position: absolute; right: -7px; top: -8px; width: 23px; height: 23px; background: #659cd8; border-radius: 100%; color: #ffffff; font-size: 12px; font-weight: 600; text-align: center; z-index: 2;}
.include__features li:hover .icon img { opacity: 1;}
.include__features li:hover .icon .count { background: #f0c605;}

.about__team--block .home__help--block { background: none; padding: 0;}
.about__team--block .commen__head { padding-bottom: 15px;}
.home__help--block .resp-tab-content { padding-top: 25px;}

.sub__page--map { margin-top: 0;}
.contact__form--section { background: #eef1f6; padding: 65px 0 75px;}
.contact__form--section .contact__form--block { margin: 0px; padding: 0; box-shadow: none; border-radius: 0px; background: none; max-width: 1060px; margin: auto;}
.contact__form--section .contact__form--block h3 { font-size: 44px; font-weight: 600; text-align: center; border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.contact__form--section .contact__form--box { margin-top: 16px;}
.contact__form--section .contact__form--box p { color: #0a2540; font-size: 16px; margin-bottom: 5px;}
.contact__form--section .contact__form--box .contact__form--input { border: none; box-shadow: 0 2px 4px 0 #00000008;}
.contact__form--section .contact__form--box .contact__form--textarea { border: none; box-shadow: 0 2px 4px 0 #00000008; height: 161px;}
.contact__form--box .check-container { display: inline-block; margin-bottom: 10px;}

.contact__banner .sub__hero--main { max-width: 670px;}
.contact__address--section { display: block; padding-bottom: 70px;}
.contact__address--box { display: block; background: #ffffff; padding: 35px 40px; border-radius: 10px; box-shadow: 0px 10px 32px 0 #0000001a; margin-top: -65px;}
.contact__address--box .location__icon { width: 74px; height: 74px; background: #5093d7; border-radius: 100%; margin-bottom: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.contact__address--box h5 { color: #425466; font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.contact__list { display: block;}
.contact__list li { display: block; padding: 16px 0; padding-left: 44px; position: relative; border-top: 1px solid #e7e3e3;}
.contact__list li:first-child { border-top: none;}
.contact__list li p { margin-bottom: 5px; color: #425466; font-size: 16px; font-weight: 600; line-height: 18px;}
.contact__list li a { display: inline-block; color: #425466; font-size: 14px; font-weight: 600; line-height: 20px;}
.contact__list li .icon { display: inline-block; position: absolute; left: 0; top: 16px;}

.social__media--box { background: url(../img/social__media--bg.png) no-repeat right bottom #ffffff; position: relative;}
.social__media--icon { display: inline-block; position: absolute; right: 15px; bottom: 30px;}
.contact__socials { display: block; padding-top: 5px; position: relative; z-index: 2;}
.contact__socials li { display: block; margin-top: 8px;}
.contact__socials li a { display: inline-block; color: #32373b; font-size: 14px;}
.contact__socials li a .icon { width: 28px; height: 28px; background: #5093d7; color: #ffffff; border-radius: 100%; margin-right: 11px; display: -webkit-inline-box;  display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.main-menu > ul > li > a { padding: 10px;}
.main-menu > ul > li.dropdown > a:after { right: 0; border-color: #4d95e5 transparent transparent transparent;}
.main-menu > ul > li > ul { background-color: #1576bd;}
.main-menu > ul > li > ul > li > a { color: #ffffff; line-height: 18px;}

/* =======================================================
   member-retirement-account 24-04-2022
   ======================================================= */
.commen__top--block { display: block; padding-top: 85px;}
.commen__top--head { display: block;}
.commen__top--head h3 { color: #0a2540; font-size: 44px; font-weight: 600;}
.commen__top--head p { color: #4e6072; font-size: 18px; line-height: 31px; padding-left: 30px;}

.mra__block { display: block; margin-top: 45px;}
.mra__block h5 { margin-bottom: 25px;}
.mra__main { display: block; background: #f0c605; padding: 40px; border-radius: 10px; margin-bottom: -60px; position: relative; z-index: 1;}
.mra__box { display: block; background: #ffffff; padding: 40px 50px; border-radius: 10px;}
.commen__list { display: block;}
.commen__list li { display: block; position: relative; padding: 3px 0; padding-left: 32px; color: #425466; font-size: 14px;}
.commen__list li::before { content: ''; display: block; width: 22px; height: 22px; background: url(../img/list__bullet.svg) no-repeat left top; position: absolute; left: 0; top: 3px;}

.commen__second--block { display: block; background: #0a2540; padding: 135px 0 100px;}
.commen__second--left { display: block; max-width: 498px; position: relative;}
.commen__second--left > img { border-radius: 20px;}
.icon__logo { width: 154px; height: 147px; border-radius: 20px; position: absolute; right: -50px; bottom: -25px; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.commen__second--right { display: block; max-width: 565px; padding-top: 10px;}
.commen__second--right h3 { color: #ffffff; font-size: 36px; font-weight: 600;}
.commen__second--right p { color: #c4d3e2; font-size: 14px; line-height: 26px; margin-bottom: 25px;}
.mra__application { display: block; background: #5b6d7f; padding: 25px 30px; border-radius:5px; margin-bottom:25px; text-align: center;}
.mra__application h5 { margin-bottom: 0; color: #ffffff; font-size: 18px; font-weight: 400;}
.mra__application .primary__btn { margin-left: 10px;}

.commen__third--block { display: block; padding: 40px 0; background: #f5f7f8;}
.commen__third--box { display: block; padding: 40px 0;}
.commen__third__box--left { display: block; padding-right: 120px;}
.commen__third__box--left h4 { color: #0a2540; font-size: 30px; font-weight: 600;}
.commen__third__box--left p { color: #425466; font-size: 14px; line-height: 26px;}
.commen__third__box--right { display: block; background: #d8e5f2; padding: 30px 100px 20px 40px; position: relative; border-radius: 10px; margin-left: -15px;}
.commen__third__box--right h5 { text-transform: uppercase; font-weight: 500; font-size: 18px; margin-bottom: 10px;}
.commen__third__box--right p { font-size: 14px; color: #0a2540; line-height: 22px;}
.when__start--box { display: block; padding: 50px 230px 50px 45px; position: relative;}
.when__start--icon { width: 96px; height: 96px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #659cd8; color: #ffffff; font-size: 52px; font-weight: 600; position: absolute; right: 50px; top: 40px;}

.commen__fourth--block { display:block; padding:75px 0; background: url(../img/commen__fourth--bg.jpg) no-repeat center bottom #ffffff;}
.commen__fourth--block .resp-tabs-list { text-align: center; display: block; margin-bottom: 32px;}
.commen__fourth--block .resp-tabs-list li { float: none; position: relative; padding: 25px 55px 35px 55px; font-size: 16px; color: #0a2540; font-weight: 500; border: none !important;}
.commen__fourth--block .resp-tabs-list li::before { content: ''; width: 80%; height: 6px; display: block; background: #e6e9ec; position: absolute; left: 0; bottom: 20px; right: 0; margin: auto;}
.commen__fourth--block .resp-tabs-list li.resp-tab-active { background: #fdf9e6;}
.commen__fourth--block .resp-tabs-list li.resp-tab-active::before { background: #f0c605;}
.commen__fourth--block .resp-tab-content { border:none; background:#fcf4cd; border: 1px solid #e1e0dc; border-radius: 10px;}
.commen__fourth--tab { display: block; padding: 15px 155px;}
.commen__fourth__tab--left { display: block;}

.commen__fifth--block { display: block; padding: 80px 0; background: #f5f7f8; position: relative; border-bottom: 1px solid #e6e9ec;}
.commen__fifth--block::after { content: ''; width: 100%; height: 240px; background: #ffffff; position: absolute; left: 0; bottom: 0; right: 0; margin: auto;}
.commen__fifth--block .commen__head h4 { font-size: 30px;}
.commen__fifth--block .commen__head p { font-size: 14px; color: #425466; margin-bottom: 5px;}
.commen__fifth--block .commen__head h6 { font-size: 22px; color: #425466; margin-bottom: 5px; font-weight: 400;}
.commen__fifth--main { display: block; position: relative; z-index: 2;}
.commen__table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #0a2540; padding: 0 35px 65px 35px; border-radius: 15px; margin-top: 70px; position: relative;}
.commen__table--head { display: block; text-align: center; background: #acc7e4; border: 4px solid #f0f2f3; border-radius: 20px; padding: 35px 20px; margin-top: -40px; margin-bottom: 25px; position: relative; z-index: 2;}
.commen__table--head h4 { color: #0a2540; font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.commen__table--head p { color: #0a2540; font-size: 14px; font-weight: 400; margin-bottom: 0px; text-transform: uppercase;}
.commen__table--body { display: block; position: relative; z-index: 2;}
.commen__table--body .table { margin-bottom: 0;}
.commen__table--body .table tr td { color: #ffffff; font-size: 16px; border-bottom: 1px solid #1c3d5e; padding: 16px 10px;}
.commen__table--body .table tr:first-child td { border-top: none;}
.skyblue__bg .commen__table--head { background: #659cd8;}
.skyblue__bg .commen__table--head h4 { color: #ffffff;}
.skyblue__bg .commen__table--head p { color: #ffffff;}
.yellow__bg .commen__table--head { background: #f0c605;}
.note__para { display: block; max-width: 840px; text-align: center; margin: auto; margin-top: 45px; position: relative; z-index: 2;}
.note__para p { color: #0a2540; font-size: 16px; line-height: 26px; font-style: italic;}
.note__para p span { color: #0a2540; font-size: 16px; font-style: normal; font-weight: 500;}
/* =======================================================
   member-retirement-account 24-04-2022
   ======================================================= */

/*===============================================================
font-family: 'icomoon';
font-family: 'FontAwesome';
font-family: 'Poppins', sans-serif;
===============================================================*/


/*--Blog page--*/

.blog__section { display: block; padding: 70px 0 0 0; background: #e9ebf3; position: relative;}
.blog__left--section { }

.blog__box { background: #ffffff; overflow: hidden; border-radius: 4px; box-shadow: 0 8px 101px 0 #0d150b33; padding: 0; margin: 0; margin-bottom: 30px;}
.blog__box--image { display: block; background: #e1e1e1; text-align: center; height: 230px;}
.blog__box--image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.blog__box--content { display: block; padding: 30px;}
.blog__content--ul { display: block; margin: 0; margin-bottom: 15px;}
.blog__content--ul li { display: inline-block; vertical-align: middle; color: #251d18; font-size: 14px; padding: 0 8px; line-height: 14px; border-left: 1px solid #d0c9c5;}
.blog__content--ul li:first-child { padding-left: 0; border-left: none; margin-left: 0; padding-right: 0;}
.blog__content--ul li a { 
   color: #fff;
   background-color: #4d95e6;
    border-radius: 3px;
    padding: 8px 20px;
    display: inline-block;
 }
.blog__content--ul li a:hover { background-color: #f0c605;}
.blog__content--span { display: block; color: #848aa2; font-size: 12px; margin-bottom: 30px;}
.blog__box--content h5 { font-size: 20px; color: #251d18; font-weight: 500; line-height: 27px; padding-top: 0;}
.blog__box--content h5 a {
   color: #4d95e6;
   width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.blog__box--content p { font-size: 15px; color: #251d18; line-height: 25px;}
.blog__box--content p a { color: #fff;
   background-color: #4d95e6;
   border-radius: 3px;
   padding: 8px 20px;
   display: inline-block;
}

.blog__left--pager { display: block; padding: 60px 120px 40px 0;}
.blog__left--pager ul { display: block; text-align: right;}
.blog__left--pager ul li { display: inline-block; margin-left: 14px; vertical-align: middle;}
.blog__left--pager ul li a { display: block; width: 41px; height: 41px; background: #ffffff; color: #a5a5b2; text-align: center; border-radius: 100%; line-height: 41px; position: relative;}
.blog__left--pager ul li a:hover { background: #4d95e6; color: #ffffff;}
.blog__left--pager ul li:first-child a,
.blog__left--pager ul li:last-child a { background: none; opacity: 0.5;}
.blog__left--pager ul li:first-child a:hover,
.blog__left--pager ul li:last-child a:hover { opacity: 1;}
.blog__left--pager ul li:first-child a { transform: rotate(-180deg);}

.blog__right--section { display: block;}
.blog__search { display: block; background: #00abe3; padding: 45px 35px; border-radius: 8px;}
.blog__search--box { display: block; position: relative;}
.blog__search--input { width: 100%; height: 48px; border-radius: 30px; border: none; padding: 0 70px 0 35px; font-size: 14px;}
.blog__search--submit { width: 70px; height: 48px; display: block; background: url(../images/blog__search.svg) no-repeat center center ; border: none; position: absolute; right: 0; top: 0; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px;}

.blog__newsletter--block,
.news__topics--block { display: block; padding: 30px; background: #ffffff; border-radius: 3px;}
.news__topics--block {
   margin-top: 25px;
}
.blog__newsletter--block h4,
.news__topics--block h4 { color: #251d18; font-weight: 600; font-size: 29px; line-height: 39px; margin-bottom: 25px; padding-top: 0;}
.blog__newsletter--block p,
.news__topics--block p { color: #3c3b3a; font-size: 14px; line-height: 22px;}
.blog__mailer { display: block; width: 100%; height: 75px; border: none; border-bottom: 1px solid #9aa2c4;}
.blog__newsletter--block h5,
.news__topics--block h5 {
   padding-top: 0;
}
.blog__newsletter--block ul,
.news__topics--block ul {
   padding-left: 10px;
}
.blog__newsletter--block ul li,
.news__topics--block ul li {
   position: relative;
   border-bottom: 1px solid #f1f1f1;
   padding: 0 0 10px 0;
   margin: 0 0 5px 0;
}
.blog__newsletter--block ul li a,
.news__topics--block ul li a {
   color: #4d95e6;
}
.blog__newsletter--block ul li::marker,
.news__topics--block ul li::marker {
   content: "";
   display: none;
}
.blog__newsletter--block ul li::after,
.news__topics--block ul li::after {
   content: "";
   background-color: #f0c605;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   display: inline-block;
   position: absolute;
   top: 8px;
   left: -16px;
}
.comment-respond h2 {
   font-size: 35px;
}
.comment-respond form textarea {
   width: 100%;
   border: 1px solid #e1dcdc;
   border-radius: 4px;
   height: 150px;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"] {
   border: 1px solid #e1dcdc;
   border-radius: 4px;
   height: 45px;
   width: 100%;
}
.comment-respond form p {
   margin-bottom: 15px;
}
.comment-respond .comment-form-cookies-consent {
   display: flex;
}
.comment-respond .comment-form-cookies-consent label {
   margin-left: 10px;
}
.comment-respond form .form-submit input[type="submit"] {
   color: #fff;
   background-color: #4d95e6;
   border-radius: 3px;
   padding: 8px 20px;
   display: inline-block;
   border: 0;
}
.blog__mailer--subscribe { margin-top: 30px; width: 100%; height: 48px; border: none; font-size: 16px; font-weight: 600; border-radius: 30px; background: #4d95e6; color: #ffffff; transition: all ease-out 0.3s; margin-bottom: 30px;}
.blog__mailer--subscribe:hover { background:rgb(246, 96, 136);}
.privacy__span { display: block; text-align: right;}
.privacy__span a { color: #3c3b3a; font-size: 12px;}
.blog__social { display: block; margin-top: 30px;}
.blog__social li { display: inline-block; margin-right: 20px;font-family: 'FontAwesome';}
.blog__social li:first-child { display: block; color: #3c3b3a; font-size: 18px; margin-right: 0; margin-bottom: 20px;}
.blog__social li a { display: block; width: 48px; height: 48px; display: block; background: #2b3c82; color: #ffffff; text-align: center; line-height: 48px; font-size: 20px; border-radius: 100%;}
.blog__social li a:hover { background: #4d95e6;}

.blogdetails__left--section { display: block; background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px;  
   border-radius: 4px; overflow: hidden; margin-bottom: 70px; box-shadow: 0 8px 32px 0 rgb(13 21 11 / 3%);}
.blog__detail--content { display: block; padding: 30px 30px 70px 30px;}
.blog__detail--image { display: block;}
.blog__detail--image img { width: 100%;}
.blog__detail--top { display: -webkit-box; display: -ms-flexbox; display: flex; 
   -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: 
   justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; 
   align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;  margin-bottom: 20px;}
.blog__detail--second { display: block;}
.blog__detail--second h3 { color: #251d18; font-size: 35px; font-weight: 600; margin-bottom: 25px;}
.blog__detail--second p { color: #000000; font-size: 16px; line-height: 28px; margin-bottom: 30px;}
.blog__detail--social { display: block; border-top: 1px solid #9aa2c4; margin-top: 60px; padding: 30px 0;}
.blog__detail--social ul { display: block; text-align: right;}
.blog__detail--social ul li { display: inline-block; vertical-align: middle; color: #4a4a4a; font-size: 14px; font-weight: 500; text-transform: uppercase; margin-left: 10px;}
.blog__detail--social ul li a { display: block; width: 35px; height: 35px; line-height: 35px; background: grey; border-radius: 100%; color: #ffffff; text-align: center;}
.blog__detail--social ul li.facebook a { background: #3b5998;}
.blog__detail--social ul li.twitter a { background: #1da1f2;}
.blog__detail--social ul li.pinterest a { background: #bd081c;}
.blog__detail--social ul li.linkedin a { background: #0077b5;}
.blog__detail--social ul li a:hover { opacity: 0.7;}

.blog__reply--section { display: block;}
.blog__reply--section h4 { color: #242335; font-size: 30px; font-weight: 500; margin-bottom: 20px;}
.blog__reply--section p { color: #889096; font-size: 14px; margin-bottom: 15px;}
.blog__reply--section label {display: block; color: #586471; font-size: 14px; text-transform: uppercase;}
.blog__reply--input { width:100%; height:46px; display: block; border:1px solid #d1dae2; padding:0 15px; border-radius: 5px; margin-bottom: 20px;}
.blog__reply--submit { display: block; max-width: 216px; width: 100%; height: 48px; color: #ffffff; background: #4d95e6; border-radius: 0; border: none; font-weight: 600; border-radius: 30px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.blog__reply--submit:hover { background: #ff6f95;}

#comments .comment-reply-title {
   font-size: 25px;
   margin-bottom: 35px;
}
.comment-body .comment-meta {
   display: flex;
   align-items: center;
}
.comment-body .comment-author {
   padding-right: 15px;
}
.comment-body .avatar {
   width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}
.comment-reply a {
   padding: 5px 20px;
   border-radius: 3px;
}
#comments .comment-body {
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #f1f1f1;
}
#comments .comment-meta a {
   pointer-events: none;
   color: #4d95e6;
}
.property-filter-row {
   display: flex;
   width: 100%;
   flex-wrap: wrap;  
}
.property-filter-row__column {
   width: 18%;
}
.property-filter-row__column--sub {
   width: 10%;
   margin-top: 10px;
}

.property-filter-row__column--sub .icon-refresh {
   padding: 14px 15px;
   display: inline-block;
   background-color: #f0c605;
   color: #fff;
   font-family: 'icomoon' !important;
   font-size: 20px;
   border-radius: 4px;
}