/* Deafult Margin & Padding */

/*-- Margin Top --*/

.mt-5 {

    margin-top: 5px;

}



.mt-10 {

    margin-top: 10px;

}



.mt-15 {

    margin-top: 15px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-25 {

    margin-top: 25px;

}



.mt-30 {

    margin-top: 30px;

}



.mt-35 {

    margin-top: 35px;

}



.mt-40 {

    margin-top: 40px;

}



.mt-45 {

    margin-top: 45px;

}



.mt-50 {

    margin-top: 50px;

}



.mt-55 {

    margin-top: 55px;

}



.mt-60 {

    margin-top: 60px;

}



.mt-65 {

    margin-top: 65px;

}



.mt-70 {

    margin-top: 70px;

}



.mt-75 {

    margin-top: 75px;

}



.mt-80 {

    margin-top: 80px;

}



.mt-85 {

    margin-top: 85px;

}



.mt-90 {

    margin-top: 90px;

}



.mt-95 {

    margin-top: 95px;

}



.mt-100 {

    margin-top: 100px;

}



.mt-105 {

    margin-top: 105px;

}



.mt-110 {

    margin-top: 110px;

}



.mt-115 {

    margin-top: 115px;

}



.mt-120 {

    margin-top: 120px;

}



.mt-125 {

    margin-top: 125px;

}



.mt-130 {

    margin-top: 130px;

}



.mt-135 {

    margin-top: 135px;

}



.mt-140 {

    margin-top: 140px;

}



.mt-145 {

    margin-top: 145px;

}



.mt-150 {

    margin-top: 150px;

}



.mt-155 {

    margin-top: 155px;

}



.mt-160 {

    margin-top: 160px;

}



.mt-165 {

    margin-top: 165px;

}



.mt-170 {

    margin-top: 170px;

}



.mt-175 {

    margin-top: 175px;

}



.mt-180 {

    margin-top: 180px;

}



.mt-185 {

    margin-top: 185px;

}



.mt-190 {

    margin-top: 190px;

}



.mt-195 {

    margin-top: 195px;

}



.mt-200 {

    margin-top: 200px;

}



/*-- Margin Bottom --*/

.mb-5 {

    margin-bottom: 5px;

}



.mb-10 {

    margin-bottom: 10px;

}



.mb-15 {

    margin-bottom: 15px;

}



.mb-20 {

    margin-bottom: 20px;

}



.mb-25 {

    margin-bottom: 25px;

}



.mb-30 {

    margin-bottom: 30px;

}



.mb-35 {

    margin-bottom: 35px;

}



.mb-40 {

    margin-bottom: 40px;

}



.mb-45 {

    margin-bottom: 45px;

}



.mb-50 {

    margin-bottom: 50px;

}



.mb-55 {

    margin-bottom: 55px;

}



.mb-60 {

    margin-bottom: 60px;

}



.mb-65 {

    margin-bottom: 65px;

}



.mb-70 {

    margin-bottom: 70px;

}



.mb-75 {

    margin-bottom: 75px;

}



.mb-80 {

    margin-bottom: 80px;

}



.mb-85 {

    margin-bottom: 85px;

}



.mb-90 {

    margin-bottom: 90px;

}



.mb-95 {

    margin-bottom: 95px;

}



.mb-100 {

    margin-bottom: 100px;

}



.mb-105 {

    margin-bottom: 105px;

}



.mb-110 {

    margin-bottom: 110px;

}



.mb-115 {

    margin-bottom: 115px;

}



.mb-120 {

    margin-bottom: 120px;

}



.mb-125 {

    margin-bottom: 125px;

}



.mb-130 {

    margin-bottom: 130px;

}



.mb-135 {

    margin-bottom: 135px;

}



.mb-140 {

    margin-bottom: 140px;

}



.mb-145 {

    margin-bottom: 145px;

}



.mb-150 {

    margin-bottom: 150px;

}



.mb-155 {

    margin-bottom: 155px;

}



.mb-160 {

    margin-bottom: 160px;

}



.mb-165 {

    margin-bottom: 165px;

}



.mb-170 {

    margin-bottom: 170px;

}



.mb-175 {

    margin-bottom: 175px;

}



.mb-180 {

    margin-bottom: 180px;

}



.mb-185 {

    margin-bottom: 185px;

}



.mb-190 {

    margin-bottom: 129px;

}



.mb-195 {

    margin-bottom: 195px;

}



.mb-200 {

    margin-bottom: 200px;

}



/*-- Padding Top --*/

.pt-5 {

    padding-top: 5px;

}



.pt-10 {

    padding-top: 10px;

}



.pt-15 {

    padding-top: 15px;

}



.pt-20 {

    padding-top: 20px;

}



.pt-25 {

    padding-top: 25px;

}



.pt-30 {

    padding-top: 30px;

}



.pt-35 {

    padding-top: 35px;

}



.pt-40 {

    padding-top: 40px;

}



.pt-45 {

    padding-top: 45px;

}



.pt-50 {

    padding-top: 50px;

}



.pt-55 {

    padding-top: 55px;

}



.pt-60 {

    padding-top: 60px;

}



.pt-65 {

    padding-top: 65px;

}



.pt-70 {

    padding-top: 70px;

}



.pt-75 {

    padding-top: 75px;

}



.pt-80 {

    padding-top: 80px;

}



.pt-85 {

    padding-top: 85px;

}



.pt-90 {

    padding-top: 90px;

}



.pt-95 {

    padding-top: 95px;

}



.pt-100 {

    padding-top: 100px;

}



.pt-105 {

    padding-top: 105px;

}



.pt-110 {

    padding-top: 110px;

}



.pt-115 {

    padding-top: 115px;

}



.pt-120 {

    padding-top: 120px;

}



.pt-125 {

    padding-top: 125px;

}



.pt-130 {

    padding-top: 130px;

}



.pt-135 {

    padding-top: 135px;

}



.pt-140 {

    padding-top: 140px;

}



    .pt-145 {

    padding-top: 145px;

}



.pt-150 {

    padding-top: 150px;

}



.pt-155 {

    padding-top: 155px;

}



.pt-160 {

    padding-top: 160px;

}



.pt-165 {

    padding-top: 165px;

}



.pt-170 {

    padding-top: 170px;

}



.pt-175 {

    padding-top: 175px;

}



.pt-180 {

    padding-top: 180px;

}



.pt-185 {

    padding-top: 185px;

}



.pt-190 {

    padding-top: 190px;

}



.pt-195 {

    padding-top: 195px;

}



.pt-200 {

    padding-top: 200px;

}



/*-- Padding Bottom --*/

.pb-5 {

    padding-bottom: 5px;

}



.pb-10 {

    padding-bottom: 10px;

}



.pb-15 {

    padding-bottom: 15px;

}



.pb-20 {

    padding-bottom: 20px;

}



.pb-25 {

    padding-bottom: 25px;

}



.pb-30 {

    padding-bottom: 30px;

}



.pb-35 {

    padding-bottom: 35px;

}



.pb-40 {

    padding-bottom: 40px;

}



.pb-45 {

    padding-bottom: 45px;

}



.pb-50 {

    padding-bottom: 50px;

}



.pb-55 {

    padding-bottom: 55px;

}



.pb-60 {

    padding-bottom: 60px;

}



.pb-65 {

    padding-bottom: 65px;

}



.pb-70 {

    padding-bottom: 70px;

}



.pb-75 {

    padding-bottom: 75px;

}



.pb-80 {

    padding-bottom: 80px;

}



.pb-85 {

    padding-bottom: 85px;

}



.pb-90 {

    padding-bottom: 90px;

}



.pb-95 {

    padding-bottom: 95px;

}



.pb-100 {

    padding-bottom: 100px;

}



.pb-105 {

    padding-bottom: 105px;

}



.pb-110 {

    padding-bottom: 110px;

}



.pb-115 {

    padding-bottom: 115px;

}



.pb-120 {

    padding-bottom: 120px;

}



.pb-125 {

    padding-bottom: 125px;

}



.pb-130 {

    padding-bottom: 130px;

}



.pb-135 {

    padding-bottom: 135px;

}



.pb-140 {

    padding-bottom: 140px;

}



.pb-145 {

    padding-bottom: 145px;

}



.pb-150 {

    padding-bottom: 150px;

}



.pb-155 {

    padding-bottom: 155px;

}



.pb-160 {

    padding-bottom: 160px;

}



.pb-165 {

    padding-bottom: 165px;

}



.pb-170 {

    padding-bottom: 170px;

}



.pb-175 {

    padding-bottom: 175px;

}



.pb-180 {

    padding-bottom: 180px;

}



.pb-185 {

    padding-bottom: 185px;

}



.pb-190 {

    padding-bottom: 190px;

}



.pb-195 {

    padding-bottom: 195px;

}



.pb-200 {

    padding-bottom: 200px;

}



/*-- Padding Left --*/

.pl-0 {

    padding-left: 0px;

}



.pl-5 {

    padding-left: 5px;

}



.pl-10 {

    padding-left: 10px;

}



.pl-15 {

    padding-left: 15px;

}



.pl-20 {

    padding-left: 20px;

}



.pl-25 {

    padding-left: 25px;

}



.pl-30 {

    padding-left: 30px;

}



.pl-35 {

    padding-left: 35px;

}



.pl-35 {

    padding-left: 35px;

}



.pl-40 {

    padding-left: 40px;

}



.pl-45 {

    padding-left: 45px;

}



.pl-50 {

    padding-left: 50px;

}



.pl-55 {

    padding-left: 55px;

}



.pl-60 {

    padding-left: 60px;

}



.pl-65 {

    padding-left: 65px;

}



.pl-70 {

    padding-left: 70px;

}



.pl-75 {

    padding-left: 75px;

}



.pl-80 {

    padding-left: 80px;

}



.pl-85 {

    padding-left: 80px;

}



.pl-90 {

    padding-left: 90px;

}



.pl-95 {

    padding-left: 95px;

}



.pl-100 {

    padding-left: 100px;

}



/*-- Padding Right --*/

.pr-0 {

    padding-right: 0px;

}



.pr-5 {

    padding-right: 5px;

}



.pr-10 {

    padding-right: 10px;

}



.pr-15 {

    padding-right: 15px;

}



.pr-20 {

    padding-right: 20px;

}



.pr-25 {

    padding-right: 35px;

}



.pr-30 {

    padding-right: 30px;

}



.pr-35 {

    padding-right: 35px;

}



.pr-35 {

    padding-right: 35px;

}



.pr-40 {

    padding-right: 40px;

}



.pr-45 {

    padding-right: 45px;

}



.pr-50 {

    padding-right: 50px;

}



.pr-55 {

    padding-right: 55px;

}



.pr-60 {

    padding-right: 60px;

}



.pr-65 {

    padding-right: 65px;

}



.pr-70 {

    padding-right: 70px;

}



.pr-75 {

    padding-right: 75px;

}



.pr-80 {

    padding-right: 80px;

}



.pr-85 {

    padding-right: 80px;

}



.pr-90 {

    padding-right: 90px;

}



.pr-95 {

    padding-right: 95px;

}



.pr-100 {

    padding-right: 100px;

}



/* font weight */

.f-700 {

    font-weight: 700;

}



.f-600 {

    font-weight: 600;

}



.f-500 {

    font-weight: 500;

}



.f-400 {

    font-weight: 400;

}



.f-300 {

    font-weight: 300;

}



.text-up-case {

    text-transform: uppercase !important;

}

.letter-spacing {

    letter-spacing: 2px !important;

}



/* Background Color */

.gray-bg {

    background: #f4f9fc;

}

.white-bg {

    background: #fff;

}

.black-bg {

    background: #222;

}

.theme-bg {

    background: #223645;

}

.theme-bg2 {

    background: #1d3e56;

}

.primary-bg {
    background: #0a052b;
}



.green-bg {
    background: #081248 !important;
}

.pink-bg {

    background: #e12454 !important;

}





/* Color */

.white-color {

    color: #fff !important;

}



.black-color {

    color: #222;

}



.theme-color {

    color: #223645;

}



.primary-color {

    color: #647589;

}

.green-color {

    color: #8fb569;

}

.pink-color {

    color: #e12454;

}



/* black overlay */

[data-overlay] {

    position: relative;

}



[data-overlay]::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}



[data-overlay="3"]::before {

    opacity: 0.3;

}



[data-overlay="4"]::before {

    opacity: 0.4;

}



[data-overlay="5"]::before {

    opacity: 0.5;

}



[data-overlay="6"]::before {

    opacity: 0.6;

}



[data-overlay="7"]::before {

    opacity: 0.7;

}



[data-overlay="8"]::before {

    opacity: 0.8;

}



[data-overlay="9"]::before {

    opacity: 0.9;

}



.pos-rel {

    position: relative;

}

.list-inline li {

    display: inline-block;

}



/*------------about aspx starts here------------*/

.ab {
    width: 100%;
    height: 450px;
    margin-top: 67px;
    margin-bottom: 120px;
    background: url(../images/about-us.png) center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position:relative;
    
    
}

.ab:before {
 content:'';
 position:absolute;
 width: 100%;
 height: 450px;
 background:#000;
 opacity:0.4;

}

.who{
    position:relative;
    z-index:1;
}

 .who h1 {
      font-size: 41px;
      color: #140f4b;
      padding-top: 10%;
    
    }

.who h2 {
        font-size: 31px;
        color: #140f4b;
        padding-bottom: 20px;
       }

.who p {
        
        font-size: 18px;
        text-align:justify;
        color: #fff;
        font-weight:400;
 }

.tail {
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    margin-top: -200px;
    margin-bottom: 30px;
    padding-top: 20px;
    overflow: hidden;
    border-radius: 10px;
}

.xy h1 {
    font-size: 25px;
    color: #140f4b;
    padding-left:20px;
}



.xy p {
    font-size: 18px;
    font-family: 'Poppins';
    text-align: justify;
    color: #000;
    padding: 20px;
    font-weight: 500;
}



.yz h1 {
    font-size: 25px;
    color: #140f4b;
    padding-left:20px;
}



.yz p {
    font-size: 18px;
    font-family: 'Poppins';
    text-align: justify;
    color: #000;
    padding:20px;
    font-weight: 500;
}

.pro{
    margin-top:35px;
    margin-bottom:30px;
}

.pro img{
    width:100%;
    height:381px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.pro h1{
  font-size: 36px;
    color: #140f4b;

}



.pro p {
    font-size: 18px;
    font-family: 'Helvetica';
    text-align: justify;
    color: #00008B;
    font-weight: 500;
    overflow: hidden;
}



.pro a {
    font-size: 18px;
    font-family: 'Poppins';
    color:#fff;
    padding: 15px 25px;
    background: #140f4b;
    border-radius: 15px;
    margin-left: 40%;
    font-weight: 500;
}

.pro a:hover{
    background:#1010eb;
    color:#fff;
}



.equipment {
    margin-top: 5%;
    margin-bottom: 10%;
    overflow: hidden;
}





.our {
    width: 105%;
    min-height: 305px;
    background: #140f4b;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    overflow: hidden;
}

.our h1{
 font-size: 36px;
    color: #fff;
    padding-top:50px;
     padding-left: 40px;
}

.our p{
 font-size: 18px;
    color: #fff;
     padding-top:10px;
    padding-left: 40px;
    text-align:justify;
}

.our1 img{
    height:305px;
}

.footer-contact-content p{
    text-align:justify
}

/*-------table starts here-------*/

.table {
    width: 85%;
        margin: 0 auto;
}

.table-2 {
    width: 100%;
        
}

.table-2 th{
    background: #140f4b!important;
    color:#fff;
     font-weight: 400;
      padding: 8px 20px;

  vertical-align: top;

  border-top: 1px solid #f6f6f6;
}

.additional-info .table-2 td, .additional-info {
   
  padding: 8px 0px;

  vertical-align: top;

  border-top: 1px solid #f6f6f6;

  font-weight: 400;

  color:#00008B;

}
/*------table ends here----*/
.pages h1{
    color:#fff;
}

.page-breadcumb .breadcrumb-item.pag.active{
    color:#fff;
}

.header-menu-area{
    box-shadow: rgb(0 0 0 / 9%) 0px 3px 12px;
    background: #f3f6ff;
}

.ril img{
    border-radius:15px;
}



  /* -------media starts here------*/

  @media (max-width: 1199px){

    .descript {
        width: 71.33% !important;
    }

    .slide-product img{
        height:400px !important;
    }

    .product-details {
        padding-top: 45px!important;
    }

    .tab-area .bakix-details-tab ul li a{
        font-size:19px!important;
    }
  }

@media (max-width: 991px){

    .vis-top{
        display:flex;
        flex-direction:column-reverse;
    }
    .od-down {
        order: 2;
    }

    .od-up {
        order: 1;

    }

    .ril img{
      margin-top:15px;
    }

    .btn-icon{
       margin-bottom:26px !important;
    }

    .hero-slider-caption h1{
       font-size:35px!important;
       margin-top:42px;
    }
    .our {
        padding-right: 30px;
        padding-bottom: 5px;
    }

.our p br{
    display:none;
}

.pro.meds .cont{
    order:2;
}



.pro.meds .pic{
    order: 1;
}

.header-menu-area{
    padding-top:25px;
}

.testi-content-2 p{
    padding-right:0px!important;
}

.about-area .wrapp{
    order:1;
}

.about-area .sterl{
    order:2;
}
.page-title h1{
    font-size:34px !important;
}
.slide-product img{
    height:370px!important;
}
.product-details-title h1{
    font-size:30px!important;
}
.descript{
    width:100%!important;
}
.single-slider .ril.pat{
    padding-right:0px;
}

}



@media (max-width: 767px) {



    .our p {
        padding-right: 40px;
    }

    .tab-area .bakix-details-tab ul li a {
        font-size: 18px !important;
    }
    .testi-content-2 p {
        padding-right: 0px !important;
    }
    .slider-height {
        min-height: 451px !important;
    }
    .hero-slider-caption h1 {
        font-size: 45px !important;
    }
    .about-right-side {
        padding-left: 0 !important;
    }
    .signle-blog-feeds {
        margin-bottom: 40px;
    }
    .additional-info .table {
        width: 100% !important;
    }
    .tab-sec .tab-area .bakix-details-tab ul li a {
        font-size: 16px !important;
    }
    .characteristics h1 {
        font-size: 32px!important;
    }
    .slide-product img{
        height:335px!important;
    }
}

@media (max-width: 575px){
   .pro h1{
       font-size:30px;
   }
   .page-title h1{
       font-size:28px!important;
   }
}



@media (max-width: 479px) {

    .ab p br{
        display:none;
    }

    .tab-area .bakix-details-tab ul li a{
        font-size:17px !important;
    }

    .hero-slider-caption h1 {
        font-size: 40px!important;
    }

    .about-right-side{
        padding-left:0!important;
    }

    .form-wrapper .section-title h1{
        font-size: 30px;
    }

    .tab-sec .tab-area .bakix-details-tab ul li a{
        font-size:15px !important;
    }

    
}



@media (max-width: 1999px) {

    .product-details {
        padding-top: 35px;
    }

    .product-details-title h1 {
        font-size: 28px;
    }
}

    
@media (max-width: 1024px) {



    .product-details {
        padding-top: 35px;
    }
}

 @media (max-width: 780px){

    .mv-title p{
        padding-right:0px!important;
    }
 }



 @media (max-width: 575px) {

        .title .page-title h1 {
            font-size: 24px;
        }



        .product-details .product-details-title h1 {
            font-size: 24px;
        }



        .tab-area .bakix-details-tab br {
            display: block;
        }

         .tab-area .bakix-details-tab ul li a{
                 line-height: 1;
         }

       .tab-content{
                 padding: 0px 30px 10px!important;
         }

        
    }


 @media (max-width: 479px) {

        .bakix-details-tab ul li a {
            padding: 0 5px !important;
        }


        .characteristics h1 {
            font-size: 25px!important;
        }

        .additional-info h2{
            font-size: 30px!important;
        }

    .section-text h1 {
        font-size: 30px !important;
    }

    .tab-content {
        padding: 0px 20px 10px !important;
    }
    }





@media (max-width: 413px) {

    .tab-area .bakix-details-tab ul li a {
        font-size: 15px !important;
        padding: 0 4px !important;
    }



    .tab-content p {
        text-align: justify;
        font-size: 16px;
    }



    .characteristics h1 {
        font-size: 22px !important;
    }



    .additional-info h2 {
        font-size: 26px !important;
    }

    .section-text h1 {
        font-size: 25px !important;
    }

    .product-details-title h1{
        font-size:25px!important;
    }

    .tab-sec .tab-area .bakix-details-tab ul li a {
        font-size: 12px !imortant;
    }

    

    
}

      @media (max-width: 359px) {

        .tab-area .bakix-details-tab ul li a {
            font-size: 12px !important;
            }



        .additional-info .table td, .additional-info .table th{
            font-size: 15px;
        }


        .title .page-title h1{
                font-size: 20px !important;
        }

        .form-wrapper .section-title h1{
        font-size: 25px;
    }

        .page-title h1{
            font-size:35px!important;
        }

        .section-text h1{
        font-size: 22px !important;
    }
       .tab-content{
           padding: 0px 10px 10px!important;
       }

       .characteristics ul li {
        justify-content:unset!important;
       }

        .page-title h1 {
            font-size: 24px !important;
        }
        .slide-product img{
            height:300px!important;
        }

        .product-details-title h1 {
            font-size:22px!important;
        }

        .tab-sec .tab-area .bakix-details-tab ul li a {
            font-size:10px!important;
        }

        .characteristics h1 {
            font-size:18px!important;
        }




        }





/*------media ends here------*/
/*--------testimoial starts here--------*/




.testimonial .h4service-box {
    padding: 30px;
    border-radius: 15px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
}



.testimonial .h4service-active .slick-arrow:hover {
    background: #4541c1;
    color:#f3f3ff;
}



.testimonial .h4service-active .slick-arrow,
.testimonial .h4gallery-active .slick-arrow{
    color: #140f4b;
    font-size: 38px;
    background: #f3f3ff;
}



.testimonial .green-color{
    color:#140f4b;
}



.testimonial .h4service-active .slick-dots li.slick-active button {
    background: #f2f4f5;
}

.testimonial .testi-quato-icon-green {
    background-color: rgb(20 13 74);
    }


.testimonial .testi-box-2:hover .testi-quato-icon-green {
    background-color: #140fb4;
    box-shadow: 0px 16px 32px 0px rgb(20 15 75);
}



.testimonial .testi-author-icon-2 img {
    border-radius: 50%;
    height: 90px;
    width: 90px;
    padding: 10px;
    background: #fff;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.about-text h1{
    font-size:35px;
}