/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

.bg-theme-colored {
    background-color: #000 !important;
}
.modern-header.modern-header-theme-colored .header-nav .header-nav-wrapper:not(.scroll-to-fixed-fixed) nav {
    background: #0061A9;
}
.modern-header .header-nav .header-nav-wrapper:not(.scroll-to-fixed-fixed) {
    box-shadow: none;
    background: #0061a9;
}
.text-theme-colored2 {
    color: #0061a9 !important;
}
.modern-header.modern-header-theme-colored .header-nav .header-nav-wrapper.scroll-to-fixed-fixed {
    background: #0061a9;
}
.menuzord-menu > li > a {
    font-size: 16px;
}
.menuzord.blue .menuzord-menu > li.active > a, .menuzord.blue .menuzord-menu > li:hover > a, .menuzord.blue .menuzord-menu ul.dropdown li:hover > a {
    background: #aba9a9 !important;
    color: #fff;
}
.btn-primary{
	background-color:#0262ad !important;
	border-color:#0262ad !important;
	color:#fff;
}
.btn-primary:hover {
    background-color: #fff !important;
    border-color: #0262ad !important;
    color: #0262ad;
}
.btn-theme-colored {
    color: #fff;
    background-color:#0262ad !important;
    border-color:  #0262ad !important;
}
#homeServiceCards .card{
	border-radius:30px;
	padding:10px;
	min-height:auto !important;
}
#homeServiceCards .card-body{
	border-radius:28px;
	background-color:#e7f4ff;
}
#homeServiceCards .iconServ{
	font-size: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 50%;
    color: #325595;
    margin-bottom: 20px;
}
#homeServiceCards .iconArrow{
    padding: 10px 13px;
    background: #fa5850;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
}
#homeCalculatorSlider{
	background:#4a4442;
}
#homeCalculatorSlider .h5{
	color:#fff;
	font-size:20px;
}
@media screen and (min-width:1367px){
	.modern-header:not(.modern-header-nav-autopadding) .menuzord-menu > li > a {
	    padding: 15px 35px !important;
	}
}
@media screen and (min-width:992px){
	.modern-header:not(.modern-header-nav-autopadding) .menuzord-menu > li > a {
	    padding: 25px 23px;
	}
}
#homeGoalSection .card{
	min-height:auto;
	padding:10px;
	text-align:left;
	border-color:#ededed;
}
#homeGoalSection .goalIconBack{
    padding: 10px;
    border: 1px solid #d2d8e3;
    border-radius: 50%;
    color: #fff;
}
#homeGoalSection .goalIconHome{
    font-size: 20px;
    padding: 18px 17px;
    background: #000;
    border-radius: 50%;
}
#homeGoalSection p{
    color:#666666;
}
.text-justify{
	text-align:justify !important;
}
#homeGoalSection .goalIconHome:hover{
	font-size: 20px;
    padding: 18px 17px;
    background: #0061a9;
    border-radius: 50%;
}
#homeGoalSection .goalIconRetire{
    font-size: 20px;
    padding: 18px 18px;
    background: #000;
    border-radius: 50%;
}
#homeGoalSection .goalIconRetire:hover{
	font-size: 20px;
    padding: 18px 18px;
    background: #0061a9;
    border-radius: 50%;
}
#homeGoalSection .goalIconEdu{
    font-size: 20px;
        padding: 18px 15px;
    background: #000;
    border-radius: 50%;
}
#homeGoalSection .goalIconEdu:hover{
	font-size: 20px;
    padding: 18px 15px;
    background: #0061a9;
    border-radius: 50%;
}
#homeGoalSection .goalIconEmer{
    font-size: 20px;
        padding: 18px 16px;
    background: #000;
    border-radius: 50%;
}
#homeGoalSection .goalIconEmer:hover{
	font-size: 20px;
    padding: 18px 16px;
    background: #0061a9;
    border-radius: 50%;
}
#homeGoalSection .card:hover h4{
    color: #fa5850;
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #fa5850 !important;
}
#homeBlog .card{
	min-height:auto !important;
	padding-bottom:0 !important;
}
#homeNews .card{
	min-height:auto !important;
	padding-bottom:0 !important;	
}
#homeNews .newsBatch{
	background: #000;
    width: 8px;
    height: 40px;
    display: inline-flex;
    position: absolute;
    top: 18px;
    border-radius: 0 5px 5px 0;
}
#homeNews .card:hover .newsBatch{
	background: #0061a9;
   	width: 8px;
    height: 40px;
    display: inline-flex;
    position: absolute;
    top: 18px;
    border-radius: 0 5px 5px 0;
}

/* logo slider start */
@keyframes scroll {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(calc(-250px * 7));
	}
}
 .clien-slider {
	 height: 100px;
	 margin: auto;
	 overflow: hidden;
	 position: relative;
	 width: auto;
}
 .clien-slider .client-slide-track {
	 animation: scroll 40s linear infinite;
	 display: flex;
	 width: calc(200px * 90);
}
 .clien-slider .client-logo-slide {
	 height: 100px;
	 width: 250px;
}
/* logo slider end */
#aboutManagement .card{
	padding:10px;
	min-height:auto !important;
}
#aboutWhyus i{
	color:#fa5850 !important;
}
#ourApproach .card{
	padding:10px;
	min-height:auto;
	background-color:#325595 !important;
}


/* service page start */
#servicePageCard .card{
	border-top:5px solid #005fa8;
}
/* service page end */
/* service ourfees start */
#ourfees .card{
	border:1px solid #d2d2d2;
	padding-bottom:0% !important;
	min-height:auto !important;
	
	
}
#risk .card{
	border:1px solid #d2d2d2;
	padding-bottom:0% !important;
	min-height:auto !important;
}

/* service ourfees end */
/* header register content start */
@media screen and (max-width: 991px) {
  .register {
      display: block-inline;
      margin-left: 80px;
     margin-right: auto; 
  }
}

/* header register content end */
/* header register content start */
@media screen and (max-width: 991px) {
  .finance {
      margin-top:30px; 
  }
}
/* header register content end */
/* contact us page ourapproach start */
#ourApproach i {
    color: #fa5850 !important;
}
@media (max-width: 992px){
.pt-lg-0 {
    padding-top: 0!important;
}
}
/* contact us page ourapproach end */
/* fund  page fundcard start */

/* fund  page fundcard start */


 
#ruleSection .card {
	min-height:auto !important;
	text-align:left;
	padding:30px !important;
	background:#325595;	
}
.carousel-indicators [data-bs-target]{
	width:10px;
	height:10px;
    background-color: #da9106;
}
.home-about{
	border-radius:20px;
}
.home-about-title{
	font-size:40px;
}
.btn-banner{
	background-color:#0061a9 !important;
	color:#fff !important;
}
.btn-contact-banner{
	border:2px solid #0061a9 !important;
	color:#0061a9 !important;
}
.home-about-high{
	min-height:auto !important;
	padding:0;
    width: 300px;
    border-radius:0 20px 0 0;
}
.servicecard{
	min-height:auto;
	padding:0;
    border-radius:20px;
}
.homegoalsImae{
    position: absolute;
    top: -70px;
    border-radius: 20px;
    border: 5px solid #fff;
}
.breadcrumb li.active{
    color: #fff;
}
.contactCard{
	min-height:auto !important;
	padding:0;
	border-radius:20px;
}
.addressCard{
	min-height:auto !important;
	padding:0;
	background:  #0061a9;
	border-radius:15px;
}
.servicePageImage{
	position:relative;
	top:-80px;
}
.serviceImage{
	border-radius:20px;
}
.aboutCard{
	min-height:auto;
	padding:0;
	border-radius:20px;
}
.approachCard{
	min-height:auto;
	padding:0;
	border-radius:20px;
    background: #373738;
}
.widget {
    margin-bottom: 15px;
}
#homeServices .card{
	min-height:auto;
	padding:0px;
	border-radius:20px;
    border: 2px solid #dbeefd;
    text-align:left;
}
#homeServices .card:hover{
	min-height:auto;
	padding:0px;
	border-radius:20px;
    border: 2px solid #0061a9;
    box-shadow:0 0 20px #bde3ff;
    text-align:left;
    transition: 1s;
}
.serviceIcons{
   	background: #e2f2ff;
    padding: 10px;
    border-radius: 50%;
}
#homeAbout .card{
	min-height:auto;
	padding:0px;
	border:0px;
	text-align:left;
	border-radius:30px;
	background-image: url("/images/bg/banner-bg.png");
}
.gole-line{
	width: 1px; 
	height: 64px; 
	flex-shrink: 0; 
	--tw-bg-opacity: 1; 
	background-color: rgba(228, 228, 231, var(--tw-bg-opacity)); 
	--tw-space-x-reverse: 0; 
	margin-right: calc(2rem* var(--tw-space-x-reverse));
	margin-left: calc(2rem* calc(1 - var(--tw-space-x-reverse)));
}
.gole-content{
   --tw-space-x-reverse: 0;
   margin-right: calc(2rem* var(--tw-space-x-reverse));
   margin-left: calc(2rem* calc(1 - var(--tw-space-x-reverse)));
}
.py-12{
	padding-top: 12px;
	padding-bottom: 12px;
}

.badge{
	color: #0061a8 !important;
    background: #0061a81c;
    padding: 6px 11px;
}
