@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900|Source+Sans+Pro:300,400,600,700,900');

/*----bootstrap css ----- */

@import url('../vendor/bootstrap/css/bootstrap.min.css');

/*----camera-slider---*/

@import url('../vendor/Camera-master/css/camera.css');

/*------- menu ------*/

@import url('../vendor/menu/dist/css/slimmenu.css');

/*----font awesome -------*/

@import url('../fonts/font-awesome/css/font-awesome.min.css');

/*----owl-carousel css----*/

@import url('../vendor/owl-carousel/owl.carousel.css');

@import url('../vendor/owl-carousel/owl.theme.css');

/*-------- animated css ------*/

@import url('../vendor/WOW-master/css/libs/animate.css');

/*--------- flat-icon ---------*/

@import url('../fonts/icon/font/flaticon.css');

/*----------- Fancybox css -------*/

@import url('../vendor/fancybox/dist/jquery.fancybox.min.css');

/*----Language Switcher---*/

@import url('../vendor/language-switcher/polyglot-language-switcher.css');

/*------------- Map -------------*/

@import url('../vendor/sanzzy-map/dist/snazzy-info-window.min.css');





/*** 



====================================================================

  Loading Transition

====================================================================



 ***/

#loader-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 999999;

  background: #fff;

  overflow: hidden;

}

#loader {

  background: url(../images/1.gif);

  width: 64px;

  height: 40px;

  position: relative;

  top: 50%;

  margin: -20px auto 0 auto;

}



/*==================== Click Top ====================*/

.scroll-top {

  width:25px;

  height:25px;

  position: fixed;

  bottom: 10px;

  right: 5px;

  z-index: 99;

  text-align: center;

  color: #fff;

  font-size: 18px;

  display: none;

  cursor: pointer;

  border-radius: 3px;

}

.scroll-top:after {

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 1;

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}

/*______________________ Global stlye ___________________*/



 @font-face {

  font-family: 'font-awesome';

  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');

  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */

       url('../fonts/font-awesome/fonts/fontawesome-webfont.html') format('woff2'), /* Super Modern Browsers */

       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */

       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */

 }



 body {

  font-family: 'Source Sans Pro', sans-serif;

  font-weight: normal;

  color:#fff;

  font-size: 18px;

  position: relative;
  background-color:#ffff;

 }

 .main-page-wrapper {overflow-x:hidden;}

 h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}

 h1,h2,h3,h4,h5,h6 {font-family: 'Nunito Sans', sans-serif; color: #ffff;}

 h1 {font-size: 60px; font-weight: 900;line-height: 70px;}

 h2 {font-size: 38px; font-weight: 900;}

 h3 {font-size: 32px; font-weight: 700;}

 h4 {font-size: 24px; font-weight: 700;}

 h5 {font-size: 22px; font-weight: 700;}

 h6 {font-size: 20px; font-weight: normal;}

 p {line-height: 27px;}

 ul {list-style-type: none;}

 body a {text-decoration: none;color: #fff; display: inline-block;font-family: 'Nunito Sans', sans-serif;}

 a:hover,a:focus,a:visited {text-decoration: none; outline: none;}

 img {max-width: 100%; display: block;}

 button {border:none;outline: none;box-shadow: none;display: block; padding: 0;cursor: pointer;}

 button:focus {outline: none;}

 input,textarea {outline: none; box-shadow: none;transition: all 0.3s ease-in-out;}

.section-spacing {
    margin-bottom: 5px;
   background-color:#0B2545;
}


.m-top0 {margin-top: 0 !important;}

.m-bottom0 {margin-bottom: 0 !important;}

.p-bottm0 {padding-bottom: 0 !important;}

.no-border {border: none !important;}

/*--------------------- Transition --------------------*/

.tran3s,h2 a,h3 a,h4 a,h5 a,h6 a,.header-one .top-header .address-wrapper .quotes a,.header-one .theme-menu-wrapper .right-widget .social-icon li a,#mega-menu-holder ul.dropdown li a:before,.theme-button-one,

#theme-main-banner .camera_pag .camera_pag_ul li > span,.top-feature .main-content,.service-style-one .single-service .text,.service-style-one .single-service,

.owl-theme .owl-dots .owl-dot span,.our-team .team-member .overlay .hover-content ul li a,.our-team .team-member .overlay,.our-team .team-member .text,.theme-footer-two .top-footer .footer-list ul li a,

.theme-footer-one .top-footer .footer-list ul li a,.theme-footer-one .bottom-footer ul li a,.header-two .top-header .social-icon li a,.our-case .single-case-block .hover-content,

.our-case .single-case-block .hover-content .text .details,.accordion-one .panel-group .panel-heading a:before,.our-blog .single-blog .post-meta .read-more,.theme-footer-two .logo-widget .social-icon li a,

.core-values .single-value-block .image-box .overlay,.theme-sidebar-one .service-categories ul li a,.theme-pagination ul li a,.project-details .project-details-sidebar .social-icon li a,

.blog-sidebar .sidebar-categories ul li a,.blog-sidebar .sidebar-archives ul li a,.blog-sidebar .sidebar-tags ul li a,.blog-details .share-option  li a,.shop-page .single-product .product-name .price,

.shop-page .single-product .image-box,.shop-page .single-product .product-name .add-to-cart,.shop-page .single-product .product-name .add-to-cart a,.shop-details .product-review-tab .nav-tabs .nav-link {

  transition: all .3s ease-in-out;

}

.tran4s,.our-solution .single-solution-block .icon,.our-case .single-case-block .hover-content .text,.our-blog .single-blog .image-box img {

  transition: all .4s ease-in-out;

}

 /*----------------------- Theme Color File -------------------*/

.p-color,.header-one .top-header .address-wrapper .quotes a,.header-one .top-header .address-wrapper .address .icon,#theme-main-banner .camera_caption h1,

#theme-main-banner .camera_caption .theme-button-one,.top-feature .main-content:hover h4 a,.about-compnay .mission-goal li .icon,.service-style-one .single-service .text .read-more,

.service-style-one .single-service:hover .text h5 a,.service-style-one .contact-text h5,.service-style-one .contact-text h5 a,.our-team .team-member .overlay .hover-content ul li a:hover,

.theme-counter h6,.single-counter-box .number,.theme-footer-one .top-footer .footer-newsletter .theme-button-one,.header-two #mega-menu-holder>ul> li.active > a, .header-two #mega-menu-holder>ul> li:hover > a,

.header-two #mega-menu-holder>ul> li.active > .sub-toggle,.header-two #mega-menu-holder>ul> li:hover > .sub-toggle,.callout-banner .theme-button-one,.our-solution .single-solution-block:hover h5 a,

.faq-section .wrapper .img-box .play,.why-choose-us .single-block .icon,.why-choose-us .single-block:hover h5 a,.short-banner .overlay h2,.our-blog .single-blog .post-meta .read-more,

.our-blog .single-blog:hover .post-meta .title a,.why-we-best .wrapper .best-list-item li .icon,.why-we-best .wrapper .best-list-item li:hover h5 a,.core-values .single-value-block .image-box .overlay a,

.core-values .single-value-block:hover .text h5 a,.theme-sidebar-one .service-categories ul li a:hover,.theme-sidebar-one .service-categories ul li.active a,

.service-details .service-content .presentation-section .best-list-item li .icon,.project-details .project-details-sidebar .social-icon li a:hover,.blog-sidebar .sidebar-categories ul li a:hover,

.blog-sidebar .sidebar-recent-post li .post a:hover,.blog-sidebar .sidebar-archives ul li a:hover,.blog-details .share-option .tag-meta li a:hover,.blog-details .share-option .social-icon li a:hover,

.our-blog .comment-area .single-comment .comment a,.shop-page .single-product .product-name .price,.shop-page .single-product:hover .product-name h5 a,.shop-page .single-product .product-name .add-to-cart a,

.shop-details .product-details .product-info .price,.faq-page .panel-group .panel-heading h6 a:before {

  color:#ffff;

  /*color:#001a57;*/

}
.read-more
{
    color:#fff !important;
}

.bgbluecolor {
    background-color: #16416E !important;
}

.p-bg-color,.scroll-top,.header-one .top-header .address-wrapper .quotes a:hover,.theme-menu-wrapper .right-widget .search-option form button,

#mega-menu-holder ul.dropdown li:hover>a:before,.theme-button-one,#theme-main-banner .camera_caption .theme-button-one:hover,.callout-banner.no-bg .theme-button-one,

#theme-main-banner .camera_pag .camera_pag_ul li.cameracurrent > span,#theme-main-banner .camera_pag .camera_pag_ul li:hover > span,.service-style-one .contact-text h5:before,

.testimonial-section .owl-theme .owl-dots .owl-dot.active span,.testimonial-section .owl-theme .owl-dots .owl-dot:hover span,#polyglotLanguageSwitcher ul.dropdown li:hover,

.our-case .single-case-block .hover-content .text .details:hover,.our-blog .single-blog .image-box .overlay .date,.core-values .single-value-block .image-box .overlay a:hover,

.theme-sidebar-one .sidebar-brochures ul,.theme-pagination ul li a:hover,.theme-pagination ul li.active a,.blog-sidebar .sidebar-tags ul li.active a,.blog-sidebar .sidebar-tags ul li a:hover  {

  background: #16416E;
}

.header-one .top-header .address-wrapper .quotes a,#theme-main-banner .camera_pag .camera_pag_ul li,.theme-pagination ul li a:hover,.theme-pagination ul li.active a,.blog-sidebar .sidebar-tags ul li.active a,

.blog-sidebar .sidebar-tags ul li a:hover,.shop-page .single-product:hover .image-box {

  border-style: solid;

  border-color:#16416E;

}

/*----------------- Theme button ------------------*/

body .theme-button-one {

  line-height: 50px;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

  border-radius: 5px;

  padding: 0 35px;

}

body .theme-button-one:hover {background:#16416E; }

/*------------------- Theme Title ------------------*/

.theme-title-one {position: relative;text-align: center;}

.theme-title-one h2 {

  position: relative;

  text-transform: uppercase;

  padding-bottom: 22px;

}

.theme-title-one h2:before {

  content: '';

  width: 40px;

  height: 4px;

  border-radius: 10px;

  background: #c3c3c3;

  position: absolute;

  bottom: 0;

  left:50%;

  margin-left: -20px;

}

.theme-title-one p {padding-top: 20px;}

/*------------------- Theme Pagination ------------------*/

.theme-pagination ul {padding-top: 40px;}

.theme-pagination ul li {display: inline-block;}

.theme-pagination ul li a {

  display: block;

  font-size: 16px;

  color: #232323;

  width: 50px;

  line-height: 48px;

  text-align: center;

  border-radius: 5px;

  border: 1px solid #dadada;

}

.theme-pagination ul li a:hover,

.theme-pagination ul li.active a {color: #fff;}

.theme-pagination ul li.active a {cursor: default;}

/*--------------------------- Theme Header One  ---------------------*/

/*.header-one {position: relative;}*/

/*.header-one .top-header {background: #fff;padding: 8px 0 0px 0;}*/

/*.header-one .top-header .address-wrapper li {display: inline-block;vertical-align: cover;}*/

/*.header-one .top-header .address-wrapper .quotes a, .view-more {*/

/*  font-size: 14px;*/

/*  font-weight: 700;*/

/*  text-transform: uppercase;*/

/*  line-height: 46px;*/

/*  padding: 0 27px;*/

/*  border-width: 2px;*/

/*  border-radius: 5px;*/

/*}*/

/*.header-one .top-header .address-wrapper .quotes a:hover {color: #fff;}*/

/*.header-one .top-header .address-wrapper .address {*/

/*  position: relative;*/

/*  padding: 0 38px 0 60px;*/

/*  margin-right: 15px;*/

/*}*/

/*.header-one .top-header .address-wrapper .address .icon {*/

/*  position: absolute;*/

/*  top:-6px;*/

/*  left:0;*/

/*  font-size: 40px;*/

/*}*/

/*.header-one .top-header .address-wrapper .address:first-child:before {*/

/*  content: '';*/

/*  position: absolute;*/

/*  top:5px;*/

/*  right: 0;*/

/*  width: 1px;*/

/*  height: 42px;*/

/*  background: #e8e8e8;*/

/*}*/

/*.header-one .top-header .address-wrapper .address:first-child {margin-right: 35px;}*/

/*--------------------------- Theme Header Two  ---------------------*/

/*.header-two .top-header {background: #16416E;padding: 12px 0;}*/

/*.header-two .top-header .left-widget li {display: inline-block;color: #fff;font-size: 16px;}*/

/*#polyglotLanguageSwitcher {margin-left:25px;}*/

/*#polyglotLanguageSwitcher span.trigger:before {*/

/*  content: '';*/

/*  font-family: 'font-awesome';*/

/*  position: absolute;*/

/*  color:#fff;*/

/*  top:0;*/

/*  right:-32px;*/

/*}*/

/*#polyglotLanguageSwitcher a {*/

/*  font-family: 'Open Sans', sans-serif;*/

/*  display: inline-block;*/

/*  font-size: 15px;*/

/*  color:#fff;*/

/*  font-weight: normal;*/

/*}*/

/*.header-two .top-header .social-icon {text-align: right;}*/

/*.header-two .top-header .social-icon li {display: inline-block;margin-left: 15px;}*/

/*.header-two .top-header .social-icon li a {font-size: 15px;color: #ccd1dd;}*/

/*.header-two .top-header .social-icon li a:hover {color: #fff;}*/

/*------------------------ Theme menu One --------------------*/

/*.header-one .theme-menu-wrapper {position: relative;z-index: 99;margin-bottom: -42px;}*/

/*.header-one .theme-menu-wrapper .bg-wrapper {background: #C78514;position: relative;padding-left: 25px;} #EA2029*/

/*.theme-menu-wrapper .right-widget ul li {display: inline-block;line-height: 75px;vertical-align: middle;}*/
/*.theme-menu-wrapper .right-widget ul li a .fa{color:#fff;}*/
/*.theme-menu-wrapper .right-widget .social-icon li a  {*/

/*  font-size: 15px;*/

/*  color: #000;*/

  /*color: #ccd1dd;*/

/*  margin: 0 7px;*/

/*}*/

/*.theme-menu-wrapper .right-widget .social-icon li a:hover {color: #fff;}*/

/*.theme-menu-wrapper .right-widget .cart-icon {*/

/*  margin-left: 30px;*/

/*  width: 60px;*/

/*  text-align: center;*/

/*  border-right: 1px solid #0d2356;*/

/*  border-left: 1px solid #0d2356;*/

/*}*/

/*.theme-menu-wrapper .right-widget .cart-icon a {*/

/*  position: relative;*/

/*  color: #cfd6e6;*/

/*  font-size: 16px;*/

/*}*/

/*.theme-menu-wrapper .right-widget .cart-icon a span {*/

/*  font-family: 'Nunito Sans', sans-serif;*/

/*  position: absolute;*/

/*  width: 15px;*/

/*  height: 15px;*/

/*  border-radius: 50%;*/

/*  background: #fff;*/

/*  line-height: 15px;*/

/*  font-size: 11px;*/

/*  font-weight: 600;*/

/*  color: #555555;*/

/*  top: 23px;*/

/*  right: -8px;*/

/*}*/

/*.theme-menu-wrapper .right-widget .search-option .dropdown-toggle {*/

/*  background: transparent;*/

/*  font-size: 15px;*/

/*  color: #cfd6e6;*/

/*  width: 55px;*/

/*}*/

/*.theme-menu-wrapper .right-widget .search-option .dropdown-toggle:after {display: none;}*/

/*.theme-menu-wrapper .right-widget .search-option .dropdown-menu {*/

/*  -webkit-transform:none !important;*/

/*          transform:none !important;*/

/*  position: absolute;*/

/*  height:55px;*/

/*  width:280px;*/

/*  padding: 5px;*/

/*  border-radius: 0;*/

/*  right: 0 !important;*/

/*  left:auto !important;*/

/*  top:100% !important;*/

/*  box-shadow: none;*/

/*  border:none;*/

/*  float:none;*/

/*  margin:0;*/

/*  background: #fff;*/

/*  box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.23);*/

/*}*/

/*.theme-menu-wrapper .right-widget .search-option form input {*/

/*  position: absolute;*/

/*  top:5px;*/

/*  left:5px;*/

/*  right: 5px;*/

/*  bottom: 5px;*/

/*  background: transparent;*/

/*  border:1px solid #ececec;*/

/*  padding: 0 49px 0 10px;*/

/*}*/

/*.theme-menu-wrapper .right-widget .search-option form button {*/

/*  display: block;*/

/*  width:48px;*/

/*  color:#fff;*/

/*  border:1px solid #fff;*/

/*  border-left:none;*/

/*  line-height: 45px;*/

/*  text-align: center;*/

/*  position: absolute;*/

/*  top:4px;*/

/*  right:5px;*/

/*}*/

/*------------------------ Theme menu Two --------------------*/

/*.header-two #mega-menu-holder>ul> li> a,.header-two #mega-menu-holder li .sub-toggle,*/

/*.header-two #mega-menu-holder>ul> li> a:before {color: #555555;}*/

/*.header-two #mega-menu-holder>ul> li> a {padding-top: 38px;padding-bottom: 38px;}*/

/*.header-two #mega-menu-holder>ul> li> a:before,*/

/*.header-two #mega-menu-holder li .sub-toggle {line-height: 97px;}*/

/*.header-two #mega-menu-holder li>ul.dropdown li:first-child {border-top:1px solid rgba(0,0,0,0.04);}*/

/*.header-two .theme-menu-wrapper .bg-wrapper {position: relative;padding-left: 330px;}*/
/*.header-two #mega-menu-holder>ul> li> a:hover{color:red}*/
/*.header-two .theme-menu-wrapper .bg-wrapper .logo {*/

/*  position: absolute;*/

/*  left:0;*/

/*  z-index: 99;*/

/*  top:50%;*/

/*  -webkit-transform:translateY(-50%);*/

/*          transform:translateY(-50%);*/

/*}*/

/*.header-two .theme-menu-wrapper .right-widget ul li {line-height: 97px;}*/

/*.header-two .theme-menu-wrapper .right-widget .search-option .dropdown-toggle {width: auto;color: #555555;}*/

/*.header-two .theme-menu-wrapper .right-widget .cart-icon {*/

/*  border: none;*/

/*  width: auto;*/

/*  margin: 0 20px 0 0;*/

/*}*/

/*.header-two .theme-menu-wrapper .right-widget .cart-icon a {color: #555555;font-size: 18px;}*/

/*.header-two .theme-menu-wrapper .right-widget .cart-icon a span {*/

/*  background: #16416E;*/

/*  color: #fff;*/

/*  top:35px;*/

/*}*/

/*================= Sticky Menu ===============*/

/*@-webkit-keyframes menu_sticky {*/

/*  0%  {margin-top:-75px;opacity: 0;}*/

/*  50%  {margin-top: -64px;opacity: 0;}*/

/*  100% {margin-top: 0;opacity: 1;}*/

/*}*/

/*@keyframes menu_sticky {*/

/*  0%  {margin-top:-75px;opacity: 0;}*/

/*  50%  {margin-top: -64px;opacity: 0;}*/

/*  100% {margin-top: 0;opacity: 1;}*/

/*}*/

/*.theme-menu-wrapper.fixed {*/

/*  position: fixed !important;*/

/*  width:100%;*/

/*  top:0;*/

/*  left:0;*/

/*  z-index: 999;*/

  /*background: #16416E;*/
  /*EA2029*/

/*  margin: 0;*/

/*  padding-top: 0;*/

/*  box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);*/

/*  -webkit-animation: menu_sticky 0.7s ease-in-out;*/

/*  animation: menu_sticky 0.7s ease-in-out;*/

/*}*/

/*.header-two .theme-menu-wrapper.fixed {background: #fff;}*/



        /* =========================================================
           SUNPOINT CAPITAL HEADER
           ========================================================= */

        .sp-header,
        .sp-header * {
            box-sizing: border-box;
        }

        .sp-header {
            position: relative;
            z-index: 9999;
            width: 100%;
            font-family: Arial, Helvetica, sans-serif;
        }

        /* ================= TOP BAR ================= */

        .sp-topbar {
            width: 100%;
            background: #061d38;
            color: #ffffff;
            border-bottom: 1px solid rgba(255,255,255,0.08);
        }

        .sp-topbar .container,
        .sp-navbar .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding-left: 15px;
            padding-right: 15px;
        }

        .sp-topbar-inner {
            min-height: 42px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        .sp-top-left {
            display: flex;
            align-items: center;
            gap: 25px;
        }

        .sp-top-left span,
        .sp-top-right span {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            line-height: 1.4;
        }

        .sp-top-left i,
        .sp-top-right i {
            color: #C78514 !important;
            font-size: 14px !important;
            width: 16px;
            text-align: center;
        }

        .sp-top-left a {
            color: #ffffff !important;
            text-decoration: none !important;
            transition: 0.3s ease;
        }

        .sp-top-left a:hover {
            color: #C78514 !important;
        }

        .sp-kyc-notice {
            color: rgba(255,255,255,0.9);
        }


        /* ================= MAIN NAVBAR ================= */

        .sp-navbar {
            width: 100%;
            background: #ffffff;
            box-shadow: 0 4px 20px rgba(6,29,56,0.10);
            position: relative;
            z-index: 9999;
        }

        .sp-navbar-inner {
            min-height: 82px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
        }


        /* ================= LOGO ================= */

        .sp-logo {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
        }

        .sp-logo a {
            display: flex;
            align-items: center;
            text-decoration: none !important;
        }

        .sp-logo img {
            display: block;
            width: auto;
            max-width: 190px;
            max-height: 65px;
            object-fit: contain;
        }


        /* ================= NAV ================= */

        .sp-nav {
            display: flex;
            align-items: center;
            margin-left: auto;
        }

        .sp-nav > ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            align-items: center;
            gap: 3px;
        }

        .sp-nav ul {
            list-style: none;
        }

        .sp-nav li {
            position: relative;
            margin: 0;
            padding: 0;
        }

        .sp-nav > ul > li > a {
            min-height: 82px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            padding: 0 15px;

            color: #061d38 !important;
            background: transparent;

            font-size: 14px;
            font-weight: 600;
            line-height: 1.2;

            text-decoration: none !important;
            white-space: nowrap;

            transition: all 0.3s ease;
        }

        .sp-nav > ul > li > a:hover,
        .sp-nav > ul > li:hover > a {
            color: #C78514 !important;
        }


        /* ================= FONT AWESOME FIX ================= */

        .sp-header i.fa {
            font-family: FontAwesome !important;
            font-style: normal !important;
            font-weight: normal !important;
            display: inline-block !important;
            line-height: 1;
        }

        .sp-nav i.fa {
            width: 12px;
            font-size: 11px;
            text-align: center;
        }

        .sp-nav .fa-chevron-down {
            margin-left: 2px;
        }

        .sp-nav .fa-chevron-right {
            margin-left: auto;
        }


        /* ================= DESKTOP DROPDOWN ================= */

        .sp-dropdown {
            position: absolute;
            top: 100%;
            left: 0;

            width: 245px;
            margin: 0;
            padding: 8px 0;

            background: #ffffff;

            border-top: 3px solid #C78514;
            box-shadow: 0 12px 35px rgba(6,29,56,0.16);

            visibility: hidden;
            opacity: 0;
            transform: translateY(8px);

            transition:
                opacity 0.25s ease,
                transform 0.25s ease,
                visibility 0.25s ease;

            z-index: 99999;
        }

        .sp-nav > ul > li:hover > .sp-dropdown {
            visibility: visible;
            opacity: 1;
            transform: translateY(0);
        }

        .sp-dropdown > li > a {
            width: 100%;
            min-height: 45px;

            display: flex;
            align-items: center;
            gap: 8px;

            padding: 11px 17px;

            color: #061d38 !important;
            background: #ffffff;

            font-size: 13px;
            font-weight: 600;

            text-decoration: none !important;

            transition: all 0.25s ease;
        }

        .sp-dropdown > li > a:hover {
            color: #C78514 !important;
            background: #f7f9fc;
            padding-left: 21px;
        }


        /* ================= SECOND LEVEL ================= */

        .sp-submenu {
            position: absolute;
            top: -8px;
            left: 100%;

            width: 270px;

            margin: 0;
            padding: 8px 0;

            background: #ffffff;

            border-top: 3px solid #C78514;
            box-shadow: 0 12px 35px rgba(6,29,56,0.16);

            visibility: hidden;
            opacity: 0;
            transform: translateX(8px);

            transition:
                opacity 0.25s ease,
                transform 0.25s ease,
                visibility 0.25s ease;

            z-index: 999999;
        }

        .sp-dropdown > li:hover > .sp-submenu {
            visibility: visible;
            opacity: 1;
            transform: translateX(0);
        }

        .sp-submenu li a {
            width: 100%;
            min-height: 43px;

            display: flex;
            align-items: center;

            padding: 10px 17px;

            color: #061d38 !important;
            background: #ffffff;

            font-size: 13px;
            font-weight: 500;

            text-decoration: none !important;

            transition: all 0.25s ease;
        }

        .sp-submenu li a:hover {
            color: #C78514 !important;
            background: #f7f9fc;
            padding-left: 21px;
        }


        /* ================= CONTACT BUTTON ================= */

        .sp-nav-contact {
            background: #C78514 !important;
            color: #ffffff !important;
            border-radius: 4px;
            margin-left: 7px;
            min-height: 42px !important;
            padding: 0 19px !important;
        }

        .sp-nav-contact:hover {
            background: #061d38 !important;
            color: #ffffff !important;
        }


        /* ================= MOBILE BUTTON ================= */

        .sp-mobile-toggle {
            display: none;

            width: 46px;
            height: 44px;

            padding: 9px 10px;

            border: 1px solid #e3e8ee;
            border-radius: 4px;

            background: #061d38;

            cursor: pointer;
            outline: none;

            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }

        .sp-mobile-toggle span {
            display: block;
            width: 23px;
            height: 2px;
            background: #ffffff;
            border-radius: 2px;
            transition: all 0.3s ease;
        }

        .sp-mobile-toggle.sp-active span:nth-child(1) {
            transform: translateY(7px) rotate(45deg);
        }

        .sp-mobile-toggle.sp-active span:nth-child(2) {
            opacity: 0;
        }

        .sp-mobile-toggle.sp-active span:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg);
        }


        /* =========================================================
           TABLET / MOBILE
           ========================================================= */

        @media (max-width: 991px) {

            .sp-topbar-inner {
                min-height: auto;
                padding: 8px 0;
            }

            .sp-top-left {
                gap: 15px;
            }

            .sp-top-right {
                display: none;
            }

            .sp-navbar-inner {
                min-height: 72px;
            }

            .sp-logo img {
                max-width: 165px;
                max-height: 58px;
            }

            .sp-mobile-toggle {
                display: flex;
                margin-left: auto;
            }

            .sp-nav {
                display: none;

                position: absolute;
                top: 100%;
                left: 0;
                right: 0;

                width: 100%;

                background: #ffffff;

                box-shadow: 0 12px 30px rgba(6,29,56,0.15);

                border-top: 3px solid #C78514;

                margin: 0;
                padding: 8px 0 15px;

                max-height: calc(100vh - 70px);
                overflow-y: auto;
            }

            .sp-nav.sp-mobile-open {
                display: block !important;
            }

            .sp-nav > ul {
                display: block;
                width: 100%;
                margin: 0;
                padding: 0;
            }

            .sp-nav > ul > li {
                display: block;
                width: 100%;
                border-bottom: 1px solid #edf0f4;
            }

            .sp-nav > ul > li > a {
                width: 100%;
                min-height: 48px;

                justify-content: flex-start;

                padding: 13px 20px;

                font-size: 14px;
            }

            .sp-nav > ul > li > a:hover {
                background: #f7f9fc;
            }


            /* MOBILE DROPDOWNS */

            .sp-dropdown,
            .sp-submenu {
                position: static !important;

                width: 100% !important;

                margin: 0 !important;
                padding: 0 !important;

                border-top: none !important;
                border-left: 3px solid #C78514;

                box-shadow: none !important;

                background: #f7f9fc !important;

                visibility: visible !important;
                opacity: 1 !important;
                transform: none !important;

                display: none;
            }

            .sp-nav li.sp-mobile-open > .sp-dropdown,
            .sp-nav li.sp-mobile-open > .sp-submenu {
                display: block !important;
            }

            .sp-dropdown > li,
            .sp-submenu > li {
                width: 100%;
            }

            .sp-dropdown > li > a,
            .sp-submenu > li > a {
                min-height: 44px;

                padding: 11px 20px 11px 35px;

                background: #f7f9fc !important;

                color: #061d38 !important;

                font-size: 13px;
            }

            .sp-submenu > li > a {
                padding-left: 50px;
            }

            .sp-dropdown > li > a:hover,
            .sp-submenu > li > a:hover {
                background: #eef2f7 !important;
                color: #C78514 !important;
                padding-left: 40px;
            }

            .sp-submenu > li > a:hover {
                padding-left: 55px;
            }


            /* MOBILE ARROWS */

            .sp-mobile-arrow {
                margin-left: auto !important;

                width: 30px !important;
                height: 30px !important;

                display: flex !important;
                align-items: center;
                justify-content: center;

                border-radius: 3px;

                background: rgba(199,133,20,0.08);

                color: #061d38 !important;

                font-size: 11px !important;

                cursor: pointer;
            }

            .sp-mobile-arrow.sp-arrow-open {
                background: #C78514;
                color: #ffffff !important;
            }


            /* CONTACT */

            .sp-nav > ul > li > a.sp-nav-contact {
                width: calc(100% - 30px);
                margin: 12px 15px;
                justify-content: center;
            }

        }


        /* =========================================================
           SMALL MOBILE
           ========================================================= */

        @media (max-width: 575px) {

            .sp-topbar-inner {
                justify-content: center;
            }

            .sp-top-left {
                width: 100%;
                justify-content: space-between;
                gap: 8px;
            }

            .sp-top-left span {
                font-size: 11px;
            }

            .sp-top-left span:nth-child(2) {
                max-width: 55%;
            }

            .sp-top-left a {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .sp-navbar-inner {
                min-height: 66px;
            }

            .sp-logo img {
                max-width: 145px;
                max-height: 52px;
            }

            .sp-mobile-toggle {
                width: 43px;
                height: 41px;
            }

        }


        /* =========================================================
           ACCESSIBILITY
           ========================================================= */

        .sp-nav a:focus,
        .sp-mobile-toggle:focus {
            outline: 2px solid #C78514;
            outline-offset: 2px;
        }




/* =========================================================
   SUNPOINT CAPITAL - MODERN HEADER
   ========================================================= */

.sp-header {
    position: relative;
    z-index: 9999;

    width: 100%;

    font-family: 'Nunito Sans', sans-serif;
}


/* =========================================================
   TOP BAR
   ========================================================= */

.sp-topbar {
    background: #061D38;

    border-bottom: 1px solid rgba(255,255,255,0.08);

    color: #dce5ee;
}

.sp-topbar-inner {
    min-height: 42px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.sp-top-left {
    display: flex;
    align-items: center;

    gap: 28px;
}

.sp-top-left span,
.sp-top-right span {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    font-size: 12px;
}

.sp-top-left i {
    color: #C78514;

    font-size: 13px;
}

.sp-top-left a {
    color: #dce5ee !important;

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 13px;

    transition: color 0.3s ease;
}

.sp-top-left a:hover {
    color: #C78514 !important;
}

.sp-kyc-notice {
    color: #dce5ee;
}

.sp-kyc-notice i {
    color: #C78514;
}


/* =========================================================
   MAIN NAVBAR
   ========================================================= */

.sp-navbar {
    position: relative;

    background: #fff;

    box-shadow: 0 8px 25px rgba(6,29,56,0.08);
}

.sp-navbar-inner {
    min-height: 82px;

    display: flex;
    align-items: center;

    justify-content: space-between;
}


/* LOGO */

.sp-logo {
    flex-shrink: 0;

    z-index: 10;
}

.sp-logo a {
    display: block;
}

.sp-logo img {
    width: 155px;
    max-height: 68px;

    object-fit: contain;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.sp-nav {
    margin-left: auto;
}

.sp-nav > ul {
    display: flex;

    align-items: center;

    gap: 2px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.sp-nav li {
    position: relative;
}

.sp-nav > ul > li > a {
    display: flex;
    align-items: center;

    gap: 7px;

    min-height: 82px;

    padding: 0 17px;

    color: #172b42 !important;

    font-size: 13px;
    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.25px;

    transition: all 0.3s ease;
}

.sp-nav > ul > li > a:hover {
    color: #C78514 !important;
}

.sp-nav > ul > li > a i {
    font-size: 9px;

    color: #8995a1;

    transition: transform 0.3s ease;
}

.sp-nav > ul > li:hover > a i {
    color: #C78514;

    transform: rotate(180deg);
}


/* =========================================================
   CONTACT BUTTON
   ========================================================= */

.sp-nav > ul > li > a.sp-nav-contact {
    min-height: auto;

    margin-left: 12px;

    padding: 12px 21px;

    border-radius: 5px;

    background: #C78514;

    color: #fff !important;

    box-shadow: 0 6px 15px rgba(199,133,20,0.20);
}

.sp-nav > ul > li > a.sp-nav-contact:hover {
    background: #0B2545;

    color: #fff !important;
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.sp-dropdown {
    position: absolute;

    top: 100%;
    left: 0;

    min-width: 235px;

    padding: 9px 0;

    margin: 0;

    background: #fff;

    border-top: 3px solid #C78514;

    border-radius: 0 0 8px 8px;

    box-shadow: 0 18px 40px rgba(6,29,56,0.16);

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition: all 0.25s ease;
}

.sp-has-dropdown:hover > .sp-dropdown {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

.sp-dropdown li {
    width: 100%;
}

.sp-dropdown li > a {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 11px 18px;

    color: #314154 !important;

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 14px;
    line-height: 20px;

    border-bottom: 1px solid #f0f2f5;

    transition: all 0.25s ease;
}

.sp-dropdown li:last-child > a {
    border-bottom: none;
}

.sp-dropdown li > a:hover {
    background: #f9f6ef;

    color: #C78514 !important;

    padding-left: 23px;
}


/* =========================================================
   SECOND LEVEL SUBMENU
   ========================================================= */

.sp-submenu {
    position: absolute;

    top: -9px;
    left: 100%;

    min-width: 245px;

    padding: 9px 0;

    margin: 0;

    background: #fff;

    border-top: 3px solid #C78514;

    border-radius: 0 0 8px 8px;

    box-shadow: 0 18px 40px rgba(6,29,56,0.16);

    opacity: 0;
    visibility: hidden;

    transform: translateX(10px);

    transition: all 0.25s ease;
}

.sp-has-submenu:hover > .sp-submenu {
    opacity: 1;
    visibility: visible;

    transform: translateX(0);
}

.sp-dropdown .sp-has-submenu > a i {
    font-size: 9px;
    color: #8b97a4;
}


/* =========================================================
   MOBILE BUTTON
   ========================================================= */

.sp-mobile-toggle {
    display: none;

    width: 45px;
    height: 42px;

    padding: 9px;

    background: #0B2545;

    border-radius: 5px;

    cursor: pointer;
}

.sp-mobile-toggle span {
    display: block;

    height: 2px;

    margin: 5px 0;

    background: #fff;

    border-radius: 3px;
}


/* =========================================================
   STICKY HEADER
   ========================================================= */

.sp-header.sp-sticky {
    position: fixed;

    top: 0;
    left: 0;

    width: 100%;

    animation: spHeaderSticky 0.35s ease;
}

@keyframes spHeaderSticky {

    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .sp-nav > ul > li > a {
        padding: 0 10px;

        font-size: 11px;
    }

    .sp-logo img {
        width: 135px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .sp-topbar-inner {
        justify-content: center;
    }

    .sp-top-left {
        gap: 15px;
    }

    .sp-top-right {
        display: none;
    }

    .sp-navbar-inner {
        min-height: 72px;
    }

    .sp-logo img {
        width: 145px;
    }

    .sp-mobile-toggle {
        display: block;
    }

    .sp-nav {
        position: absolute;

        top: 100%;
        left: 0;
        right: 0;

        margin: 0;

        background: #fff;

        border-top: 1px solid #edf0f3;

        box-shadow: 0 15px 30px rgba(6,29,56,0.12);

        display: none;
    }

    .sp-nav.sp-mobile-open {
        display: block;
    }

    .sp-nav > ul {
        display: block;

        padding: 10px 20px 20px;
    }

    .sp-nav > ul > li > a {
        min-height: auto;

        padding: 14px 5px;

        border-bottom: 1px solid #edf0f3;

        justify-content: space-between;

        font-size: 13px;
    }

    .sp-nav > ul > li > a.sp-nav-contact {
        margin: 12px 0 0;

        justify-content: center;

        border-bottom: none;
    }


    /* Mobile dropdown */

    .sp-dropdown,
    .sp-submenu {
        position: static;

        display: none;

        width: 100%;

        min-width: 0;

        padding: 0;

        border-top: none;

        border-left: 2px solid #C78514;

        border-radius: 0;

        box-shadow: none;

        opacity: 1;
        visibility: visible;

        transform: none;

        background: #fafbfc;
    }

    .sp-has-dropdown:hover > .sp-dropdown {
        display: none;
    }

    .sp-dropdown.sp-mobile-open,
    .sp-submenu.sp-mobile-open {
        display: block;
    }

    .sp-dropdown li > a {
        padding: 12px 18px;
    }

    .sp-submenu {
        background: #f5f7f9;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

    .sp-topbar {
        display: none;
    }

    .sp-navbar-inner {
        min-height: 65px;
    }

    .sp-logo img {
        width: 130px;
        max-height: 55px;
    }

}





/*---------------------------- Theme Main Banner -------------------------*/

/*#theme-main-banner {margin: 0 !important;}*/

/*.camera_wrap {float:none;}*/

/*#theme-main-banner .camera_overlayer {*/

/*  content: '';*/

/*  position: absolute;*/

/*  top:0;*/

/*  left:0;*/

/*  right: 0;*/

/*  bottom: 0;*/

/*  background: rgba(0,26,27,0.10);*/

/*}*/

/*#theme-main-banner .main-container {position: relative;}*/

/*#theme-main-banner .camera_caption {height: 100%;}*/

/*#theme-main-banner .container {*/

/*  position: relative;*/

/*  z-index: 1;*/

/*  top: 50%;*/

/*  -webkit-transform: translateY(-50%);*/

/*          transform: translateY(-50%);*/

/*}*/

/*#theme-main-banner .camera_caption>div {*/

/*  background: transparent;*/

/*  position: absolute;*/

/*  width: 100%;*/

/*  height: 100%;*/

/*  top:0;*/

/*  text-shadow: none;*/

/*  left: 0;*/

/*  padding: 0;*/

/*}*/

/*#theme-main-banner .camera_caption h1 {text-transform: uppercase;padding: 30px 0 0px 0;}*/

/*#theme-main-banner .camera_caption p {*/

/*  font-size: 26px;*/

/*  line-height: 35px;*/

/*  color: #556382;*/
  
/*  font-weight: 300;*/

/*}*/

/*#theme-main-banner .camera_caption .theme-button-one {background: #fff;}*/

/*#theme-main-banner .camera_caption .theme-button-one:hover {color: #fff;}*/

/*#theme-main-banner .camera_pag {*/

/*  position: absolute;*/

/*  height: 100%;*/

/*  top:0;*/

/*  left:5%;*/

/*  z-index: 9;*/

/*}*/

/*#theme-main-banner .camera_pag .camera_pag_ul {*/

/*  text-align: center;*/

/*  position: relative;*/

/*  top:50%;*/

/*  -webkit-transform:translateY(-50%);*/

/*          transform:translateY(-50%);*/

/*}*/

/*#theme-main-banner .camera_pag .camera_pag_ul li {*/

/*  display: block;*/

/*  margin: 15px 0;*/

/*  width: 7px;*/

/*  height: 7px;*/

/*  border-radius: 50%;*/

/*  border-width: 1px;*/

/*  background: transparent;*/

/*}*/

/*#theme-main-banner .camera_pag .camera_pag_ul li span {*/

/*  height: 100%;*/

/*  width: 100%;*/

/*  top:0;*/

/*  left:0;*/

/*  border-radius:50%;*/

/*}*/

/*--------------------- Top Feature -------------------*/

/*.top-feature .main-content {*/

/*  text-align: center;*/

/*  padding: 50px 16%;*/

/*  border-bottom: 4px solid transparent;*/
/*  height: 350px;*/
/*}*/

/*.top-feature .main-content:hover {border-bottom-color: #16416E;}*/

/*.top-feature .main-content img {margin: 0 auto;}*/

/*.top-feature .main-content h4 {*/

/*  position: relative;*/

/*  padding-bottom: 18px;*/

/*  margin: 15px 0 18px 0;*/

/*}*/



/*.top-feature .main-content h4:before {*/

/*  content: '';*/

/*  width: 40px;*/

/*  height: 4px;*/

/*  border-radius: 10px;*/

/*  background: #c3c3c3;*/

/*  position: absolute;*/

/*  bottom: 0;*/

/*  left:50%;*/

/*  margin-left: -20px;*/

/*}*/

/*.top-feature.fix-border .main-content {border-top: 4px solid transparent;border-bottom: none;}*/

/*.top-feature.fix-border .main-content:hover {border-top-color: #001a57;}*/



/* =========================================================
   SUNPOINT CAPITAL - MAIN HERO SLIDER
   Camera Slider layout preserved
========================================================= */

#theme-main-banner {
    margin: 0 !important;
}

.camera_wrap {
    float: none;
}


/* ---------------------------------------------------------
   DARK FINANCIAL OVERLAY
--------------------------------------------------------- */

#theme-main-banner .camera_overlayer {
    content: '';

    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background:
        linear-gradient(
            90deg,
            rgba(5, 23, 44, 0.92) 0%,
            rgba(5, 23, 44, 0.70) 48%,
            rgba(5, 23, 44, 0.20) 100%
        );

    z-index: 1;
}


/* ---------------------------------------------------------
   ORIGINAL CAMERA POSITIONING
   DO NOT CHANGE THESE
--------------------------------------------------------- */

#theme-main-banner .main-container {
    position: relative;
}

#theme-main-banner .camera_caption {
    height: 100%;
}

#theme-main-banner .container {
    position: relative;

    z-index: 2;

    top: 50%;

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Camera caption inner wrapper */

#theme-main-banner .camera_caption > div {
    background: transparent;

    position: absolute;

    width: 100%;
    height: 100%;

    top: 0;
    left: 0;

    padding: 0;

    text-shadow: none;

    z-index: 2;
}


/* =========================================================
   HERO CONTENT
========================================================= */

#theme-main-banner .camera_caption h1 {
    text-transform: none;

    padding: 0 !important;

    margin: 0 0 20px 0;

    color: #ffffff;

    font-size: 55px !important;

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -0.5px;

    text-shadow: 0 3px 15px rgba(0,0,0,0.25);
}


/* Gold highlighted text */

#theme-main-banner .camera_caption h1 span {
    color: #C78514;
}


/* Paragraph */

#theme-main-banner .camera_caption p {
    max-width: 650px;

    margin: 0 0 28px 0;

    color: #ffffff;

    font-size: 18px !important;

    line-height: 1.7;

    font-weight: 400;
}


/* =========================================================
   HERO BUTTON
========================================================= */

#theme-main-banner .camera_caption .theme-button-one {
    background: #C78514;

    color: #ffffff;

    border: 1px solid #C78514;

    transition: all 0.3s ease;
}

#theme-main-banner .camera_caption .theme-button-one:hover {
    background: #ffffff;

    color: #0B2545;

    border-color: #ffffff;
}


/* =========================================================
   SLIDER PAGINATION
========================================================= */

#theme-main-banner .camera_pag {
    position: absolute;

    height: 100%;

    top: 0;

    left: auto;
    right: 35px;

    z-index: 9;
}


#theme-main-banner .camera_pag .camera_pag_ul {
    text-align: center;

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


#theme-main-banner .camera_pag .camera_pag_ul li {
    display: block;

    margin: 12px 0;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,0.7);

    background: transparent;

    transition: all 0.3s ease;
}


#theme-main-banner .camera_pag .camera_pag_ul li span {
    height: 100%;
    width: 100%;

    top: 0;
    left: 0;

    border-radius: 50%;
}


#theme-main-banner .camera_pag .camera_pag_ul li.cameracurrent {
    background: #C78514;

    border-color: #C78514;

    transform: scale(1.25);
}


/* =========================================================
   GOLD BOTTOM LINE
========================================================= */

#theme-main-banner:after {
    content: '';

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 4px;

    background: #C78514;

    z-index: 20;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    #theme-main-banner .camera_caption h1 {
        font-size: 34px !important;

        line-height: 1.2;

        margin-bottom: 15px;
    }

    #theme-main-banner .camera_caption p {
        font-size: 14px !important;

        line-height: 1.6;

        margin-bottom: 20px;
    }

    #theme-main-banner .camera_pag {
        display: none;
    }

    #theme-main-banner .container {
        padding-left: 25px;
        padding-right: 25px;
    }
}


@media (max-width: 480px) {

    #theme-main-banner .camera_caption h1 {
        font-size: 28px !important;
    }

    #theme-main-banner .camera_caption p {
        font-size: 13px !important;
    }
}






/*------------------ About Company -----------------*/

/*.about-compnay img {border-radius: 5px;}*/

/*.about-compnay .mission-goal {*/

/*  border-top:1px solid #dcdcdc;*/

/*  padding-top: 23px;*/

/*  margin-top: 33px;*/

/*}*/

/*.about-compnay .mission-goal li {*/

/*  float: left;*/

/*  width: 33.33333333%;*/

/*  text-align: center;*/

/*  position: relative;*/

/*}*/

/*.about-compnay .mission-goal li .icon {font-size: 55px;}*/

/*.about-compnay .mission-goal li:nth-child(2) {*/

/*  border-left: 1px dashed #c3c3c3;*/

/*  border-right: 1px dashed #c3c3c3;*/

/*}*/




/* =========================================================
   SUNPOINT CAPITAL - MODERN ABOUT SECTION
   ========================================================= */

.sp-about-section {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: #f7f9fc;
}


/* Background Decorative Shapes */

.sp-about-bg-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.sp-about-bg-shape-1 {
    width: 420px;
    height: 420px;
    background: rgba(199, 133, 20, 0.06);
    top: -180px;
    right: -150px;
}

.sp-about-bg-shape-2 {
    width: 280px;
    height: 280px;
    background: rgba(11, 37, 69, 0.04);
    bottom: -120px;
    left: -100px;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.sp-about-image-wrap {
    position: relative;
    max-width: 560px;
    margin: 0 auto;
    padding: 0 35px 35px 0;
}

.sp-about-image {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(6, 29, 56, 0.18);
}

.sp-about-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(6, 29, 56, 0.08),
        rgba(199, 133, 20, 0.08)
    );
    pointer-events: none;
}

.sp-about-image img {
    width: 100%;
    height: 470px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.sp-about-image:hover img {
    transform: scale(1.04);
}


/* Gold Border Decoration */

.sp-about-image-wrap:before {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 90%;
    height: 90%;
    border: 2px solid #C78514;
    border-radius: 18px;
    z-index: 0;
}

.sp-about-image {
    z-index: 2;
}


/* =========================================================
   TRUST BADGE
   ========================================================= */

.sp-about-badge {
    position: absolute;
    left: -5px;
    bottom: 70px;
    z-index: 5;

    display: flex;
    align-items: center;
    gap: 13px;

    background: #0B2545;
    color: #fff;

    padding: 15px 22px;
    border-radius: 10px;

    box-shadow: 0 15px 35px rgba(6, 29, 56, 0.25);
}

.sp-about-badge-icon {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #C78514;

    color: #fff;
    font-size: 18px;
}

.sp-about-badge strong {
    display: block;
    font-size: 17px;
    line-height: 20px;
    color: #fff;
}

.sp-about-badge small {
    display: block;
    color: #d8e0e8;
    font-size: 12px;
    margin-top: 3px;
}


/* =========================================================
   MINI CHART
   ========================================================= */

.sp-about-chart {
    position: absolute;
    right: 0;
    bottom: 0;

    width: 190px;
    height: 125px;

    padding: 15px;

    background: rgba(255,255,255,0.97);
    border-radius: 12px;

    z-index: 5;

    box-shadow: 0 15px 35px rgba(6,29,56,0.16);
}

.sp-chart-title {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-size: 13px;
    font-weight: 700;
    color: #0B2545;
}

.sp-chart-title i {
    color: #C78514;
}

.sp-chart-bars {
    height: 75px;

    display: flex;
    align-items: flex-end;
    gap: 7px;

    margin-top: 7px;
}

.sp-chart-bars span {
    flex: 1;
    background: linear-gradient(
        to top,
        #0B2545,
        #C78514
    );
    border-radius: 4px 4px 0 0;
}


/* =========================================================
   CONTENT
   ========================================================= */

.sp-about-content {
    position: relative;
    z-index: 2;
    padding-left: 45px;
}

.sp-about-label {
    display: inline-block;

    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #C78514;

    margin-bottom: 12px;
}

.sp-about-content h2 {
    margin: 0;
    color: #0B2545;

    font-size: 46px;
    line-height: 1.15;
    font-weight: 900;
}

.sp-about-content h2 span {
    color: #C78514;
}

.sp-about-line {
    width: 55px;
    height: 4px;

    margin: 18px 0 22px;

    border-radius: 10px;
    background: #C78514;
}

.sp-about-content p {
    color: #5d6977;
    font-size: 16px;
    line-height: 27px;

    margin-bottom: 14px;
}


/* First paragraph */

.sp-about-content .sp-about-intro {
    color: #27384a;
    font-size: 18px;
    line-height: 29px;
    font-weight: 600;
}


/* =========================================================
   FEATURE CARDS
   ========================================================= */

.sp-about-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 13px;

    margin-top: 25px;
}

.sp-about-feature {
    display: flex;
    align-items: center;

    gap: 13px;

    padding: 15px;

    background: #fff;

    border: 1px solid #e8edf2;
    border-radius: 10px;

    transition: all 0.3s ease;

    box-shadow: 0 5px 20px rgba(6,29,56,0.04);
}

.sp-about-feature:hover {
    transform: translateY(-4px);

    border-color: #C78514;

    box-shadow: 0 12px 25px rgba(6,29,56,0.10);
}

.sp-feature-icon {
    flex-shrink: 0;

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: rgba(199,133,20,0.10);

    color: #C78514;

    font-size: 18px;
}

.sp-feature-text h5 {
    margin: 0 0 3px;

    color: #0B2545;

    font-size: 15px;
    font-weight: 800;
}

.sp-feature-text p {
    margin: 0;

    color: #7a8591;

    font-size: 12px;
    line-height: 17px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.sp-about-button {
    margin-top: 28px;
}

.sp-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 13px 25px;

    background: #0B2545;
    color: #fff !important;

    border-radius: 6px;

    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.5px;

    transition: all 0.3s ease;
}

.sp-about-btn i {
    transition: transform 0.3s ease;
}

.sp-about-btn:hover {
    background: #C78514;
    color: #fff !important;
    transform: translateY(-2px);
}

.sp-about-btn:hover i {
    transform: translateX(5px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .sp-about-section {
        padding: 75px 0;
    }

    .sp-about-content {
        padding-left: 0;
        margin-top: 65px;
    }

    .sp-about-image-wrap {
        max-width: 650px;
    }

    .sp-about-content h2 {
        font-size: 40px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .sp-about-section {
        padding: 60px 0;
    }

    .sp-about-image-wrap {
        padding: 0 15px 25px 10px;
    }

    .sp-about-image img {
        height: 330px;
    }

    .sp-about-image-wrap:before {
        left: 0;
        bottom: 3px;
    }

    .sp-about-badge {
        left: 0;
        bottom: 45px;
        padding: 10px 14px;
    }

    .sp-about-badge-icon {
        width: 38px;
        height: 38px;
    }

    .sp-about-chart {
        width: 145px;
        height: 100px;
        padding: 10px;
    }

    .sp-chart-bars {
        height: 55px;
    }

    .sp-about-content {
        margin-top: 45px;
    }

    .sp-about-content h2 {
        font-size: 34px;
    }

    .sp-about-content .sp-about-intro {
        font-size: 16px;
        line-height: 26px;
    }

    .sp-about-features {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .sp-about-feature {
        padding: 13px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .sp-about-content h2 {
        font-size: 30px;
    }

    .sp-about-image img {
        height: 290px;
    }

    .sp-about-chart {
        right: -5px;
    }

}



/*------------------ Feature Banner ---------------*/

.feature-banner {

  background: url(../images/home/ways2star-home-page-service-seaction.jpg) no-repeat center center;

  background-size: cover;

  background-attachment: fixed;

  background-color: #707d9e;

  text-align: center;

}

.feature-banner .opacity {

  background: rgba(0,26,87,0.5);

  padding: 74px 0 80px 0;

}

.feature-banner .opacity h2 {

  font-size: 42px;

  line-height: 52px;

  text-transform: inherit;

  color: #fff;

  padding: 0 100px;

  margin-bottom: 32px;

}

/*---------------- Service Style One --------------*/

/*.service-style-one .single-service {*/

/*  position: relative;*/

  /*padding-left: 118px;*/

/*  overflow: hidden;*/

/*  margin-bottom: 30px;*/

/*}*/

/*.service-style-one .single-service .text {*/

/*  border: 1px solid #eaeaea;*/

/*  border-radius: 0 4px 4px 0;*/

/*  border-left:none;*/

/*  padding: 20px 10px 18px 75px;*/

/*}*/

/*.service-style-one .single-service .text p {padding-bottom: 10px;}*/

/*.service-style-one .single-service .text .read-more {*/

/*  font-size: 14px;*/

/*  font-weight: 700;*/

/*}*/

/*.service-style-one .single-service .text .read-more i {margin-left: 2px;}*/

/*.service-style-one .single-service .img-box {*/

/*  position: absolute;*/

/*  left:0;*/

/*  top:0;*/

/*  bottom: 0;*/

/*  width: 60px;*/

/*  border-radius: 5px;*/

  /*background: #001a57;*/

/*}*/

/*.service-style-one .single-service .img-box img {width: 100%;border-radius: 4px;opacity: 0.9; margin-top: 22px;}*/

/*.service-style-one .single-service:hover .text {border-color: #fff;}*/

/*.service-style-one .single-service:hover {*/

/*  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);*/

/*}*/

/*.service-style-one .wrapper {margin-top: 50px;}*/

/*.service-style-one .contact-text {text-align: center;padding-top:35px;}*/

/*.service-style-one .contact-text h4 {font-weight: normal;margin-bottom: 10px;}*/

/*.service-style-one .contact-text h5 {font-weight: normal;display: inline-block;position: relative;}*/

/*.service-style-one .contact-text h5:before {*/

/*  content: '';*/

/*  width: 100%;*/

/*  height: 1px;*/

/*  position: absolute;*/

/*  bottom: 1px;*/

/*  left:0;*/

/*}*/


/* =========================================================
   SUNPOINT CAPITAL - SERVICES REDESIGN
   ========================================================= */

.sp-services-section {
    position: relative;
    padding: 95px 0 105px;
    background: #f7f9fc;
    overflow: hidden;
}


/* Heading */

.sp-services-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.sp-section-label {
    display: inline-block;
    margin-bottom: 12px;

    color: #C78514;

    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.sp-services-heading h2 {
    margin: 0;

    color: #0B2545;

    font-size: 44px;
    line-height: 1.2;
    font-weight: 900;
}

.sp-services-heading h2 span {
    color: #C78514;
}

.sp-heading-line {
    width: 55px;
    height: 4px;

    margin: 18px auto 22px;

    border-radius: 10px;
    background: #C78514;
}

.sp-services-heading p {
    max-width: 780px;
    margin: 0 auto;

    color: #687482;

    font-size: 17px;
    line-height: 28px;
}


/* Grid */

.sp-services-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.sp-services-grid > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 25px;
}


/* =========================================================
   SERVICE CARD
   ========================================================= */

.sp-service-card {
    height: 100%;

    background: #fff;

    border: 1px solid #e7ebf0;
    border-radius: 14px;

    overflow: hidden;

    box-shadow: 0 8px 30px rgba(11,37,69,0.06);

    transition: all 0.35s ease;
}

.sp-service-card:hover {
    transform: translateY(-8px);

    border-color: rgba(199,133,20,0.45);

    box-shadow: 0 20px 45px rgba(11,37,69,0.14);
}


/* Image */

.sp-service-image {
    height: 220px;

    position: relative;
    overflow: hidden;

    background: #0B2545;
}

.sp-service-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.6s ease;
}

.sp-service-card:hover .sp-service-image img {
    transform: scale(1.08);
}


/* Image Overlay */

.sp-service-overlay {
    position: absolute;

    inset: 0;

    background: linear-gradient(
        to bottom,
        rgba(11,37,69,0.05),
        rgba(11,37,69,0.65)
    );

    transition: all 0.3s ease;
}

.sp-service-card:hover .sp-service-overlay {
    background: linear-gradient(
        to bottom,
        rgba(11,37,69,0.12),
        rgba(11,37,69,0.78)
    );
}


/* Number */

.sp-service-number {
    position: absolute;

    left: 18px;
    top: 18px;

    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    background: #C78514;
    color: #fff;

    border-radius: 8px;

    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 900;

    box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}


/* =========================================================
   CONTENT
   ========================================================= */

.sp-service-content {
    position: relative;

    padding: 27px 25px 25px;
}

.sp-service-category {
    display: block;

    margin-bottom: 7px;

    color: #C78514;

    font-family: 'Nunito Sans', sans-serif;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1.3px;
}

.sp-service-content h4 {
    margin: 0 0 10px;

    color: #0B2545;

    font-size: 22px;
    line-height: 28px;
    font-weight: 800;
}

.sp-service-content p {
    min-height: 78px;

    margin: 0 0 17px;

    color: #6c7784;

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 15px;
    line-height: 24px;
}


/* Link */

.sp-service-link {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    color: #0B2545 !important;

    font-family: 'Nunito Sans', sans-serif;

    font-size: 12px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.5px;

    transition: all 0.3s ease;
}

.sp-service-link i {
    color: #C78514;

    transition: transform 0.3s ease;
}

.sp-service-link:hover {
    color: #C78514 !important;
}

.sp-service-link:hover i {
    transform: translateX(5px);
}


/* =========================================================
   DISCLAIMER
   ========================================================= */

.sp-disclaimer-bar {
    background: #0B2545;

    border-top: 3px solid #C78514;

    padding: 13px 0;
}

.sp-disclaimer-content {
    display: flex;

    align-items: center;

    gap: 12px;

    justify-content: center;
}

.sp-disclaimer-content i {
    flex-shrink: 0;

    color: #C78514;

    font-size: 17px;
}

.sp-disclaimer-content p {
    margin: 0;

    color: #dce4ed;

    font-size: 13px;
    line-height: 21px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .sp-services-section {
        padding: 75px 0 80px;
    }

    .sp-services-heading {
        margin-bottom: 40px;
    }

    .sp-services-heading h2 {
        font-size: 38px;
    }

    .sp-service-image {
        height: 210px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .sp-services-section {
        padding: 60px 0 65px;
    }

    .sp-services-heading {
        margin-bottom: 35px;
    }

    .sp-services-heading h2 {
        font-size: 32px;
    }

    .sp-services-heading p {
        font-size: 15px;
        line-height: 25px;
    }

    .sp-service-image {
        height: 220px;
    }

    .sp-service-content {
        padding: 23px 20px 22px;
    }

    .sp-service-content h4 {
        font-size: 20px;
    }

    .sp-service-content p {
        min-height: auto;
    }

    .sp-disclaimer-content {
        align-items: flex-start;
        justify-content: flex-start;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .sp-services-heading h2 {
        font-size: 29px;
    }

    .sp-service-image {
        height: 205px;
    }

}




/*-------------------- Testimonial Slider ------------------*/

/*.testimonial-section {*/

/*  background: url(../images/home/ways2star-home-testimonial.jpg) no-repeat center center;*/

/*  background-size: cover;*/

/*  background-attachment: fixed;*/

/*  background-color: #707d9e;*/

/*}*/

/*.testimonial-section .overlay {background: rgba(0,0,0,0.1);padding: 125px 0;}*/

/*.testimonial-section .wrapper {width: 55%;padding-right: 15px;}*/

/*.testimonial-section .wrapper .bg {*/

/*  background: #fff;*/

/*  border-radius: 5px;*/

/*  position: relative;*/

/*  padding: 55px 65px 35px 65px;*/

/*  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);*/

/*  text-align: center;*/

/*}*/

/*.testimonial-section .wrapper .bg:before {*/

/*  content: '';*/

/*  font-family: 'font-awesome';*/

/*  position: absolute;*/

/*  top:30px;*/

/*  right: -10px;*/

/*  color: #fff;*/

/*  font-size: 35px;*/

/*}*/

/*.testimonial-section .wrapper p {*/

/*  font-size: 20px;*/

/*  font-weight: 300;*/

/*  line-height: 29px;*/

/*}*/

/*.testimonial-section .wrapper .name h6 {font-weight: normal;}*/

/*.testimonial-section .wrapper .name span {font-size: 16px;}*/

/*.testimonial-section .wrapper .name {position: relative;margin: 25px 0 28px 0;z-index: 1;}*/

/*.testimonial-section .wrapper .name:before {*/

/*  content: '“';*/

/*  color: #f1f1f1;*/

/*  font-size: 120px;*/

/*  font-weight: 900;*/

/*  position: absolute;*/

/*  top:-42px;*/

/*  left:50%;*/

/*  z-index: -1;*/

/*  -webkit-transform:translateX(-50%);*/

/*          transform:translateX(-50%);*/

/*}*/

/*.testimonial-section .owl-theme .owl-dots .owl-dot span {*/

/*  width: 7px;*/

/*  height: 7px;*/

/*  border-radius: 50%;*/

/*  background: #cecece;*/

/*  margin: 0 5px;*/

/*}*/


/* =========================================================
   SUNPOINT CAPITAL - STATS SECTION
   ========================================================= */

.sp-stats-section {
    position: relative;
    overflow: hidden;

    padding: 90px 0;

    background: #0B2545;
}


/* Decorative Background */

.sp-stats-pattern {
    position: absolute;

    width: 500px;
    height: 500px;

    right: -220px;
    top: -220px;

    border: 1px solid rgba(199,133,20,0.18);
    border-radius: 50%;
}

.sp-stats-pattern:before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    left: 75px;
    top: 75px;

    border: 1px solid rgba(199,133,20,0.12);
    border-radius: 50%;
}


/* Header */

.sp-stats-header {
    position: relative;
    z-index: 2;

    max-width: 750px;

    margin: 0 auto 55px;

    text-align: center;
}

.sp-stats-header .sp-section-label {
    color: #C78514;
}

.sp-stats-header h2 {
    margin: 0;

    color: #fff;

    font-size: 42px;
    line-height: 1.2;

    font-weight: 900;
}

.sp-stats-header h2 span {
    color: #C78514;
}

.sp-stats-header p {
    margin: 20px auto 0;

    color: #c7d2de;

    font-size: 16px;
    line-height: 27px;
}


/* =========================================================
   STAT GRID
   ========================================================= */

.sp-stats-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 18px;
}


.sp-stat-card {
    position: relative;

    padding: 32px 20px 30px;

    text-align: center;

    background: rgba(255,255,255,0.055);

    border: 1px solid rgba(255,255,255,0.12);

    border-radius: 12px;

    transition: all 0.35s ease;
}

.sp-stat-card:before {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 0;
    height: 3px;

    background: #C78514;

    transform: translateX(-50%);

    transition: width 0.35s ease;
}

.sp-stat-card:hover {
    transform: translateY(-7px);

    background: rgba(255,255,255,0.09);

    border-color: rgba(199,133,20,0.45);
}

.sp-stat-card:hover:before {
    width: 60px;
}


/* Icon */

.sp-stat-icon {
    width: 55px;
    height: 55px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(199,133,20,0.12);

    color: #C78514;

    font-size: 21px;

    transition: all 0.3s ease;
}

.sp-stat-card:hover .sp-stat-icon {
    background: #C78514;
    color: #fff;

    transform: scale(1.08);
}


/* Number */

.sp-stat-number {
    color: #fff;

    font-family: 'Nunito Sans', sans-serif;

    font-size: 43px;
    line-height: 1;

    font-weight: 900;
}

.sp-stat-number b {
    color: #C78514;

    font-size: 28px;
}


/* Title */

.sp-stat-card h5 {
    margin: 14px 0 7px;

    color: #fff;

    font-size: 17px;
    font-weight: 800;
}


/* Description */

.sp-stat-card p {
    margin: 0;

    color: #aebdca;

    font-size: 13px;
    line-height: 20px;
}


/* =========================================================
   WARNING SECTION
   ========================================================= */

.sp-warning-section {
    padding: 35px 0;

    background: #f7f9fc;
}


.sp-warning-box {
    display: flex;
    align-items: flex-start;

    gap: 20px;

    padding: 25px 30px;

    background: #fff;

    border-left: 5px solid #C78514;

    border-radius: 10px;

    box-shadow: 0 8px 30px rgba(11,37,69,0.08);
}


.sp-warning-icon {
    flex-shrink: 0;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(199,133,20,0.12);

    color: #C78514;

    font-size: 20px;
}


.sp-warning-content h5 {
    margin: 0 0 8px;

    color: #0B2545;

    font-size: 18px;
    font-weight: 800;
}


.sp-warning-content p {
    margin: 0 0 7px;

    color: #697582;

    font-size: 14px;
    line-height: 23px;
}

.sp-warning-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .sp-stats-section {
        padding: 70px 0;
    }

    .sp-stats-header h2 {
        font-size: 36px;
    }

    .sp-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .sp-stats-section {
        padding: 60px 0;
    }

    .sp-stats-header {
        margin-bottom: 35px;
    }

    .sp-stats-header h2 {
        font-size: 31px;
    }

    .sp-stats-header p {
        font-size: 15px;
        line-height: 25px;
    }

    .sp-stats-grid {
        grid-template-columns: 1fr 1fr;

        gap: 10px;
    }

    .sp-stat-card {
        padding: 25px 12px;
    }

    .sp-stat-number {
        font-size: 34px;
    }

    .sp-stat-number b {
        font-size: 22px;
    }

    .sp-stat-card h5 {
        font-size: 14px;
    }

    .sp-stat-card p {
        font-size: 11px;
        line-height: 17px;
    }

    .sp-warning-box {
        padding: 20px;

        gap: 13px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .sp-stats-grid {
        grid-template-columns: 1fr;
    }

    .sp-stat-card {
        padding: 25px 20px;
    }

}








/*----------------------- Our Team -----------------*/

.our-team .team-member {margin-top: 30px; text-align: center;}

.our-team .wrapper {margin-top: 25px;}

.our-team .team-member .image-box img {width: 100%;border-radius: 5px 5px 0 0;}

.our-team .team-member .image-box {position: relative;overflow: hidden;}

.our-team .team-member .text {

  padding: 13px 0;

  border: 1px solid #eaeaea;

  border-top: none;

  border-radius: 0 0 5px 5px;

}

.our-team .team-member:hover .text {

  border-color: #fff;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

}

.our-team .team-member .text h6 {font-weight: 600;}

.our-team .team-member .text span {font-size: 16px;font-style: italic;}

.our-team .team-member .overlay {

  position: absolute;

  top:0;

  left:0;

  width: 100%;

  height: 100%;

  background: rgba(0,26,87,0.7);

  border-radius: 5px 5px 0 0;

  -webkit-transform:scale(1,0);

          transform:scale(1,0);

}

.our-team .team-member:hover .overlay {

  -webkit-transform:scale(1);

          transform:scale(1);

}

.our-team .team-member .overlay .hover-content {

  position: relative;

  top:50%;

  -webkit-transform:translateY(-50%);

          transform:translateY(-50%);

}

.our-team .team-member .overlay .hover-content ul li {display: inline-block;margin: 0 2px;}

.our-team .team-member .overlay .hover-content ul li a {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  border: 1px solid #fff;

  line-height: 38px;

  color: #fff;

  font-size: 14px;

}

.our-team .team-member .overlay .hover-content ul li a:hover {background: #fff;}

.our-team .team-member .overlay .hover-content p {line-height: 25px;color: #fff;padding-top: 15px;}

/*------------------ Theme Counter -------------------*/

.theme-counter {background: #0B2545;padding: 0px 0;}

.theme-counter .bg {

 /* background: url(../images/home/pattern.png) no-repeat center center;*/

  text-align: center;

  padding: 85px 0 85px 0;
background-color:#C78514;
}

.theme-counter h6 {

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 700;

}

.theme-counter h2 {font-size: 42px;font-weight: 700;padding: 12px 0 35px 0;}

.cunter-wrapper {width: 75%;margin: 0 auto; text-align: center;}

.single-counter-box .number {

  font-family: 'Nunito Sans', sans-serif;

  font-weight: 300;

  font-size: 40px;

}

.single-counter-box .number .timer {font-size: 70px;}

.single-counter-box p {margin-top: -15px;}

.single-counter-box {margin-bottom: 10px;}

.theme-counter .theme-button-one {margin-top: 45px;}

/*------------------ Free Consultation -----------------*/

.consultation-form .theme-title-one {margin-bottom: 55px;}

.consultation-form .main-content {box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);}

.consultation-form .img-box {

  background: url(../images/home/ways2star-home-contact.png) no-repeat center;

  background-size: cover;

  height: 500px;

  border-radius: 5px 0 0 5px;

}

.consultation-form .form-wrapper {

  background: #fff;

  border-radius: 0 5px 5px 0;

  height: 500px;

  padding: 75px 40px 0 40px;

}

.theme-form-one input,

.theme-form-one .form-control {

  width: 100%;

  border: none;

  border-bottom: 1px solid #dfdfdf;

  border-radius: 0;

  outline: none;

  box-shadow: none;

  font-size: 16px;

  padding: 0 0 12px 0;

  margin-bottom: 35px;

}

.theme-form-one textarea {

  width: 100%;

  max-width: 100%;

  height: 110px;

  max-height: 110px;

  resize:none;

  border: none;

  border-bottom: 1px solid #dfdfdf;

  font-size: 16px;

  padding: 0 0 10px 0;

  margin-bottom: 32px;

}

.theme-form-one .theme-button-one { font-family: 'Nunito Sans', sans-serif;}

/*------------------- Partner Slider ------------------*/

.partner-section {padding: 22px 0;}

.partner-section.bg-color {background: #f8faff;}

.partner-section h6 {

  font-size: 18px;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 25px;

  margin-top: 10px;

}

.partner-section img {margin: 0 auto;}

/*---------------------- Theme footer one ------------------*/

/*.theme-footer-one .top-footer {background: #C78514;padding: 50px 0 25px 0;}*/

/*.theme-footer-one .top-footer .title {*/

/*  color: #fff;*/

/*  font-size: 18px;*/

/*  font-weight: 700;*/

/*  text-transform: uppercase;*/

/*  margin-bottom: 30px;*/

/*}*/

/*.theme-footer-one .top-footer .about-widget p {*/

/*  font-size: 14px;*/

/*  line-height: 25px;*/

/*  color: #fff;*/

/*}*/

/*.theme-footer-one .top-footer .about-widget .queries i {font-size: 22px;vertical-align: middle;margin-right: 10px;}*/

/*.theme-footer-one .top-footer .about-widget .queries {color: #fff;margin-top: 25px;font-size: 14px;}*/

/*.theme-footer-one .top-footer .about-widget .queries a {*/

/*  font-family: 'Source Sans Pro', sans-serif;*/

/*  font-size: 19px;*/

/*  color: #fff;*/

/*}*/

/*.theme-footer-one .top-footer .footer-recent-post li {*/

/*  padding: 6px 0 20px 0;*/

/*  margin-bottom: 14px;*/

/*  border-bottom: 1px solid rgba(255,255,255,0.1);*/

/*}*/

/*.theme-footer-one .top-footer .footer-recent-post li img {*/

/*  width: 70px;*/

/*  height: 70px;*/

/*  border-radius: 5px;*/

/*}*/

/*.theme-footer-one .top-footer .footer-recent-post li .post {*/

/*  width: calc(100% - 70px);*/

/*  padding-left: 20px;*/

/*}*/

/*.theme-footer-one .top-footer .footer-recent-post li .post a {*/

/*  font-family: 'Source Sans Pro', sans-serif;*/

/*  font-size: 17px;*/

/*  color: #fff;*/

/*  line-height: 24px;*/

/*  margin-top: -5px;*/

/*}*/

/*.theme-footer-one .top-footer .footer-recent-post li .post .date {*/

/*  font-size: 15px;*/

/*  color: #9ca6bf;*/

/*  font-style: italic;*/

/*  margin-top: 5px;*/

/*}*/

/*.theme-footer-one .top-footer .footer-recent-post li .post .date i {*/

/*  margin-right: 5px;*/

/*  font-size: 14px;*/

/*}*/

/*.theme-footer-one .top-footer .footer-recent-post li:last-child {*/

/*  border:none;*/

/*  margin: 0;*/

/*  padding-bottom: 0;*/

/*}*/

/*.theme-footer-one .top-footer .footer-list ul li {*/

/*  line-height: 32px;*/

/*  padding-left: 20px;*/

/*  position: relative;*/

/*  font-size: 14px;*/

/*}*/

/*.theme-footer-one .top-footer .footer-list ul li:before {*/

/*  content: '';*/

/*  font-family: 'font-awesome';*/

/*  font-size: 10px;*/

/*  color: #fff;*/

/*  position: absolute;*/

/*  line-height: 32px;*/

/*  top:0;*/

/*  left:0;*/

/*}*/

/*.theme-footer-one .top-footer .footer-list ul li a {*/

/*  font-family: 'Source Sans Pro', sans-serif;*/

/*  font-size: 17px;*/

/*  color: #fff;*/

/*}*/

/*.theme-footer-one .top-footer .footer-list ul li a:hover {color: #FFFFFF; text-decoration: underline;}*/

/*.theme-footer-one .top-footer .footer-newsletter input {*/

/*  width: 100%;*/

/*  font-weight: 300;*/

/*  font-size: 16px;*/

/*  color: #9ca6bf;*/

/*  border: none;*/

/*  border-bottom: 1px solid rgba(223,223,223,0.2);*/

/*  background: transparent;*/

/*  padding-bottom: 0px;*/

/*  margin-bottom: 10px;*/

/*}*/

/*.theme-footer-one .top-footer .footer-newsletter .theme-button-one {background: #fff;margin-top: 5px;}*/

/*.theme-footer-one .top-footer .footer-newsletter .theme-button-one:hover {color: #fff;background: #001138;}*/

/*.theme-footer-one .top-footer .footer-newsletter ::-webkit-input-placeholder {  Chrome, Firefox, Opera, Safari 10.1+ */

/*  color: #9ca6bf;*/

/*}*/

/*.theme-footer-one .top-footer .footer-newsletter :-ms-input-placeholder {  Chrome, Firefox, Opera, Safari 10.1+ */

/*  color: #9ca6bf;*/

/*}*/

/*.theme-footer-one .top-footer .footer-newsletter ::-ms-input-placeholder {  Chrome, Firefox, Opera, Safari 10.1+ */

/*  color: #9ca6bf;*/

/*}*/

/*.theme-footer-one .top-footer .footer-newsletter ::placeholder { Chrome, Firefox, Opera, Safari 10.1+ */

/*  color: #9ca6bf;*/

/*}*/



/*.theme-footer-one .top-footer .footer-newsletter :-ms-input-placeholder {  Internet Explorer 10-11 */

/*  color: #9ca6bf;*/

/*}*/



/*.theme-footer-one .top-footer .footer-newsletter ::-ms-input-placeholder {  Microsoft Edge */

/*  color: #9ca6bf;*/

/*}*/

/*.theme-footer-one .bottom-footer {background:#01172c;padding: 15px 0;} 001138*/

/*.theme-footer-one .bottom-footer p {color: #9ca6bf;line-height: 25px;font-size: 16px;}*/

/*.theme-footer-one .bottom-footer ul {text-align: right;}*/

/*.theme-footer-one .bottom-footer ul li {display: inline-block;line-height: 25px;}*/

/*.theme-footer-one .bottom-footer ul li a {*/

/*  font-family: 'Source Sans Pro', sans-serif;*/

/*  font-size: 17px;*/

/*  color: #9ca6bf;*/

/*  margin-left: 35px;*/

/*}*/

/*.theme-footer-one .bottom-footer ul li a:hover  {color: #fff;}*/

/*---------------------- Theme footer Two ------------------*/

/*.theme-footer-two {background: #001648;padding-top: 75px;}*/

/*.theme-footer-two .logo-widget p {*/

/*  font-size: 17px;*/

/*  line-height: 25px;*/

/*  color: #9ca6bf;*/

/*  padding: 15px 0;*/

/*}*/

/*.theme-footer-two .logo-widget .social-icon li {display: inline-block;margin-right: 15px;}*/

/*.theme-footer-two .logo-widget .social-icon li a {font-size: 15px;color: #ccd1dd;}*/

/*.theme-footer-two .logo-widget .social-icon li a:hover {color: #fff;}*/

/*.theme-footer-two .top-footer .title {*/

/*  color: #fff;*/

/*  font-size: 18px;*/

/*  font-weight: 700;*/

/*  text-transform: uppercase;*/

/*  margin: 20px 0 15px 0;*/

/*}*/

/*.theme-footer-two .top-footer .footer-list ul li {*/

/*  line-height: 35px;*/

/*  padding-left: 20px;*/

/*  position: relative;*/

/*}*/

/*.theme-footer-two .top-footer .footer-list ul li:before {*/

/*  content: '';*/

/*  font-family: 'font-awesome';*/

/*  font-size: 10px;*/

/*  color: #9ca6bf;*/

/*  position: absolute;*/

/*  line-height: 35px;*/

/*  top:0;*/

/*  left:0;*/

/*}*/

/*.theme-footer-two .top-footer .footer-list ul li a {*/

/*  font-family: 'Source Sans Pro', sans-serif;*/

/*  font-size: 17px;*/

/*  color: #9ca6bf;*/

/*}*/

/*.theme-footer-two .top-footer .footer-list ul li a:hover {color: #fff;}*/

/*.theme-footer-two .top-footer .footer-gallery .wrapper {padding: 11px 45px 0 0;}*/

/*.theme-footer-two .top-footer .footer-gallery .wrapper .row {margin: 0 -3px;}*/

/*.theme-footer-two .top-footer .footer-gallery .wrapper .row [class*="col-"] {padding: 0 3px;margin-bottom: 6px;}*/

/*.theme-footer-two .top-footer .footer-gallery .wrapper a img {width: 100%;border-radius: 5px;}*/

/*.theme-footer-two .top-footer .footer-gallery .wrapper a {width: 100%;overflow: hidden;display: block;}*/

/*.theme-footer-two .top-footer .contact-widget ul li {*/

/*  font-size: 17px;*/

/*  line-height: 25px;*/

/*  color: #9ca6bf;*/

/*  position: relative;*/

/*  padding: 5px 0 12px 40px;*/

/*}*/

/*.theme-footer-two .top-footer .contact-widget ul li:last-child {padding-bottom: 0;}*/

/*.theme-footer-two .top-footer .contact-widget ul li a {*/

/*  font-family: 'Source Sans Pro', sans-serif;*/

/*  color: #9ca6bf;*/

/*}*/

/*.theme-footer-two .top-footer .contact-widget ul li i {*/

/*  font-size: 22px;*/

/*  position: absolute;*/

/*  top:8px;*/

/*  left:0;*/

/*}*/

/*.theme-footer-two .bottom-footer {*/

/*  margin-top: 60px;*/

/*  border-top:1px solid rgba(255,255,255,0.1);*/

/*  padding: 12px 0;*/

/*  text-align: center;*/

/*}*/

/*.theme-footer-two .bottom-footer p {font-size: 17px;color: #9ca6bf;}*/


/* =========================================================
   SUNPOINT CAPITAL FOOTER - ISOLATED FIX
========================================================= */

footer.sp-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    width: 100% !important;
    height: auto !important;

    clear: both !important;
    overflow: visible !important;

    background: #061d38 !important;
}


/* TOP AREA */

footer.sp-footer .sp-footer-top {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 300px !important;

    padding: 65px 0 45px !important;

    background: #061d38 !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/* BOOTSTRAP ROW FIX */

footer.sp-footer .sp-footer-top .row {
    display: flex !important;

    flex-wrap: wrap !important;

    width: 100% !important;

    margin-left: -15px !important;
    margin-right: -15px !important;
}


/* COLUMNS */

footer.sp-footer .sp-footer-column {
    display: block !important;

    position: relative !important;

    min-height: 1px !important;

    margin-bottom: 30px !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/* BRAND */

footer.sp-footer .sp-footer-brand {
    display: block !important;
}

footer.sp-footer .sp-footer-brand h4 {
    display: block !important;

    margin: 0 0 10px !important;

    color: #ffffff !important;

    font-size: 23px !important;

    font-weight: 700 !important;
}


footer.sp-footer .sp-footer-line {
    display: block !important;

    width: 45px !important;
    height: 3px !important;

    background: #C78514 !important;

    margin: 12px 0 20px !important;
}


/* ABOUT TEXT */

footer.sp-footer p.sp-footer-about {
    display: block !important;

    max-width: 280px !important;

    margin: 0 !important;

    color: rgba(255,255,255,.75) !important;

    font-size: 14px !important;

    line-height: 1.8 !important;
}


/* TITLES */

footer.sp-footer .sp-footer-title {
    display: block !important;

    position: relative !important;

    margin: 0 0 25px !important;

    padding: 0 0 12px !important;

    color: #ffffff !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;
}


footer.sp-footer .sp-footer-title:after {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width: 35px !important;
    height: 2px !important;

    background: #C78514 !important;
}


/* LINKS */

footer.sp-footer ul.sp-footer-links {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


footer.sp-footer ul.sp-footer-links li {
    display: block !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    line-height: normal !important;
}


footer.sp-footer ul.sp-footer-links li:before {
    display: none !important;
}


footer.sp-footer ul.sp-footer-links li a {
    display: inline-flex !important;

    align-items: center !important;

    color: rgba(255,255,255,.75) !important;

    font-size: 15px !important;

    line-height: 24px !important;

    text-decoration: none !important;
}


footer.sp-footer ul.sp-footer-links li a i {
    display: inline-block !important;

    width: 20px !important;

    color: #C78514 !important;

    font-size: 11px !important;
}


/* CONTACT */

footer.sp-footer .sp-contact-item {
    display: flex !important;

    width: 100% !important;

    margin-bottom: 20px !important;

    visibility: visible !important;
}


footer.sp-footer .sp-contact-icon {
    display: flex !important;

    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;

    align-items: center !important;
    justify-content: center !important;

    margin-right: 12px !important;

    border: 1px solid rgba(199,133,20,.6) !important;

    border-radius: 50% !important;

    color: #C78514 !important;

    background: rgba(199,133,20,.08) !important;
}


footer.sp-footer .sp-contact-text {
    display: block !important;

    flex: 1 !important;
}


footer.sp-footer .sp-contact-text span {
    display: block !important;

    margin-bottom: 4px !important;

    color: #C78514 !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;
}


footer.sp-footer .sp-contact-text p {
    display: block !important;

    margin: 0 !important;

    color: rgba(255,255,255,.75) !important;

    font-size: 13px !important;

    line-height: 1.6 !important;
}


footer.sp-footer .sp-contact-text a {
    display: inline-block !important;

    color: rgba(255,255,255,.85) !important;

    font-size: 14px !important;

    text-decoration: none !important;
}


/* SOCIAL */

footer.sp-footer .sp-footer-social {
    display: flex !important;

    gap: 8px !important;

    margin-top: 25px !important;
}


footer.sp-footer .sp-footer-social a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    border: 1px solid rgba(255,255,255,.2) !important;

    border-radius: 50% !important;

    color: #ffffff !important;

    text-decoration: none !important;
}


footer.sp-footer .sp-footer-social a:hover {
    background: #C78514 !important;

    border-color: #C78514 !important;
}


/* =========================================================
   BOTTOM
========================================================= */

footer.sp-footer .sp-footer-bottom {
    display: block !important;

    position: relative !important;

    width: 100% !important;

    min-height: 55px !important;

    padding: 15px 0 !important;

    background: #031426 !important;

    border-top: 1px solid rgba(255,255,255,.08) !important;

    visibility: visible !important;
    opacity: 1 !important;
}


footer.sp-footer .sp-footer-bottom p {
    display: block !important;

    margin: 0 !important;

    color: rgba(255,255,255,.55) !important;

    font-size: 13px !important;

    line-height: 25px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    footer.sp-footer .sp-footer-top {
        padding: 45px 20px 20px !important;
    }

    footer.sp-footer .sp-footer-top .row {
        display: block !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    footer.sp-footer .sp-footer-column {
        width: 100% !important;

        margin-bottom: 35px !important;
    }

    footer.sp-footer p.sp-footer-about {
        max-width: 100% !important;
    }

    footer.sp-footer .sp-footer-bottom {
        padding: 15px 20px !important;
    }

}






/*----------------- CallOut Banner  --------------*/

/*.callout-banner {*/

/*  background-color: #001a57;*/

/*  background-image: url(../images/home/pattern2.png);*/

/*  padding: 40px 0;*/

/*}*/

/*.callout-banner .title {*/

/*  float: left;*/

/*  line-height: 40px;*/

/*  color: #fff;*/

/*  width: 27%;*/

/*}*/

/*.callout-banner p {*/

/*  float: left;*/

/*  color: #a9b3c8;*/

/*  padding-left: 70px;*/

/*  width: 55%;*/

/*  position: relative;*/

/*}*/

/*.callout-banner p:before {*/

/*  content: '';*/

/*  width: 4px;*/

/*  height: 93%;*/

/*  background:#9ca6bc;*/

/*  border-radius: 5px;*/

/*  position: absolute;*/

/*  left:25px;*/

/*  top:3px;*/

/*}*/

/*.callout-banner .theme-button-one {background: #fff; margin-top: 15px;float: right;}*/

/*.callout-banner .theme-button-one:hover {color: #fff;background: #16416E;}*/

/*.callout-banner.no-bg {background: none;padding: 0;margin-bottom: 70px;}*/

/*.callout-banner.no-bg .title {*/

/*  color: #232323;*/

/*  text-align: right;*/

/*}*/

/*.callout-banner.no-bg p {color: #555555;}*/

/*.callout-banner.no-bg p:before {background: #c3c3c3;}*/

/*.callout-banner.no-bg .theme-button-one {color: #fff;}*/

/*------------------------- Our Solution -------------------*/

/*.our-solution .single-solution-block {margin-top: 55px;text-align: center;background: #fff;}*/

/*.our-solution .single-solution-block .icon {margin: 0 auto;}*/

/*.our-solution .single-solution-block h5 {margin: 26px 0 10px 0;}*/

/*.our-solution .single-solution-block  p {padding: 0 22px;}*/

/*.our-solution .single-solution-block:hover .icon {*/

/*  -webkit-transform:scale(1.1);*/

/*          transform:scale(1.1);*/

/*}*/

/*------------------- About Company Stye Two -------------------*/

/*.about-compnay-two {*/

/*  background: url(../images/home/ways2star-home-testimonial.html) no-repeat center center;*/

/*  background-size: cover;*/

/*  background-attachment: fixed;*/

/*  background-color: #707d9e;*/

/*}*/

/*.about-compnay-two .overlay {padding: 100px 0;}*/

/*.about-compnay-two .theme-title-one {text-align: left;margin-bottom: 30px;}*/

/*.about-compnay-two .theme-title-one h2 {}*/

/*.about-compnay-two .theme-title-one h2:before {left:0;margin: 0;color: #000;}*/

/*.about-compnay-two .text p {*/

  /*color: #cad2e5;*/

/*  padding: 0 50px 15px 0;*/

/*}*/

/*.about-compnay-two .text .sign {margin-top: 15px;}*/

/*.about-compnay-two .quote-form {*/

/*  background: #fff;*/

/*  border-radius: 5px;*/

/*  padding: 25px 25px 40px 40px;*/

/*}*/

/*.about-compnay-two .theme-form-one textarea {*/

/*  height: 80px;*/

/*  max-height: 80px;*/

/*  margin-bottom: 22px;*/

/*}*/

/*.about-compnay-two .left-img {border-radius: 5px;}*/

/*.about-compnay-two.no-bg {background: none;}*/

/*.about-compnay-two.no-bg .overlay {background:#C78514;padding: 0;}*/

/*.about-compnay-two.no-bg .theme-title-one h2 {color: #232323;}*/

/*.about-compnay-two.no-bg .theme-title-one h2:before {background: #c3c3c3;}*/

/*.about-compnay-two.no-bg .text p {color: #ffff;padding-right: 0;}*/





/* =========================================================
   SUNPOINT CAPITAL - ABOUT PAGE
========================================================= */

.sp-about-hero {
    position: relative;

    min-height: 390px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(5,22,43,.94),
            rgba(5,22,43,.72)
        ),
        url("../images/home/about us.jpg") center center / cover no-repeat;

    overflow: hidden;
}


.sp-about-hero:after {
    content: "";

    position: absolute;

    right: -120px;
    bottom: -180px;

    width: 420px;
    height: 420px;

    border: 1px solid rgba(199,133,20,.35);

    border-radius: 50%;
}


.sp-about-hero-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            135deg,
            transparent 45%,
            rgba(199,133,20,.10)
        );
}


.sp-about-hero-content {
    position: relative;

    z-index: 2;

    padding: 85px 0 75px;
}


.sp-about-hero-label {
    display: inline-block;

    margin-bottom: 15px;

    color: #C78514;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;
}


.sp-about-hero-content h1 {
    margin: 0 0 15px;

    color: #fff;

    font-size: 58px;

    line-height: 1.1;

    font-weight: 700;
}


.sp-about-hero-content h1 span {
    color: #C78514;
}


.sp-about-hero-content p {
    margin: 0 0 25px;

    color: rgba(255,255,255,.78);

    font-size: 17px;

    line-height: 1.7;
}


.sp-about-breadcrumb {
    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 13px;
}


.sp-about-breadcrumb a {
    color: #C78514;

    text-decoration: none;
}


.sp-about-breadcrumb i {
    color: rgba(255,255,255,.5);
}


.sp-about-breadcrumb span {
    color: rgba(255,255,255,.7);
}


/* =========================================================
   INTRO
========================================================= */

.sp-about-intro {
    background: #fff;

    padding: 45px 0;
}


.sp-about-intro-wrapper {
    display: flex;

    align-items: center;

    gap: 35px;

    padding: 5px 0;
}


.sp-about-intro-heading {
    flex: 0 0 27%;

    text-align: right;
}


.sp-about-intro-heading span {
    color: #C78514;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


.sp-about-intro-heading h2 {
    margin: 8px 0 0;

    color: #0B2545;

    font-size: 28px;

    line-height: 1.25;
}


.sp-about-intro-heading strong {
    color: #C78514;
}


.sp-about-intro-text {
    flex: 1;

    padding-left: 35px;

    border-left: 2px solid #C78514;
}


.sp-about-intro-text p {
    margin: 0;

    color: #596579;

    font-size: 15px;

    line-height: 1.8;
}


.sp-about-intro-button {
    flex: 0 0 auto;
}


/* =========================================================
   BUTTONS
========================================================= */

.sp-gold-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-height: 50px;

    padding: 0 24px;

    background: #C78514;

    border: 1px solid #C78514;

    border-radius: 4px;

    color: #fff !important;

    font-size: 13px;

    font-weight: 700;

    text-decoration: none !important;

    transition: all .3s ease;
}


.sp-gold-btn:hover {
    background: #0B2545;

    border-color: #0B2545;

    color: #fff !important;

    transform: translateY(-2px);
}


.sp-dark-btn {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    min-height: 48px;

    padding: 0 22px;

    background: #0B2545;

    border: 1px solid #0B2545;

    border-radius: 4px;

    color: #fff !important;

    font-size: 13px;

    font-weight: 700;

    text-decoration: none !important;

    transition: all .3s ease;
}


.sp-dark-btn:hover {
    background: #C78514;

    border-color: #C78514;

    transform: translateY(-2px);
}


/* =========================================================
   MAIN ABOUT
========================================================= */

.sp-about-main {
    padding: 90px 0;

    background: #f7f9fc;
}


.sp-about-main-row {
    display: flex;

    align-items: center;
}


.sp-about-image-wrapper {
    position: relative;

    padding: 15px 25px 25px 15px;
}


.sp-about-main-image {
    position: relative;

    z-index: 2;

    display: block;

    width: 100%;

    height: 500px;

    object-fit: cover;

    border-radius: 6px;

    box-shadow: 0 20px 50px rgba(7,30,55,.16);
}


.sp-about-image-accent {
    position: absolute;

    top: 0;
    left: 0;

    width: 80%;

    height: 80%;

    border-top: 3px solid #C78514;

    border-left: 3px solid #C78514;

    z-index: 1;
}


.sp-about-image-wrapper:after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 120px;
    height: 120px;

    background:
        radial-gradient(
            circle,
            #C78514 1px,
            transparent 1px
        );

    background-size: 12px 12px;

    opacity: .35;

    z-index: 0;
}


.sp-about-image-card {
    position: absolute;

    right: 0;

    bottom: 45px;

    z-index: 5;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 15px 20px;

    background: #0B2545;

    border-left: 4px solid #C78514;

    border-radius: 4px;

    box-shadow: 0 12px 35px rgba(0,0,0,.2);
}


.sp-about-image-card-icon {
    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(199,133,20,.15);

    color: #C78514;

    font-size: 17px;
}


.sp-about-image-card strong {
    display: block;

    color: #fff;

    font-size: 13px;
}


.sp-about-image-card span {
    display: block;

    margin-top: 3px;

    color: rgba(255,255,255,.6);

    font-size: 11px;
}


/* =========================================================
   ABOUT CONTENT
========================================================= */

.sp-about-main-content {
    padding-left: 45px;
}


.sp-section-label {
    display: inline-block;

    margin-bottom: 12px;

    color: #C78514;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.7px;

    text-transform: uppercase;
}


.sp-about-main-content h2 {
    margin: 0;

    color: #0B2545;

    font-size: 40px;

    line-height: 1.2;

    font-weight: 700;
}


.sp-about-main-content h2 span {
    color: #C78514;
}


.sp-title-line {
    width: 50px;

    height: 3px;

    margin: 18px 0 25px;

    background: #C78514;

    border-radius: 3px;
}


.sp-about-main-content p {
    color: #667085;

    font-size: 14px;

    line-height: 1.85;

    margin: 0 0 15px;
}


.sp-about-main-content .sp-about-lead {
    color: #26384f;

    font-size: 16px;

    line-height: 1.75;

    font-weight: 500;
}


/* =========================================================
   POINTS
========================================================= */

.sp-about-points {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;

    margin-top: 25px;
}


.sp-about-point {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #334155;

    font-size: 13px;

    font-weight: 600;
}


.sp-about-point i {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 22px;

    width: 22px;
    height: 22px;

    border-radius: 50%;

    background: rgba(199,133,20,.12);

    color: #C78514;

    font-size: 10px;
}


/* =========================================================
   WHY SECTION
========================================================= */

.sp-why-section {
    padding: 90px 0;

    background: #fff;
}


.sp-section-heading {
    max-width: 700px;

    margin: 0 auto 50px;

    text-align: center;
}


.sp-section-heading h2 {
    margin: 0 0 15px;

    color: #0B2545;

    font-size: 38px;

    line-height: 1.25;
}


.sp-section-heading h2 span {
    color: #C78514;
}


.sp-section-heading p {
    margin: 0;

    color: #6b7280;

    font-size: 14px;

    line-height: 1.8;
}


.sp-why-row {
    margin-top: 15px;
}


.sp-why-card {
    position: relative;

    min-height: 310px;

    margin-bottom: 25px;

    padding: 38px 30px;

    background: #f7f9fc;

    border: 1px solid #e7ebf0;

    border-radius: 7px;

    overflow: hidden;

    transition: all .3s ease;
}


.sp-why-card:hover {
    background: #0B2545;

    border-color: #0B2545;

    transform: translateY(-7px);

    box-shadow: 0 18px 40px rgba(11,37,69,.16);
}


.sp-why-number {
    position: absolute;

    top: 18px;
    right: 22px;

    color: rgba(11,37,69,.07);

    font-size: 42px;

    font-weight: 800;
}


.sp-why-icon {
    width: 55px;
    height: 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    background: rgba(199,133,20,.12);

    border-radius: 5px;

    color: #C78514;

    font-size: 22px;
}


.sp-why-card h3 {
    margin: 0 0 12px;

    color: #0B2545;

    font-size: 20px;
}


.sp-why-card p {
    margin: 0;

    color: #687386;

    font-size: 14px;

    line-height: 1.8;
}


.sp-card-line {
    width: 35px;

    height: 2px;

    margin-top: 25px;

    background: #C78514;
}


.sp-why-card:hover h3 {
    color: #fff;
}


.sp-why-card:hover p {
    color: rgba(255,255,255,.7);
}


.sp-why-card:hover .sp-why-number {
    color: rgba(255,255,255,.05);
}


/* =========================================================
   STRENGTH
========================================================= */

.sp-strength-section {
    padding: 90px 0;

    background: #f7f9fc;
}


.sp-strength-heading {
    padding-right: 40px;
}


.sp-strength-heading h2 {
    margin: 0 0 20px;

    color: #0B2545;

    font-size: 38px;

    line-height: 1.25;
}


.sp-strength-heading h2 span {
    color: #C78514;
}


.sp-strength-heading p {
    margin: 0 0 25px;

    color: #667085;

    font-size: 14px;

    line-height: 1.85;
}


.sp-strength-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;
}


.sp-strength-item {
    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding: 25px;

    background: #fff;

    border: 1px solid #e8ecf1;

    border-radius: 6px;

    transition: all .3s ease;
}


.sp-strength-item:hover {
    border-color: #C78514;

    box-shadow: 0 12px 30px rgba(11,37,69,.08);

    transform: translateY(-3px);
}


.sp-strength-icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #0B2545;

    border-radius: 5px;

    color: #C78514;

    font-size: 17px;
}


.sp-strength-item h4 {
    margin: 0 0 7px;

    color: #0B2545;

    font-size: 15px;
}


.sp-strength-item p {
    margin: 0;

    color: #737d8e;

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================================
   STATS
========================================================= */

.sp-about-stats {
    position: relative;

    padding: 75px 0;

    background:
        linear-gradient(
            135deg,
            rgba(5,22,43,.97),
            rgba(11,37,69,.95)
        );
}


.sp-stats-overlay {
    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(199,133,20,.15),
            transparent 35%
        );
}


.sp-stats-heading {
    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 45px;
}


.sp-stats-heading span {
    color: #C78514;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;
}


.sp-stats-heading h2 {
    margin: 10px 0 0;

    color: #fff;

    font-size: 32px;
}


.sp-stats-heading strong {
    color: #C78514;
}


.sp-about-stat {
    position: relative;

    z-index: 2;

    text-align: center;

    padding: 25px 10px;

    border-right: 1px solid rgba(255,255,255,.1);
}


.sp-about-stat:last-child {
    border-right: none;
}


.sp-about-stat-icon {
    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin: 0 auto 15px;

    border: 1px solid rgba(199,133,20,.45);

    border-radius: 50%;

    color: #C78514;

    background: rgba(199,133,20,.08);
}


.sp-about-stat h3 {
    margin: 0 0 7px;

    color: #fff;

    font-size: 27px;

    font-weight: 700;
}


.sp-about-stat p {
    margin: 0;

    color: rgba(255,255,255,.58);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.2px;
}


/* =========================================================
   CTA
========================================================= */

.sp-about-cta {
    padding: 50px 0;

    background: #fff;
}


.sp-about-cta-wrapper {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 30px;

    padding: 38px 45px;

    background: #f7f9fc;

    border-left: 4px solid #C78514;

    border-radius: 5px;
}


.sp-about-cta-wrapper span {
    color: #C78514;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


.sp-about-cta-wrapper h2 {
    margin: 8px 0 0;

    color: #0B2545;

    font-size: 28px;
}


.sp-about-cta-wrapper strong {
    color: #C78514;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sp-about-hero-content h1 {
        font-size: 48px;
    }

    .sp-about-intro-wrapper {
        flex-wrap: wrap;
    }

    .sp-about-intro-heading {
        flex: 0 0 100%;

        text-align: left;
    }

    .sp-about-intro-text {
        flex: 1;
    }

    .sp-about-main-content {
        padding-left: 15px;

        margin-top: 45px;
    }

    .sp-about-main-image {
        height: 430px;
    }

    .sp-strength-heading {
        padding-right: 0;

        margin-bottom: 40px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .sp-about-hero {
        min-height: 320px;
    }

    .sp-about-hero-content {
        padding: 65px 20px;
    }

    .sp-about-hero-content h1 {
        font-size: 38px;
    }

    .sp-about-hero-content p {
        font-size: 14px;
    }


    .sp-about-intro {
        padding: 35px 20px;
    }

    .sp-about-intro-wrapper {
        display: block;
    }

    .sp-about-intro-heading {
        margin-bottom: 20px;

        text-align: left;
    }

    .sp-about-intro-text {
        padding: 15px 0 15px 20px;

        border-left: 2px solid #C78514;

        margin-bottom: 20px;
    }


    .sp-about-main {
        padding: 60px 20px;
    }

    .sp-about-main-image {
        height: 350px;
    }

    .sp-about-image-card {
        right: 5px;

        bottom: 30px;

        padding: 12px 15px;
    }


    .sp-about-main-content {
        padding-left: 0;

        margin-top: 45px;
    }

    .sp-about-main-content h2 {
        font-size: 31px;
    }

    .sp-about-points {
        grid-template-columns: 1fr;
    }


    .sp-why-section {
        padding: 60px 20px;
    }

    .sp-section-heading h2 {
        font-size: 30px;
    }


    .sp-strength-section {
        padding: 60px 20px;
    }

    .sp-strength-heading h2 {
        font-size: 30px;
    }

    .sp-strength-grid {
        grid-template-columns: 1fr;
    }


    .sp-about-stats {
        padding: 55px 20px;
    }

    .sp-stats-heading h2 {
        font-size: 26px;
    }

    .sp-about-stat {
        border-right: none;

        border-bottom: 1px solid rgba(255,255,255,.08);

        padding: 25px 5px;
    }


    .sp-about-cta {
        padding: 35px 20px;
    }

    .sp-about-cta-wrapper {
        display: block;

        padding: 30px 25px;
    }

    .sp-about-cta-wrapper h2 {
        font-size: 24px;

        margin-bottom: 25px;
    }

}


@media (max-width: 480px) {

    .sp-about-hero-content h1 {
        font-size: 32px;
    }

    .sp-about-main-image {
        height: 290px;
    }

    .sp-about-image-card {
        transform: scale(.9);

        transform-origin: right bottom;
    }

}




/* =========================================================
   SUNPOINT CAPITAL
   EQUITY CASH PREMIUM PAGE
========================================================= */


/* =========================
   HERO
========================= */

.sp-service-hero {
    position: relative;

    min-height: 360px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(5,22,43,.96),
            rgba(11,37,69,.78)
        ),
        url("../images/home/about us.jpg")
        center center / cover no-repeat;

    overflow: hidden;
}


.sp-service-hero:after {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    right: -100px;
    bottom: -180px;

    border: 1px solid rgba(199,133,20,.35);

    border-radius: 50%;
}


.sp-service-hero-content {
    position: relative;

    z-index: 2;

    padding: 80px 0;
}


.sp-service-label {
    display: inline-block;

    margin-bottom: 15px;

    color: #C78514;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;
}


.sp-service-hero h1 {
    margin: 0 0 15px;

    color: #fff;

    font-size: 52px;

    line-height: 1.15;

    font-weight: 700;
}


.sp-service-hero h1 span {
    color: #C78514;
}


.sp-service-hero p {
    max-width: 650px;

    margin: 0 0 22px;

    color: rgba(255,255,255,.75);

    font-size: 16px;

    line-height: 1.7;
}


.sp-service-breadcrumb {
    display: flex;

    align-items: center;

    gap: 9px;

    font-size: 12px;
}


.sp-service-breadcrumb a {
    color: #C78514;

    text-decoration: none;
}


.sp-service-breadcrumb i {
    color: rgba(255,255,255,.4);
}


.sp-service-breadcrumb span {
    color: rgba(255,255,255,.65);
}


/* =========================
   MAIN
========================= */

.sp-service-main {
    padding: 80px 0;

    background: #f7f9fc;
}


/* =========================
   CONTENT
========================= */

.sp-service-content {
    background: #fff;

    padding: 35px;

    border: 1px solid #e7ebf0;

    border-radius: 7px;
}


.sp-service-image-wrap {
    position: relative;

    margin-bottom: 35px;
}


.sp-service-image {
    display: block;

    width: 100%;

    max-height: 420px;

    object-fit: cover;

    border-radius: 6px;
}


.sp-service-image-badge {
    position: absolute;

    left: 20px;
    bottom: 20px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 12px 18px;

    background: #0B2545;

    color: #fff;

    border-left: 3px solid #C78514;

    border-radius: 3px;

    font-size: 12px;

    font-weight: 600;
}


.sp-service-image-badge i {
    color: #C78514;

    font-size: 17px;
}


.sp-service-content h2 {
    margin: 0;

    color: #0B2545;

    font-size: 36px;

    line-height: 1.25;
}


.sp-service-content h2 span {
    color: #C78514;
}


.sp-title-line {
    width: 50px;

    height: 3px;

    margin: 17px 0 25px;

    background: #C78514;
}


.sp-service-content p {
    color: #667085;

    font-size: 14px;

    line-height: 1.85;

    margin-bottom: 17px;
}


.sp-service-content .sp-service-lead {
    color: #26384f;

    font-size: 16px;

    line-height: 1.8;

    font-weight: 500;
}


/* =========================
   HIGHLIGHTS
========================= */

.sp-service-highlights {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 14px;

    margin: 30px 0;
}


.sp-highlight {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    padding: 20px;

    background: #f7f9fc;

    border: 1px solid #e8ecf1;

    border-radius: 5px;

    transition: all .3s ease;
}


.sp-highlight:hover {
    border-color: #C78514;

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(11,37,69,.08);
}


.sp-highlight-icon {
    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #0B2545;

    color: #C78514;

    border-radius: 5px;
}


.sp-highlight h4 {
    margin: 0 0 5px;

    color: #0B2545;

    font-size: 14px;
}


.sp-highlight p {
    margin: 0;

    color: #737d8e;

    font-size: 12px;

    line-height: 1.6;
}


/* =========================
   FEATURES
========================= */

.sp-features-box {
    margin-top: 35px;

    padding: 30px;

    background: #0B2545;

    border-radius: 6px;
}


.sp-features-heading span {
    color: #C78514;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


.sp-features-heading h3 {
    margin: 8px 0 25px;

    color: #fff;

    font-size: 23px;
}


.sp-feature-list {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 13px;
}


.sp-feature-item {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    color: rgba(255,255,255,.75);

    font-size: 13px;

    line-height: 1.6;
}


.sp-feature-item i {
    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-top: 1px;

    background: rgba(199,133,20,.15);

    color: #C78514;

    border-radius: 50%;

    font-size: 9px;
}


/* =========================
   DISCLAIMER
========================= */

.sp-service-disclaimer {
    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin-top: 30px;

    padding: 20px;

    background: #fff9ed;

    border: 1px solid #ead8ad;

    border-left: 4px solid #C78514;

    border-radius: 5px;
}


.sp-disclaimer-icon {
    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #C78514;

    color: #fff;

    border-radius: 50%;
}


.sp-service-disclaimer h4 {
    margin: 0 0 6px;

    color: #684b10;

    font-size: 14px;
}


.sp-service-disclaimer p {
    margin: 0;

    color: #806d43;

    font-size: 12px;

    line-height: 1.7;
}


/* =========================
   SIDEBAR
========================= */

.sp-service-sidebar {
    position: sticky;

    top: 25px;
}


.sp-pricing-header {
    padding: 25px;

    background: #0B2545;

    border-radius: 6px 6px 0 0;
}


.sp-pricing-header span {
    color: #C78514;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


.sp-pricing-header h3 {
    margin: 8px 0 8px;

    color: #fff;

    font-size: 22px;
}


.sp-pricing-header p {
    margin: 0;

    color: rgba(255,255,255,.65);

    font-size: 12px;

    line-height: 1.6;
}


/* =========================
   PRICE CARDS
========================= */

.sp-price-card {
    position: relative;

    margin-top: 12px;

    padding: 22px;

    background: #fff;

    border: 1px solid #e3e7ed;

    border-radius: 5px;

    box-shadow: 0 7px 20px rgba(11,37,69,.05);

    transition: all .3s ease;
}


.sp-price-card:hover {
    border-color: #C78514;

    transform: translateY(-3px);

    box-shadow: 0 12px 28px rgba(11,37,69,.10);
}


.sp-price-featured {
    border: 2px solid #C78514;
}


.sp-popular {
    position: absolute;

    top: 0;
    right: 0;

    padding: 5px 10px;

    background: #C78514;

    color: #fff;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .7px;
}


.sp-price-top {
    display: flex;

    align-items: center;
    justify-content: space-between;
}


.sp-price-top h4 {
    margin: 0;

    color: #0B2545;

    font-size: 16px;

    font-weight: 700;
}


.sp-price-period {
    color: #8993a4;

    font-size: 10px;
}


.sp-price {
    display: flex;

    align-items: center;

    margin: 15px 0;
}


.sp-rupee {
    color: #C78514;

    font-size: 21px;

    font-weight: 700;

    margin-right: 4px;
}


.sp-price strong {
    color: #0B2545;

    font-size: 28px;

    font-weight: 800;
}


.sp-pay-btn {
    display: flex;

    align-items: center;
    justify-content: space-between;

    width: 100%;

    min-height: 43px;

    padding: 0 16px;

    background: #0B2545;

    border-radius: 4px;

    color: #fff !important;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none !important;

    transition: all .3s ease;
}


.sp-pay-btn:hover {
    background: #C78514;

    color: #fff !important;
}


.sp-pay-btn i {
    font-size: 11px;
}


/* =========================
   SIDEBAR CONTACT
========================= */

.sp-sidebar-contact {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-top: 15px;

    padding: 18px;

    background: #fff;

    border: 1px solid #e4e8ee;

    border-radius: 5px;
}


.sp-sidebar-contact-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(199,133,20,.1);

    color: #C78514;
}


.sp-sidebar-contact span {
    display: block;

    color: #7a8494;

    font-size: 10px;

    text-transform: uppercase;

    letter-spacing: .8px;
}


.sp-sidebar-contact strong {
    display: block;

    margin: 3px 0;

    color: #0B2545;

    font-size: 15px;
}


.sp-sidebar-contact a {
    color: #C78514;

    font-size: 11px;

    font-weight: 600;

    text-decoration: none;
}


/* =========================
   CTA
========================= */

.sp-service-cta {
    padding: 45px 0;

    background: #fff;
}


.sp-service-cta-inner {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 25px;

    padding: 35px 40px;

    background: #f7f9fc;

    border-left: 4px solid #C78514;

    border-radius: 5px;
}


.sp-service-cta-inner span {
    color: #C78514;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


.sp-service-cta-inner h2 {
    margin: 7px 0 0;

    color: #0B2545;

    font-size: 27px;
}


.sp-service-cta-inner h2 strong {
    color: #C78514;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 991px) {

    .sp-service-sidebar {
        position: relative;

        top: auto;

        margin-top: 35px;
    }

}


@media (max-width: 767px) {

    .sp-service-hero {
        min-height: 300px;
    }

    .sp-service-hero-content {
        padding: 65px 20px;
    }

    .sp-service-hero h1 {
        font-size: 36px;
    }

    .sp-service-hero p {
        font-size: 14px;
    }


    .sp-service-main {
        padding: 55px 20px;
    }

    .sp-service-content {
        padding: 20px;
    }

    .sp-service-content h2 {
        font-size: 29px;
    }

    .sp-service-image {
        max-height: 300px;
    }


    .sp-service-highlights {
        grid-template-columns: 1fr;
    }


    .sp-feature-list {
        grid-template-columns: 1fr;
    }

    .sp-features-box {
        padding: 22px;
    }


    .sp-service-cta {
        padding: 30px 20px;
    }

    .sp-service-cta-inner {
        display: block;

        padding: 28px 25px;
    }

    .sp-service-cta-inner h2 {
        font-size: 23px;

        margin-bottom: 22px;
    }

}


@media (max-width: 480px) {

    .sp-service-hero h1 {
        font-size: 31px;
    }

    .sp-service-image-badge {
        left: 10px;
        bottom: 10px;

        padding: 9px 12px;

        font-size: 10px;
    }

    .sp-service-content {
        padding: 17px;
    }

}



/* =========================
   HNI RISK PROFILE
========================= */

.sp-risk-box {
    display: flex;
    align-items: center;
    gap: 14px;

    width: fit-content;

    margin: 25px 0;

    padding: 12px 18px;

    background: #f7f9fc;

    border: 1px solid #e5e9ef;

    border-left: 3px solid #C78514;

    border-radius: 5px;
}

.sp-risk-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(199,133,20,.10);

    color: #C78514;
}

.sp-risk-box span {
    display: block;

    color: #8993a4;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;
}

.sp-risk-box strong {
    display: block;

    margin-top: 2px;

    color: #0B2545;

    font-size: 14px;
}



/* =========================================================
   SOCIAL MEDIA FIXED SIDE BAR
   ========================================================= */

.sp-social-sidebar {
    position: fixed;
    left: 0;
    top: 42%;
    z-index: 9998;
    display: flex;
    flex-direction: column;
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(6,29,56,.18);
}

.sp-social-sidebar a {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #061d38;
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,.12);
    transition: all .3s ease;
    font-size: 16px;
}

.sp-social-sidebar a:last-child {
    border-bottom: none;
}

.sp-social-sidebar a:hover {
    background: #C78514;
    color: #fff !important;
    width: 50px;
}

.sp-social-sidebar a i {
    transition: transform .3s ease;
}

.sp-social-sidebar a:hover i {
    transform: scale(1.15);
}


/* Mobile */
@media(max-width:767px) {

    .sp-social-sidebar {
        top: auto;
        bottom: 25%;
    }

    .sp-social-sidebar a {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .sp-social-sidebar a:hover {
        width: 44px;
    }

}

/* =========================================================
   SUNPOINT CAPITAL - EQUITY CASH ULTRA HNI
   ========================================================= */

.sp-service-hero {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(120deg, rgba(6,29,56,.98), rgba(11,37,69,.92)),
        url("../images/home/about us.jpg") center/cover no-repeat;
}

.sp-service-hero:after {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    right: -150px;
    top: -120px;
    border: 1px solid rgba(199,133,20,.30);
    border-radius: 50%;
    box-shadow:
        0 0 0 70px rgba(199,133,20,.04),
        0 0 0 140px rgba(199,133,20,.025);
}

.sp-service-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    padding: 80px 0;
}

.sp-hero-label,
.sp-section-tag,
.sp-pricing-header span,
.sp-sidebar-contact span,
.sp-cta-inner span,
.sp-query-label {
    display: inline-block;
    color: #C78514;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sp-service-hero h1 {
    color: #fff;
    font-size: 58px;
    line-height: 1.1;
    font-weight: 800;
    margin: 18px 0 20px;
    text-transform: capitalize;
}

.sp-service-hero p {
    max-width: 720px;
    color: rgba(255,255,255,.78);
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 28px;
}

.sp-breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,.55);
    font-size: 14px;
}

.sp-breadcrumb a {
    color: #C78514;
    text-decoration: none;
}

.sp-breadcrumb strong {
    color: #fff;
    font-weight: 500;
}


/* MAIN */

.sp-service-main {
    background: #f7f9fc;
    padding: 90px 0;
}

.sp-service-content {
    background: #fff;
    padding: 38px;
    border-radius: 16px;
    box-shadow: 0 15px 50px rgba(6,29,56,.07);
}

.sp-service-image-wrap {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
    border-radius: 14px;
}

.sp-service-image-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg,#C78514,#e6bf69,#C78514);
}

.sp-service-image {
    width: 100%;
    height: 390px;
    object-fit: cover;
    display: block;
}

.sp-section-tag {
    margin-bottom: 12px;
}

.sp-service-content h2 {
    color: #061d38;
    font-size: 37px;
    line-height: 1.25;
    font-weight: 800;
    margin: 0 0 22px;
}

.sp-service-content p {
    color: #687586;
    font-size: 15px;
    line-height: 1.85;
}

.sp-service-content .sp-lead {
    color: #34465b;
    font-size: 17px;
    line-height: 1.8;
}


/* HIGHLIGHTS */

.sp-service-highlights {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
    margin: 38px 0;
}

.sp-highlight {
    display: flex;
    gap: 15px;
    padding: 22px;
    border: 1px solid #e7ebf0;
    border-radius: 12px;
    background: #fff;
    transition: .3s ease;
}

.sp-highlight:hover {
    transform: translateY(-4px);
    border-color: rgba(199,133,20,.45);
    box-shadow: 0 12px 30px rgba(6,29,56,.08);
}

.sp-highlight-icon {
    min-width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(199,133,20,.10);
    color: #C78514;
    font-size: 20px;
}

.sp-highlight h4 {
    color: #061d38;
    font-size: 16px;
    margin: 2px 0 7px;
}

.sp-highlight p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}


/* RISK */

.sp-risk-box {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 25px;
    margin: 30px 0;
    border-radius: 12px;
    background: linear-gradient(135deg,#061d38,#0b3158);
    border-left: 4px solid #C78514;
}

.sp-risk-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C78514;
    background: rgba(199,133,20,.13);
    font-size: 21px;
}

.sp-risk-box span {
    color: #C78514;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.sp-risk-box h4 {
    color: #fff;
    font-size: 20px;
    margin: 3px 0;
}

.sp-risk-box p {
    color: rgba(255,255,255,.65);
    font-size: 13px;
    margin: 0;
}


/* FEATURES */

.sp-features-box,
.sp-research-box {
    margin-top: 35px;
    padding: 30px;
    border-radius: 13px;
    background: #f7f9fc;
    border: 1px solid #e7ebf0;
}

.sp-box-heading {
    margin-bottom: 25px;
}

.sp-box-heading h3 {
    color: #061d38;
    font-size: 25px;
    font-weight: 750;
    margin: 8px 0 0;
}

.sp-feature-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}

.sp-feature-item {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
}

.sp-feature-item i {
    color: #C78514;
    font-size: 14px;
    margin-top: 4px;
}

.sp-feature-item span {
    color: #566679;
    font-size: 13px;
    line-height: 1.55;
}


/* RESEARCH */

.sp-research-box {
    background: linear-gradient(135deg,#061d38,#0b3158);
    border: 0;
}

.sp-research-box h3 {
    color: #fff;
}

.sp-research-points {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
}

.sp-research-points div {
    display: flex;
    gap: 10px;
    align-items: center;
    color: rgba(255,255,255,.78);
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
}

.sp-research-points i {
    color: #C78514;
}


/* DISCLAIMER */

.sp-service-disclaimer {
    margin-top: 35px;
    padding: 25px;
    border-radius: 12px;
    background: #fff9ed;
    border: 1px solid #f0dfb9;
}

.sp-disclaimer-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.sp-disclaimer-title i {
    color: #C78514;
}

.sp-disclaimer-title h4 {
    margin: 0;
    color: #061d38;
    font-size: 17px;
}

.sp-service-disclaimer p {
    margin: 7px 0;
    font-size: 13px;
    line-height: 1.7;
}


/* SIDEBAR */

.sp-service-sidebar {
    position: sticky;
    top: 25px;
}

.sp-pricing-header {
    padding: 28px;
    margin-bottom: 18px;
    border-radius: 14px;
    background: #061d38;
}

.sp-pricing-header h3 {
    color: #fff;
    font-size: 26px;
    margin: 7px 0 8px;
}

.sp-pricing-header p {
    color: rgba(255,255,255,.63);
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

.sp-price-card {
    position: relative;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 13px;
    background: #fff;
    border: 1px solid #e5eaf0;
    box-shadow: 0 8px 28px rgba(6,29,56,.05);
    transition: .3s ease;
}

.sp-price-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 35px rgba(6,29,56,.10);
}

.sp-price-featured {
    border: 2px solid #C78514;
}

.sp-popular {
    position: absolute;
    top: -1px;
    right: 18px;
    padding: 5px 12px;
    border-radius: 0 0 7px 7px;
    background: #C78514;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.sp-price-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sp-price-top h4 {
    color: #061d38;
    font-size: 18px;
    margin: 0;
}

.sp-price-top span {
    color: #8995a3;
    font-size: 11px;
}

.sp-price {
    color: #C78514;
    font-size: 32px;
    font-weight: 800;
    margin: 15px 0;
}

.sp-price small {
    font-size: 17px;
    vertical-align: top;
}

.sp-price-divider {
    height: 1px;
    background: #edf0f3;
    margin-bottom: 15px;
}

.sp-price-info {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #637184;
    font-size: 12px;
    margin-bottom: 18px;
}

.sp-price-info i {
    color: #C78514;
}

.sp-pay-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-radius: 7px;
    background: #061d38;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .3s ease;
}

.sp-pay-btn:hover {
    background: #C78514;
}

.sp-pay-btn i {
    color: #C78514;
}

.sp-pay-btn:hover i {
    color: #fff;
}


/* CONTACT */

.sp-sidebar-contact {
    display: flex;
    gap: 15px;
    padding: 23px;
    margin-top: 20px;
    border-radius: 13px;
    background: #fff;
    border: 1px solid #e5eaf0;
}

.sp-contact-icon {
    width: 45px;
    min-width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    background: rgba(199,133,20,.10);
    color: #C78514;
}

.sp-sidebar-contact h4 {
    color: #061d38;
    font-size: 17px;
    margin: 5px 0 13px;
}

.sp-sidebar-contact p {
    color: #657386;
    font-size: 12px;
    margin: 5px 0;
}

.sp-sidebar-contact p i {
    color: #C78514;
    width: 16px;
}


/* CTA */

.sp-service-cta {
    padding: 65px 0;
    background: #061d38;
}

.sp-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.sp-cta-inner h2 {
    color: #fff;
    font-size: 31px;
    margin: 9px 0;
}

.sp-cta-inner p {
    color: rgba(255,255,255,.65);
    margin: 0;
}

.sp-cta-buttons {
    display: flex;
    gap: 12px;
}

.sp-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 23px;
    border-radius: 6px;
    background: #C78514;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 13px;
}

.sp-cta-outline {
    background: transparent;
    border: 1px solid rgba(255,255,255,.25);
}


/* QUERY TOOLBAR */

.sp-query-toolbar {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 9999;
}

.sp-query-wrapper {
    position: relative;
}

.sp-query-form {
    position: absolute;
    right: -360px;
    top: 0;
    width: 330px;
    padding: 25px;
    border-radius: 12px 0 0 12px;
    background: #061d38;
    box-shadow: 0 10px 40px rgba(0,0,0,.25);
    transition: .4s ease;
}

.sp-query-form.sp-query-open {
    right: 55px;
}

.sp-query-content h4 {
    color: #fff;
    font-size: 22px;
    margin: 7px 0 22px;
}

.sp-query-line {
    display: flex;
    gap: 13px;
    margin-bottom: 18px;
}

.sp-query-line > i {
    color: #C78514;
    margin-top: 3px;
}

.sp-query-line small {
    display: block;
    color: rgba(255,255,255,.45);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sp-query-line strong {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px;
}

.sp-query-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 0 0 8px;
    background: #C78514;
    color: #fff !important;
    font-size: 20px;
    text-decoration: none !important;
}


/* RESPONSIVE */

@media(max-width:991px) {

    .sp-service-hero {
        min-height: 390px;
    }

    .sp-service-hero h1 {
        font-size: 45px;
    }

    .sp-service-sidebar {
        position: static;
        margin-top: 35px;
    }

    .sp-cta-inner {
        flex-direction: column;
        align-items: flex-start;
    }

}

@media(max-width:767px) {

    .sp-service-main {
        padding: 55px 0;
    }

    .sp-service-content {
        padding: 22px;
    }

    .sp-service-hero-content {
        padding: 65px 15px;
    }

    .sp-service-hero h1 {
        font-size: 37px;
    }

    .sp-service-hero p {
        font-size: 15px;
    }

    .sp-service-image {
        height: 250px;
    }

    .sp-service-content h2 {
        font-size: 28px;
    }

    .sp-service-highlights,
    .sp-feature-grid,
    .sp-research-points {
        grid-template-columns: 1fr;
    }

    .sp-cta-buttons {
        flex-wrap: wrap;
    }

    .sp-query-form {
        width: 290px;
    }

}

@media(max-width:480px) {

    .sp-service-hero h1 {
        font-size: 31px;
    }

    .sp-service-content {
        padding: 18px;
    }

    .sp-features-box,
    .sp-research-box {
        padding: 20px;
    }

    .sp-risk-box {
        align-items: flex-start;
    }

    .sp-price {
        font-size: 28px;
    }

    .sp-cta-inner h2 {
        font-size: 25px;
    }

}


/* =========================================================
   SOCIAL MEDIA SIDEBAR
   ========================================================= */

.sp-social-sidebar {
    position: fixed;
    left: 0;
    top: 42%;
    z-index: 9998;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    border-radius: 0 8px 8px 0;

    box-shadow: 0 6px 25px rgba(6,29,56,.20);
}

.sp-social-sidebar a {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #061d38;
    color: #fff !important;

    text-decoration: none !important;

    border-bottom: 1px solid rgba(255,255,255,.12);

    font-size: 16px;

    transition: all .3s ease;
}

.sp-social-sidebar a:last-child {
    border-bottom: none;
}

.sp-social-sidebar a:hover {
    width: 50px;
    background: #C78514;
    color: #fff !important;
}

.sp-social-sidebar a i {
    transition: transform .3s ease;
}

.sp-social-sidebar a:hover i {
    transform: scale(1.15);
}


/* MOBILE */

@media(max-width:767px) {

    .sp-social-sidebar {
        top: auto;
        bottom: 25%;
    }

    .sp-social-sidebar a {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .sp-social-sidebar a:hover {
        width: 44px;
    }

}

/* ================= SOCIAL MEDIA SIDEBAR ================= */

.sp-social-sidebar {
    position: fixed;
    left: 0;
    top: 42%;
    z-index: 9998;

    display: flex;
    flex-direction: column;

    overflow: hidden;
    border-radius: 0 8px 8px 0;

    box-shadow: 0 6px 25px rgba(6,29,56,.20);
}

.sp-social-sidebar a {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #061d38;
    color: #fff !important;

    text-decoration: none !important;

    border-bottom: 1px solid rgba(255,255,255,.12);

    font-size: 16px;

    transition: all .3s ease;
}

.sp-social-sidebar a:last-child {
    border-bottom: none;
}

.sp-social-sidebar a:hover {
    width: 50px;
    background: #C78514;
    color: #fff !important;
}

.sp-social-sidebar a:hover i {
    transform: scale(1.15);
}

.sp-social-sidebar a i {
    transition: transform .3s ease;
}


/* MOBILE */

@media(max-width:767px) {

    .sp-social-sidebar {
        top: auto;
        bottom: 25%;
    }

    .sp-social-sidebar a {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .sp-social-sidebar a:hover {
        width: 44px;
    }

}

/* =========================================
   EQUITY FUTURE - SIDEBAR FIX
   ========================================= */

.sp-service-layout {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 35px !important;

    align-items: start !important;
    position: relative !important;
}

.sp-service-content {
    width: 100% !important;
    min-width: 0 !important;
}

.sp-service-sidebar {
    display: block !important;
    width: 320px !important;
    max-width: 320px !important;
    min-width: 320px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: sticky !important;
    top: 25px !important;

    align-self: start !important;
    z-index: 5 !important;
}

/* Pricing header */
.sp-pricing-header {
    background: #061d38 !important;
    padding: 24px 22px !important;
    border-radius: 12px 12px 0 0 !important;
    text-align: left !important;
}

.sp-pricing-header span {
    display: block !important;
    color: #C78514 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 7px !important;
}

.sp-pricing-header h3 {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* Price cards */
.sp-price-card {
    position: relative !important;
    width: 100% !important;
    background: #fff !important;

    padding: 22px !important;
    margin: 0 0 14px !important;

    border: 1px solid #e5eaf0 !important;
    border-radius: 10px !important;

    box-shadow: 0 7px 24px rgba(6,29,56,.08) !important;

    box-sizing: border-box !important;
}

.sp-price-card:first-of-type {
    border-radius: 0 0 10px 10px !important;
}

.sp-price-card.sp-price-featured {
    border: 2px solid #C78514 !important;
    background: linear-gradient(145deg, #fffdf8, #ffffff) !important;
}

.sp-popular {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;

    padding: 6px 12px !important;

    background: #C78514 !important;
    color: #fff !important;

    border-radius: 0 8px 0 8px !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .8px !important;
}

.sp-price-top {
    margin-bottom: 8px !important;
}

.sp-price-top span {
    color: #061d38 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.sp-price {
    color: #C78514 !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    margin: 7px 0 12px !important;
}

.sp-price-info {
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    min-height: 40px !important;
}

.sp-price-info i {
    color: #C78514 !important;
    margin-right: 6px !important;
}

.sp-pay-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 44px !important;

    margin-top: 17px !important;

    background: #061d38 !important;
    color: #fff !important;

    border-radius: 6px !important;

    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    transition: all .25s ease !important;
}

.sp-pay-btn:hover {
    background: #C78514 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}

/* Assistance box */
.sp-sidebar-contact {
    width: 100% !important;
    box-sizing: border-box !important;

    margin-top: 20px !important;
    padding: 24px !important;

    background: #061d38 !important;
    border-radius: 12px !important;

    box-shadow: 0 8px 28px rgba(6,29,56,.15) !important;
}

.sp-sidebar-contact h3 {
    color: #fff !important;
    margin: 0 0 20px !important;
    font-size: 20px !important;
}

.sp-contact-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;

    padding: 13px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

.sp-contact-item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.sp-contact-icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(199,133,20,.15) !important;
    color: #C78514 !important;

    border-radius: 50% !important;
}

.sp-contact-item strong {
    display: block !important;
    color: #C78514 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .7px !important;
    margin-bottom: 3px !important;
}

.sp-contact-item span {
    display: block !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* =========================================
   TABLET / MOBILE
   ========================================= */

@media (max-width: 991px) {

    .sp-service-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .sp-service-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        position: static !important;
        margin-top: 5px !important;
    }

}

@media (max-width: 575px) {

    .sp-price-card {
        padding: 20px !important;
    }

    .sp-price {
        font-size: 27px !important;
    }

    .sp-sidebar-contact {
        padding: 20px !important;
    }

}
/* FORCE FONT AWESOME ICONS */
.sp-service-sidebar i.fa {
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    display: inline-block !important;
}

.sp-contact-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(199,133,20,.15) !important;
    color: #C78514 !important;
    border-radius: 50% !important;
}

.sp-contact-icon i {
    color: #C78514 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

.sp-pay-btn i {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

  /* =========================================================
           HERO
        ========================================================= */

        .sp-service-hero {
            position: relative;

            min-height: 300px;

            display: flex;
            align-items: center;

            background:
                linear-gradient(
                    135deg,
                    #061d38 0%,
                    #0b3158 60%,
                    #16416E 100%
                );

            overflow: hidden;
        }

        .sp-service-hero:before {
            content: "";

            position: absolute;

            width: 500px;
            height: 500px;

            right: -180px;
            top: -230px;

            border-radius: 50%;

            background:
                radial-gradient(
                    circle,
                    rgba(199,133,20,.25),
                    transparent 68%
                );
        }

        .sp-service-hero:after {
            content: "";

            position: absolute;

            width: 280px;
            height: 280px;

            left: -120px;
            bottom: -160px;

            border-radius: 50%;

            background:
                radial-gradient(
                    circle,
                    rgba(255,255,255,.08),
                    transparent 70%
                );
        }

        .sp-service-hero-overlay {
            position: absolute;
            inset: 0;

            background:
                linear-gradient(
                    90deg,
                    rgba(6,29,56,.92),
                    rgba(6,29,56,.65),
                    rgba(6,29,56,.40)
                );
        }

        .sp-service-hero-content {
            position: relative;
            z-index: 2;

            width: 100%;
            max-width: 1200px;

            margin: auto;

            padding: 75px 20px;
        }

        .sp-hero-label {
            display: inline-block;

            margin-bottom: 14px;

            padding: 7px 15px;

            border: 1px solid rgba(199,133,20,.6);

            border-radius: 30px;

            color: #C78514;

            font-size: 12px;
            font-weight: 700;

            letter-spacing: 1.4px;
            text-transform: uppercase;
        }

        .sp-service-hero h1 {
            margin: 0;

            color: #ffffff;

            font-size: 48px;
            line-height: 1.12;
            font-weight: 800;

            letter-spacing: -.5px;
        }

        .sp-breadcrumb {
            margin-top: 15px;

            color: rgba(255,255,255,.72);

            font-size: 14px;
        }

        .sp-breadcrumb span {
            color: #C78514;
        }

.sp-service-highlights {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-top: 30px !important;
}

.sp-highlight {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    min-height: 110px !important;
    padding: 24px 20px !important;
    background: #ffffff !important;
    border: 1px solid #dfe5ed !important;
    border-radius: 12px !important;
    text-align: left !important;
    box-sizing: border-box !important;
    transition: all .3s ease !important;
}

.sp-highlight:hover {
    transform: translateY(-4px) !important;
    border-color: #C78514 !important;
    box-shadow: 0 10px 25px rgba(6,29,56,.10) !important;
}

.sp-highlight-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    flex: 0 0 54px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #faf3e5 !important;
    color: #C78514 !important;
    font-size: 20px !important;
}

.sp-highlight-icon i {
    color: #C78514 !important;
    font-family: FontAwesome !important;
    font-style: normal !important;
    display: inline-block !important;
}

.sp-highlight-content {
    display: block !important;
    flex: 1 !important;
    min-width: 0 !important;
    padding-top: 2px !important;
}

.sp-highlight-content strong {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #061d38 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    margin: 0 0 7px !important;
}

.sp-highlight-content span {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #687586 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}


  /* =========================================================
           CTA
        ========================================================= */

        .sp-service-cta {
            padding: 65px 20px;

            background:
                linear-gradient(
                    135deg,
                    #061d38,
                    #0b3158
                );
        }

        .sp-cta-inner {
            max-width: 1100px;

            margin: auto;

            text-align: center;
        }

        .sp-cta-inner h2 {
            margin: 0 0 12px;

            color: #ffffff;

            font-size: 32px;
        }

        .sp-cta-inner p {
            max-width: 720px;

            margin: 0 auto 25px;

            color: rgba(255,255,255,.76);

            font-size: 15px;

            line-height: 1.7;
        }

        .sp-cta-buttons {
            display: flex;

            justify-content: center;

            gap: 12px;

            flex-wrap: wrap;
        }

        .sp-cta-btn {
            display: inline-flex;

            align-items: center;

            gap: 8px;

            padding: 13px 24px;

            background: #C78514;

            color: #ffffff !important;

            border-radius: 6px;

            font-size: 14px;

            font-weight: 700;

            transition: all .25s ease;
        }

        .sp-cta-btn:hover {
            background: #ffffff;

            color: #061d38 !important;

            transform:
                translateY(-2px);
        }

        .sp-cta-outline {
            background: transparent;

            border:
                1px solid rgba(255,255,255,.45);
        }

        .sp-cta-outline:hover {
            background: #ffffff;

            color: #061d38 !important;
        }

    /* =========================================================
           SUN POINT CAPITAL - CONTACT PAGE
        ========================================================= */

        /* ================= HERO ================= */

        .sp-contact-hero {
            position: relative;
            min-height: 310px;

            display: flex;
            align-items: center;

            background:
                linear-gradient(
                    135deg,
                    rgba(6,29,56,.98),
                    rgba(11,49,88,.94)
                );

            overflow: hidden;
        }

        .sp-contact-hero:before {
            content: "";

            position: absolute;

            width: 430px;
            height: 430px;

            right: -130px;
            top: -180px;

            border:
                1px solid rgba(199,133,20,.25);

            border-radius: 50%;
        }

        .sp-contact-hero:after {
            content: "";

            position: absolute;

            width: 260px;
            height: 260px;

            right: 120px;
            bottom: -190px;

            border:
                1px solid rgba(199,133,20,.16);

            border-radius: 50%;
        }

        .sp-contact-hero-content {
            position: relative;

            z-index: 2;

            width: 100%;
            max-width: 1200px;

            margin: 0 auto;

            padding: 70px 20px;
        }

        .sp-contact-label {
            display: inline-flex;

            align-items: center;

            gap: 8px;

            color: #C78514;

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2px;

            text-transform: uppercase;

            margin-bottom: 15px;
        }

        .sp-contact-label:before {
            content: "";

            width: 32px;
            height: 2px;

            background: #C78514;
        }

        .sp-contact-hero h1 {
            color: #fff;

            font-size: 46px;

            line-height: 1.15;

            font-weight: 700;

            margin: 0 0 15px;
        }

        .sp-contact-hero p {
            max-width: 650px;

            color: rgba(255,255,255,.72);

            font-size: 15px;

            line-height: 1.7;

            margin: 0;
        }

        .sp-contact-breadcrumb {
            margin-top: 17px;

            color: rgba(255,255,255,.65);

            font-size: 14px;
        }

        .sp-contact-breadcrumb span {
            color: #C78514;

            margin: 0 7px;
        }


        /* ================= MAIN ================= */

        .sp-contact-main {
            background: #f7f9fc;

            padding: 70px 0 75px;
        }

        .sp-contact-container {
            width: 100%;

            max-width: 1200px;

            margin: 0 auto;

            padding: 0 15px;
        }

        .sp-contact-grid {
            display: grid;

            grid-template-columns:
                minmax(0, 1.05fr)
                minmax(0, .95fr);

            gap: 30px;

            align-items: stretch;
        }


        /* ================= FORM CARD ================= */

        .sp-contact-form-card {
            background: #fff;

            border:
                1px solid #e4e9f0;

            border-radius: 15px;

            padding: 38px;

            box-shadow:
                0 8px 35px rgba(6,29,56,.07);
        }

        .sp-section-tag {
            display: inline-block;

            color: #C78514;

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 1.7px;

            text-transform: uppercase;

            margin-bottom: 10px;
        }

        .sp-contact-form-card h2 {
            color: #061d38;

            font-size: 30px;

            line-height: 1.25;

            font-weight: 700;

            margin: 0 0 10px;
        }

        .sp-contact-form-intro {
            color: #687586;

            font-size: 14px;

            line-height: 1.7;

            margin: 0 0 28px;
        }


        /* ================= FORM ================= */

        .sp-contact-form {
            display: grid;

            grid-template-columns:
                repeat(2,1fr);

            gap: 18px;
        }

        .sp-form-group {
            width: 100%;
        }

        .sp-form-group-full {
            grid-column: 1 / -1;
        }

        .sp-contact-form label {
            display: block;

            color: #061d38;

            font-size: 12px;

            font-weight: 700;

            margin-bottom: 7px;
        }

        .sp-contact-form label span {
            color: #C78514;
        }

        .sp-contact-form input,
        .sp-contact-form textarea {
            width: 100%;

            box-sizing: border-box;

            border:
                1px solid #dce3ec !important;

            background: #f9fafc !important;

            color: #061d38 !important;

            border-radius: 7px !important;

            padding: 13px 14px !important;

            font-size: 14px !important;

            line-height: 1.5 !important;

            outline: none !important;

            box-shadow: none !important;

            transition: all .25s ease;
        }

        .sp-contact-form input {
            height: 48px;
        }

        .sp-contact-form textarea {
            min-height: 130px;

            resize: vertical;
        }

        .sp-contact-form input:focus,
        .sp-contact-form textarea:focus {
            border-color: #C78514 !important;

            background: #fff !important;

            box-shadow:
                0 0 0 3px rgba(199,133,20,.08) !important;
        }

        .sp-contact-submit {
            grid-column: 1 / -1;

            margin-top: 3px;
        }

        .sp-contact-submit button {
            border: none;

            cursor: pointer;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 9px;

            padding: 14px 27px;

            border-radius: 7px;

            background: #061d38;

            color: #fff;

            font-size: 13px;

            font-weight: 700;

            letter-spacing: .2px;

            transition: all .3s ease;
        }

        .sp-contact-submit button:hover {
            background: #C78514;

            transform: translateY(-2px);

            box-shadow:
                0 8px 20px rgba(199,133,20,.20);
        }


        /* ================= INFORMATION CARD ================= */

        .sp-contact-info-card {
            position: relative;

            overflow: hidden;

            background:
                linear-gradient(
                    135deg,
                    #061d38,
                    #0b3158
                );

            border-radius: 15px;

            padding: 38px;

            box-shadow:
                0 8px 35px rgba(6,29,56,.12);
        }

        .sp-contact-info-card:after {
            content: "";

            position: absolute;

            width: 320px;
            height: 320px;

            right: -150px;
            bottom: -160px;

            border:
                1px solid rgba(199,133,20,.24);

            border-radius: 50%;
        }

        .sp-contact-info-card h2 {
            position: relative;

            z-index: 1;

            color: #fff;

            font-size: 30px;

            line-height: 1.25;

            margin: 0 0 10px;
        }

        .sp-contact-info-intro {
            position: relative;

            z-index: 1;

            color: rgba(255,255,255,.72);

            font-size: 14px;

            line-height: 1.7;

            margin: 0 0 28px;
        }


        /* ================= INFO ITEMS ================= */

        .sp-contact-info-item {
            position: relative;

            z-index: 2;

            display: flex;

            align-items: flex-start;

            gap: 15px;

            padding: 18px 0;

            border-bottom:
                1px solid rgba(255,255,255,.11);
        }

        .sp-contact-info-item:last-child {
            border-bottom: none;
        }

        .sp-contact-info-icon {
            width: 48px;
            height: 48px;

            min-width: 48px;

            display: flex;

            align-items: center;
            justify-content: center;

            background:
                rgba(199,133,20,.15);

            border:
                1px solid rgba(199,133,20,.28);

            border-radius: 10px;

            color: #C78514;

            font-size: 19px;
        }

        .sp-contact-info-icon i {
            font-family: FontAwesome !important;
            font-style: normal !important;
        }

        .sp-contact-info-item h4 {
            color: #C78514;

            font-size: 11px;

            text-transform: uppercase;

            letter-spacing: 1px;

            margin: 2px 0 5px;
        }

        .sp-contact-info-item p {
            color: #fff;

            font-size: 14px;

            line-height: 1.65;

            margin: 0;
        }


        /* ================= QUICK CONTACT ================= */

        .sp-contact-quick {
            margin-top: 30px;

            padding-top: 24px;

            border-top:
                1px solid rgba(255,255,255,.12);

            position: relative;

            z-index: 2;
        }

        .sp-contact-quick-title {
            color: #fff;

            font-size: 15px;

            font-weight: 700;

            margin-bottom: 14px;
        }

        .sp-contact-quick-buttons {
            display: flex;

            gap: 10px;

            flex-wrap: wrap;
        }

        .sp-contact-quick-btn {
            display: inline-flex;

            align-items: center;

            gap: 8px;

            padding: 11px 17px;

            border-radius: 6px;

            background: #C78514;

            color: #fff !important;

            text-decoration: none !important;

            font-size: 12px;

            font-weight: 700;

            transition: all .3s ease;
        }

        .sp-contact-quick-btn:hover {
            background: #fff;

            color: #061d38 !important;
        }

        .sp-contact-quick-btn-outline {
            background: transparent;

            border:
                1px solid rgba(255,255,255,.30);
        }


        /* ================= BOTTOM CONTACT CARDS ================= */

        .sp-contact-cards {
            display: grid;

            grid-template-columns:
                repeat(3,1fr);

            gap: 20px;

            margin-top: 30px;
        }

        .sp-contact-card {
            background: #fff;

            border:
                1px solid #e4e9f0;

            border-radius: 12px;

            padding: 25px;

            box-shadow:
                0 6px 24px rgba(6,29,56,.05);

            transition: all .3s ease;
        }

        .sp-contact-card:hover {
            transform: translateY(-4px);

            border-color:
                rgba(199,133,20,.45);

            box-shadow:
                0 10px 28px rgba(6,29,56,.09);
        }

        .sp-contact-card-icon {
            width: 48px;
            height: 48px;

            display: flex;

            align-items: center;
            justify-content: center;

            border-radius: 10px;

            background: #faf3e5;

            color: #C78514;

            font-size: 19px;

            margin-bottom: 15px;
        }

        .sp-contact-card-icon i {
            font-family: FontAwesome !important;
        }

        .sp-contact-card h3 {
            color: #061d38;

            font-size: 17px;

            margin: 0 0 7px;
        }

        .sp-contact-card p {
            color: #6c7785;

            font-size: 13px;

            line-height: 1.65;

            margin: 0;
        }


        /* ================= RESPONSE NOTE ================= */

        .sp-contact-note {
            margin-top: 30px;

            padding: 25px 28px;

            background: #fff;

            border-left:
                4px solid #C78514;

            border-radius: 8px;

            box-shadow:
                0 5px 20px rgba(6,29,56,.05);
        }

        .sp-contact-note h3 {
            color: #061d38;

            font-size: 18px;

            margin: 0 0 7px;
        }

        .sp-contact-note p {
            color: #687586;

            font-size: 13px;

            line-height: 1.7;

            margin: 0;
        }


        /* ================= QUERY TOOLBAR ================= */

        #right_toolbar {
            z-index: 9997 !important;
        }

        #talk-to-us-form {
            background: #061d38 !important;

            color: #fff !important;

            border-radius:
                8px 0 0 8px;

            box-shadow:
                0 8px 30px rgba(6,29,56,.25);
        }

        #talk-to-us-form h4 {
            color: #fff !important;
        }

        #talk-to-us-form strong {
            color: #C78514;
        }

        #talk-to-us {
            background: #C78514 !important;

            color: #fff !important;
        }


        /* ================= SOCIAL SIDEBAR ================= */

        .sp-social-sidebar {
            position: fixed;

            left: 0;

            top: 42%;

            z-index: 9998;

            display: flex;

            flex-direction: column;

            overflow: hidden;

            border-radius:
                0 8px 8px 0;

            box-shadow:
                0 6px 25px rgba(6,29,56,.20);
        }

        .sp-social-sidebar a {
            width: 44px;
            height: 44px;

            display: flex;

            align-items: center;
            justify-content: center;

            background: #061d38;

            color: #fff !important;

            text-decoration: none !important;

            border-bottom:
                1px solid rgba(255,255,255,.12);

            font-size: 16px;

            transition: all .3s ease;
        }

        .sp-social-sidebar a:last-child {
            border-bottom: none;
        }

        .sp-social-sidebar a:hover {
            width: 50px;

            background: #C78514;

            color: #fff !important;
        }

        .sp-social-sidebar a i {
            font-family: FontAwesome !important;

            font-style: normal !important;

            transition: transform .3s ease;
        }

        .sp-social-sidebar a:hover i {
            transform: scale(1.15);
        }


        /* ================= FONT AWESOME FIX ================= */

        .sp-contact-page i.fa,
        .sp-social-sidebar i.fa,
        #right_toolbar i.fa {
            font-family: FontAwesome !important;

            font-style: normal !important;

            font-weight: normal !important;

            display: inline-block !important;
        }


        /* ================= RESPONSIVE ================= */

        @media(max-width:991px) {

            .sp-contact-grid {
                grid-template-columns: 1fr;
            }

            .sp-contact-cards {
                grid-template-columns:
                    repeat(2,1fr);
            }

            .sp-contact-hero h1 {
                font-size: 38px;
            }

        }


        @media(max-width:767px) {

            .sp-contact-main {
                padding: 45px 15px 55px;
            }

            .sp-contact-container {
                padding: 0;
            }

            .sp-contact-hero {
                min-height: 250px;
            }

            .sp-contact-hero-content {
                padding: 55px 20px;
            }

            .sp-contact-hero h1 {
                font-size: 31px;
            }

            .sp-contact-form-card,
            .sp-contact-info-card {
                padding: 27px 20px;
            }

            .sp-contact-form-card h2,
            .sp-contact-info-card h2 {
                font-size: 25px;
            }

            .sp-contact-form {
                grid-template-columns: 1fr;
            }

            .sp-form-group-full,
            .sp-contact-submit {
                grid-column: auto;
            }

            .sp-contact-cards {
                grid-template-columns: 1fr;
            }

            .sp-contact-quick-buttons {
                flex-direction: column;
            }

            .sp-contact-quick-btn {
                justify-content: center;
            }

            .sp-social-sidebar {
                top: auto;

                bottom: 25%;
            }

            .sp-social-sidebar a {
                width: 40px;
                height: 40px;

                font-size: 14px;
            }

            .sp-social-sidebar a:hover {
                width: 44px;
            }

        }





















/*----------------------- Our Case --------------------*/

.our-case .row {margin: 0 -22px;}

.our-case .row [class="col-"] {padding: 0 22px;}

.our-case .wrapper {margin-top: 10px;}

.our-case .single-case-block {

  position: relative;

  border: 1px solid #BDBDBD;

  border-radius: 5px;

  overflow: hidden;

  margin-top: 40px;

}

.our-case .single-case-block img {width: 100%;border-radius: 5px;}

.our-case .single-case-block .hover-content {

  position: absolute;

  top:0;

  left:0;

  width: 100%;

  height: 100%;

  background: rgba(0,26,87,0.6);

  border-radius: 5px;

  -webkit-transform:scale(1,0);

          transform:scale(1,0);

}

.our-case .single-case-block:hover .hover-content {

  -webkit-transform:scale(1);

          transform:scale(1);

}

.our-case .single-case-block .hover-content .text {

  position: absolute;

  width: 100%;

  left:0;

  bottom: 20px;

  padding: 0 28px;

  opacity: 0;

  transition-delay:0.2s;

  -webkit-transform:translateY(100px);

          transform:translateY(100px);

}

.our-case .single-case-block:hover .hover-content .text {

  -webkit-transform:translateY(0);

          transform:translateY(0);

  opacity: 1;

}

.our-case .single-case-block .hover-content .text h5 a {color: #fff;}

.our-case .single-case-block .hover-content .text p {font-size: 17px;color: #fff;}

.our-case .single-case-block .hover-content .text .details {

  width: 40px;

  height: 40px;

  line-height: 43px;

  text-align: center;

  background: #fff;

  border-radius: 50%;

  color: #979797;

  font-size: 20px;

  margin-top: 7px;

}

.our-case .single-case-block .hover-content .text .details:hover {color: #fff;}

.our-case .view-all {text-align: center;margin-top: 60px;}

.our-case.our-project .wrapper,.our-case.our-project .single-case-block {margin-top: 0;}

.our-case.our-project .single-case-block {margin-bottom: 40px; height: 200px;}

/*------------------- Faq Section -------------------*/

.faq-section {

  background: url(../images/home/12.jpg) no-repeat center center;

  background-size: cover;

  background-attachment: fixed;

  background-color: #707d9e;

  height: 570px;

  margin-bottom: 285px;

}

.faq-section .overlay {

  background: rgba(0,26,87,0.9);

  padding: 95px 0 0 0;

  height: 570px;

}

.faq-section .theme-title-one h2 {color: #fff;}

.faq-section .theme-title-one h2:before {background: #ced7ec;}

.faq-section .theme-title-one p {color: #cad2e5;}

.faq-section .wrapper {

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

  margin: 55px 0 0 0;

}

.faq-section .wrapper .img-box {

  background: url(../images/home/13.jpg) no-repeat center center;

  background-size: cover;

  border-radius: 5px 0 0 5px;

  position: relative;

  height: 500px;

}

.faq-section .wrapper .img-box .play {

  width: 72px;

  height: 72px;

  border-radius: 50%;

  background: #fff;

  position: absolute;

  top:50%;

  left:50%;

  margin: -36px 0 0 -36px;

  text-align: center;

  line-height: 72px;

}

.faq-section .wrapper .faq-content {

  background: #fff;

  border-radius: 0 5px 5px 0;

  padding: 43px 50px 60px 50px;

}

.accordion-one .panel-heading {

  padding: 0;

  border-radius: 0;

  border:none;

  border-bottom: 1px solid #e6e6e6;

}

.accordion-one .panel-heading h6 a {

  color:#232323;

  font-weight: bold;

  padding: 15px 25px 15px 0;

  /*display: block;*/

  position: relative;

  font-size: 20px;

}

.accordion-one .panel-group .panel {

  margin: 0;

  box-shadow: none;

  border-radius: 0;

  border:none;

}

.accordion-one .panel-group .panel-body {border:none;padding: 20px 0;border-bottom: 1px solid #e6e6e6;}

.accordion-one .panel-group .panel-heading a:before {

  content: "\f10a";

  font-family: Flaticon;

  font-size: 30px;

  color: #c7c7c7;

  position: absolute;

  right:-10px;

  top:50%;

  -webkit-transform:translateY(-50%);

          transform:translateY(-50%);

  font-weight: bold;

}

.accordion-one .panel-group .panel-heading.active-panel a:before {content: "\f109";}

/*------------------ Why Choose us -----------------*/

.why-choose-us .single-block {

  position: relative;

  margin-top: 45px;

  padding: 0 0 0 90px;

}

.why-choose-us .wrapper {margin-top: 10px;}

.why-choose-us .single-block h5 {margin-bottom: 10px;}

.why-choose-us .single-block .icon {

  position: absolute;

  top:-10px;

  left:0;

  font-size: 60px;

}

/*------------------ Short Banner ------------------*/

.short-banner {

  background: url(../images/home/14.jpg) no-repeat center center;

  background-size: cover;

  background-color: #707d9e;

}

.short-banner .overlay {

  background: rgba(255,255,255,0.4);

  padding: 52px 0;

  text-align: center;

}

.short-banner .overlay h2 {

  font-size: 40px;

  line-height: 48px;

  width: 65%;

  margin: 0 auto;

}

/*----------------- Latest News ------------------- */

.our-blog .single-blog .image-box {

  position: relative;

  overflow: hidden;

  border-radius: 5px;

}

.our-blog .single-blog .image-box img {width: 100%;}

.our-blog .single-blog:hover .image-box img {

  -webkit-transform:scale3D(1.1,1.1,1);

          transform:scale3D(1.1,1.1,1)

}

.our-blog .single-blog .image-box .overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top:0;

  left:0;

  border-radius: 5px;

  background: rgba(0,0,0,0.05);

}

.our-blog .single-blog .image-box .overlay .date {

  line-height: 25px;

  border-radius: 5px;

  font-family: 'Source Sans Pro', sans-serif;

  font-size: 14px;

  color: #fff;

  padding: 0 18px;

  position: absolute;

  left:20px;

  bottom: 20px;

}

.our-blog .single-blog .post-meta .title {

  line-height: 28px;

  margin: 20px 0 10px 0;

}

.our-blog .single-blog .post-meta .read-more {font-size: 14px;text-transform: uppercase;font-weight: 700;}

.our-blog .single-blog .post-meta .read-more:hover {text-decoration: underline;
    color:#fff !important;
}

.latest-news .single-blog {margin-top: 35px;}

.latest-news .wrapper {margin-top: 20px;}

.blog-inner-page .our-blog .single-blog .post-meta .title {font-size: 26px;margin-top: 25px;}

.our-blog .single-blog .post-meta p {margin-bottom: 12px;}

.blog-inner-page .our-blog .single-blog {margin-bottom: 40px;}

.blog-inner-page .our-blog .single-blog:last-child {

  border-bottom: 1px solid #e5e5e5;

  padding-bottom: 55px;

}

.blog-grid .single-blog {margin-bottom: 40px;}

/*------------------- Google Map ---------------------*/

.map-canvas {width: 100%;height: 100%;}

.google-map-one {height: 300px;}

/*---------------------- Theme Inner Banner -----------------*/

.theme-inner-banner {

 /* background: url(../images/home/data.jpg) no-repeat center center;*/

  background-attachment: fixed;

  background-size: cover;

  background-color: #15af4c;

}

.theme-inner-banner .overlay {

  background: #0B2545;

  text-align: center;

  padding: 110px 0 70px 0;

}



.theme-inner-banner .overlay h2 {font-size: 45px;color: #fff;text-transform: uppercase;}


/*------------------- Our Srevice -------------------*/

.theme-inner-bannerr {

 /* background: url(../images/home/data.jpg) no-repeat center center;*/

  background-attachment: fixed;

  background-size: cover;

  background-color: #15af4c;

}

.theme-inner-bannerr .overlayy {

  background:#C78514;

  text-align: center;

  padding: 110px 0 70px 0;

}



.theme-inner-bannerr .overlayy h2 {font-size: 45px;color: #fff;text-transform: uppercase;}


/*------------------- Why WE Best -------------------*/

.why-we-best {

  background: url(../images/home/ways2star-home-testimonial.jpg) no-repeat center center;

  background-size: cover;

  background-attachment: fixed;

  background-color: #707d9e;

  height: 570px;

  margin-bottom: 270px;

}

.why-we-best .overlay {

  background: #0B2545;

  padding: 95px 0 0 0;

  height: 570px;

}

.why-we-best .theme-title-one h2 {color: #fff;}

.why-we-best .theme-title-one h2:before {background: #ced7ec;}

.why-we-best .theme-title-one p {color: #cad2e5;}

.why-we-best .wrapper {

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

  margin: 55px 0 0 0;

}

.why-we-best .wrapper .img-box {

  background: url(../images/home/ways2star-about-us.jpg) no-repeat center center;

  background-size: cover;

  border-radius: 0 5px 5px 0;

  position: relative;

  height: 500px;

}

.why-we-best .wrapper .best-list-item {

  background: #C78514;

  padding: 65px 20px 65px 50px;

  border-radius: 5px 0 0 5px;

}

.why-we-best .wrapper .best-list-item li {

  position: relative;

  margin-bottom: 50px;

  padding: 0 0 0 90px;

}

.why-we-best .wrapper .best-list-item li:last-child {margin-bottom: 0;}

.why-we-best .wrapper .best-list-item li h5 {margin-bottom: 10px;}

.why-we-best .wrapper .best-list-item li .icon {

  position: absolute;

  top:-10px;

  left:0;

  font-size: 60px;

}

/*---------------- Core Values ----------------*/

.core-values {background: #f8faff;padding: 95px 0 115px 0;}

.core-values .wrapper {margin-top: 20px;}

.core-values .single-value-block {margin-top: 40px;}

.core-values .single-value-block .image-box {

  position: relative;

  border-radius: 5px 5px 0 0;

  overflow: hidden;

}

.core-values .single-value-block .image-box  img {width: 100%;}

.core-values .single-value-block .image-box .overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  left:0;

  top:0;

  text-align: center;

  border-radius: 5px 5px 0 0;

  background: rgba(0,26,87,0.5);

  opacity: 0;

  -webkit-transform:scale(1,0);

          transform:scale(1,0);

}

.core-values .single-value-block:hover .image-box .overlay {

  opacity: 1;

  -webkit-transform:scale(1);

          transform:scale(1);

}

.core-values .single-value-block .image-box .overlay a {

  background: #fff;

  padding: 0 23px;

  line-height: 40px;

  position: relative;

  top:50%;

  -webkit-transform:translateY(-50%);

          transform:translateY(-50%);

}

.core-values .single-value-block .image-box .overlay a:hover {color: #fff;}

.core-values .single-value-block .text {

  background: #fff;

  border: 1px solid #e5ecff;

  border-top: none;

  border-radius: 0 0 5px 5px;

  padding: 25px 20px 25px 30px;

}

.core-values .single-value-block .text h5 {margin-bottom: 10px;}

/*--------------------- Theme Sidebar One ----------------------*/

.theme-sidebar-one .sidebar-box {margin-bottom: 50px;}

.theme-sidebar-one .title {    font-weight: normal;
    margin-bottom: 25px;
    color: #fff;
    padding: 9px;
    text-align: center;
    background:#00b458;
    margin-top: 9px;}

.theme-sidebar-one .service-categories ul li a {

    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #e1e1e1;
    /* border-radius: 10px; */
    margin-bottom: 8px;
    padding-left: 3px;
    line-height: 34px;

}

.theme-sidebar-one .service-categories ul li a:hover,

.theme-sidebar-one .service-categories ul li.active a {background: #f5f8ff;border-color: #bccaea;}

.theme-sidebar-one .service-categories ul li:last-child a {margin: 0;}

.theme-sidebar-one .sidebar-brochures ul {padding: 0 25px;border-radius: 5px;}

.theme-sidebar-one .sidebar-brochures ul li a {

  display: block;

  line-height: 55px;

  color: #fff;

  font-size: 18px;

  border-bottom: 1px solid rgba(255,255,255,0.2);

  position: relative;

  padding-left: 30px;

}

.theme-sidebar-one .sidebar-brochures ul li:last-child a {border-bottom: 0;}

.theme-sidebar-one .sidebar-brochures ul li a i {

  position: absolute;

  top:0;

  left:0;

  line-height: 55px;

}

.theme-sidebar-one .sidebar-contact input,

.theme-sidebar-one .sidebar-contact textarea {

  width: 100%;

  max-width: 100%;

  background: #fff;

  border: none;

  border-bottom: 1px solid #dfdfdf;

  font-size: 16px;

}

.theme-sidebar-one .sidebar-contact input {padding-bottom: 12px;margin-bottom: 12px;}

.theme-sidebar-one .sidebar-contact textarea {

  height: 80px;

  resize:none;

  margin-bottom: 20px;

}

/*--------------------- Service Details ----------------------*/

.service-details .service-content .cover-img {border-radius: 5px;margin-bottom: 25px;}

.service-details .service-content .main-title {font-size: 30px;margin-bottom: 15px;}

.service-details .service-content p {padding-bottom: 25px;}

.service-details .service-content .sub-heading {font-weight: normal;margin-bottom: 15px;}

.service-details .service-content .presentation-section {padding: 30px 0 55px 0;}

.service-details .service-content .presentation-section .best-list-item li {

  position: relative;

  margin: 12px 0 0 0;

  /*padding: 0 0 4px 90px;*/

}

.service-details .service-content .presentation-section .best-list-item li:last-child {margin-bottom: 0;}

.service-details .service-content .presentation-section .best-list-item li h5 {margin-bottom: 10px;}

.service-details .service-content .presentation-section .best-list-item li .icon {

  position: absolute;

  top:-10px;

  left:0;

  font-size: 60px;

}

.service-details .service-content .presentation-section .chart {margin: 0 auto;}

.service-details .service-content .accordion-one .panel-group .panel-body p {padding: 0;}

.service-details .service-content .market-growth {padding-top: 0px;}

.service-details .service-content .market-growth .wrapper {padding-top: 20px;}

.service-details .service-content .market-growth img {width: 100%;border-radius: 5px;}

.service-details .service-content .market-growth ul {padding-left: 18px;}

.service-details .service-content .market-growth ul li {

  line-height: 34px;

  font-style: italic;

  padding-left: 18px;

  position: relative;

}

.service-details .service-content .market-growth ul li:before {

  content: '';

  font-family: 'font-awesome';

  font-size: 12px;

  color: #232323;

  line-height: 34px;

  position: absolute;

  left:0;

  top:0;

  font-style: normal;

  font-weight: 700;

}

/*---------------- Project Details ---------------*/

.project-details .main-title {font-size: 30px;margin-bottom: 15px;}

.project-details .project-details-sidebar p {padding-bottom: 15px;}

.project-details .project-details-sidebar .project-history {margin: 0 -5px;padding-top: 15px;}

.project-details .project-details-sidebar .project-history li {

  float: left;

  width: 50%;

  padding: 0 5px;

  margin-bottom: 25px;

}

.project-details .project-details-sidebar .social-icon li {display: inline-block;}

.project-details .project-details-sidebar .social-icon li a {

  color: #555555;

  font-size: 15px;

  margin-right: 15px;

}

.project-details .project-details-sidebar .charts {padding-top: 60px;}

.project-details .image-col img {border-radius: 5px;margin-bottom: 25px;}

.project-details .image-col img:last-child {margin-bottom: 0;}

.project-details #chartContainer {width: 100%;height: 300px;margin-top: 20px;}

/*---------------------- Blog Sidebar ---------------------*/

.blog-sidebar .sidebar-container {margin-bottom: 45px;}

.blog-sidebar .sidebar-search form {height: 52px;position: relative;}

.blog-sidebar .sidebar-search form input {

  width: 100%;

  height: 100%;

  border: none;

  border-bottom: 1px solid #dfdfdf;

  font-size: 16px;

  padding-right: 28px;

}

.blog-sidebar .sidebar-search form button {

  position: absolute;

  top:0;

  right: 0;

  bottom: 0;

  width:25px;

  font-size: 14px;

  text-align: right;

  color: #555555;

  background: transparent;

}

.blog-sidebar .title {font-weight: normal;margin-bottom: 12px;text-transform: capitalize;}

.blog-sidebar .sidebar-categories ul li a {

  color: #555555;

  font-family: 'Source Sans Pro', sans-serif;

  line-height: 35px;

  position: relative;

  padding-left: 25px;

}

.blog-sidebar .sidebar-categories ul li a:before {

  content: '';

  font-family: 'font-awesome';

  font-size: 12px;

  position: absolute;

  line-height: 35px;

  top:0;

  left:0; 

}

.blog-sidebar .sidebar-recent-post li {

  padding: 10px 0 13px 0;

  margin-bottom: 9px;

  border-bottom: 1px solid #e5e5e5;

}

.blog-sidebar .sidebar-recent-post li img {

  width: 65px;

  height: 60px;

  border-radius: 5px;

}

.blog-sidebar .sidebar-recent-post li .post {

  width: calc(100% - 65px);

  padding-left: 20px;

}

.blog-sidebar .sidebar-recent-post li .post a {

  font-family: 'Source Sans Pro', sans-serif;

  color: #232323;

  line-height: 24px;

  margin-top: -5px;

}

.blog-sidebar .sidebar-recent-post li .post .date {

  font-size: 15px;

  color: #9ca6bf;

  font-style: italic;

  margin-top: 7px;

}

.blog-sidebar .sidebar-recent-post li:last-child {

  border:none;

  margin: 0;

  padding-bottom: 0;

}

.blog-sidebar .sidebar-archives ul li a {

  color: #555555;

  font-family: 'Source Sans Pro', sans-serif;

  line-height: 32px;

  position: relative;

  padding-left: 28px;

}

.blog-sidebar .sidebar-archives ul li a:before {

  content: '';

  font-family: 'font-awesome';

  font-size: 14px;

  position: absolute;

  line-height: 32px;

  top:0;

  left:0; 

}

.blog-sidebar .sidebar-tags ul {margin: 0 -2px;}

.blog-sidebar .sidebar-tags ul li {float: left;padding: 0 2px;}

.blog-sidebar .sidebar-tags ul li a {

  color: #555555;

  font-family: 'Source Sans Pro', sans-serif;

  font-size: 17px;

  line-height: 28px;

  border: 1px solid #e1e1e1;

  border-radius: 5px;

  margin-top: 4px;

  padding: 0 12px;

}

.blog-sidebar .sidebar-tags ul li.active a,

.blog-sidebar .sidebar-tags ul li a:hover {color: #fff;}

/*------------------- Blog Details ---------------*/

.blog-details .single-blog .post-meta .title {font-size: 26px;line-height: 30px;margin: 25px 0 20px 0;}

.blog-details .single-blog .post-meta p {padding-bottom: 25px;margin-bottom: 0;}

.blog-details .single-blog .post-meta .mark-text img {width: 100%;border-radius: 5px;}

.blog-details .single-blog .post-meta .mark-text .inner-text {

  text-align: center;

  position: relative;

  padding-top: 140px;

  margin: 0 10px;

}

.blog-details .single-blog .post-meta .mark-text .inner-text p {font-style: italic;}

.blog-details .single-blog .post-meta .mark-text .inner-text:before {

  content: "\f10c";

  font-family: Flaticon;

  position: absolute;

  color: #eeeeee;

  font-size: 45px;

  top:55px;

  left:50%;

  -webkit-transform:translateX(-50%);

          transform:translateX(-50%);

}

.blog-details .single-blog .post-meta .mark-text {padding: 18px 0 40px 0;}

.blog-details .share-option {border-top: 1px solid #e5e5e5;margin-top: 18px;}

.blog-details .share-option ul {padding-top: 12px;}

.blog-details .share-option .tag-meta li,

.blog-details .share-option .social-icon li {

  display: inline-block;

  vertical-align: middle;

  font-family: 'Nunito Sans', sans-serif;

  font-weight: 600;

  color: #232323;

}

.blog-details .share-option .tag-meta li i,

.blog-details .share-option .social-icon li i {

  font-size: 15px;

  margin-right: 2px;

}

.blog-details .share-option .tag-meta li a {

  font-family: 'Source Sans Pro', sans-serif;

  font-weight: normal;

  color: #555555;

}

.blog-details .share-option .social-icon li a {

  font-size: 15px;

  color: #777777;

  margin-left: 12px;

}

.blog-details .share-option .social-icon li:nth-child(2) a {margin-left: 3px;}

.our-blog .inner-box {margin-top: 70px;}

.our-blog .inner-box .theme-title-one h2 {

  font-size: 30px;

  text-align: left;

  margin-bottom: 40px;

}

.our-blog .inner-box .theme-title-one h2:before {left:0;margin: 0;}

.related-post-slider .item {margin: 0 15px;}

.our-blog .comment-area .single-comment img {

  width: 70px;

  height: 70px;

  border-radius: 5px;

}

.our-blog .comment-area .single-comment .comment {

  width: calc(100% - 70px);

  padding-left: 25px;

}

.our-blog .comment-area .single-comment .comment p {padding: 6px 0 8px 0;}

.our-blog .comment-area .single-comment .comment a {

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 700;

}

.our-blog .comment-area .single-comment {

  border-bottom: 1px solid #e5e5e5;

  padding-bottom: 20px;

  margin-bottom: 28px;

}

.our-blog .comment-area .single-comment:last-child {margin: 0;padding: 0;border: none;}

/*---------------- Contact Us ----------------*/

.google-map-two {height: 410px;}

.contact-us-section .main-content {

  margin-top: 50px;

  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);

}

.contact-us-section .img-box {

  background: url(../images/home/22.jpg) no-repeat center;

  background-size: cover;

  height: 500px;

  border-radius: 5px 0 0 5px;

}

.contact-us-section .form-wrapper {

  background: rgba(0,0,0,0.5);

  border-radius: 0 5px 5px 0;

  /*height: 100px;*/

  padding: 75px 40px 60px 40px;

}

.theme-form-one input:focus,

.theme-form-one textarea:focus {border-bottom-color: #001a57;}

/*======================= Form Validation ===================*/

.alert-wrapper {

  display: none;

  position: fixed;

  width: 100%;

  height:100%;

  background: rgba(0,0,0,0.6);

  top: 0;

  left: 0;

  z-index: 9999999;

}

#success,#error {

  position: relative;

  width:500px;

  height: 100px;

  top: calc(50% - 50px);

  left:calc(50% - 250px);

  background: rgba(0,0,0,0.8);

  text-align: center;

}

#success .wrapper,#error .wrapper {

  display: table;

  width:100%;

  height: 100%;

}

#success .wrapper p,#error .wrapper p{

  display: table-cell;

  vertical-align: middle;

  letter-spacing: 1px;

}

#success p {color: #26ace3;}

#error p {color: #C9182B;}

#error button,

#success button {

  color:#fff;

  width:40px;

  height:40px;

  line-height: 20px;

  background: transparent;

  border-radius: 50%;

  position: absolute;

  top: -20px;

  right: -20px;

  font-size: 20px;

}

.form-validation label.error {display: none !important;}

.form-validation input.error,.form-validation textarea.error {border-bottom:1px solid #f03838 !important;}

/*------------------- Compnay Branch Address ----------------*/

.branch-address {background:#0B2545;padding: 38px 0;}

.address-slider .item {margin: 0 15px;cursor: move;}

.branch-address .wrapper p {

  font-size: 17px;

  line-height: 25px;

  position: relative;

  padding-left: 35px;

  margin-top: 10px;

}

.branch-address .wrapper p i {

  position: absolute;

  top:5px;

  left:0;

  font-size: 18px;

}

/*--------------------- Shop Page --------------------*/

.shop-page .shop-filter li:first-child {

  float: left;

  line-height: 40px;

  font-size: 17px;

}

.shop-page .shop-filter li:last-child {float: right;line-height: 40px;}

.shop-page .shop-filter li:last-child .form-control {

  border: 1px solid #d7d7d7;

  border-radius: 5px;

  height: 100%;

  outline: none;

  box-shadow: none;

}

.shop-page .shop-filter {margin-bottom: 60px;}

.shop-page .single-product .image-box {

  border: 1px solid #d7d7d7;

  border-radius: 5px;

  min-height: 340px;

  position: relative;

  overflow: hidden;

}

.shop-page .single-product .image-box  img {

  position: absolute;

  top:50%;

  left: 50%;

  border-radius: 5px;

  -webkit-transform: translate(-50% , -50%);

          transform: translate(-50% , -50%);

  transition:all 0.5s ease-in-out;

  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12);

}

.shop-page .single-product:hover .image-box img {

  -webkit-transform:translate(-50% , -50%) scale3D(1.1,1.1,1);

          transform:translate(-50% , -50%) scale3D(1.1,1.1,1);

}

.shop-page .single-product .product-name {text-align: center;margin-top: 20px;position: relative;}

.shop-page .single-product .product-name .price {

  font-weight: 600;

  font-size: 22px;

}

.shop-page .single-product .product-name .price del {

  font-size: 18px;

  color: #afafaf;

  font-weight: normal;

}

.shop-page .single-product:hover .product-name .price {opacity: 0;}

.shop-page .single-product .product-name .add-to-cart {

  position: absolute;

  width: 100%;

  bottom: -10px;

  opacity: 0;

  left:0;

  text-align: center;

}

.shop-page .single-product .product-name .add-to-cart a {

  font-weight: 700;

  font-size: 14px;

  text-transform: uppercase;

  line-height: 33px;

}

.shop-page .single-product .product-name .add-to-cart a:hover {text-decoration: underline;}

.shop-page .single-product .product-name .add-to-cart a i {font-weight: normal;}

.shop-page .single-product:hover .product-name .add-to-cart {

  opacity: 1;

  bottom: 0;

}

.shop-page .single-product {margin-bottom: 40px;}

/*------------------ Shop Details ------------------*/

.shop-details .product-details .product-tab {

  border: 1px solid #d7d7d7;

  border-radius: 5px;

  min-height: 380px;

}

.shop-details .product-details .product-tab .product-preview {

  width: 70%;

  float: left;

  border-right: 1px solid #d7d7d7;

  height: 380px;

  position: relative;

}

.shop-details .product-details .product-tab .product-preview img {

  position: absolute;

  top:50%;

  left:50%;

  border-radius: 5px;

  -webkit-transform:translate(-50% , -50%);

          transform:translate(-50% , -50%);

  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12);

}

.shop-details .product-details .product-tab .product-thumbnail {

  float: left;

  width: 30%;

  height: 380px;

}

.shop-details .product-details .product-tab .product-thumbnail .nav-tabs {

  border: none;

  position: relative;

  top:50%;

  display: block;

  -webkit-transform:translateY(-50%);

          transform:translateY(-50%);

}

.shop-details .product-details .product-tab .product-thumbnail .nav-tabs li {

  margin:0;

  text-align: center;

}

.shop-details .product-details .product-tab .product-thumbnail .nav-tabs li a {

  padding: 0;

  margin: 15px 0;

  border: none;

  background: transparent;

  display: inline-block;

}

.shop-details .product-details .product-tab .product-thumbnail .nav-tabs li a img {

  border-radius: 5px;

  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12);

}

.shop-details .product-details .product-info {padding-left: 20px;}

.shop-details .product-details .product-info .title {font-size: 26px;}

.shop-details .product-details .product-info .price {

  font-size: 28px;

  font-weight: 600;

  margin: 5px 0 12px 0;

}

.shop-details .product-details .product-info .price del {

  font-size: 20px;

  font-weight: normal;

  color: #afafaf;

  margin-right: 5px;

}

.shop-details .product-details .product-info .order-box li {

  display: inline-block;

  vertical-align: middle;

}

.shop-details .product-details .product-info .order-box li:nth-child(1) {

  font-family: 'Nunito Sans', sans-serif;

  color: #232323;

  margin-right: 5px;

}

.shop-details .product-details .product-info .order-box li:nth-child(2) button,

.shop-details .product-details .product-info .order-box li:nth-child(2) input {

  background: transparent;

  display: inline-block;

  line-height: 30px;

  border: none;

  text-align: center;

}

.shop-details .product-details .product-info .order-box li:nth-child(2) {

  border: 1px solid #d7d7d7;

  line-height: 30px;

  padding: 0 10px;

  border-radius: 5px;

}

.shop-details .product-details .product-info .order-box li:nth-child(2) button {

  font-size: 20px;

  font-weight: 300;

}

.shop-details .product-details .product-info .order-box li:nth-child(2) input {

  width: 40px;

  margin-left: 10px;

}

.shop-details .product-details .product-info .order-box {margin: 35px 0 30px 0;}

.shop-details .product-review-tab {

  border: 1px solid #d7d7d7;
  background: #f8faff;
  border-radius: 5px;

  margin: 75px 0 75px 0;

  padding: 22px 40px 20px 40px;
  min-height:270px;

}

.shop-details .product-review-tab .nav-tabs .nav-link {

  border: none;

  border-bottom: 1px solid transparent;

  border-radius: 0;

  font-weight: 600;

  font-size: 20px;

  color: #232323;

  padding: 0 0 15px 0;

  margin-right: 35px;

}

.shop-details .product-review-tab .nav-tabs .nav-item.show .nav-link,

.shop-details .product-review-tab .nav-tabs .nav-link.active {

  border-bottom-color: #001a57;

  background: transparent;

}

.shop-details .product-review-tab .tab-content {padding-top: 28px;}

.shop-details .product-review-tab .tab-content p {padding-bottom: 13px;}

.shop-details .product-review-tab img {width: 70px;}

.shop-details .product-review-tab .comment {

  width: calc(100% - 70px);

  padding-left: 20px;

}

.shop-details .product-review-tab .comment ul li {

  display: inline-block;

  font-size: 15px;

  color: #ecc230;

}

.shop-details .product-review-tab .single-review {margin-bottom: 20px;}

.shop-details .product-review-tab .single-review:last-child {margin: 0;}

.shop-details .related-product .theme-title-one {text-align: left;margin-bottom: 50px;}

.shop-details .related-product .theme-title-one h2 {font-size: 30px;}

.shop-details .related-product .theme-title-one h2:before {

  left:0;

  margin: 0;

}

.shop-details .related-product {margin-bottom: 70px;}

/*---------------------- Faq Page ------------------*/

.faq-page .faq-panel {margin-top: 90px;}

.faq-page .faq-panel .panel-group {

  border:1px solid #efefef;

  border-bottom: none;

}

.faq-page .faq-panel .panel {margin: 0;}

.faq-page .panel-group .panel-heading h6 a {

  color:#1c2125;

  padding: 24px 63px 24px 30px;

  display: block;

  position: relative;

}

.faq-page .panel-group .panel-heading h6 a:before {

  content: '+';

  width:60px;

  height:100%;

  position: absolute;

  top:0;

  right:0;

  background: #f8f8f8;

  border-left:1px solid #efefef;

  text-align: center;

  line-height: 65px;

  font-size: 18px;

}

.faq-page .panel-group .panel-heading.active-panel h6 a:before {

  content: '';

  font-family: 'font-awesome';

  font-size: 14px;

}

.faq-page .panel-group .panel-heading {border-bottom:1px solid #efefef;}

.faq-page .panel-group .panel-body {padding: 35px 50px 50px 30px; border-bottom:1px solid #efefef;}

.faq-page .panel-group .panel-body ol {margin:15px 0;padding: 0 0 0 20px;}

.faq-page .panel-group .panel-body ol li {line-height: 28px;}

/*----------------------------- Error Page --------------------------*/

.error-page {text-align: center;margin-bottom: 175px;}

.error-page h2 {

  font-size: 140px;

  font-weight: 700;

  letter-spacing: 14px;

}

.error-page h3 {

  font-weight: normal;

  color:#413f3f;

  font-size: 42px;

  margin: 18px 0 32px 0;

}

.error-page p {

  font-size: 20px;

  color:rgba(0,0,0,0.6);

  margin-bottom: 56px;

}

.error-page a {line-height: 55px;}

.error-page span.or {

  font-size: 18px;

  color:#2f2f2f;

  margin:0 16px;

}

.error-page input {

  height:55px;

  width:380px;

  padding: 0 20px;

  border:1px solid #f0f0f0;

}



.counting_sl h4 {

    color: #16416E;

    font-size: 14px;

    margin-bottom: 0;

    text-transform: uppercase;

}

.counting_sl i {

    background: #16416E none repeat scroll 0 0;

    border-radius: 500px;

    color: #fff;

    font-size: 30px;

    height: 60px;

    width: 60px;

    line-height: 60px;

    text-align: center;

}



.single-service .text h2 {

    text-transform: uppercase;

    font-size: 18px;

    margin-top: 14px;

    margin-bottom: 15px;

}

.single-service .icon-left i {

    background: #041531 none repeat scroll 0 0;

    border-radius: 100%;

    color: #fff;

    font-size: 18px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    width: 50px;

}

.fa-icn h6 i{

    background: #001a57 none repeat scroll 0 0;

    border-radius: 500px;

    color: #fff;

    font-size: 30px;

    height: 60px;

    width: 60px;

    line-height: 60px;

    text-align: center;

}





.pannel-report {

    max-height: 350px;

    min-height: 350px;

    overflow: hidden;

}

.panel-primary {

    border-color: #041531;

}

.panel {

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid transparent;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);

    box-shadow: 0 1px 1px rgba(0,0,0,.05);

}



.pakage-icon i {

    background: #16416E none repeat scroll 0 0;

    border-radius: 100%;

    color: #fff;

    font-size: 40px;

    height: 80px;

    line-height: 80px;

    position: absolute;

    top: 40px;

    transform: translateX(-50%);

    width: 80px;

}
#tracksheet h5, #reports h5{font-size:15px;}
#tracksheet img, #reports img{margin-bottom:10px;}
.form-control{height:42px !important;font-size: 1.5rem;}
.service .single-solution-block h5{font-weight:bold;font-size:16px;}
.sd ul{line-height:35px;padding-left: 30px;margin-top:15px;}
.sd ul li:before{
    position: absolute;
    left: 0;
    margin-top: 15px;
    margin-right: 10px;
    margin-left: 15px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    content: "";
    background: #435582;
}
.sd h1{font-size: 25px;}
.opbox{
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 15px;
    margin-top: 20px !important;
}

#right_toolbar {
    position: fixed;
    right: 0px;
    top: 70%;
    z-index: 5000;
}
#right_toolbar .search_wrapper {
    clear: both;
    position: relative;
    height: 40px;
    top: -100px;
}
#right_toolbar .form-talk {
    border: 1px solid #16416E;
    background-color: #FFFFFF;
    color: #16416E;
    max-width: 300px;
    width: 400px;
    height: auto;
    position: absolute; 
    top: -65px;
    right: -350px;
    z-index: -999999999;
    /*padding: 30px 20px;*/
    /*border-radius: 10px;*/
}
#right_toolbar .form-talk h4{
    /*border-radius: 7px 7px 0px 0px;*/
    padding: 10px;
    background-color: #16416E;
    color: #FFFFFF;
}
#right_toolbar .form-talk p{
    padding: 10px;
}
.tgl{
  font-size: 27px;
  padding: 10px;
  color: #FFFFFF;
  background-color: #16416E;
 }

 .tgl:focus, .tgl:hover{
  color: #FFFFFF;
}
.modelPopup{
  position: fixed;
  right: 0px;
  top: 121px;
  z-index: 5000;
  font-size: 15px;
  color: #FFFFFF;
 }

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

#mySidenav {
  position: fixed;
  left: 0;
  top: 100px;
  z-index: 999;
}
#mySidenav a {
    position: absolute;
    left: 0px;
    transition: 0.3s;
    padding: 12px 5px 12px 18px;
    width: 50px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    /*border-radius: 0 5px 5px 0;*/
}
#mySidenav a:hover {
    padding: 12px 5px 12px 35px;
    width: 67px;
}

#facebook {
    top: 20px;
    background-color: #3B5998;
}

#youtube {
    top: 80px;
    background-color: #BF221F;
}

#linkedin {
    top: 140px;
    background-color: #007BB6;
}

#twitter {
    top: 200px;
    background-color: #56A3D9;
}

.free-trial-sec{
    position: absolute;
    top: 250px;
    z-index: 21;
    right: 4%;
    width: 100%;
    max-width: 300px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
}

/*#mega-menu-holder>ul> li> a{
  color: #FFFFFF;
}
#mega-menu-holder>ul> li> a:before{
  color: #FFFFFF;
}
.fa-angle-down:before{
  color: #FFFFFF;
}
#mega-menu-holder>ul> li.active > a, #mega-menu-holder>ul> li:hover > a, #mega-menu-holder>ul> li.active > .sub-toggle, #mega-menu-holder>ul> li:hover > .sub-toggle{
  color: #000000;
}*/

.modal-content{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    max-width: 350px;
    margin: 0 auto;
}

.error_message{
    position: absolute;
    top: 200px;
    z-index: 21;
    right: 32%;
}

.free-trial-sec .row{
  margin-left: 100px;
  margin-bottom: 10px;
}

.signup-form .row .alertForModal{
    width: 258px;
    margin-top: 10px;
    margin-left: -100px;
    font-size: 15px;
}

.alertForModal{
    width: 320px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 15px;
}

.modal-header{
  background-color: #16416E;
}
.modal-header h4{
  color: #FFFFFF;
}

button.close{
  color: #FFF;
}
button.close:hover{
  color: #FFF;
}

.scroll-top{
	top: 560px;
}

.theme-footer-one .top-footer .free_trial{
	margin-bottom: 0px;
	color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.theme-footer-one .top-footer .footer-newsletter select {
	margin-bottom: 5px;
}

.right-widget ul{padding: 0px;}
.right-widget ul li {display: inline-block;line-height: 75px;vertical-align: middle;}
.right-widget ul li a .fa{color:#fff;}
.right-widget .social-icon li a {
	  font-size: 25px;
	  padding: 5px;
	  color: #000;
	  margin: 0 5px;
}
.hidden-desktop{display: none;}
.f-t-mobile{
	display: none;
}

@media screen and (max-width: 768px){
	.hidden-desktop{display: block;}
	.modelPopup{
		z-index: 1;
	}
	#mySidenav{
		z-index: 1;
	}
  	.collapse-button{
      position: relative;
      margin: 15px;
      font-size: 14px;
      text-align: center;
      cursor: pointer;
      float: left;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      z-index: 99999999;
  	}
  	.header-one .top-header{
  		padding-top: 0px !important;
  	}
  	#mega-menu-holder{
    	z-index: 99999999;
  	}
  	#right_toolbar{
  		z-index: 1 !important;
  	}
  	.col-6 {
  		max-width: 100%;
	}
	.free-trial-sec{
		display: none;
	}
	.modelPopup{
		top: 120px;
	}
	#right_toolbar .search_wrapper{
		top: -150px;
	}
	.scroll-top{
		top: 440px;
	}
	.owl-carousel{
		z-index: 0;
	}
	#mySidenav{
		display: none;
	}
	.tgl {
	    font-size: 25px;
	    padding: 5px;
	    color: #FFFFFF;
	    background-color: #16416E;
	}
	.f-t-desktop{
		display: none;
	}
	.f-t-mobile{
		display: block;
	}
}

.top-ghead-kri{color:#fff; font-size: 15px;}
.top-ghead-kri a{color: #fff;
    background: #00b458;
    padding: 6px 20px;
    border-radius: 9px;
    margin-bottom: 6px;
    font-weight: bold;}
	
	.ftk {padding:9px;}
	.ftk .form-control {margin-bottom:9px}
	.ftk .theme-button-one{    line-height: 50px;
    font-size: 17px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    padding: 0 54px;
    background: #00b458;
    width: 100%;}
	.ftk p{text-align:center;color:#fff}
  #mega-menu-holder>ul> li> a{color:#fff;}
  #mega-menu-holder>ul> li> a:before{color:#fff;}
	#mega-menu-holder>ul> li:hover > a{color:#ddd;}
  .pay-btn-res{display:none;}
  .pabtn{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 46px;
    padding: 0 27px;
    border-width: 2px;
    border-radius: 5px;
    border-style: solid;
    border-color: #16416E;
    -webkit-animation: argh-my-eyes 1s infinite;
    -moz-animation:    argh-my-eyes 1s infinite;
    animation:         argh-my-eyes 1s infinite;
  }
  @-webkit-keyframes argh-my-eyes {
    0%   { background-color: #fff;color:#000; }
    49% { background-color: #fff;color:#000; }
    50% { background-color: #CEE07A; }
    99% { background-color: #CEE07A; }
    100% { background-color: #fff;color:#000; }
  }
  @-moz-keyframes argh-my-eyes {
    0%   { background-color: #fff;color:#000; }
    49% { background-color: #fff;color:#000; }
    50% { background-color: #CEE07A; }
    99% { background-color: #CEE07A; }
    100% { background-color: #fff;color:#000; }
  }
  @keyframes argh-my-eyes {
    0%   { background-color: #fff;color:#000; }
    49% { background-color: #fff;color:#000; }
    50% { background-color: #CEE07A; }
    99% { background-color: #CEE07A; }
    100% { background-color: #fff;color:#000; }
  }
.logoimg{max-width:250px;}
	/* COMMON PRICING STYLES */
		.panel.price,
		.panel.price>.panel-heading{
			border-radius:0px;
			 -moz-transition: all .3s ease;
			-o-transition:  all .3s ease;
			-webkit-transition:  all .3s ease;
		}
		.panel.price>.panel-heading h3{color:#fff;font-size:18px;}
		.panel.price:hover{
			box-shadow: 0px 0px 30px rgba(0,0,0, .2);
		}
		.panel.price:hover>.panel-heading{
			box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
		}
		
				
		.panel.price>.panel-heading{
			box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
		}
			
		.price .list-group-item{
			border-bottom-:1px solid rgba(250,250,250, .5);
		}
		
		.panel.price .list-group-item:last-child {
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
		}
		.panel.price .list-group-item:first-child {
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
		}
		
		.price .panel-footer {
			color: #fff;
			border-bottom:0px;
			background-color:  rgba(0,0,0, .1);
			box-shadow: 0px 3px 0px rgba(0,0,0, .3);
		}
		
		
		.panel.price .btn{
			box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
			border:0px;
		}
		
	/* green panel */
	
		.panel-green{border:1px solid green;}

		.panel-green .rowone{background:#65C965; color: white;}
		.price.panel-green>.panel-heading {
			color: #fff;
			background-color: #57AC57;
			border-color: #71DF71;
			border-bottom: 1px solid #71DF71;
		}
		
		.price.panel-green .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		
		/* blue panel */
	
		.panel-blue{border:1px solid blue;}
		.panel-blue .rowone{background:#73A3D4; color: white;}
		.price.panel-blue>.panel-heading {
			color: #fff;
			background-color: #608BB4;
			border-color: #78AEE1;
			border-bottom: 1px solid #78AEE1;
		}
		
		.price.panel-blue .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		
		/* red price */
		
		.panel-red{border:1px solid red;}
		.panel-red .rowone{background:#EF5A5C; color: white;}
		.price.panel-red>.panel-heading {
			color: #fff;
			background-color: #D04E50;
			border-color: #FF6062;
			border-bottom: 1px solid #FF6062;
		}
		
		.price.panel-red .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		
		/* grey price */
		
		.price.panel-grey{border:1px solid #ddd;}
		.panel-grey .rowone{background:#808080; color: white;}
		.price.panel-grey>.panel-heading {
			color: #fff;
			background-color: #6D6D6D;
			border-color: #B7B7B7;
			border-bottom: 1px solid #B7B7B7;
		}
		
		.price.panel-grey .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		
		/* grey pink */
		
		.price.panel-pink{border:1px solid #FF567C;}
		.panel-pink .rowone{background:#FF567C; color: white;}
		.price.panel-pink>.panel-heading {
			color: #fff;
			background-color: #FF567C;
			border-color: #B7B7B7;
			border-bottom: 1px solid #B7B7B7;
		}
		
		.price.panel-pink .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}

		.btn-pink{background:#FF567C;}
		
		/* grey yellow */
		
		.price.panel-yellow{border:1px solid #FF8C00;}
		.panel-yellow .rowone{background:#FF8C00; color: white;}
		.price.panel-yellow>.panel-heading {
			color: #fff;
			background-color: #FF8C00;
			border-color: #B7B7B7;
			border-bottom: 1px solid #B7B7B7;
		}
		
		.price.panel-yellow .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		
		/* white price */
		
	
		.price.panel-white>.panel-heading {
			color: #333;
			background-color: #f9f9f9;
			border-color: #ccc;
			border-bottom: 1px solid #ccc;
			text-shadow: 0px 2px 0px rgba(250,250,250, .7);
		}
		
		.panel.panel-white.price:hover>.panel-heading{
			box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
		}
		
		.price.panel-white .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
.table-pricing>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{font-size: 13px;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}