/* ==============Main css for AARE financial services ======================= */
/* 
Author:Dineshkumar
Created-date:28-11-2024
Reason: Website development
 */

 :root{
    
  --thunderl:#303030;
  --smokeyGrey:#707070;
  
  --waterBlue:#0582D8;
  --malibu:#71CBFF;
  --deepCove:#11183D;
  --supernova:#FFCC01;
  --orangePeel: #FFA200;
  --lavaRed:#E0231D;
  --ironsideGrey: #686767;

  /* begining of the current theme */
  --white:#FFFFFF;
  --black:#000000;
  --thunder:#2E2E2E;
  --thunder1:#303030;
  --stormDust:#646362;
  --cloudyGrey:#696767;
  --greenTeal:#00C057;
  --darkLimeGreen: #75C002;
  --jewel: #0E6937;
  --mediumGreen:#3BB54A;
}


/* ========font-color=========== */

.thunderl{color:var(--thunder);}
.smokeyGrey{color:var(--smokeyGrey);}
.orangePeel{color:var(--orangePeel);}
.lavaRed{color:var(--lavaRed);}
.waterBlue{color:var(--waterBlue);}
.malibu{color:var(--malibu);}
.ddepCove{color:var(--deepCove);}
.supernova{color:var(--supernova);}

/* begining of the current theme */

.white{color:var(--white);}
.black{color:var(--black);}
.thunder{color:var(--thunder);}
.thunder1{color: var(--thunder1);}
.stormDust{color:var(--stormDust);}
.cloudyGrey{color:var(--cloudyGrey);}
.greenTeal{color:var(--greenTeal);}
.darkLimeGreen{color:var(--darkLimeGreen);}
.jewel{color: var(--jewel);}
.mediumGreen{color: var(--mediumGreen);}


/* =========Line height=========== */

/* Common line heights */
h1,h2,h3,h4,h5,h6,p,ul li,li,span,a{line-height:1.5;}

/*Specific line heights */
.lh10{line-height:1.0;}
.lh11{line-height:1.1;}
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}
.lh17{line-height:1.7;}
.lh18{line-height:1.8;}
.lh19{line-height:1.9;}
.lh20{line-height:2.0;}
.lh21{line-height:2.1;}
.lh22{line-height:2.2;}
.lh23{line-height:2.3;}
.lh24{line-height:2.4;}
.lh25{line-height:2.5;}


/* =======Letter spacing========= */

h1,h2,h3,h4,h5,h6,p,ul li,li,span,a{letter-spacing: 0px;}


.ls000{letter-spacing: 0px;} /* 0.00px */
.ls001{letter-spacing: 0.01px;}
.ls010{letter-spacing: 0.10px;}
.ls100{letter-spacing: 1px;} /* 1.00px */
.ls200{letter-spacing: 2px;} /* 2.00px */



/*============= Font size============  */

.f39{font-size:39px;}
.f30{font-size:30px;}
.f28{font-size:28px;}
.f24{font-size:24px;}
.f23{font-size:23px;}
.f22{font-size:22px;}
.f21{font-size:21px;}
.f20{font-size:20px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.f15{font-size:15px;}
.f14{font-size:14px;}
.f13{font-size:13px;}
.f12{font-size:12px;}


/* ======responsive fonts======== */
@media(max-width:1200px) {
.f39{font-size:36px;}
.f30{font-size:28px;}
.f28{font-size:26px;}
.f24{font-size:22px;}
.f23{font-size:21px;}
.f22{font-size:20px;}
.f21{font-size:20px;}
.f20{font-size:19px;}
}


@media(max-width:992px) {
.f39{font-size:32px;}
.f30{font-size:26px;}
.f28{font-size:24px;}
.f24{font-size:20px;}
.f23{font-size:20px;}
.f22{font-size:19px;}
.f21{font-size:19px;}
.f20{font-size:18px;}
.f18{font-size:17px;}

}


@media(max-width:768px) {
.f39{font-size:28px;}
.f30{font-size:24px;}
.f28{font-size:22px;}
.f24{font-size:19px;}
.f23{font-size:19px;}
.f22{font-size:18px;}
.f21{font-size:18px;}
.f20{font-size:17px;}
.f18{font-size:16px;}
.f16{font-size:15px;}
.f15{font-size:14px;}
}

@media(max-width:525px) {
.f39{font-size:24px;}
.f30{font-size:22px;}
.f28{font-size:20px;}
.f24{font-size:18px;}
.f20{font-size:16px;}
}



/* ===========font weight====== */
.fwn{font-weight:normal;}
.fwl{font-weight:lighter;}
.fwt{font-weight:thin;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}
.fw900{font-weight:900;}
.fwb{font-weight:bold;}




/* ======opacity======== */
.opac75{opacity:0.75;}

.br1200{
display: block;
}
@media all and (max-width:1119px){
.br1200{
  display: none;
}
}
.br992{
display: block;
}
@media all and (max-width:991px){
.br992{
  display: none;
}
}
.br768{
display: block;
}
@media all and (max-width:767px){
.br768{
  display: none;
}
}
/* =========== */

.mt5{margin-top:5px;}
/* =========== Common media queries======== */


@media(max-width:1119px) {

}


@media(max-width:991px) {

}


@media(max-width:767px) {
 
}

@media(max-width:525px) {

}

section{
display: block;
overflow: hidden !important;
}

section.banner-section.service-banner,
section.banner-section.contact-banner,
section.rac-section{
overflow:unset !important;
}

.softPeach-bg{
background: #EDEDED 0% 0% no-repeat padding-box;
}


/* Common classes for content and image centralization */
.ibgjacc{
position: relative;
width: 100%;
/* height:100%; */
display: -ms-grid;
display: grid;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-ms-flex-line-pack: center;
    align-content: center;

}