.pagetitle{
  padding: 80px 0px;
  background: linear-gradient(rgba(0, 0, 0, 0.521), rgba(0, 0, 0, 0.404)), url('../image/pagetitle1.jpg');
  background-size: 1800px;
  background-attachment: fixed;
  background-position: 20%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
}
.pagetitle h2{
    color: white;
    font-weight: bold;
    font-size: 42px;
    text-transform: uppercase;
}

.contact-section.contactpg{padding: 80px 0px;}
.contact-left ul li i{font-size: 25px;}

.blue{color: #009ee8;}
h2.title-heading{font-family: 'Aclonica', sans-serif; margin-bottom:20px;
    padding-bottom: 6px;
    border-bottom: 3px solid;
    width: fit-content;
    /* border-width: 100px; */
    border-image: linear-gradient(to right, #2b2b2b 50%, #009ee8 50%) 5;

}

body p{font-family: 'El Messiri', sans-serif;font-size: 19px;color: #212529; }
.about-ego{padding:80px 0px;}
.about-right { padding-left: 32px;}

.about-right h2{font-size: 2rem;}
.about-right h2 span {color: #009ee8;}

.enquiry-section{padding: 60px 0px; background: url(../image/enquiry.jpg); background-size: cover; background-position: center;background-attachment: fixed;}

.contact-info-form.enquirynow{background: rgba(255, 255, 255, 0.719); padding: 40px;}
.contact-info-form.enquirynow input{background:none;}
.contact-info-form.enquirynow textarea{background:none; height: 150px;}

.aboutus{padding-bottom: 0px;}

section{padding: 80px 0px;box-sizing: border-box;margin: 0px;}

.productspage{background:linear-gradient(0deg, #eeeeee8c, #f4f1f18a), url(../image/bg1.png);
   background-attachment: fixed; background-position: 0 0; background-size:100%; padding: 49px 0px 6px;}

.benifits{background: url(../image/pattern1.png); background-attachment: fixed;}
.mycard {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    padding: 20px;
    text-align: center;
    height: 225px;
    margin-bottom: 25px;
    background: white;
    transition: 0.5s linear;
  }
  
  .mycard:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transition: 0.5s linear;
    background: radial-gradient(white, #0366ec9c);
  }
  .mycard:hover img{filter: grayscale(100%);}
  
  .cardbox {padding: 2px 16px;}
  .cardbox h4{font-size: 25px;font-size: 20px;}

  .title-center{
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    }
.mycard img{width: 100px;margin-bottom: 25px;}


/*procat*/
.procat{display: flex;}
section.procat{padding: 0px;margin-bottom: 50px;}
.procatimage {
    display: block;
    width: 100%;
    height: 283px;
    object-fit: cover;
}
  
  .procatoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #0a0a0abd;
  }
  .procatbox{position: relative;  margin-bottom:30px;
  }
  .stickyme{
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
  }
  .procatbox:hover .procatoverlay {
    opacity: 1;
  }
  
  .procattext {
    width: 100%;
    color: white;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }


.stylecool{padding: 20px 0px 36px;}

  .procattext h3{font-size: 25px;}
  .procattext {font-size:25px; font-weight: bold;}

  .proinfo{text-align: center; color: white;padding: 10px; position: relative; font-weight: bold;
           display: block;
           background:linear-gradient(to right, #1686fe,#0e6dd5,#1685fd);
          }
  .proinfo h4{margin: 0px;color: white;font-size:20px;margin-bottom: 3px;}
.proinfo h4 a {
    color: #fff;
}
  .proinfo small{font-size: 15px;}
  .readmo a{color: white;} 
  .readmo{
    position: absolute;
    transition: 0.4s linear;
    right: 0px;
    bottom:20px;
    opacity: 1;
    background: #000000ab;
    padding: 8px 15px;
    opacity: 0;
    width: 40%;
    text-align: center;
   }
  

  .procatbox:hover .readmo{bottom:70px;opacity:1; }

  .proSpecification {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* grid-auto-rows: 80px; */
    background-color: #2196f3ba;;
    padding: 10px;
  }

  .proSpecification .box{
    display: flex;
    flex-direction: column;
    background-color: rgb(12 12 12 / 80%);
    border: 1px solid rgb(113 183 236);
    padding: 20px 10px;
    font-size: 18px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: white;
  }
  .box:hover{background-color: rgb(12 12 12 / 80%);}

  .box i{display: block; margin: auto; font-size: 40px;margin-bottom: 10px;}

  span ul.breadcrumbs{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
  }
  span ul.breadcrumbs li{color: white; margin: 5px; font-weight: bold;}

  ::selection{background: #007bff; color: #fff;}

.productspage h5{color: #0e6dd5;margin-bottom: 15px;}
button.enquirynow{
    background: #1c2d3b;
    color: #fff;
    padding: 7px 12px;
    border: none;
    border-bottom: 2px solid #56a5fd;
    transition: 0.4s linear;
}
button.enquirynow:hover{background:#1c2d3b;border-bottom: 2px solid #1c2d3b;}

.protable{background:#1c2d3b; color:white}
.protable table {width: 100%;}
.protable table tr td{color: white;}
.protable table tr:first-child {background: black; color: white;font-weight: bold;}

.pagetitle.tv{
  background: linear-gradient(rgba(0, 0, 0, 0.521), rgba(0, 0, 0, 0.404)), url('../image/pagetitle3.png');
  background-size: 1800px;
  background-attachment: fixed;
  background-position: 70% 30%;
}.pagetitle{background:linear-gradient(rgba(0, 0, 0, 0.521),rgba(0, 0, 0, 0.404)),url('../image/pagetitle1.jpg'); background-size: 100% 400px;
    background-attachment: fixed;
    background-position: 100% 96px;}

@media(max-width:767px){
  .about-ego{padding: 0px 20px;}
  .pagetitle{padding: 30px 0px; background-size: 500px 200px ;}
  .procat{flex-direction: column;}
  .procatbox{margin-bottom: 6px;}
  .side-menu .navbar-nav li a{font-size: 16px;}
  .enquiry-section{background-position: 100px;}
  button.enquirynow{margin-bottom: 36px;}
  .pagetitle h2{font-size: 38px;}
  .pagetitle.tv{background-position: 420px;}
  section.productspage{padding-top: 50px;}
    
    
    .whychoose-1 ul li.ar1::before {
    content: '';
    display: none;
}
    
    .whychoose-1 ul li.ar3::before {
    content: '';
    display: none;
}
    .whychoose ul li span img {
    display: none;
}
    
    .whychoose ul {
    display: grid;
    grid-template-columns: 100%;
}
    .whychoose ul li p {
    padding-left: 0px;
}
    .whychoose-1 ul li.ar2::before {
   display: none;
}
    
    .contact-left {
    padding: 17px;
}
    
    .contact-left h4 {
    font-size: 19px;
    padding-top: 4px;
}
    .about-right {
    padding-left: 0px;
}
    .about-right h2 {
    font-size: 24px;
}
    .whychoose h2 {
    font-size: 25px;
}
    .whychoose-1 h3 {
    font-size: 18px;
}
    .whychoose-1 h2 {
    font-size: 25px;
}
    .product-heading h2 {
    font-size: 25px;
}
    .tv-heading h2 {
    font-size: 25px;
}
    .proinfo h4 {
    font-size: 15px;
}
    .procatimage {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    
    .section-title {
    font-size: 25px;
}
    
    .contact-info-form h4 {
    font-size: 20px;
}
    .footer-section h4 {
    font-size: 18px;
}
    .copyright span {
    font-size: 13px;
}
    .copyright a {
    font-size: 13px;
}
    section.inerpage-bnr {
    padding: 18px;
}
    section.inerpage-bnr h2 {
    font-size: 20px;
}
    .gettch ul {
    display: block;
}
    .gettch h2 {
    font-size: 25px;
}
}