/*=============>>>>  About Us Page   <<<<==================*/
section.HeroBanner {
    background: #1f1f5d;
}

/*::: Hero banner section  :::*/

.HeroCont {
    text-align: center;
    padding: 142px 0px 70px;
}
.HeroCont h1 {
    font-weight: 900;
    color: #fff;
    font-size: 63px;
    letter-spacing: .7px;
}
.HeroCont p {
    margin-top: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.HeroCont p a {
    font-size: 17px;
    font-weight: 600;
    color:#ffffffe8;
}
.HeroCont p span {
    display: inline-block;
    color: #ffff;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
}
.HeroCont .fa {
    margin: 0px 15px;
    font-size: 13px;
    position: relative;
    top: -1px;
    color: #ddd;
}



/*:::::  About content style  :::::*/
.AboutSec {
    background: #ff133c;
}
.AboutHead .About1 {
    position: relative;
    bottom: 0;
    left: 0;
    top: -47px;
    width: 100%;
    height: 64px;
    background: url(../images/tool/redwave.png);
    background-size: 174% 100%;
    margin-bottom: -1px;
}
.AboutHead .About2 {
    position: relative;
    bottom: 0;
    left: 0;
    top: -109px;
    width: 100%;
    height: 50px;
    background: url(../images/tool/redwave.png);
    background-size: 163% 100%;
}
.AboutHead .About1 {
    animation: Aboutanimates 30s linear infinite;
    z-index: 1000;
    opacity: 1;
    animation-delay: 0s;
    bottom: 0;
}
.AboutHead .About2 {
    animation: Aboutanimates1 10s linear infinite;
    z-index: 998;
    opacity: 0.8;
    animation-delay: -5s;
    bottom: 5px;
}

@keyframes Aboutanimates {
  0%{
    background-position-x:0; 
  }
  100%{
    background-position-x:800px; 
  }
}

@keyframes Aboutanimates1 {
  0%{
    background-position-x:0; 
  }
  100%{
    background-position-x:-800px; 
  }
}


.AboutContent h1 {
    color: #fff;
    font-weight: 900;
    font-size: 52px;
    letter-spacing: .5px;
    margin-bottom: 20px;
}
.AboutContent {
    padding: 5px 4px 100px;
}
.AboutContent p {
    text-align: justify;
    font-weight: 500;
    color: #ffffff;
}



/* == == == == == =>>>>   Product Details Page    <<<<= == == == == ==*/

section.ProductDetShowSec {
    padding: 150px 0px 75px;
    background: #1f1f5d;
}
.ProductDetShow img {
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 10px;
}
.ProductDetShow h1 {
    margin-top: 30px;
    font-size: 70px;
    font-weight: 900;
    color: #fff;
    letter-spacing: .7px;
    margin-bottom: 20px;
}
.ProductDetShow p {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    letter-spacing: .5px;
}


.ProductDesSec {
    background: #d41367;
    padding-bottom: 70px;
}


.ShowproductHead .Showproduct1 {
    position: relative;
    bottom: 0;
    left: 0;
    top: -47px;
    width: 100%;
    height: 60px;
    background: url(../images/tool/pinkwave.png);
    background-size: 174% 100%;
    margin-bottom: -1px;
}
.ShowproductHead .Showproduct2 {
    position: relative;
    bottom: 0;
    left: 0;
    top: -109px;
    width: 100%;
    height: 50px;
    background: url(../images/tool/pinkwave.png);
    background-size: 163% 100%;
}
.ShowproductHead .Showproduct1 {
    animation: Showproductanimates 30s linear infinite;
    z-index: 1000;
    opacity: 1;
    animation-delay: 0s;
    bottom: 0;
}
.ShowproductHead .Showproduct2 {
    animation: Showproductanimates1 10s linear infinite;
    z-index: 998;
    opacity: 0.8;
    animation-delay: -5s;
    bottom: 5px;
}


@keyframes Showproductanimates {
  0%{
    background-position-x:0; 
  }
  100%{
    background-position-x:800px; 
  }
}

@keyframes Showproductanimates1 {
  0%{
    background-position-x:0; 
  }
  100%{
    background-position-x:-800px; 
  }
}

.ProductDes {
    text-align: center;
    padding-bottom: 70px;
}
.ProductDes h1 {
    margin-bottom: 50px;
    color: #fff;
    font-weight: 800;
    font-size: 50px;
}
.ProductDes ul {
    list-style: none;
    text-align: left;
}
.ProductDes ul li p {
    background: #fff;
    padding: 8px 20px;
    border-radius: 16px;
    color: #d41367;
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 0px;
    cursor: pointer;
}
.ProductDes ul li p .fa {
    float: right;
    font-size: 25px;
    color: #d41367;
}
.Answer p {
    border-radius: 0px 0px 15px 15px !important;
    top: -13px;
    position: relative;
    line-height: 28px;
    font-size: 15px !important;
    color: #1f1f5d !important;
    text-align: justify;
    word-break: break-word;
}
.ProductDes ul li {
    margin-bottom: 10px;
}


/* == == == == == =>>>>   Terms & Conditions Page    <<<<= == == == == ==*/

.TermsSec{
    background: #00a0af;
}

.TermHead .Term1 {
    position: relative;
    bottom: 0;
    left: 0;
    top: -47px;
    width: 100%;
    height: 60px;
    background: url(../images/tool/skywave.png);
    background-size: 174% 100%;
    margin-bottom: -1px;
}
.TermHead .Term2 {
    position: relative;
    bottom: 0;
    left: 0;
    top: -109px;
    width: 100%;
    height: 50px;
    background: url(../images/tool/skywave.png);
    background-size: 163% 100%;
}
.TermHead .Term1 {
    animation: Termanimates 30s linear infinite;
    z-index: 1000;
    opacity: 1;
    animation-delay: 0s;
    bottom: 0;
}
.TermHead .Term2 {
    animation: Termanimates1 10s linear infinite;
    z-index: 998;
    opacity: 0.8;
    animation-delay: -5s;
    bottom: 5px;
}

@keyframes Termanimates {
  0%{
    background-position-x:0; 
  }
  100%{
    background-position-x:800px; 
  }
}

@keyframes Termanimates1 {
  0%{
    background-position-x:0; 
  }
  100%{
    background-position-x:-800px; 
  }
}


/* == == == == == =>>>>  Contact us Page    <<<<= == == == == ==*/


section.ContactSec {
    background:#ff9800;
    padding-bottom: 70px;
}
.ContactInfo .Address h2 {
    font-size:17px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    letter-spacing: .5px;
}
.ContactInfo .Email h2 {
    font-size:17px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    letter-spacing: .5px;
}
.ContactInfo .Phone h2 {
    font-size:17px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    letter-spacing: .5px;
}
.ContactInfo  .Address p span {
    color: #fffffff2;
    padding: 0px;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 15px;
    line-height: 28px;
}
.ContactInfo .Email p span {
    color: #fffffff2;
    padding: 0px;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 15px;
    line-height: 28px;
}
.ContactInfo .Phone p span {
    color: #fffffff2;
    padding: 0px;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 15px;
    line-height: 28px;
}
.ContactMap iframe {
    border-radius: 19px;
    height: 305px;
}

.ContactHead .Contact1 {
    position: relative;
    bottom: 0;
    left: 0;
    top: -47px;
    width: 100%;
    height: 60px;
    background: url(../images/tool/yellowwave.png);
    background-size: 174% 100%;
    margin-bottom: -1px;
}
.ContactHead .Contact2 {
    position: relative;
    bottom: 0;
    left: 0;
    top: -109px;
    width: 100%;
    height: 50px;
    background: url(../images/tool/yellowwave.png);
    background-size: 163% 100%;
}
.ContactHead .Contact1 {
    animation: Termanimates 30s linear infinite;
    z-index: 1000;
    opacity: 1;
    animation-delay: 0s;
    bottom: 0;
}
.ContactHead .Contact2 {
    animation: Termanimates1 10s linear infinite;
    z-index: 998;
    opacity: 0.8;
    animation-delay: -5s;
    bottom: 5px;
}

@keyframes Termanimates {
  0%{
    background-position-x:0; 
  }
  100%{
    background-position-x:800px; 
  }
}

@keyframes Termanimates1 {
  0%{
    background-position-x:0; 
  }
  100%{
    background-position-x:-800px; 
  }
}


/*::::::  Footer Section  ::::::::*/


.FooterNav a {
    color: #fff;
    margin-right: 20px;
    letter-spacing: .3px;
}

.DetailsTAble thead tr th {
    min-width: 150px !important;
    color: #fff;
    padding: 6px;
    text-align: center;
}
.DetailsTAble tbody tr td {
    color: #eee;
    padding: 5px;
    font-size: 13px;
    text-align: center;
}



/*::::::  Ethical Page  ::::::::*/

.AboutContent h4 {
    font-size: 35px;
    color: white;
    font-weight: 600;
}
.AboutContent h5 {
    color: white;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 19px;
}
.AboutContent h6 {
    color: #f5b566;
    font-size: 26px;
    font-weight: 600;
    margin: 15px 0px;
}
.AboutContent .fa {
    font-size: 9px;
    position: relative;
    top: -1px;
}
.AboutContent .img {
    margin-bottom: 70px;
}
.AboutContent .img img {
    /*background: white;*/
    /*padding: 9px 15px;*/
    height: 80px;
    border-radius: 3px;
}




@media (min-width:200px) and (max-width:575.98px){
    .HeroCont h1 {
        font-weight: 900;
        color: #fff;
        font-size: 35px;
        letter-spacing: .7px;
    }
    .AboutContent .img img {
        /*background: white;*/
        /*padding: 5px 5px;*/
        height: 45px;
        border-radius: 3px;
    }
}