/* ==============Main css for Marvel Technologies Inc ======================= */
/* 
Author:Dineshkumar
Created-date:28-
Reason: Website development
 */

 :root{
  --white:#FFFFFF;
  --black:#000000;
  --onyx:#141212;
  --thunder:#2E2E2E;
  --thunderl:#303030;
  --rangoonGreen:#181717;
  --elephant:#14324A;
  --guardsmanRed:#AC0000;
  --lavaRed:#B52025;
  --grapeFruit:#B52025;
  --redOrange:#FF2D2D;
  --orangePeel:#FF9600;
  --paleOrange:#F2AA59;
  --guardsmanRed2:#C20201;
  --downriver:#0A2153;
  --cornellRed:#B52025;

  /* --smokeyGrey:#707070;
  --stormDust:#646362;
  --waterBlue:#0582D8;
  --malibu:#71CBFF;
  --deepCove:#11183D;
  --supernova:#FFCC01;
  --orangePeel: #FFA200;
  --lavaRed:#B52025;
  --ironsideGrey: #686767; */
}


/* ========font-color=========== */
.white { color: var(--white); }
.black { color: var(--black); }
.onyx { color: var(--onyx); }
.thunder { color: var(--thunder); }
.thunderl { color: var(--thunderl); }
.rangoonGreen { color: var(--rangoonGreen); }
.elephant { color: var(--elephant); }
.guardsmanRed { color: var(--guardsmanRed); }
.lavaRed { color: var(--lavaRed); }
.grapeFruit { color: var(--grapeFruit); }
.redOrange { color: var(--redOrange); }
.orangePeel { color: var(--orangePeel); }
.paleOrange { color: var(--paleOrange); }
.guardsmanRed2{ color: var(--guardsmanRed2);}
.downriver { color: var(--downriver);}
.cornelRed { color: var(--cornellRed);}

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


/* =========font-size=========== */

/* line height */
.f39,.f30,.f28,.f24,.f20,.f18,.f16,.f15,.f14,.f13,.f12{line-height: 1.5;}


/* Specific Line height */
.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;}

/* Specific letter spacing */
.ls00{letter-spacing: 0px;}
.ls01{letter-spacing: 0.1px;}
.ls02{letter-spacing: 0.2px;}
.ls024{letter-spacing: 0.24px;}
.ls029{letter-spacing: 0.29px;}
.ls03{letter-spacing: 0.3px;}
.ls102{letter-spacing: 1.02px;}
.ls112{letter-spacing: 1.12px;}


.f80{font-size:80px;}
.f54{font-size:54px;}
.f39{font-size:39px;}
.f30{font-size:30px;}
.f28{font-size:28px;}
.f25{font-size:25px;}
.f24{font-size:24px;}
.f23{font-size:23px;}
.f22{font-size:22px;}
.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) {
.f54{font-size:44px;}
.f39{font-size:36px;}
.f30{font-size:28px;}
.f28{font-size:26px;}
}


@media(max-width:992px) {
.f54{font-size:40px;}
.f39{font-size:32px;}
.f30{font-size:26px;}
.f28{font-size:24px;}
.f25{font-size:24px;}
.f24{font-size:22px;}
.f23{font-size:21px;}
}


@media(max-width:768px) {
.f54{font-size:36px;}
.f39{font-size:28px;}
.f30{font-size:24px;}
.f28{font-size:22px;}
.f25{font-size:22px;}
.f24{font-size:20px;}
.f23{font-size:20px;}
.f22{font-size:20px;}
.f20{font-size:20px;}
}

@media(max-width:525px) {
  .f54{font-size:32px;}
  .f39{font-size:24px;}
  .f30{font-size:22px;}
  .f28{font-size:20px;}
  .f25{font-size:20px;}
  .f24{font-size:18px;}
  .f23{font-size:18px;}
  .f22{font-size:18px;}
  .f20{font-size:18px;}
  .f18{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;}
/* ============== */
.text-none{
text-transform: none;
}
.text-unset{
text-transform: unset;
}
/* =======Bootstrap overridden====== */
.card-title{
margin-bottom: 0px !important;
}


/* =========== 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;
} */