/* Designed by Rewa Techno */
:root 
{
  --blue:#263A5B;
  --lightblue:#B8C9F2;
  --orange:#D8A31A;
  --light:#F1F1E6;
  --white:#ffffff;
  --black:#000000;
}
@font-face 
{
  font-family:sofiapro-light;
  src: url(../fonts/sofiapro-light.otf);
}
body
{
   background:var(--light);
   padding:0;
   margin:0;
}
h1,h2,h3,h4,h5,h6
{
  padding:0;
  margin:0;
  font-family: 'sofiapro-light';
}
th,td,.btn
{
  font-family: 'sofiapro-light';
}
p
{
  padding:0;
  margin:0;
  font-family: 'sofiapro-light';
}
label,.form-control,button,li
{
 font-family: 'sofiapro-light';
}
.form-control
{
  font-family: 'sofiapro-light';
}
a
{
  font-family: 'sofiapro-light';
}
.clearfix
{
  padding:5px 0;
}


/* Company Info */
.company_info_container
{
  
  background-image: radial-gradient(circle,#1b2e4e 2px,var(--blue) 0);
  background-size:15px 15px;
  background-position:0px 0px;
  min-width: 320px;
  overflow-x: hidden;
  padding-top:1em;
  padding-bottom:1em;
}
.company_info_container p
{
  color:var(--white);
  font-size:16px;
  font-weight:normal;
  text-transform:capitalize;
}
.company_contact
{
  display:flex;
  align-content:center;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
}
.company_contact a
{
  color:var(--white);
  text-decoration:none;
  transition:0.3s;
}
.company_contact a:hover
{
  color:var(--orange);
}
@media only screen and (max-width: 768px) 
{   
    .company_info_container
    {
        display:none;
    }
    .company_info_container p
    {
        text-align:center;
    }
    .company_contact
    {
        justify-content:center;
    }
}

/* Company Info End */

/* Header */
.header_container
{
   background: linear-gradient(180deg, var(--white) 38%, var(--light) 100%) !important;
   position:relative;
   z-index:1010;
   box-shadow:rgba(0,0,0,0.1) 5px 5px 5px;
}
.header_container .navbar-brand
{
  display:flex;
  align-content:center;
  align-items:center;
  gap:20px;
}   
.header_container .navbar-brand img
{
    width:80px;
}
.header_container .navbar-brand h3
{
  text-transform:uppercase;
  font-size:20px;
  font-weight:bold;
  color:var(--blue);
}
.header_container .navbar-brand h3 span
{
  color:var(--orange);
}
.header_container .navbar-nav .nav-item
{
  margin-right:1em;
}
.header_container .navbar-nav .nav-item:last-of-type
{
  margin-right:0;
}
.header_container .navbar-nav .nav-link
{
   text-transform:uppercase;
   font-size:16px;
   font-weight:bold;
   letter-spacing:0.1em;
   color:var(--blue);
   transition:0.3s;
}
.header_container .navbar-nav .nav-link:hover
{
   color:var(--orange);

}
.header_container .navbar-nav
{
  display:flex;
  align-items:center;
  align-content:center;
}
.header_container .navbar-nav  .active
{
    font-weight:bold;
    color:var(--orange);
}
.header_container .navbar-nav .btn-cta
{
   background:var(--orange);
   color:var(--white) !important;
   border-radius:10px;
   padding-left:1em;
   padding-right:1em;
   font-weight:bold;
   letter-spacing:0.2em;
   box-shadow:rgba(0,0,0,0.2) 0 0 15px;
   transition:0.3s;
   transition: background-color 300ms ease-out;
   padding:15px 30px;
   
}
@media only screen and (max-width: 768px) 
{
    .header_container .navbar-nav .btn-cta
    {
         margin-bottom:30px;
    }
    .header_container .navbar-nav .nav-item
    {
         margin-bottom:10px;
         margin-right:0;
    }
}
.header_container .navbar-nav .btn-cta:hover
{
  box-shadow:rgba(0,0,0,0.5) 0 0 15px;
  transition: box-shadow 0.3s ease-in-out;
  background:var(--blue);
  transition:0.3s;
}
.header_container .navbar-nav .btn-cta span
{
  display: inline-block;
  position: relative;
  transition: all 300ms ease-out;
  will-change: transform;
}
.header_container .navbar-nav .btn-cta:hover span 
{
  transform: translate3d(-1rem, 0, 0);
}
.header_container .navbar-nav .btn-cta i 
{
  position: absolute;
  width: 1em;
  right: 0px;
  right: 0rem;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 300ms ease-out;
  will-change: right, opacity;
}
.header_container .navbar-nav .btn-cta i * 
{
  stroke-width: 5;
  stroke-color: transparent;
}
.header_container .navbar-nav .btn-cta:hover i
{
  opacity: 1;
  right:-1.5rem;
}
.dropdown-menu
{
   border:0 !important;
   border-radius:20px !important;
   margin:0 !important;
   box-shadow:rgba(0,0,0,0.1) 5px 5px 11px;
   padding:10px;
}
.dropdown-item
{
  padding:10px 20px;
  font-weight:bold;
  color:var(--blue);
  text-transform:uppercase;
  font-size:14px;
}
.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus
{
   background:none !important;
   color:var(--orange) !important;
}
/* Header End */

/* Slider */
.NoPadding
{
   padding:0 !important;
}
.HeroContainer
{
   background-image: radial-gradient(circle,#1b2e4e 2px,var(--blue) 0);
    background-size:15px 15px;
    background-position:0px 0px;
    min-width: 320px;
    overflow-x: hidden;
} 
.HeroContainer img
{
  width:100%;
  height:75vh;
  object-position:center;
  object-fit:cover;
  border-right:5px solid #fff;
}
@media only screen and (max-width: 768px) 
{
    .HeroContainer img
    {
         height:40vh;
    }
}
.HeroContainer .SliderContent
{
   padding:10vh;
}
.HeroContainer .SliderContent h3
{
   color:var(--white);
   text-align:left;
   line-height:1.3em;
   font-size:30px;
}
.HeroContainer .SliderContent h3 span
{
  color:var(--orange);
}
.HeroContainer .SliderContent h4 span
{
   color:var(--blue);
   background:var(--orange);
   padding:10px 20px;
   font-size:15px;
   font-weight:bold;
   letter-spacing:0.2em;
   text-transform:uppercase;
   border-radius:20px;

}
@media only screen and (max-width: 768px) 
{
    .HeroContainer .SliderContent
    {
         padding:6vh 5vh;
         text-align:center;
    }
    .HeroContainer .SliderContent h3
    {
         font-size:20px;
         text-align:center;
    }
    .HeroContainer .SliderContent h4 span
    {
         display:block;
         font-size:20px;
    }
}
/* Slider End */


/* Page Setting */
.PageContainer
{
  padding-top:5em;
  padding-bottom:5em;
}
@media only screen and (max-width: 768px) 
{
    .PageContainer
    {
         padding-top:3em;
         padding-bottom:3em;
    }
}
.BgWhite
{
   background:var(--white);
}
.BgGrey
{
   background:var(--light);
}
.BlueColor
{
   background:var(--blue) !important;
}
.BlueColor:hover span
{
  color:var(--white) !important; 
}
.BgLight
{
    
    /*
    background-image: radial-gradient(circle,#1b2e4e 5px,var(--blue) 0);
    background-size: 47px 47px;
    background-position:0px 0px;
    min-width: 320px;
    overflow-x: hidden;
    */
    background:var(--blue);
}
.SectionTitle
{

}
.SectionTitle h2
{
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    color:var(--white);
    font-size:30px;
    letter-spacing:3px;
}
/* Page Setting End */

/* About Container */
.HomeAboutContainer
{

}
.HomeAboutContainer .ImageBlock
{
   display:flex;
   align-items:center;
   align-content:center;
   justify-content:center;
   gap:50px;
}
@media only screen and (max-width: 768px) 
{
    .HomeAboutContainer .ImageBlock
    {
         flex-direction:column-reverse;
    }
}
.HomeAboutContainer .ImageBlock .item
{
  flex:50%;
}
.HomeAboutContainer .ImageBlock .item h2
{
  font-weight:bold;
  color:var(--blue);
  margin-bottom:10px;
}
.HomeAboutContainer .ImageBlock .item h3
{
  font-weight:bold;
  font-size:20px;
  text-transform:uppercase;
  color:var(--orange);
  letter-spacing:2px;
}
.HomeAboutContainer .ImageBlock .item p
{
  color:var(--black);
  margin-bottom:15px;
  font-size:17px;
}
.HomeAboutContainer .ImageBlock .item p:last-of-type
{
  margin-bottom:0;
}
.HomeAboutContainer .ImageBlock .item .ItemImg
{
  border:2px solid var(--blue);
  padding:10px;
  border-radius:25px;
}
.HomeAboutContainer .ImageBlock .item img
{
  border-radius:20px;
}
.HomeAboutContainer .ImageBlock .item .ReadMoreButton
{
   margin-top:40px;

}
.HomeAboutContainer .ImageBlock .item .ReadMoreButton a
{
   background:var(--orange);
   color:var(--white) !important;
   border-radius:10px;
   padding-left:1em;
   padding-right:1em;
   font-weight:bold;
   letter-spacing:0.2em;
   box-shadow:rgba(0,0,0,0.2) 0 0 15px;
   padding:20px 40px;
   text-decoration:none;
   text-transform:uppercase;
   transition:0.3s;
   transition: background-color 300ms ease-out;
}
.HomeAboutContainer .ImageBlock .item .ReadMoreButton a:hover
{
    box-shadow:rgba(0,0,0,0.5) 0 0 15px;
    transition: box-shadow 0.3s ease-in-out;
    background:var(--blue);
    transition:0.3s;
    color:var(--white) !important;
}
.HomeAboutContainer .ImageBlock .item .ReadMoreButton a span
{
  display: inline-block;
  position: relative;
  transition: all 300ms ease-out;
  will-change: transform;
}
.HomeAboutContainer .ImageBlock .item .ReadMoreButton a:hover span 
{
  transform: translate3d(-1rem, 0, 0);
}
.HomeAboutContainer .ImageBlock .item .ReadMoreButton a i 
{
  position: absolute;
  width: 1em;
  right: 0px;
  right: 0rem;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 300ms ease-out;
  will-change: right, opacity;
}
.HomeAboutContainer .ImageBlock .item .ReadMoreButton a i * 
{
  stroke-width: 5;
  stroke-color: transparent;
}
.HomeAboutContainer .ImageBlock .item .ReadMoreButton a:hover i
{
  opacity: 1;
  right:-1.5rem;
}


/* About Container */


/* Product Container */
.HomeProductSection .ProductGrid
{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-gap:30px;
  margin-top:50px;
}
@media only screen and (max-width: 768px) 
{
    .HomeProductSection .ProductGrid
    {
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      grid-gap:30px;
      margin-top:50px;
    }
}

.HomeProductSection .ProductGrid .Item
{
   background: linear-gradient(180deg, var(--light) 38%, var(--lightblue) 100%);
   padding:20px;
   border:2px solid var(--white);
   border-radius:20px;
}
.HomeProductSection .ProductGrid .Item a
{
     text-decoration:none !important;
}
.HomeProductSection .ProductGrid .Item a h3
{
     text-decoration:none !important;
}
.HomeProductSection .ProductGrid .Item .ItemImg
{
    width:200px;
    height:200px;
    text-align:center;
    margin:0 auto;
    margin-bottom:10px;
}
@media only screen and (max-width: 768px) 
{
    .HomeProductSection .ProductGrid .Item .ItemImg
    {
         width:150px;
    }
}
.HomeProductSection .ProductGrid .Item .ItemImg img
{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;

}
.HomeProductSection .ProductGrid .Item .ItemContent
{
    padding:15px;
    text-align:center;
}
.HomeProductSection .ProductGrid .Item .ItemContent h3
{
  text-transform:uppercase;
  font-weight:bold;
  font-size:17px;
}
.ButtonContainer
{
   margin-top:60px;
   text-align:center;
}
.ButtonContainer a
{
  background:var(--orange);
   color:var(--white) !important;
   border-radius:10px;
   padding-left:1em;
   padding-right:1em;
   font-weight:bold;
   letter-spacing:0.2em;
   box-shadow:rgba(0,0,0,0.2) 0 0 15px;
   padding:20px 40px;
   text-decoration:none;
   text-transform:uppercase;
   transition:0.3s;
   transition: background-color 300ms ease-out;
}
.ButtonContainer a:hover
{
    box-shadow:rgba(0,0,0,0.5) 0 0 15px;
    transition: box-shadow 0.3s ease-in-out;
    background:var(--white);
    transition:0.3s;
    color:var(--blue) !important;
}
.ButtonContainer a span
{
  display: inline-block;
  position: relative;
  transition: all 300ms ease-out;
  will-change: transform;
}
.ButtonContainer a:hover span 
{
  transform: translate3d(-1rem, 0, 0);
}
.ButtonContainer a i 
{
  position: absolute;
  width: 1em;
  right: 0px;
  right: 0rem;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 300ms ease-out;
  will-change: right, opacity;
}
.ButtonContainer a i * 
{
  stroke-width: 5;
  stroke-color: transparent;
}
.ButtonContainer a:hover i
{
  opacity: 1;
  right:-1.5rem;
}
/* Product Container End */

/* Testimonials Container */
.TestimonialsContainer
{

}
.TestimonialsContainer .SectionTitle
{

}
.TestimonialsContainer .SectionTitle h2
{
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    color:var(--blue);
    font-size:30px;
    letter-spacing:3px;
}
#CustomersSays
{
  margin-top:35px;
}
#CustomersSays .carousel-item
{
  transition:height 0.3s ease-out;
}
#CustomersSays .CarouselContent
{
   background:var(--orange);
   padding:5rem;
   border-radius:20px;
   width:70%;
   margin:0 auto;
   transition:height 0.3s ease-out;
}
@media only screen and (max-width: 768px) 
{
    #CustomersSays .CarouselContent
    {
         width:100%;
         padding:2rem;
    }
}
#CustomersSays .CarouselContent p
{
   text-align:center;
   font-size:20px;
   color:var(--white);
}
#CustomersSays .CarouselContent h3
{
  text-align:center;
  margin-top:25px;
  text-transform:uppercase;
  font-size:20px;
  font-weight:bold;
  color:var(--white);
}
#CustomersSays .carousel-control-prev 
{
    left:170px;
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
}
#CustomersSays .carousel-control-next 
{
    right:170px;
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
}
@media only screen and (max-width: 768px) 
{
    #CustomersSays .carousel-control-prev 
    {
        left:-30px;
        width:50px;
        height:50px;
        position:absolute;
        top:50%;
        transform: translateY(-50%);
    }
    #CustomersSays .carousel-control-next 
    {
        right:-30px;
        width:50px;
        height:50px;
        position:absolute;
        top:50%;
        transform: translateY(-50%);
    }
}
#CustomersSays .fa
{
  color:var(--orange);
  font-size:30px;
}
#CustomersSays .carousel-control-next, #CustomersSays .carousel-control-prev
{
   background:var(--white);
   width:50px !important;
   border-radius:100px;
   opacity:1;
}
#CustomersSays:hover .carousel-control-next, #CustomersSays:hover .carousel-control-prev
{
  opacity:1;
}
/* Testimonials Container End */
footer
{
  
  background-image: radial-gradient(circle,#1b2e4e 2px,var(--blue) 0);
  background-size:15px 15px;
  background-position:0px 0px;
  min-width: 320px;
  overflow-x: hidden;
  border-top:10px solid var(--orange);
}
.FooterGrid
{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-gap:50px;
}
@media only screen and (max-width: 768px) 
{   
    
   .FooterGrid
    {
      display:grid;
      grid-template-columns:repeat(1, 1fr);
      grid-gap:50px;
      
    } 
}
.FooterGrid .Item
{

}
.FooterTitle
{
   margin-bottom:20px;
   
}
.FooterTitle h3
{
   color:var(--white);
   text-transform:uppercase;
   font-size:23px;
   font-weight:bold;
}
.FooterTitle h3 span
{
  color:var(--white);
}
.FooterMenu
{

}
.FooterMenu ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.FooterMenu ul li
{
   padding-bottom:10px;
}
.FooterMenu ul li:last-of-type
{
  padding-bottom:0;
  border-bottom:0;
}
.FooterMenu ul li a
{
   color:var(--white);
   font-size:20px;
   text-decoration:none;
   transition:0.4s;
}
.FooterMenu ul li a:hover
{
  color:var(--orange);
  padding-left:10px;
  opacity:1;
}

.SocialMedia
{
   display:flex;
   align-items:center;
   align-content:center;
   gap:10px;
}
.SocialMedia .fa-brands
{
   background:var(--light);
   width:40px;
   height:40px;
   line-height:40px;
   text-align:center;
   border-radius:100px;
   color:var(--blue);
   transition:0.3s;
}
.SocialMedia .fa-brands:hover
{
   background:var(--orange);
   color:var(--white);
}
.SocialMediaNotes p
{
  color:var(--white);
  font-size:14px;
}

.FooterAddress
{

}
.FooterAddress p
{
   color:var(--white);
   margin-bottom:15px;
}
.FooterAddress p span
{
   color:var(--orange);
   font-size:20px !important;
}

.VeemaSlogan
{
  
   margin-top:20px;
   padding:10px 0;
   border-top:1px solid rgba(255, 255, 255, 0.5);
   border-bottom:1px solid rgba(255,255,255,0.5);
}
.VeemaSlogan p
{
   color:var(--white);
   text-align:center;
}
.LastGrid
{
   display:grid;
   grid-template-columns:repeat(2, 1fr);
   margin-top:30px;
}
@media only screen and (max-width: 768px) 
{   
    .VeemaSlogan p
    {
         text-align:left;
    }
    .LastGrid
    {
       display:grid;
       grid-template-columns:repeat(1, 1fr);
       margin-top:30px;
    }
}
.LastGrid .Item
{

}
.LastGrid .Item:nth-child(1) p
{
   text-align:left;
   color:var(--white);
}
.LastGrid .Item:nth-child(2) p
{
  text-align:right;
  color:var(--white);
}
.LastGrid .Item:nth-child(2) p a
{
   color:var(--orange);
   text-decoration:none;
}
@media only screen and (max-width: 768px) 
{
    .LastGrid .Item:nth-child(2) p
    {
         text-align:left;
    }   
}


/* Footer End */


/* Page Heading */
.PageHeading
{
   padding-top:2rem;
   padding-bottom:2rem;
   background:var(--orange);
}
.PageHeading h3
{
   color:var(--white);
   font-weight:bold;
   text-transform:uppercase;
   text-align:center;
}
@media only screen and (max-width: 768px) 
{
    .PageHeading
    {
       padding-top:1rem;
       padding-bottom:1rem;
       background:var(--orange);
    }
    .PageHeading h3
    {
       color:var(--white);
       font-weight:bold;
       text-transform:uppercase;
       text-align:center;
    }
}
/* Page Heading End */


/* About Page */
.AboutText
{

}
.AboutText p
{
   font-size:25px;
   text-align:center;
}
@media only screen and (max-width: 768px) 
{   
    .AboutText
    {
        padding:0 20px;
    }
    .AboutText p
    {
        font-size:20px;
    }
}


.AboutContainer .ImageBlock
{
   display:grid;
   grid-template-columns:1fr 2fr;
   gap:50px;
   margin-bottom:50px;
}
@media only screen and (max-width: 768px) 
{
    .AboutContainer .ImageBlock
    {
       display:grid;
       grid-template-columns:1fr;
       gap:50px;
       margin-bottom:50px;
       padding:0 20px;
    }
}
.AboutContainer .ImageBlock:last-of-type
{
  margin-bottom:0;
}
.AboutContainer .ImageBlock .Item
{
  flex:50%;
}
.AboutContainer .ImageBlock .Item h3
{
  font-weight:bold;
  font-size:28px;
  color:var(--blue);
  margin-bottom:25px;
}
.AboutContainer .ImageBlock .Item p
{
  color:var(--black);
  margin-bottom:15px;
  font-size:20px;
}
@media only screen and (max-width: 768px) 
{   
    .AboutContainer .ImageBlock .Item h3
    {
         font-size:23px;
    }
    .AboutContainer .ImageBlock .Item p
    {
         font-size:16px;
    }
}

.AboutContainer .ImageBlock .Item p:last-of-type
{
  margin-bottom:0;
}
.AboutContainer .ImageBlock .Item .ItemImg
{
  border:2px solid var(--blue);
  padding:10px;
  border-radius:25px;
}
.AboutContainer  .ImageBlock .Item img
{
  border-radius:20px;
  width:100%;
  height:100%;

}
/* About Us End */

/* Call To Action */
.CallToActionContainer
{
    background:var(--orange);
    padding:10vh;
    margin-top:30px !important;
    border-radius:20px;
}
.CallToActionContainer h3
{
   text-align:center;
   width:95%;
   margin:0 auto;
   color:var(--white);
   line-height:1.6em;
   font-size:28px;
}
@media only screen and (max-width: 768px)
{
    .CallToActionContainer
    {
        background:var(--orange);
        padding:5vh;
        margin-top:10px !important;
        border-radius:20px;
    }
    .CallToActionContainer h3
    {
       text-align:center;
       width:97%;
       margin:0 auto;
       color:var(--white);
       line-height:1.6em;
       font-size:20px;
    }
}
/* Call To Action End */

/* Contact Us */


.ContactTitle
{
   margin-bottom:20px;
}
.ContactTitle h3
{
   text-transform:uppercase;
   font-weight:bold;
   color:var(--blue);
   font-size:23px;
}
.FormContainer
{
   padding:50px;
   position:relative;
}
.FormContainer .form-label
{
   text-transform:uppercase;
   font-weight:bold;
}
.FormContainer .form-control
{
   padding:10px;
   border:1px solid #999;
}
.FormContainer .form-control:focus
{
   outline:0;
   box-shadow:none;
   background:#eee;
}
.FormContainer .btn
{
   background:var(--orange);
   color:var(--white) !important;
   border-radius:10px;
   padding-left:1em;
   padding-right:1em;
   font-weight:bold;
   letter-spacing:0.2em;
   box-shadow:rgba(0,0,0,0.2) 0 0 15px;
   transition:0.3s;
   transition: background-color 300ms ease-out;
   padding:15px 30px;
   text-transform:uppercase;
}

.ContactGrid
{
   display:grid;
   grid-template-columns:repeat(2, 1fr);
   box-shadow:rgba(0,0,0,0.2) 0 0 22px;
}
@media only screen and (max-width: 768px)
{
    .ContactGrid
    {
       display:grid;
       grid-template-columns:repeat(1, 1fr);
       box-shadow:rgba(0,0,0,0.2) 0 0 22px;
    }
}
.ContactGrid .Item
{
   background:#fff;
   
}
.ContactGrid .Item:nth-child(1)
{
   
   background:url("../img/about_img_03.jpg") no-repeat;
   background-position:center;
   background-size:cover;
   position:relative;
}
.ContactGrid .Item:nth-child(1)::after
{
   position:absolute;
   left:0;
   top:0;
   background:rgba(38,58,91,0.8);
   content:"";
   width:100%;
   height:100%;
}
.ContactGrid .Item .ItemAddress
{
  position:relative;
  z-index:1;
}
.ContactGrid .Item .ItemAddress table
{
   border-collapse:collapse;
   width:100%;
}
.ContactGrid .Item .ItemAddress table tbody tr
{

}
.ContactGrid .Item .ItemAddress table tbody tr th
{
  padding:10px 10px;
}
.ContactGrid .Item .ItemAddress table tbody tr td
{
   padding:10px 10px;
}
.ContactGrid .Item .ItemAddress table tbody tr td p
{
   font-size:20px;
   color:var(--white);
}
.ItemAddress
{
  padding:50px;
}
.ItemAddress .ContactTitle h3
{
   color:var(--white);
}
.ItemIcon
{
   width:60px;
   height:60px;
   background:#fff;
   line-height:60px;
   text-align:center;
   border-radius:100px;
}
.ItemIcon img
{
   width:30px;
}


.MapContainer
{

}
.MapContainer iframe
{
   width:100%;
   height:500px;
}
/* Contact Us End */

/* Product Page */
.ProductsPage
{

}
.ProductsPage .ProductGrid
{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-gap:30px;
  margin-top:50px;
}
@media only screen and (max-width: 768px) 
{
    .ProductsPage .ProductGrid
    {
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      grid-gap:20px;
      margin-top:50px;
    }
}

.ProductsPage .ProductGrid .Item
{
   background: linear-gradient(180deg, var(--light) 38%, var(--lightblue) 100%);
   padding:20px;
   border:2px solid var(--white);
   border-radius:20px;
}
.ProductsPage .ProductGrid .Item .ItemImg
{
    width:200px;
    height:200px;
    text-align:center;
    margin:0 auto;
    margin-bottom:10px;
}
@media only screen and (max-width: 768px) 
{
    .ProductsPage .ProductGrid .Item .ItemImg
    {
         width:150px;
    }
}
.ProductsPage .ProductGrid .Item .ItemImg img
{
    width:80%;
    height:100%;
    object-fit:cover;
    border-radius:10px;

}
.ProductsPage .ProductGrid .Item .ItemContent
{
    padding:15px;
    text-align:center;
}
.ProductsPage .ProductGrid .Item .ItemContent h3
{
  text-transform:uppercase;
  font-weight:bold;
  font-size:17px;
}

.ProductsPage .ProductGrid
{
   margin-top:0;
}
.ProductsPage .ProductGrid .Item
{
     background:var(--light);
}

.ProductsPage .ProductGrid .Item .ProductCover
{
   background:var(--light);
   padding:20px;
   border-radius:20px;
}
.ProductsPage .ProductGrid .Item .ProductCover img
{
   width:auto !important;
   height:auto !important;
   object-fit:contain;
   padding:20px !important;
   object-position:center center;
}
.ProductDetails
{

}
.ProductDetails h3
{
   font-weight:bold;
   color:var(--blue);
   text-transform:uppercase;
}

.modal-body h3
{
     font-weight:bold;
     color:var(--blue);
     margin-bottom:10px;
}
.modal-body .BtnClose
{
    position:absolute;
    top:0px;
    right:0px;
    width:50px;
    height:50px;
    background:var(--orange);
    text-align:center;
    line-height:50px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
}
.modalCover
{
    background:var(--light);
    padding:20px;
    border-radius:10px;
}
.modal-body
{
    padding:50px;
}
.modal-body table
{
    border-collapse:collapse;
    width:100%;
    border:1px solid #ccc;
}
.modal-body table tbody tr:nth-child(odd)
{
    background:#fff;
}
.modal-body table tbody tr:nth-child(even)
{
    background:#eee;
}

.modal-body table tbody tr th
{
    padding:10px;
}
.modal-body table tbody tr td
{
    padding:10px;
}
/* Product Page End */