@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');

/* fomt family Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap');
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}

.logo img{
height: 80px;
}


html{
scroll-behavior: smooth;
}
body{
position: relative;
overflow-x: hidden!important;
overflow-x: hidden!important; 
max-width: 100% !important;
margin: 0 auto !important;
float: unset;
height: auto!important; 
position: relative;
}



.bold{
font-family: 'Poppins', sans-serif;
font-weight: 700;
}
.medium{
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
.regular{
font-family: 'Poppins', sans-serif;
font-weight: 300;
}



.font15{
font-size:15px;  
line-height: 28px;
letter-spacing: 1px;
/*text-align: justify;*/
}
.font18{
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
/*    text-align: justify;*/
    /* word-spacing: 2px; */
}
.font20{ 
font-size: 20px;   
line-height: 30px;
letter-spacing: 1px;
/*text-align: justify;*/
}
.font22{ 
    font-size: 22px;   
    line-height: 30px;
    letter-spacing: 1px;
    }
.font25{ 
    font-size: 25px;   
    line-height: 30px;
    letter-spacing: 1px;
    }
.font30{ 
    font-size: 30px;   
    }
.font35{ 
font-size: 35px;  
}
.font40 {
    font-size: 40px;
    line-height: 50px;
    /* letter-spacing: 1px; */
    /* word-spacing: 2px; */
}
.font50{  
font-size: 50px;
}
.font60{
font-size: 60px;  
}
.font70{
    font-size: 70px;  
    }
    

.white{
color: #fff;
}
.black{
color: #000;
}
.mcolor{
color:  #2376b4; 
}


.mpt{
padding-top: 100px;
}
.mpb{
padding-bottom: 100px;
}
.mmt{
margin-top: 100px;
}
.mmb{
margin-bottom: 100px;
}
.container{
  max-width: 1665px;
  width: 90%!important;
}


#hero-section{
/*background-color: green;*/
height: 100vh;
padding-top: 150px;
padding-left: 150px;
position: relative;
}


#inner-hero-section{ 
height: 100vh;
padding-top: 150px;
padding-left: 150px;
position: relative;
}


.d-t-section p,.visionclass p{
width: 70%;
}
.d-t-section{ 
}

#about-contain{
/*background-color: green;*/
height: 100vh;     
padding-left: 150px;
position: relative;
height: 500px;
}
#about-section1{
background-color: rgb(34, 118, 180);
height: 100vh;
padding-top: 150px;
padding-left: 150px;
position: relative;
}

.about-section1{
position: absolute;
bottom: 50px;
}
#about-section{
/*background-color: green;*/
height: 100vh;
padding-top: 150px;
padding-left: 150px;
position: relative;
}
.hero-content h1{
margin-top:25vh;
}
.hero-content p{
width: 70%;
}
.hero-content
h3{
margin-top: -15px;
}

.inner-hero-content h1{
margin-top: 150px;
}
.inner-hero-content p{
width: 70%;
}
.hero-section
ul{
margin-left: 50px;
}
.hero-section
ul li{
font-size: 1px;
}

.hero-section{
position: relative;

}
.inner-hero-section{
position: relative;

}
.mob-view{
display: none!important;
}

.money-btn
button{ 
outline: none;
background-color: #509d4d;
color: #fff;
border: 1px solid #509d4d;
padding: 10px 50px ;
font-size: 18px;
margin-top:20px;
transition: all 0.6s;
margin-bottom: 20px; 
transition: all 0.6s;
border-radius: 25px;
}
.money-btn
button:hover{
    background-color: #fff;
    color: #2376b4;
    border: 1px solid #2376b4;
}
.about-left button{
    visibility: visible;
    background: transparent;
    animation-name: pulse;
    color: #000;
    border: none;
    padding: 0;
}
.about-left button:hover{
    border: none;
}
.money-btn-footer
button{
background-color: #509d4d;
outline: none;
border: 1px solid #509d4d;
padding: 10px 50px ;
font-size: 1px;
margin-top: 30px;
transition: all 0.6s;
margin-bottom: 30px;
color: #fff;
transition: all 0.6s;
}
.money-btn-footer
button:hover{
transform: scale(1.1);
}
.hero-content{
position: relative;
}
.hero-content p{
padding-top: 10px; 
font-weight: 400;

}
.inner-hero-content{
position: relative;
}
.inner-hero-content p{
padding-top: 10px; 
font-weight: 400;

}
.down-arrow{
/* background-color: #6ea2c8;*/
height: 70px;
width: 70px;
border-radius: 50%;
padding-left: 5px;
padding-top: 25px;
margin-top: 45px;
}

.down-arrow img{
width: 30px;
}

.down-arrow img.vert-move {
-webkit-animation: mover 1s infinite  alternate;
animation: mover 1s infinite  alternate;
}
.down-arrow img.vert-move {
-webkit-animation: mover 1s infinite  alternate;
animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}

.social-links{
position: fixed;
right: 70px;
bottom: 70px;
z-index: 1000;
}

.social-links
ul
li{
list-style-type: none; 
display: block; 
padding-top:27px;  
margin-bottom:35px; 
}

.social-links
ul
li:hover a{
color: #fff;
}
.social-links
ul
li a{ 
color: #fff;
}
.social-links
ul
li i{
font-size: 18px; 
color:  #fff;
background-color: #509d4d;
height:55px;
width: 55px;
border-radius: 50%;
text-align: center;
padding-top: 17px;
transition: all 0.6s;
}
.social-links
ul
li i:hover { 
opacity: .9; 
box-shadow: 2px 2px 24px #fff;
}

#service{
position: relative;
overflow: hidden;
height: 100vh;
background-color: #2376b4;
}
.service{
padding-top: 10vh;
position: relative;
}
.service
h1{
color: #97afd5;
}
.service-left
ul{
margin-top: 50px;
} 
.service-left
ul
li{
list-style-type: none;
font-size: 1.2px;position: relative;
padding-left: 1.7px;
padding-bottom: 0.8px;
}
.service-left
ul
span{
font-weight: 700;
font-size: 1px;
margin-top: -10px;
left: 0;
position: absolute;
}

.service-left
ul li a{
color: #fff;
}


.service-right
ul{
margin-top: 100px;
} 
.service-right
ul
li{
list-style-type: none;
font-size: 1.2px;position: relative;
padding-left: 1.7px;padding-bottom: 0.8px;
}
.service-right
ul
span{
margin-top: -10px;
left: 0;
font-weight: 700;
font-size: 1px;
position: absolute;
}
.service-right
ul li a{
color: #fff;
}
.service
ul
li
a:hover{
text-decoration: none;
}

.moneygrowth-arrow h3{
font-size: 4.5px;  
margin-bottom: 100px;
line-height: 1;
font-weight: 700;
color: #fff;
font-family: 'Titillium Web', sans-serif;
}

.moneygrowth-arrow h3 span{
font-size: 4px;
}
.arrow{
position: absolute;
bottom: -50px;
right: 150px;
}


#about{
position: relative;
}

.about{ 
height: auto;
position: relative;
}
.about-right{
position: absolute;
right: 0;
bottom: 0;
opacity: 0.02;
width: 60%;
}
.about-left{
 padding-right: 50px!important;
}



#latest{
background-color: #ecebeb; 
padding-top: 10vh;
padding-bottom: 100px;
}
.letest
h3{
color: rgba(0, 0, 0, 0.2);
margin-bottom: 50px;
}
.latest-left {

}

.latest-left-img{
height: 300px;
overflow: hidden;
width: 100%;
background-color: rgba(255, 255, 255, 0.2);
text-align: center;
}
.latest-left-img img{ 
height: 100%;
}
.latest-left 
h4{ 
font-size: 2px; 
color: var(--primary-clr);
font-weight: 700;
margin-top: 25px;
}
.latest-left 
h6{
font-size: 1.5px;
color:#000;
}
.latest-left
p{
font-size: 1.2px;
} 

.latest-left{
padding-left: 30px;
padding-right: 30px;
}



section{
overflow: hidden;
}





.arrow-up {
position: absolute; 
color: #000;

}
.arrow-up
i{
transform: rotate(90deg);
color: #393939;
opacity: 0.5;
}
.arrow-1 i{
font-size: 50px;  
}  
.arrow-2 i{
font-size: 15px;
}    
.arrow-3 i{
font-size: 25px;
}   
/*

}
.arrow-1
{
top: 10%;
}
.arrow-2
{
top: 14%;
}
.arrow-3
{
top: 13%;
}
.arrow-4
{
top: 16%;
}
.arrow-5
{
top: 19%;
}
.arrow-6
{
top: 21%;
}*/
/* ---------------footer section-------------------------------- */
#footer{
position: relative;
}
.ftopimg{
position: absolute;
right: 0;
bottom: 0;
opacity: 0.02;
width: 40%;
}
.footer {
background: #2376b4;
padding-top: 50px;
padding-bottom: 50px;
}
.links
ul
li
a{
color: #fff;
position: relative;
text-decoration: none; 
font-family: 'Poppins', sans-serif;
}
/*.links
ul
li
a::after{
position: absolute;
content: " ";
width: 100%;
height: 10px;
background-color: rgba(0, 0, 0, 0.3);
left: 0;
bottom: 0;
}*/
.links
ul
li:hover a{
transition: all 0.6s;
padding-left: 5px;
}
.links
ul
li:hover a::after{
position: absolute;
content: "";
margin-left: 0.6px;
height: 0px;
width: 0px;
top: 0.2px; 
transform: rotate(45deg);
background: url('../images/arrow-up-right-white.png');
background-repeat: no-repeat;
background-size: cover;
}/*
.links
ul
li
a:hover{
text-decoration: underline;
text-decoration-thickness: 10px; 
text-underline-offset: 0px;

text-decoration-color: rgba(0, 0, 0, 0.3);
}*/
.links
h4, .location
h4{ 
margin-bottom: 25px;
color: #fff;
}

.links ul {
list-style-type: none;
}

.links li a { 
transition: all 0.6s;
}

.about-company
img{
margin-bottom: 25px;
width: 150px;
}
.about-company i {
font-size: 2px;
}
.about-company a { 
transition: color 0.2s;
}
.about-company a:hover { 
}
.footer .location i ,.footer
p ,.copyright
p{ 
color: #fff;
 
}

.location
table
tr
td{ 
color: #fff;
}
.location
table
tr
td a{
color: #fff;
text-decoration: none;
}
.location
table
tr
td
{
vertical-align:text-top;
}
.links
ul
li{ 
position: relative;
transition: all 0.6s; 
}
.links
ul
li:hover a{
transition: all 0.6s;
}
/*.links
ul
li a{ 
text-decoration-color: red;
text-decoration: line-through;
text-decoration-thickness: 2px;
}*/
/*.links
ul
li:hover a::after{
position: absolute;
content: "-";
margin-left: -0.2px;
height: 1px;
width: 1px;
top: 0;
color: #000;
font-size: 2px;
background: url('../images/footer-arrow.png');
background-repeat: no-repeat;
background-size: cover;
}
*/
.footer .location a { 
margin-top: 25px; 
}
.footer .location a:hover{ 
}
/* .footer .copyright p {
border-top: 1px solid rgba(255, 255, 255, .1);
} */



/* ------------------term loan page------------------------------------- */

.term-section{
width: 100%;
display: flex;
position: relative;
}
.s-links{
position: absolute;
bottom: 0;
right: 0;
display: grid;
margin-right: 20px;
}
.s-links i{
color: #fff;
padding-bottom: 15px;
}
.s-links i:hover{
color: #000;
}
.term-header{
background-color: #2376b4;
}
.term-hero{
background-color: #2376b4;    }
.term-content{
padding-top: 120px;
padding-left: 150px;
padding-bottom: 132px;
}
.term-content h1{
font-size: 60px;
font-weight: 600;
width: 30%;
color: #fff;
}
.term-content p{
padding-top: 10px;
font-size: 24px;
font-weight: 400;
width: 60%;
color: #fff;
}
.latest-term{
padding: 50px 0; 
background-color: #ecebeb;  
}
.latest-term .title{
margin-left: 30px;
padding-top: 40px;
}




/* --------------service section-------------------- */
#tab-section{
height: 100vh; 
padding-top: 12vh; 
width: 100%;
}

.all-services{
width: 100%;
}
.service-section{
display: flex;
position: relative;
}
.service-content{
padding-top: 120px;
padding-left: 150px;
padding-bottom: 130px;
}
.service-content h1{
font-size: 60px;
font-weight: 600;
width: 40%;
color: #fff;
}
.service-content p{
padding-top: 10px;
font-size: 24px;
font-weight: 400;
width: 60%;
color: #fff;
}
.service-menu{
padding-top: 120px;
padding-left: 80px;
padding-bottom: 130px;
}
.service-hero{
background-color: #2376b4;
} 
.service-hero-content{
background-color: #2376b4;
}
.side-nav{
padding: 100px 0;
}
.side-navlink{
/* border: 1px solid #555 ; */
padding: 0 ;
}
.side-navlink a{
text-decoration: none;
border-bottom: 1px solid #555;
}
.side-navlink li {
list-style-type: none;
border-bottom: 1px solid #555;
padding: 8px;
position: relative;
}
.side-navlink li:hover{
color: #2376b4;
font-weight: 700;
}
.side-navlink a.active li{
/*background-color: red;*/
color: #2376b4;
font-weight: 700;
}
.side-navlink li:hover::after{
padding-left: 10px;
right: 19px;
top: 14px; 
background: url(../images/arrow-up-right.png);
transform: rotate(45deg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: all 0.3s ease-in;
}
.side-navlink li::after {
position: absolute;
content: "";
top: 14px;
right: 30px;
height: 20px;
width: 22px;
transform: rotate(45deg);
background: url(../images/arrow-up-right.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: all 0.3s ease-in;
}

.side-navlink a{
color: #000;
font-size: 1.3px;
}
.side-navlink a:hover {
color: #fff;

}
.service-details{
padding-left: 40px;
}
.service-details h4{
margin-bottom: 20px;
}
.service-details p{
line-height: 1.5; 
}



/* ----------------------------capital-loan---------------- */

.capital-content{
padding-top: 120px;
padding-left: 150px;
padding-bottom: 132px;
}
.capital-content h1{
font-size: 60px;
font-weight: 600;
width: 60%;
color: #fff;
}
.capital-content p{
padding-top: 10px;
font-size: 24px;
font-weight: 400;
width: 60%;
color: #fff;
}
.factor-content{
padding-top: 120px;
padding-left: 120px;
padding-bottom: 132px;
}
.factor-content h1{
font-size: 60px;
font-weight: 600;
width: 70%;
color: #fff;
}
.factor-content p{
padding-top: 10px;
font-size: 24px;
font-weight: 400;
width: 50%;
color: #fff;
}
.property-content{
padding-top: 120px;
padding-left: 120px;
padding-bottom: 132px;
}
.property-content h1{
font-size: 60px;
font-weight: 600;
width: 70%;
color: #fff;
}
.property-content p{
padding-top: 10px;
font-size: 24px;
font-weight: 400;
width: 60%;
color: #fff;
}
.discounting-content{
padding-top: 120px;
padding-left: 120px;
padding-bottom: 132px;
}
.discounting-content h1{
font-size: 60px;
font-weight: 600;
width: 70%;
color: #fff;
}
.discounting-content p{
padding-top: 10px;
font-size: 24px;
font-weight: 400;
width: 60%;
color: #fff;
}

.v-tab {
padding: 5px 0px; 
position: relative;
}

.v-tab a{
color: #000;
border-bottom: 1px solid grey;
padding: 10px 0;
font-weight: 500;
font-size: 1.2px;
}
.v-tab li{
position: relative;
padding: 0 15px;
}
.v-tab img{
position: absolute;
right: 20px;
top: 25px;
transform: rotate(45deg);
transition: all 0.4s ease;
}
.v-tab a:hover img{
right: 10px;
top: 25px;
}
.v-tab a:hover{
color: #2376b4;
}
.v-tab-content{
padding-left: 100px;
}
.v-tab-content h4{
margin-left: 50px;
font-size: 3px;
margin-bottom: 20px;
color: #2376b4;
font-weight: 700;
}

.v-tab-content p{
margin-left: 50px;
width: 80%;
margin-bottom: 50px;
font-size: 1.2px; 
}

.v-tab-content ul{
margin-top: -20px;
}
.v-tab-content ul li{
margin-left: 50px;
}


/***********************************/
.hero-hidden-text
p{
font-size: 1.2px;
}

.hero-hidden-text{
margin-bottom: 150px;
}

#services-footer{
height: auto; 
background-color: #2376b4 ;
}



#services-footer h2
span{
opacity: 0.6;
}

.footer-icon-mb ul {
margin-left:25px;
margin-top: 25px;
}
.footer-icon-mb ul li{
list-style: none;
display: inline-block;
padding: 15px 20px;
}
.footer-icon-mb{
display: none;
}





.form{
width: 100%;   
}

.section-contact .form-contact .single-input {
position: relative;
margin-top: 40px;
}



.section-contact .form-contact .single-input input,
.section-contact .form-contact .single-input textarea {
width: 100%;
border: none;
border-bottom: 2px solid #2376b4;
padding-left: 15px;
padding-bottom:5px;
padding-top: 10px;
font-size: 15px; 
transition: border .3s;
background: none;
}

.section-contact .form-contact .single-input input::placeholder,
.section-contact .form-contact .single-input textarea::placeholder {
color: rgba(7, 57, 92, .3);

}

.section-contact .form-contact .single-input input:focus,
.section-contact .form-contact .single-input textarea:focus {
border-color: #2376b4;

}

.section-contact .form-contact .single-input textarea {
height: 120px;
min-height: 50px;
resize: none;
}

.section-contact .form-contact .submit-input input {
padding: 12px 40px;
font-size: 18px;
background-color: #509d4d;
color: #fff; 
transition: background-color .3s;
border:  1px solid #509d4d;
border-radius: 25px;
}
.section-contact .form-contact input:-internal-autofill-selected {
appearance: menulist-button;
background-image: none !important;
background-color: transparent !important;
color: fieldtext !important;
}
.section-contact .form-contact .submit-input input:hover {
background-color: #fff;
color:  #2376b4;
border: 1px solid #2376b4;
}
textarea:focus, input:focus{
outline: none;
}
.contact-heading h1{
font-size: 64px;
font-weight: 700;
}
@media (max-width: 575.99px) {

.section-contact .form-contact .single-input i {
font-size: 16px;
}

}

@media (min-width: 576px) and (max-width: 767.99px) {
.section-contact {
padding: 20px 0px;
}
}

@media (min-width: 768px) and (max-width: 991.99px) {
.section-contact {
padding: 20px 0px;
}
}





.visionclass{
margin-bottom: 100px;
}





/*=================== Contact Form updated css ===================*/
/*=================== Contact Form updated css ===================*/




.contact-details{ padding-top:30px; }

.contact-details table tr td:first-of-type{
vertical-align: top;
}

.contact-details  table{
border-collapse: separate;
border-spacing: 15px 20px;
}

.contact-details a{
color: #000;
}
.contact-details a:hover{
text-decoration: none;
}

.g-map{ height:600px;
margin-top: 100px;

}



/*=================== Contact Form updated css ===================*/

/*=================== Services button updated css ===================*/
.v-tab-content a{
padding: 12px 28px;
font-size: 1.2px;
color: #fff;
transition: .3s all ease;
background-color: #2376b4;

margin-left: 50px;
}

.v-tab-content a:hover{
text-decoration: none;
border: 1px solid #2376b4;
color: #2376b4!important;
background-color: #fff;
}

/*=================== Services button updated css ===================*/


/*=======================  about us new section =================*/

.abt-icon-row{ 
width: 100%;
padding-bottom:50px ;
}

.abt-icon img{width: 100%;  }

.abt-icon{ width:5px; }

.abt-sub-icon{ 
display: flex;
column-gap: 10px;
margin-left: 40px;
/*justify-content: center;*/
}

.abt-sub-icon p{
margin-top:5px ;
}

/*=======================  about us new section =================*/



.teamadd{    

position: relative;
overflow: hidden;

}

.teamadd h1{
transition: all 0s;
position: relative;
}



.term-img-section{
width: 100%;
overflow: hidden;
z-index: 10001;
position: relative;


}

.term-img-section-content{ 
margin-bottom: 100px;
padding: 20px;
cursor: pointer; 
}

.term-img-section-content img{

}
.term-img-section-content:hover .term-img-overlay{
display: block;transition: all 0.6s ease;
}
.term-img-section-text {
width: 100%;transition: all 0.6s ease;
padding-left: 15px;
}
.term-img-section-text 
h3{
margin-top: -15px;
}
.term-img-section-content:hover .term-img-section-text{
background-color: #2376b4 ;
} 
.term-img-section-content:hover .term-img-section-text h2 , .term-img-section-content:hover .term-img-section-text h3{
color: #fff;
}
.term-img-overlay{
position: absolute;
top: 0;
background-color: rgba(34, 118, 180,0.8);
width:100%;
height: 100%;
padding: 15px;
text-align: center;
display: block;
transition: all 2s ease;
}
.term-img-overlay
div{
bottom: 0;
position: absolute;
color: #fff; 
}
.term-img-overlay p{
text-align: left;
}
.term-img-section-text{
position: absolute;
}
.term-img-overlay
div
ul
li{
width: 50px;
height: 50px;
background-color: #fff;
border-radius: 50%;
border: none;
/*margin: auto;*/
list-style-type: none;
padding-top: 15px;
transition: all 0.6s;
}
.term-img-overlay
div
ul
li a{
color: #000;
}
.term-img-overlay
div
ul
li:hover{
transform: rotate(360deg);
color: #fff;
background-color:#2376b4 ;
}
.term-img-overlay
div
ul
li:hover a{
color: #fff;
}




.d-t-btn{
text-align: center;
}
.d-t-btn div{
padding: 5px;         
margin-bottom: 100px;
}
.d-t-btn div a{
color: #000;
text-decoration: none;
}
.d-t-btn div h1{
color: grey;
transform: scale(1.0);
transition: all 0.6s ;
font-family: 'Titillium Web', sans-serif;

}
.d-t-btn div h1:hover{
color:#000;transform: scale(1.1);
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.activeservice{
color: #000!important;
transform: scale(1.1);
text-shadow:1px 1px 5px rgba(0, 0, 0, 0.1);
}





.marquee {
position: relative;
width: 100px;
max-width: 100%;
height: 200px;
overflow-x: hidden;
}
.marquee
h1{  
font-size: 6px;
-webkit-text-stroke: 1px black;
color: white;
text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000,
-1px 1px 0 #000, 1px 1px 0 #000;
}
.track {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 32s linear infinite;
}

@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
.teampcview{
margin-bottom: 100px;
}
.teampcview-c{
padding: 50px;
position: relative;
}
.teampcview-c-img{
position: relative;
margin-bottom: 100px;
}
.teampcview-c-conent{
position: absolute;
top: 0;
background-color: rgba(34, 118, 180,0.8);
width: 100%;
height: 100%;
padding: 15px;
text-align: center;
display: none;
transition: all 2s ease;
}
.teampcview-c-conent div{
bottom: 0; 
position: absolute;
color: #fff;
}
.teampcview-c-conent div p{
text-align: left;
}
.teampcview-title{
position: absolute; 
width: 100%;
text-align: left;
transition: all 0.6s ease;
padding-left: 15px;
}

.teampcview-c-img:hover .teampcview-c-conent {
display: block;
transition: all 0.6s ease;
}
.teampcview-c-img:hover .teampcview-title {
background-color: #2376b4;
}

.teampcview-c-img:hover .teampcview-title h2, .teampcview-c-img:hover .teampcview-title h3 {
color: #fff;
}

.teampcview-c-conent div ul li {
width: 50px;
height: 50px;
background-color: #fff;
border-radius: 50%;
border: none; 
list-style-type: none;
padding-top: 15px;
transition: all 0.6s;
}

.teampcview-c-img div ul li:hover {
transform: rotate(360deg);
color: #fff;
background-color: #2376b4;
}

.teampcview-c-img div ul li i{
color: #2376b4; 
}

.teampcview-c-img div ul li:hover i{
color: #fff; 
}



.industrycontent{
margin-bottom: 50px;
}

.industrycontent div img{
width: 4px;
}

.industrys{
margin-top: 100px;
}

.industrysmargin{
margin-bottom: 100px;
vertical-align: middle;
}

.industrysmargin
p{
margin-top: 1px;
padding-left: 1px;
}

.margin50{
margin-top: 50px;
}

.teampcview-title h3{
margin-top: -10px;
}

.moneygrowth_header .scrollTop{
background-color: red;
}



#ab-section{ 
position: relative;
}

.my-about-p p{
padding-right: 50px;
}
.about-icon-section{ 
margin-top: 100px;
}
.about-icon-section-content{
text-align: center;
}
.about-icon-section-content img{
width: 7px;
}



.a-facts{
text-align: center;
position: relative;
margin-top: 50px;
}
.a-facts::after{
content: "";
position: absolute;
background-color:  #2376b4;
width: 1px;
height: 50%;
left: 0;
top: 0;
opacity: 0.5;
transform: translateY(50%);
}
.a-facts-containt{
margin-top: 50px;
}
.a-facts-containt
img{
width:60px;
}
.a-facts-containt h3{
margin-top: 15px;
}
.a-facts-containt h4{
margin-top: -10px;
}



.h-facts {
    text-align: center;
    position: relative;
    margin-top: -90px;
}
    .h-facts::after{
    content: "";
    position: absolute;
    background-color:  #2376b4;
    width: 1px;
    height: 50%;
    left: 0;
    top: 0;
    opacity: 0.5;
    transform: translateY(50%);
    }
    .h-facts-containt{
    margin-top: 50px;
    }
    .h-facts-containt
    img{
    width:60px;
    }
    .h-facts-containt h3{
    margin-top: 15px;
    }
    .h-facts-containt h4{
    margin-top: -10px;
    }

#sv-section{
height: 100vh;
padding-top: 35vh;
position: relative;
}
.m-big-arrow{
position: absolute;
right: 100px;
bottom: 0;
width:60%;
opacity: 0.02;
}



#f-t-section{
padding-top: 10vh;
padding-bottom: 10vh;
}
.f-t-section-center{
padding-top:5px;
text-align: right;
}
.f-t-section-left{
margin-top: 25px;
}


#mision-vision {
    position: relative;
    margin-bottom: 125px;
}

#mision-vision::after{
height: 100%;
width: 60%;
content: "";
position: absolute;
background-color: #fff;
right: 0;
top: 0;
right: 0;
z-index: 1;
}
.mision-vision{
position: relative;
z-index: 2;
}


.meet_the_team{
position: relative;
border-radius: 15px;
border-bottom-right-radius: 0;
overflow: hidden;
transition: all 0.6s;
}
.meet_the_team:hover .meet_the_team_overlay{
    border-radius: 0;
    border-top-left-radius: 15px;
}
.meet_the_team_overlay{
position: absolute;
height: 75px;
width:75px;
bottom: 0;
right: 0;transition: all 0.6s;
background-color: #509d4d;
}
.meet_the_team_overlay i{
color: #fff; 
padding:25px;
font-size: 25px;
}
.meet_the_team_content{
padding-top:2px;
}
.meet_the_team_content h3{
    margin-top: 0;
}
.indusryimg{ 
position: relative; 
}
.indusryimg>div{
padding: 50px; 
}
.indusryimg
div figure{
overflow: hidden;
border-radius: 15px;
border-bottom-right-radius: 0;
}
.indusryimg
div figure>img{
transition: all 1s;
overflow: hidden;
position: relative;
}
.indusryimg
div:hover figure>img{
transform: scale(1.2); 
filter:grayscale(100);
}

.indusryimg figure{
position: relative;
}
.indusryimg_overlay{
position: absolute;
height: 100px;
width:100px;
bottom: 0;
right: 0;
padding: 15px;
background-color: #509d4d;
transition: all 0.6s;
 
}

.indusryimg figure:hover .indusryimg_overlay{
    border-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}


.sbtn{
    text-align: center;
    }  
    .sbtn
    ul
    li{
        list-style: none;
        display: inline-block; 
        /* background-color: #509d4d; */
        border-top: 1px solid #000;
        margin:10px;
        padding:5px 10px;
        transition: all 0.6s;
    }  
    .sbtn
    ul
    li:hover{
        border-top: 1px solid #509d4d;
        color: #509d4d; 
    }
    .sbtn
    ul li:hover a{
        color:  #509d4d;
    }
    .sbtn
    ul a{
        color: rgb(0, 0, 0);
    }
    .mservices{ 
    padding-left: 0;
    
    }
    .mservices .container-fluid{
    padding-left: 0;
    padding-right: 0;
    }
    .mservices-left{        
    height:auto;
    padding-left: 0;
    padding-right: 0;
    }
    .mservices-right{
    padding: 70px;
    }
    .mservices
    h2{
        margin-bottom: 25px;
    }

      /* service 1 */
    .mservices-left1{
    background-repeat: no-repeat;
    background-size: cover;  
    position: relative;
    height: 550px;
    }
    .mservices-left1::after{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left1::before{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-image:url('../images/services/term loan.webp') ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }
 

      /* service 2 */
    .mservices-left2{
    background-repeat: no-repeat;
    background-size: cover;  
    position: relative;
    height: 600px;
    }
    .mservices-left2::after{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left2::before{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-image:url('../images/services/working capital loan.webp') ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }

      /* service 3 */
    .mservices-left3{
    background-repeat: no-repeat;
    background-size: cover;  
    position: relative;
    height: 650px;
    }
    .mservices-left3::after{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left3::before{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-image:url('../images/services/Unsecured Corporate.webp') ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }


    /* service 4 */
.mservices-left4 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
}
    .mservices-left4::after{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left4::before{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-image:url('../images/services/Domestic International.webp') ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }

      /* service 5 */
      .mservices-left5{
    background-repeat: no-repeat;
    background-size: cover;  
    position: relative;
    height: 500px;
    }
    .mservices-left5::after{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left5::before{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-image:url('../images/services/Buyers Suppliers.webp') ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }
 

      /* service 6 */
    .mservices-left6{
    background-repeat: no-repeat;
    background-size: cover;  
    position: relative;
    height: 550px;
    }
    .mservices-left6::after{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left6::before{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-image:url('../images/services/Equipment.webp') ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }

      /* service 7 */
    .mservices-left7{
    background-repeat: no-repeat;
    background-size: cover;  
    position: relative;
    height: 650px;
    }
    .mservices-left7::after{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left7::before{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-image:url('../images/services/Loan Against.webp') ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }


    /* service 8 */
    .mservices-left8{
    background-repeat: no-repeat;
    background-size: cover;  
    position: relative;
    height: 750px;
    }
    .mservices-left8::after{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left8::before{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-image:url('../images/services/warehouse.webp') ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }



      /* service 9 */
      .mservices-left9{
    background-repeat: no-repeat;
    background-size: cover;  
    position: relative;
    height: 750px;
    }
    .mservices-left9::after{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left9::before{
        position: absolute;
        top: 0;
        right: 0%;
        content: " ";
        background-image:url('../images/services/Lease Rental Discounting.webp') ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }


    /* service 10 */
    .mservices-left10{
    background-repeat: no-repeat;
    background-size: cover;  
    position: relative;
    height:500px;
    }
    .mservices-left10::after{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-color: #000;
        opacity: 0.2;
        width: 120%;
        height: 100%;
        z-index: 1;
    }
    .mservices-left10::before{
        position: absolute;
        top: 0;
        left: 0%;
        content: " ";
        background-image:url('../images/services/small unsecured bussiness loan.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right; 
        width: 120%;
        height: 100%;
        z-index: 0;
    }



    .mb-services{
        margin-top: 50px;
      }
      .mb-services button{
        padding: 15px 15px 15px 20px;
      border: none;
      text-align: start;
      }
      .mb-services .dropdown button{
        position: relative;
        min-width: 100%;
        margin: auto;
        margin-bottom: 50px;
      }
      .mb-services .dropdown:hover .dropdown-menu{
        display: block;
        top: 50px;
        border: navajowhite;
        border-radius: 0;
      }
      .mb-services  .dropdown-toggle::after {
      display: inline-block!important;
      width: 0!important;
      height: 0!important;
      margin-left: 0.255em!important;
      vertical-align: 0.255em!important;
      content: ""!important;
      border-top: 0.3em solid!important;
      border-right: 0.3em solid transparent!important;
      border-bottom: 0!important;
      border-left: 0.3em solid transparent!important;
      right: 10px!important;
      top: 23px;
  
  }
  .mb-services .dropdown-menu{
    height: auto;
      width: 90%;
      margin: auto;
      left: 5%;
      padding: 0;
      top: 50px;
      border: navajowhite;
      border-radius: 0;
  }
  .mb-services .dropdown-item{
    padding:10px  15px;
  }
  .mb-services{
   display: none; 
  }

  #domestic-and-international-factories{
    margin-bottom: 100px;
  }






/*  ======================== New Css start ========================*/
/*  ======================== New Css start ========================*/


.mg-facts h4{
text-align: center;
}
.mga-facts h4{
text-align: center;
}

.location table tr td{
    text-align: initial;
}

/*=== new career page css start ===*/
.mg-career{
    justify-content: center;
}

.mg-career .form-control:focus {
    border-color: #66afe9;
    outline: 0;
     -webkit-box-shadow: none!important; 
     box-shadow:none!important; 
}
.mg-career .form-control{
    border-color: #66afe9;
    outline: 0;
     -webkit-box-shadow: none!important; 
     box-shadow:none!important; 
     border-radius: 0;
}

.mg-resume input{
border-bottom: none!important;
padding: 0!important;
}
/*=== new career page css start ===*/


/*=== new contact page css start ===*/


.mg-contact .form-control:focus {
    border-color: #66afe9;
    outline: 0;
     -webkit-box-shadow: none!important; 
     box-shadow:none!important; 
}
.mg-contact .form-control{
    border-color: #66afe9;
    outline: 0;
     -webkit-box-shadow: none!important; 
     box-shadow:none!important; 
     border-radius: 0;
}

.mg-address{
    text-align: initial!important;
}

/*=== new contact page css end ===*/


.mg-top-border{
    border-top:1px solid rgba(0,0,0,0.1);
}





/*-- text-align justify Css --*/
.about-left{
    text-align: justify;
}
.my-about-p{
    text-align: justify;
}

.mision-vision{
    text-align: justify;
}

.mservices{
    text-align: justify;
}

.mservices h2{
    text-align: initial!important;
}

#ie-section{
     text-align: justify!important;
}

.meet_the_team_content p{
    text-align: justify;
}
/*-- text-align justify Css --*/




/*  ======================== New Css ========================*/
/*  ======================== New Css ========================*/


/*== new responsive css start ==*/

@media only screen and (max-width: 1280px){
.moneygrowth_main .moneygrowth_header .header_section .money_menu .money_menu_section ul li {
    padding-left: 13px!important;
}

}

/*=*/

/*@media only screen and (min-device-width: 320px) and (max-device-width: 575px){
.career-tagline h3{
font-size: 23px;
}

}*/

/*=*/

@media only screen and (max-width: 992px) and (min-width: 767px){
.form {
background-color: transparent;
}

}

/*=*/

@media only screen and (max-width: 768px) and (min-width: 576px){
.form {
background-color: transparent!important;
}

}

.social-links {
    position: fixed;
    right: 70px;
bottom: 50px!important;

    z-index: 1000;
}



/*scrollTop*/
#mg-scroll {
    position: fixed;
    right: 15px;
    bottom: 95px!important;
    cursor: pointer;
    width: 55px;
    height: 55px;
    background-color: #509d4d;
/*    text-indent: -9999px;*/
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    transition: all 0.6s;
    z-index: 1000;

 color:#fff;
 font-size: 20px;
}
#mg-scroll span{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-10px;
    margin-top:-12px;
    height:0;
    width:0; 
/*    border:8px solid transparent;*/
/*    border-bottom-color:#ffffff;*/
}

#mg-scroll:hover {
    opacity: .9;
    box-shadow: 1px 1px 10px #fff;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 575px){

#mg-scroll {
bottom: 95px!important;
right: 10px!important;

    width: 45px!important;
    height: 45px!important;

}

.social-links{
    display: block!important;
    right: 55px!important;
}

.social-links ul li i{
    font-size: 17px;
    width: 45px!important;
    height: 45px!important;
    padding-top: 14px;

}

}
/*scrollTop*/



/*== new responsive css end ==*/