/*
@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: #242424;
}
.text-theme-colored2 {
    color: #db0404 !important;
}
.modern-header.modern-header-theme-colored .header-nav .header-nav-wrapper.scroll-to-fixed-fixed {
    background: #000;
}
.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: #db0404 !important;
    color: #fff;
}
.btn-primary{
	background-color:#fa5850 !important;
	border-color:#fa5850 !important;
	color:#fff;
}
.btn-primary:hover {
    background-color: #fff !important;
    border-color: #fa5850 !important;
    color: #fa5850;
}
.btn-theme-colored {
    color: #fff;
    background-color:#fa5850 !important;
    border-color:  #fa5850 !important;
}
#homeServiceCards .card{
	border-radius:30px;
	padding:10px;
	min-height:auto !important;
}
#homeServiceCards .card-body{
	border-radius:28px;
	background-color:#F7F8FA;
}
#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:#000;
}
#homeCalculatorSlider .h5{
	color:#db0404;
	font-size:20px;
}
@media screen and (min-width:1367px){
	.modern-header:not(.modern-header-nav-autopadding) .menuzord-menu > li > a {
	    padding: 25px 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;
}
#homeGoalSection .goalIconHome:hover{
	font-size: 20px;
    padding: 18px 17px;
    background: #db0404;
    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: #db0404;
    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: #db0404;
    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: #db0404;
    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: #db0404;
   	width: 8px;
    height: 40px;
    display: inline-flex;
    position: absolute;
    top: 18px;
    border-radius: 0 5px 5px 0;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-80%);
  }
}

.clien-slider {
  height: 150px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.client-slide-track {
  display: flex;
  animation: scroll 120s linear infinite;
  gap: 20px;
  width: max-content;
}

.client-logo-slide {
  flex: 0 0 auto;
  height: 150px;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-logo-slide img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

#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 #fa5850;
}
/* 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:#db0404 !important;
}
.btn-contact-banner{
	border:2px solid #db0404 !important;
	color:#db0404 !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:#000;
	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;
}