/*
0001 PAGE LAYOUT CSS 
0002 PARAGRAPH  CSS 
0003 GRID CSS

CLEAR CSS START 
ALIGN CSS START 
*/

video {
    width: 100%;
    height: auto;
}

:root{
    --fc-nav-color :#303030;
    --fc-section-title-01 :#ff0000;
    --fc-section-title-02 :#ff0000;
    --bg-body :#fff;
    --bg-container : #fff;
    --bg-nav : #2E247D;
    --bg-footer :#e7e7e7;
    --p-color :#555;
    --p01-color :#555;
    --p02-color :#555;
    --pmain-color : #555;

 

}

/*0001 PAGE LAYOUT CSS START*/
.pagelayout {
    width: 100%; 
}
.container {
    width: 100%;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto; 
    padding:0px 20px;
}
/*0001 PAGE LAYOUT CSS START*/



/*0002 PARAGRAPH  CSS START */
p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 16px;
    color: var(--p-color);
}

.p01 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
    color: var(--p01-color);
  }
  
.p02 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 16px;
    color: var(--p02-color);
  }
.pMain {
    font-size: 24px;
    line-height: 36px;
    color: var(--pmain-color);
}
/*0002 PARAGRAPH  CSS START */




/* 0003 GRID  CSS START */
.grid02 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid03 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 32% 32% 32%;
    gap: 2%; 
}
.grid04 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid05 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid06 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid07 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid08 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid09 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid10 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid11 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid12 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
/* 0003 GRID  CSS END */






.margin-tb-20 {
    margin: 20px 0px;
}


  @media screen and (max-width: 970px) {
  
    .grid02 {
      display: grid;
      grid-template-rows: auto;
      grid-template-columns: 100%; 
  }
  

  }






  /*CLEAR CSS START*/
.clear0 { clear: both; height: 0px;} .clear10 { clear: both; height: 10px;} .clear20 { clear: both; height: 20px;} .clear30 { clear: both; height: 30px;} .clear40 { clear: both; height: 40px;} .clear50 { clear: both; height: 50px;} .clear60 { clear: both; height: 60px;} .clear70 { clear: both; height: 70px;} .clear80 { clear: both; height: 80px;} .clear90 { clear: both; height: 90px;} .clear100 { clear: both; height: 100px;}
/* CLEAR CSS END   */ 


/* IMG CSS START */
img { width: 100%; overflow: hidden; }
.img { width: 100%; overflow: hidden; }
.img img { width: 100%; overflow: hidden; }
/* IMG CSS END */

/*PADDING CSS START */
.padding0 {padding: 0px; } .padding5 {padding: 5px; } .padding10 {padding: 10px; } .padding15 {padding: 15px; } .padding20 {padding: 20px; } .padding25 {padding: 25px; } .padding30 {padding: 30px; } .padding35 {padding: 35px; } .padding40 {padding: 40px; } .padding45 {padding: 45px; } .padding50 {padding: 50px; } .padding55 {padding: 55px; } .padding60 {padding: 60px; } .padding65 {padding: 65px; } .padding70 {padding: 70px; } .padding75 {padding: 75px; } .padding80 {padding: 80px; } .padding85 {padding: 85px; } .padding90 {padding: 90px; } .padding95 {padding: 95px; } .padding100 {padding: 100px; }
/*PADDING CSS END */

/*ALIGN CSS START */
.center { text-align: center; }
.left  { text-align: left; }
.right { text-align: right; }
.left-center { text-align: left; }
.left-right { text-align: left; }
.right-center { text-align: right; }
.right-left { text-align: right; }
.center-left { text-align: center; }
.center-right { text-align: center; }
/*ALIGN CSS END */