/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */


/*Dark Blue 1697bf to 002bae*/

.btn-check:checked+.btn-outline-blue {
	background-color: #002bae !important;
	color: #fff !important;
}

[data-color="blue"] .bg-purple {
	background-color: #002bae !important;
}

[data-color="blue"] .c-purple {
	color: #002bae !important;
}

[data-color="blue"] .golink-dark {
	color: #002bae !important;
}

[data-color="blue"] .btn-default-purple {
	color: #002bae;
	border: 1px solid #002bae;
}

[data-color="blue"] .btn-default-purple:hover {
	background-color: #002bae;
}

[data-color="blue"] .btn-default-purple-fill {
	background-color: #002bae !important;
}

[data-color="blue"] .wpc-vps-info .price-wrap .title {
	background-color: #002bae;
}


/*Light Blue 55bde5 to 2e59c6*/

.blue a {
	background: #2e59c6;
}

[data-color="blue"] svg #svg-ico {
	fill: #2e59c6;
}

[data-color="blue"] svg #svg-concept {
	stroke: #2e59c6;
}

[data-color="blue"] .golink {
	color: #2e59c6 !important;
}

[data-color="blue"] .golink:hover {
	color: #2e59c6 !important;
}

[data-color="blue"] .bg-pink {
	background-color: #2e59c6 !important;
}

[data-color="blue"] .c-pink {
	color: #2e59c6 !important;
}

[data-color="blue"] .bb-pink {
	border-bottom: solid 1px #2e59c6 !important;
}

[data-color="blue"] .popover-body {
	border: solid 2px #2e59c6;
}

[data-color="blue"] .popover .popover-header {
	background-color: #2e59c6;
}

[data-color="blue"] ::selection {
	background: #2e59c6;
}

[data-color="blue"] .nav-menu .main-menu > .menu-item > .sub-menu > .menu-item a:hover {
	color: #2e59c6 !important;
}

[data-color="blue"] .nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a:hover {
	color: #2e59c6 !important;
}

[data-color="blue"] .megamenu .start-offer .inner {
	background-color: #2e59c6;
}

[data-color="blue"] .megamenu .service-list .service.special .media-body a:hover {
	color: #2e59c6;
}

[data-color="blue"] .megamenu .service-list .service .media-body a:hover {
	color: #2e59c6 !important;
}

[data-color="blue"] .megamenu-list .service-list .service .media-body a:hover {
	color: #2e59c6 !important;
}

[data-color="blue"] .team .wrapper:hover .team-info .desc {
	color: #2e59c6;
}

[data-color="blue"] .wpc-cloud-range .noUi-connect {
	background-color: #2e59c6;
}

[data-color="blue"] .wpc-cloud-range .noUi-tooltip:before {
	border-color: #2e59c6 transparent transparent transparent;
}

[data-color="blue"] .wpc-cloud-range .noUi-tooltip {
	background-color: #2e59c6;
}

[data-color="blue"] .wpc-cloud-range .noUi-horizontal .noUi-handle {
	background-color: #2e59c6;
}

[data-color="blue"] .wpc-vps-info .title .info {
	color: #2e59c6;
}

[data-color="blue"] .fullrock .closer {
	color: #2e59c6 !important;
}

[data-color="blue"] .sec-bg5 {
	background-color: #2e59c6;
}

[data-color="blue"] .btn-default-pink {
	color: #2e59c6;
	border: 1px solid #2e59c6;
}

[data-color="blue"] .btn-default-pink:hover {
	background-color: #2e59c6;
}

[data-color="blue"] .btn-default-pink-fill {
	background-color: #2e59c6 !important;
}

[data-color="blue"] .pricing .wrapper .title {
	color: #2e59c6;
}

[data-color="blue"] .pricing .list-info {
	background-color: #2e59c6;
}

[data-color="blue"] .slick #slider .plan-container .title {
	color: #2e59c6;
}

[data-color="blue"] .tabs-header .btn-secondary:not(:disabled):not(.disabled).active {
	background-color: #2e59c6 !important;
}

[data-color="blue"] .tabs.offers-tabs .tabs-header .active {
	border-left: solid 3px #2e59c6 !important;
	color: #2e59c6 !important;
}

[data-color="blue"] .tabs.offers-tabs .tabs-header .active:hover {
	color: #2e59c6 !important;
}

[data-color="blue"] .fill-input:focus {
	border-color: #2e59c6 !important;
}

[data-color="blue"] .countdown .wrapper .clock div:first-child {
	border: solid 1px #2e59c6;
	background-color: #2e59c6;
}

[data-color="blue"] .accordion.faq .panel-title.active {
	border-bottom: solid 1px #2e59c6;
}

[data-color="blue"] .blog .sidebar .heading.active {
	color: #2e59c6 !important;
}

[data-color="blue"] .blog .sidebar .posts .tabs-header li.active {
	color: #2e59c6 !important;
	border-bottom-color: #2e59c6 !important;
}

[data-color="blue"] .blog .sidebar .line.active:before {
	background-color: #2e59c6 !important;
}

[data-color="blue"] .blog .media .media-heading a:hover {
	color: #2e59c6;
}

[data-color="blue"] .blog .wrap-blog .social-icon i {
	color: #2e59c6;
}

[data-color="blue"] .blog .sidebar .categories .heading a.active {
	color: #2e59c6 !important;
}

[data-color="blue"] .blog .sidebar .categories .heading a:after {
	color: #2e59c6;
}

[data-color="blue"] .blog .sidebar .categories .heading span {
	color: #2e59c6;
}

[data-color="blue"] .circle-section .title-round {
	color: #2e59c6;
}

[data-color="blue"] .domain-prices li {
	color: #2e59c6;
}

[data-color="blue"] .maping .datacenters {
	background: #2e59c6;
}

[data-color="blue"] .footer .soc-icons i {
	color: #2e59c6;
}

[data-color="blue"] .included i {
	color: #2e59c6;
}

[data-color="blue"] .soc-icons-apply span {
	color: #2e59c6;
}

[data-color="blue"] .bigline {
	border: solid 1px #2e59c6;
}

[data-color="blue"] .smallline {
	border: solid 1px #2e59c6;
}

[data-color="blue"] .knowledge a {
	color: #2e59c6;
}

[data-color="blue"] .godown span {
	color: #2e59c6;
}

[data-color="blue"] .cd-filter-block input[type=radio]:checked + label::before {
	border: solid 1px #2e59c6 !important;
	background-color: #2e59c6 !important;
}

[data-color="blue"] .cd-filter-block input[type=checkbox]:checked + label::before {
	border: solid 1px #2e59c6 !important;
	background-color: #2e59c6 !important;
}

[data-color="blue"] .cd-filter-block input:focus, [data-color="blue"] .cd-filter-block select:focus {
	border-color: #2e59c6 !important;
}

[data-color="blue"] .range-slider-input::-webkit-slider-runnable-track {
	background: #2e59c6;
}

[data-color="blue"] .range-slider-input::-webkit-slider-thumb {
	background: #2e59c6;
}

[data-color="blue"] .zoo-content .icoo i {
	background-color: #2e59c6;
}

[data-color="blue"] .services .service-wrap .pay img {
	border: solid 1px #2e59c6;
}

[data-color="blue"] .page-item.active .page-link {
	background-color: #2e59c6 !important;
	border-color: #2e59c6 !important;
}

[data-color="blue"] .cd-filter-block input.range-slider-input {
	background-color: #2e59c6 !important;
}

[data-color="blue"] .range-slider-input::-webkit-slider-thumb {
	background-color: #2e59c6 !important;
}

[data-color="blue"] .range-slider-input::-moz-range-thumb {
	background-color: #2e59c6 !important;
}

[data-color="blue"] .activelayout, .styleswitch:hover {
	border-bottom: solid 1px #2e59c6 !important;
}

[data-color="blue"] .activebackground, .styleswitch:hover {
	border-bottom: solid 1px #2e59c6 !important;
}

[data-color="blue"] .activecolor, .styleswitch:hover {
	border-bottom: solid 1px #2e59c6 !important;
}

[data-color="blue"] .activeheader, .styleswitch:hover {
	border-bottom: solid 1px #2e59c6 !important;
}

[data-color="blue"] .activefont, .styleswitch:hover {
	border-bottom: solid 1px #2e59c6 !important;
}

[data-color="blue"] .activetextDirection, .styleswitch:hover {
	border-bottom: solid 1px #2e59c6 !important;
}

[data-color="blue"] .activeradius, .styleswitch:hover {
	border-bottom: solid 1px #2e59c6 !important;
}

[data-color="blue"] .gdprcookie-types ul li input:checked ~ label {
	background-color:#2e59c6;
	border:solid 1px #2e59c6;
}

[data-color="green"] .tabs.offers-tabs .tabs-header .active:hover {
	color: #2e59c6;
}

/*Gradient*/

[data-color="blue"] .total-grad {
	background: linear-gradient(-60deg, #2e59c6 0%, #002bae 100%) !important;
}

[data-color="blue"] .total-grad-inverse {
	background: linear-gradient(240deg, #002bae 0%, #2e59c6 100%);
}

[data-color="blue"] .menu-wrap.fixed {
	background: linear-gradient(89deg, #002bae 3%, #2e59c6 98%);
}

[data-color="blue"] .btn-default-grad-purple-fill {
	background-image: linear-gradient(to right, #002bae, #2e59c6 40%, #2e59c6 40%, #002bae);
}

[data-color="blue"] .btn-default-grad-purple-fill:hover {
	background-image: linear-gradient(to right, #002bae, #2e59c6 40%, #2e59c6 40%, #002bae);
}

[data-color="blue"] .btn-default-grad-purple-fill:hover {
	background-image: linear-gradient(to right, #002bae, #2e59c6 40%, #2e59c6 40%, #002bae);
}

[data-color="blue"] .sec-grad-white-to-purple {
	background: linear-gradient(90deg, #fff 70%, #002bae 0%) !important;
}

/*black test color*/

.sec-bg6 {
    background-color: #000;
}
.sec-bg4, a.plans.badge.feat {
    background-color: #000;
}
[data-color="blue"] .pricing .list-info {
    background-color: #000!important;
}

 .section-heading, .section-subheading{color:#fff!important;}
.footer{    background-color: #000;}
/*.blog .sidebar .categories .line:not(.active), .pricing.table.tablepage, .sec-bg2 {*/
/*    background-color: #000;*/
/*}*/
section.services.sec-normal.sec-bg2.bg-seccolorstyle{background:#000;}

.overlay:before, .top-header, .sec-bg3, [data-background=dark] .menu-wrap.fixed .nav-menu .main-menu>.menu-item:hover{background-color: #000;}
[data-color=blue] .total-grad-pink-blue-intense {
    background: linear-gradient(240deg, #131313 50%, #002bae 100%);
}
 .makeItBlack{
     color:#212529!important;
 }


.animated-button{
  display: inline-block;
  padding: 10px 20px;
  color: white; /* Adjust based on your design */
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  background: linear-gradient(to right, #002bae, #2e59c6 40%, #2e59c6 60%, #002bae);
  background-size: 200% 100%; /* Ensure the gradient spans twice the width */
  border-radius: 50px; /* Optional: For rounded edges */
  animation: glowing-animation 3s infinite, gradient-move  infinite linear;
  box-shadow: 0 0 10px #002bae, 0 0 20px #2e59c6, 0 0 30px #002bae;
  transition:.3s linear!important;
}
.menu-item.menu-item-has-children.animated-button:hover, .menu-item.menu-item-has-children.animated-button a:hover {background:#002bae!important; transition:.9s!important;}


/* Animation for glowing */
@keyframes glowing-animation {
  0% {
    box-shadow: 0 0 10px #002bae, 0 0 20px #2e59c6, 0 0 30px #002bae;
  }
  50% {
    box-shadow: 0 0 20px #2e59c6, 0 0 30px #002bae, 0 0 40px #2e59c6;
  }
  100% {
    box-shadow: 0 0 10px #002bae, 0 0 20px #2e59c6, 0 0 30px #002bae;
  }
}

/* Animation for gradient movement */
@keyframes gradient-move {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}