/*
0001 GLOBAL CSS 
0002 FIX CSS 
*/



/* 0001 GLOBAL CSS  START */
: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;

}

/* GLOBAL STYLES  */
*,
::after,
::before {
    margin: 0px;
    padding:0px;
    box-sizing: border-box;
}
*:focus {
    outline-width: 2px;
    outline-offset: 1px;
}
ul {
    list-style-type: none;
}
a {
    text-decoration: none;
}
body {
    background-color:var(--bg-body);
    font-family: Arial, Helvetica, sans-serif;

}
/* 0001 GLOBAL CSS  END  */






 

 

/*TITLES CSS START */
.section-title-01 {
    font-size: 30px;
    height: 5px;
    font-weight: 600;
    color: var(--fc-section-title-01);
    margin-bottom: 15px;
    text-align: center;
    text-transform: capitalize;
}
.section-title-01::after {
    border-bottom: solid 4px #ff0000;
}



.section-title-02 {
    text-align: center;
    margin-bottom: 15px;
  }
  .section-title-02 h3 {
    font-size: 30px;
    font-weight: bold;
    padding: 20px auto 10px auto;
  }
  .section-title-02 em {
    display: block;
    font-size: 26px;
    margin-top: 5px;
    font-style: normal;
    font-weight: 500;
    
  }
  .section-title-02 .line {
    background: #ff0000;
    height: 3px;
    display: block;
    bottom: 0px;
    width: 100px;
    margin: 10px auto 0 auto;
  }

  
  
.section-title-03 {
    color: #333333;
      margin-top: 20px;
      margin-bottom: 0;
      text-align: center;
      clear: both;
  }
  .section-title-03 h3 {
    display: block;
    font-size: 35px;
    line-height: 50px; 
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .section-title-03 span {
    color: #086AD8;
  }


/*Section Title 04 START */  
  .section-title-04 h3 {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px;
    position: relative;
    padding: 0;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #080808;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
  
  }
  .section-title-04 h3:before {
    width: 28px;
    height: 6px;
    display: block;
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -14px;
    background-color: #b80000;
  }
  .section-title-04 h3:after {
    width: 100px;
    height: 2px;
    display: block;
    content: "";
    position: relative;
    margin-top: 12px;
    left: 50%;
    margin-left: -50px;
    background-color: #b80000;
  }
/*Section Title 04 End */  
  
  
  
   /* section-title-05 START */
.section-title-05 h3 {
  text-align: center;
  color:#222; font-size:30px; font-weight:400;
  word-spacing: 1px; letter-spacing:2px; color:#c50000;
  position: relative;
  padding: 0;
  margin: 0;
  font-weight: 300;
  font-size: 40px;
  color: #080808;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.section-title-05 h3 span {
  display: block;
  line-height:2em; 
  padding-bottom:15px;
  text-transform: none;
  font-size:.7em;
  font-weight: normal;
  font-style: italic; font-family: "Playfair Display","Bookman",serif;
  color:#999; letter-spacing:-0.005em; word-spacing:1px;
  letter-spacing:none;
}
.section-title-05 h3:after, .section-title-05 h3:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45px;
  height: 4px;
  content: "";
  right: 45px; 
  margin:auto;
  background-color: #ccc;
}
.section-title-05 h3:before { 
background-color:#d78b8b;
  left:45px; width:90px;
}
/* section-title-05 END */


  

  
  
  /*Side Section Title 01 Start */
  .side-section-title-01 {
    font-size: 30px;
    font-weight:bold;
    color: #0F365C;
    padding-bottom: 16px;
    z-index: 1;
    position: relative;
    text-align: left;
    font-weight: normal;  
    margin-top: 30px;
  }

.side-section-title-01 h3 {
    font-size: 30px;
    font-weight:bold;
    color: #0F365C;
    padding-bottom: 16px;
    z-index: 1;
    position: relative;
    text-align: left;
    font-weight: normal;  
    margin-top: 30px;
  }
  .side-section-title-01 .line {
    background: #ff0000;
    position: absolute;
    height: 2px;
    display: block;
    bottom: 0px;
    width: 72px;
  }
  .side-section-title-01 .text {
    z-index: 20;
    position: relative;
    text-align: center;
  }
  /*Side Section Title 01 END */




/*Side Section Title 02 START */
  .side-section-title-02 .line {
  background: #9eca45;
  position: absolute;
  height: 3px;
  display: block;
  bottom: 0px;
  width: 100px;
}
.side-section-title-02 .line2 {
  background: #000;
  border-top: solid 1px #AFAFAF;
  position: absolute;
  height: 1px;
  display: block;
  bottom: 1px;
  width: 100%;
}
.side-section-title-02 .text {
  z-index: 20;
  position: relative;
  text-align: center;
}

.side-section-title-02 h3 {
  font-size: 27px;
  padding-bottom: 16px;
  z-index: 1;
  position: relative;
  text-align: left;
  font-weight: normal;
  margin-bottom: 25px;
}
.side-section-title-02 h3.nmb {
  margin-bottom: 3px;
}
  /*Side Section Title 02 END */




  
/*Sub Title 01 START */
.sub-title-01 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 22px;
  margin: 15px 0 21px 35px;
  display: inline-block;
  position: relative;
 
  color: #2db7ff;
}

.sub-title-01:before {
  content: "";
  width: 25px;
  position: absolute;
  background: #2db7ff;
  height: 3px;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
}

.sub-title-01:before {
  content: "";
  width: 25px;
  position: absolute;
  background: #2db7ff;
  height: 3px;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
}
/*Sub Title 01 END */

/*TITLES CSS END */
 
















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


  .grid03 {
    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   */ 


}