
/* ==============Main css for One Up Venture ======================= */
/* 
Author:Dineshkumar
Created-date:28-11-2024
Reason: Website development
 */

 :root{
  --white:#FFFFFF;
  --seashell:#F0F0F0;
  --resolutionBlue:#001D7A;
  --gulfBlue:#021659;
  --babyBlue:#9BCDFB;
  --black:#000000;
  --cloudyGrey:#696767;
  --mistBlue:#686D76;

}
 

/* ========font-color=========== */

 .white{color: var(--white);}
 .seashell{color: var(--seashell);}
 .resolutionBlue{color: var(--resolutionBlue);}
 .gulfBlue{color: var(--gulfBlue);}
 .babyBlue{color: var(--babyBlue);}
 .black{color: var(--black);}
 .cloudyGrey{color: var(--cloudyGrey);}
 .mistBlue{color: var(--mistBlue);}

/* =========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 */
.ls450{letter-spacing: 4.5px;}/* 4.50px */



/*============= Font size============  */

.f40{font-size:40px;}
.f30{font-size:30px;}
.f28{font-size:28px;}
.f26{font-size:26px;}
.f25{font-size:25px;}
.f24{font-size:24px;}
.f23{font-size:23px;}
.f22{font-size:22px;}
.f21{font-size:21px;}
.f20{font-size:20px;}
.f19{font-size:19px;}
.f18{font-size:18px;}
.f17{font-size:17px;}
.f16{font-size:16px;}
.f15{font-size:15px;}
.f14{font-size:14px;}
.f13{font-size:13px;}
.f12{font-size:12px;}
.f11{font-size:11px;}

/* ======responsive fonts======== */
@media(max-width:1200px) {
.f40{font-size:36px;}
.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) {
  .f40{font-size:32px;}
.f39{font-size:32px;}
.f30{font-size:26px;}
.f28{font-size:24px;}
.f24{font-size:22px;}
.f23{font-size:21px;}
.f22{font-size:20px;}
.f21{font-size:19px;}
.f20{font-size:18px;}
.f18{font-size:17px;}

}


@media(max-width:768px) {

  .f40{font-size:28px;}
.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) {
  .f40{font-size:26px;}
.f39{font-size:24px;}
.f30{font-size:22px;}
.f28{font-size:20px;}
.f24{font-size:18px;}

}



/* ===========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;}


/* =======font size====== */
.fsi{font-style: italic;}
.fsn{font-style: normal;}
.fso{font-style: normal;}


/* ======opacity======== */
.opac75{opacity:0.75;}


.br1400{
  display: block;
}
@media all and (max-width:1399px){
  .br1400{
    display: none;
  }
}
.br1200 {
  display: block;
}
@media all and (max-width:1199px) {
  .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;
}

.seashell-bg{
  background: #F0F1F1 0% 0% no-repeat padding-box;
}

/* Common classes for content and image centralization */
.ibgjacc{
position: relative;
width: 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;
}

.acc{
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
}