/* Designed by Rewa Techno */
:root 
{
  --bg:#f6f6f6;
  --purpal:#da1b32;
  --blue:#2ea7d2;
  --white:#ffffff;
  --black:#110f0d;
  
}
body
{
   background:var(--bg);
   padding:0;
   margin:0;
}
h1,h2,h3,h4,h5,h6
{
  padding:0;
  margin:0;
  font-family: 'Montserrat', sans-serif;
}
th,td,.btn
{
  font-family: 'Montserrat', sans-serif;
}
p
{
  padding:0;
  margin:0;
  font-family: 'Montserrat', sans-serif;
}
label,.form-control,button,li
{
  font-family: 'Montserrat', sans-serif;
}
.form-control
{
  font-family: 'Montserrat', sans-serif;
}
a
{
  font-family: 'Poppins', sans-serif;
}
.clearfix
{
  padding:10px 0;
}

/* HEADER */
.header_section
{
  background:var(--white);
  box-shadow:rgba(0,0,0,0.5) 4px 0px 11px;
  padding-left:10vh;
  padding-right:10vh;
  margin-top:0;
  position:relative;
  z-index:1;
}
.navbar-brand
{
  
}
.navbar-brand img
{
  width:100px;
}
.navbar-nav
{
  
}
.nav-item
{
  margin-right:20px;
}
.nav-item:last-of-type
{
  margin-right:0;
}
.nav-link
{
  color:var(--black);
  text-transform:uppercase;
  font-size:15px;
  font-weight:600;
  padding:10px 20px;
  letter-spacing:1px;
}
.nav-link:hover
{
  color:var(--blue);
}
.btn-cta
{
  
  background:var(--blue);
  border-radius:100px;
  color:var(--white);
  padding:10px 20px !important;
  font-weight:700;
}
.btn-cta:hover
{
  color:var(--white);
  opacity:0.7;
}

.desktop_version
{
  display:inherit;
}
.mobile_version
{
  display:none;
}
@media only screen and (max-width: 768px) 
{ 

  .desktop_version
  {
    display:none;
  }
  .mobile_version
  {
    display:block;
  }

  .mobile_version .nav-link
  {
     color:var(--black);
  }

  .header_section
  {
     height:auto;
     padding-left:0;
     padding-right:0; 
  }
  .navbar-brand
  {
    width:auto;
    height:100px;
  }
  .navbar-brand img
  {
    width:100px;
    padding:10px 10px;
  }
  .navbar-toggler
  {
    background:var(--white) !important;

  }
}


/* Hero Section */
.hero_section
{
   background:url(../img/hero.jpg) no-repeat;
   background-size:cover;
   width:100%;
   height:70vh;
   position:relative;
}
.hero_section:after
{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  content:"";
  background: rgb(218,27,50);
  background: linear-gradient(117deg, rgba(218,27,50,1) 0%, rgba(106,21,122,0.227328431372549) 100%);
}
.hero_content
{
  display:flex;
  flex-direction:column;
  align-content:flex-end;
  align-items:flex-start;
  justify-content:center;
  height:70vh;
  position:relative;
  z-index:8888;
}
.hero_content h2
{
  font-size:60px;
  margin-bottom:20px;
  text-align:left;
  color:var(--white);
  text-shadow:rgba(0,0,0,0.3) 5px 5px 11px;
  font-weight:bold;
}
.hero_content p
{
  color:var(--white);
  font-size:30px;
  text-shadow:rgba(0,0,0,0.3) 5px 5px 11px;
  text-align:left;
}
.hero_content h3
{
  color:var(--white);
  margin-bottom:10px;
  text-shadow:rgba(0,0,0,0.3) 5px 5px 11px;
  font-weight:bold;
}
@media only screen and (max-width: 768px) 
{
  .hero_section
  {
     height:auto;
     padding:10vh 5vh;
  }
  .hero_content
  {
     height:auto;
  }
  .hero_content h2
  {
     font-size:30px;
  }
  .hero_content p
  {
    font-size:16px;
  }
  .hero_content h3
  {
     font-size:20px;
     display:block;
  }
}

/* Home Content */
.home_content
{
   padding:10vh 0;
   background:var(--white);
}
.home_content h3
{
  font-size:22px;
  line-height:1.6em;
}
.home_image_block
{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  grid-gap:30px;
}
.home_image_block .item:nth-child(1)
{
   background:#fff;
   box-shadow:rgba(0,0,0,0.1) 0 0 22px;
   padding:20px;
   display:flex;
   align-items:center;
   align-content:center;
   border-radius:10px;
}
.home_image_block .item .item_content
{

}
.home_image_block .item .item_content p
{
   font-size:16px;
   margin-bottom:15px;
   line-height:1.6em;
}
.home_image_block .item .item_content h5
{
   line-height:1.6em;
   color:var(--blue);
   font-weight:700;
}
.home_image_block .item .item_content ul
{

}
.home_image_block .item .item_content ul li
{ 
   margin-bottom:8px;
   font-size:16px;
   line-height:1.6em;
}
.home_image_block .item .item_content ul li:last-of-type
{
  margin-bottom:0;
}
b.lightBlack
{
  color:#666 !important;
}
@media only screen and (max-width: 768px) 
{
  .home_content
  {
     padding:5vh 5vh;
     background:var(--white);
  }
  .home_content h3
  {
    font-size:20px;
    line-height:1.6em;
  }
  .home_image_block
  {
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    grid-gap:30px;
  }
  .home_image_block .item:nth-child(1)
  {
     background:#fff;
     box-shadow:rgba(0,0,0,0.1) 0 0 22px;
     padding:20px;
     display:flex;
     align-items:center;
     align-content:center;
     border-radius:10px;
  }
  .home_image_block .item .item_content
  {

  }
  .home_image_block .item .item_content p
  {
     font-size:15px;
     margin-bottom:15px;
     line-height:1.6em;
  }
  .home_image_block .item .item_content h5
  {
     line-height:1.6em;
     color:var(--blue);
     font-weight:700;
  }
  .home_image_block .item .item_content ul
  {

  }
  .home_image_block .item .item_content ul li
  { 
     margin-bottom:8px;
     font-size:16px;
     line-height:1.6em;
  }
  .home_image_block .item .item_content ul li:last-of-type
  {
    margin-bottom:0;
  }
  b.lightBlack
  {
    color:#666 !important;
  }
}

/* Home content */


/* Footer */
.footer_cta_container
{
   background:var(--blue);
   padding-top:2vh;
   padding-bottom:2vh;

}
.footer_cta_container h3
{
    color:var(--white);
    line-height:1.6em;
    font-size:23px;
    font-weight:700;
}
.footer_cta_container .btn_cta
{
    text-align:right;
    margin-top:20px;
} 
.footer_cta_container .btn_cta a
{
    padding:10px 20px;
    background:var(--white);
    color:var(--blue);
    border-radius:100px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:20px;
    box-shadow:rgba(0,0,0,0.2) 0 0 11px;
    font-weight:600;
    letter-spacing:1px;
}
@media only screen and (max-width: 768px) 
{
  .footer_cta_container
  {
    padding-bottom:5vh;
    text-align:center;
  }
  .footer_cta_container h3
  {
    font-size:20px;
    text-align:center;
  }
  .footer_cta_container .btn_cta
  {
     text-align:center;
     margin-top:20px;
  }
  .footer_cta_container .btn_cta a
  {

  }
}

.footer_cta_container .btn_cta a:hover
{
  opacity:.8;
}
.footer_container
{
  padding:4vh 0;
  background:#1a1a1a;
  text-align:center;
}
.footer_menu
{

}
.footer_menu ul
{
  padding:0;
  margin:0;
  list-style:none;
}
.footer_menu ul li
{
  display:inline-block;
  margin-right:20px;
}
.footer_menu ul li:last-of-type
{
  margin-right:0;
}
.footer_menu ul li a
{
  color:var(--white);
  text-transform:capitalize;
  text-decoration:none;
  font-size:20px;
}
.copyright
{
   margin-top:20px;
}
.copyright p
{
  color:var(--white);
  font-size:14px;
}
@media only screen and (max-width: 768px) 
{
  .footer_container
  {

  }
  .footer_menu ul li a
  {
    font-size:20px;
  }
}
/* Footer End */



/* Page Section */
.page_heading_section
{
   background: rgb(218,27,50);
   background: linear-gradient(117deg, rgba(218,27,50) 0%, rgba(106,21,122) 100%);
   width:100%;
   height:10vh;
   position:relative;
}
.page_heading_content
{
  display:flex;
  flex-direction:column;
  align-content:flex-end;
  align-items:flex-start;
  justify-content:center;
  height:10vh;
  position:relative;
  z-index:1;
}
.page_heading_content h2
{
  font-size:60px;
  margin-bottom:20px;
  text-align:center;
  color:var(--white);
  text-shadow:rgba(0,0,0,0.3) 5px 5px 11px;
  font-weight:bold;
}
.page_heading_content p
{
  color:var(--white);
  font-size:30px;
  text-shadow:rgba(0,0,0,0.3) 5px 5px 11px;
  text-align:center;
}
.page_heading_content h3
{
  color:var(--white);
  margin-bottom:10px;
  text-shadow:rgba(0,0,0,0.3) 5px 5px 11px;
  font-weight:bold;
  text-align:center;
}
@media only screen and (max-width: 768px) 
{
  .page_heading_section
  {
     height:auto;
     padding:5vh 5vh;
  }
}

/* Page Container */
.page_container
{
  padding:4vw 0;
  background:var(--white);
}
@media only screen and (max-width: 768px) 
{
   .page_container
   {
     padding:4vw 5vw;
   }
}
.blue_title
{
  color:var(--blue);
}
.page_container h1,h2,h3,h4,h5,h6
{
  
}
.page_container p
{
  font-size:17px;
}
.why_us img
{
  border-radius:10px;
  background:#fff;
  padding:10px;
  box-shadow:rgba(0,0,0,0.2) 0 0 11px;
}
.why_us p
{
  font-size:17px;
}



.why_grid
{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-gap:20px;
}
@media only screen and (max-width: 768px) 
{
  .why_grid
  {
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    grid-gap:10px;
    margin-top:30px;
  }
}
.why_grid .item
{
  background:#fff;
  padding:15px;
  box-shadow:rgba(0,0,0,0.1) 0 0 22px;
  border-radius:15px;
  border-bottom:3px solid #ccc;
}
@media only screen and (max-width: 768px) 
{
  .why_grid .item
  {
    box-shadow:rgba(0,0,0,0.1) 0 0 5px;
  }
}
.why_grid .item p
{
  font-size:17px;
  font-weight:600;
  color:#444;
  line-height:1.4em;
}

.product_say
{

}
.product_say p
{
  margin-bottom:15px;
  line-height:1.6em;
}

.product_list
{
   background:#eaf6fb;
}
.product_grid
{
   display:grid;
   grid-template-columns:repeat(3, 1fr);
   grid-gap:30px;
}
@media only screen and (max-width: 768px) 
{
  .product_grid
  {
     display:grid;
     grid-template-columns:repeat(1, 1fr);
     grid-gap:30px;
  }
}
.product_grid .item
{
   background:#fff;
  padding:20px;
  box-shadow:rgba(0,0,0,0.1) 0 0 22px;
  border-bottom:3px solid #2996bd;
  border-radius:15px;
}
.product_grid .item h3
{
  color:var(--blue);
  font-weight:600;
  margin-bottom:15px;
  font-size:25px;
}
.product_grid .item p
{
  font-size:16px;
  margin-bottom:10px;
}

.contact_address
{
   background:#fff;
   box-shadow:rgba(0,0,0,0.2) 3px 3px 22px;
   padding:20px;
   border-radius:15px;
}
@media only screen and (max-width: 768px) 
{
   .contact_address
   {
    margin-bottom:30px;
   }
}
.contact_address .address_table
{

}
.contact_address .address_table table
{
  width:100%;
  border-collapse:collapse;
}
.contact_address .address_table table tr td
{
  color:var(--black);
  font-size:15px;
  line-height:1.7em;
  font-family: 'Montserrat', sans-serif;
  padding-bottom:20px;
}
.contact_address .address_table table tr td i
{
  margin-right:10px;
  background:#fff;
  box-shadow:rgba(0,0,0,0.2) 5px 5px 11px;
  width:40px;
  border-radius:100px;
  height:40px;
  color:var(--blue);
  line-height:40px;
  text-align:center;
  font-size:20px;
}
.contact_address .address_table table tr td a
{
 
  color:var(--black);
  text-decoration:none;
}
.contact_say
{

}
.contact_say h3
{
  color:var(--blue);
  margin-bottom:15px;
  font-weight:600;
}
.contact_say p
{
  margin-bottom:15px;
  font-size:17px;
}

.contact_form
{
   margin-top:20px;
}
.contact_form label
{
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:13px;
}
.contact_form .form-control
{
  padding:10px;
  border:1px solid #666;
}
.contact_form .btn_submit
{
   background:var(--blue);
   padding:10px 20px;
   border-radius:10px;
   border:0;
   color:var(--white);
   font-weight:500;
   font-size:17px;
   letter-spacing:2px;
}
.contact_form .btn_submit:hover
{
  opacity:0.8;
}

.white_bg
{
    
}
.white_bg p
{
  margin-bottom:15px;
  line-height:1.6em;
}
.lightblue_bg
{
    background:#eaf6fb;
}
.lightblue_bg p
{
  margin-bottom:15px;
  line-height:1.6em;
}


.certificate_grid
{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  grid-gap:50px;
}
@media only screen and (max-width: 768px) 
{
  .certificate_grid
  {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap:50px;
  }
}
.certificate_grid .item
{ 
   
}
.certificate_grid .item img
{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
@media only screen and (max-width: 768px) 
{
  .certificate_grid .item img
  {
    width:80%;
    height:80%;
  }
}
