:root{
  --primary-color:#0198B5 !important;
}



.tpproduct__thumb {
    position: relative;
    border: 1px solid #C7C8CC;
}






.training-area .contact-area .col-lg-8.col-12 {
    width: 100% !important;
}





.training-area .tpcontact__form form{
    display: block;
    position: relative;
    z-index: 999;
    -webkit-clip-path: polygon(0 0, 75% 0, 97% 100%, 0 100%);
    clip-path: polygon(0 0, 75% 0, 97% 100%, 0 100%);
    padding: 40px 20px 40px 0px;
}


.training-area .tpcontact__form:after {
    content: '';
    position: absolute;
    left: -375px;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(images/banner/bg-7.png) no-repeat center;
    /*background-size: cover;*/
    background: #030B1A;
   clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
    max-width: 1400px;
    margin: 110px 0px;
}





.tpproduct__thumb {
    margin-bottom: 0;
    }
    
    
.tpproduct__thumb img {
    border-radius: 0;
    height: 210px !important;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    width: 100%;
    object-fit: contain;
}
 
 .training-area .tpcontact__info {
    display: none;
}

.training-area .tpcontact__form #botble-contact-forms-fronts-contact-form{
    position:relative;
    z-index: 999;
}




.tpcontact__form form.contact-form .contact-form-group input.contact-form-input{
    border:none;
}


section.training-area.section.bg-img.jarallax.af.home-contact1 {
    overflow-x: visible !important;
}


main>.ck-content div>section, main>.ck-content>section {
    overflow-x: visible !important;
}


 
.tpproduct__content {
    padding: 20px 20px 40px 20px;
    border: 1px solid #C7C8CC;
}
 
.tpproduct.pb-15.mb-30.product-item {
    padding-bottom: 0px;
}



.product-area .justify-content-md-end .d-md-none {
    display: block !important;
}


.product-filter-content .justify-content-md-end {
    align-items: center !important;
}

.training-area .contact-area .col-lg-4.col-12 {
    display: none;
}


input#coupon_code {
    width: auto;
}


.tp-btn{
    border: 1px solid transparent;
}

button.tp-btn:hover ,.tpcart-btn:hover{
    background: #fff;
    color: #111;
    border: 1px solid #111;
}








section.cart-area.pt-80.pb-80.wow.fadeInUp {
    padding-top: 0;
    padding-bottom: 60px;
}


.tpcart-btn, .tpcheck-btn {
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    padding: 17px 33px;
}





/*footer CSS*/

.useFullBox {
  position: relative;
}

.useFullBox ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.useFullBox ul li a {
  font-size: 22px;
  color: #878787;
  font-family: "Poppins", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.5s;
}

.useFullBox ul li a:hover {
   color: #fff;
}



.sale-popup-container-wrap {
  z-index: 9999 !important;
}
 
.scroll-top {
  z-index: 9999 !important;
}

.header-sticky {
  z-index: 999999 !important;
}



.tp-md-lg-header.d-md-none.pt-20.pb-20 {
    background: #030B1A;
}


.header-search-bar .header-search-icon i {
      color: #0198b5 !important;
}


.header-search-bar input.input-search-product {
    padding: 6px 10px;
    background: transparent;
    color:#fff;
}


section.subscribe-area .col-lg-3.col-md-4 {
    width: auto;
}


section.subscribe-area .footer-widget.footer-col-5.mb-40 {
    margin-bottom: 0;
}



 
 ul {
   list-style: outside none none;
   margin: 0;
   padding: 0;
 }


 .tp-breadcrumb__bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #030b1af2;
    z-index: -1;
}

 ul {
   list-style: outside none none;
   margin: 0;
   padding: 0;
 }

 /* header style */

.tp-breadcrumb__bg {
    position: relative;
    z-index: 1;
}

section.category-area.pt-70.pb-70 {
    display: none;
}


main .pt-80.pb-80 {
    padding-bottom: 0;
}


 /***Button***/
 .btn1 {
   display: inline-block;
   position: relative;
   padding: 0 60px;
   line-height: 50px;
   height: 50px;
   background: #0198B5;
   text-transform: uppercase;
   font-weight: 500;
   color: #fff;
   cursor: pointer;
   text-transform: capitalize;
   -webkit-clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
   clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
   border: 1px solid transparent;
   font-family: 'Audiowide';
   text-align: center;
 }

 @media only screen and (max-width: 320px) {
   .btn1 {
     clip-path: none;
     padding: 0 30px;
   }

   .btn1::after {
     display: none;
   }

   .btn1::before {
     display: none;
   }
 }

 .btn1:hover {
   background: transparent;
   color: #fff;
   border: 1px solid #0198B5;
 }

 .btn2 {
   display: inline-block;
   position: relative;
   padding: 0 60px;
   line-height: 46px;
   height: 50px;
   background: transparent;
   border: 2px solid #0198B5;
   text-transform: uppercase;
   font-weight: 500;
   color: #0198B5;
   cursor: pointer;
   text-transform: capitalize;
   -webkit-clip-path: polygon(11% 0%, 100% 0, 88% 100%, 0% 100%);
   clip-path: polygon(11% 0%, 100% 0, 88% 100%, 0% 100%);
   margin-left: -27px;
   font-family: 'Audiowide';
   text-align: center;
 }

 @media only screen and (max-width: 320px) {
   .btn2 {
     clip-path: none;
     margin: 0;
     padding: 0 30px;
   }

   .btn2:before {
     display: none;
   }
 }

 .btn1::before {
   content: '';
   position: absolute;
   left: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(27deg);
   background: #0198B5;
 }

 .btn1:after {
   content: '';
   position: absolute;
   right: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(27deg);
   background: #0198B5;
 }

 .btn2:after {
   content: '';
   position: absolute;
   right: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(24deg);
   background: #0198B5;
 }

 .btn2:before {
   content: '';
   position: absolute;
   left: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(24deg);
   background: #0198B5;
   ;
 }



 @media only screen and (max-width: 320px) {
   .btn2:after {
     display: none;
   }
 }

 .btn2:hover {
   background: #0198B5;
   color: #fff;
 }

 .btn3 {
   display: inline-block;
   color: #0198B5;
   font-weight: 500;
   text-transform: capitalize;
   text-align: center;
 }

 .btn3 i {
   padding-left: 8px;
 }

 .btn3:hover {
   color: #111;
 }

 .btn4 {
   display: inline-block;
   position: relative;
   padding: 0 60px;
   line-height: 46px;
   height: 50px;
   background: transparent;
   border: 2px solid #0198B5;
   text-transform: uppercase;
   font-weight: 500;
   color: #111;
   cursor: pointer;
   text-transform: capitalize;
   -webkit-clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
   clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
   font-family: 'Audiowide';
   text-align: center;
 }

 @media only screen and (max-width: 320px) {
   .btn4 {
     clip-path: none;
     padding: 0 30px;
   }
 }

 .btn4:after {
   content: '';
   position: absolute;
   right: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(27deg);
   background: #0198B5;
 }

 @media only screen and (max-width: 320px) {
   .btn4:after {
     display: none;
   }
 }

 .btn4:before {
   content: '';
   position: absolute;
   left: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(27.8deg);
   background: #0198B5;
 }

 @media only screen and (max-width: 320px) {
   .btn4:before {
     display: none;
   }
 }

 .btn4:hover {
   background: #0198B5;
   color: #fff;
 }


 .carousel,
 .carousel-inner,
 .carousel-item {
   height: 100vh;
   /* Full screen height for each slide */
 }

 .fashion-slide {
   height: 100%;
   background-size: cover;
   background-position: center;
   position: relative;
   align-items: center;
   justify-content: center;
 }

 .fashion-slide::before {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.4);
   /* dark overlay */
 }

 

 .overlay-content {
   position: relative;
   z-index: 2;
   max-width: 700px;
   padding: 20px;
   text-align: center;
   height: 90vh;
   vertical-align: middle;
   display: table-cell;
 }



 /*....................................
3. Slider area start here
....................................*/
 .slider-area {
   display: block;
   position: relative;
 }

 .slider_section_overlay {
   position: absolute;
   top: 0%;
   left: 0%;
   right: 0%;
   bottom: 0%;
   background: rgba(0, 0, 0, 0.4);
 }



 .slider-area .item-content .item-slider.items2 {
   position: relative;

 }

 .slider-area .item-content .item-slider.items3 {
   position: relative;

 }

 .slider-area .item-content .item-slider.items4 {
   position: relative;

 }

 .slider-area .item-content .item-slider .contents {
   vertical-align: middle;
   display: table-cell;
   height: 90vh;
 }

 @media only screen and (max-width: 992px) {
   .slider-area .item-content .item-slider .contents {
     height: 100vh;
     /* padding-top: 160px; */
   }
   
   .training-area .training-con {
        padding-top: 0;
    }
    
    .training-area .tpcontact__form #botble-contact-forms-fronts-contact-form {
            padding: 0;
        }
       
  
 }

 @media only screen and (max-width: 768px) {
   .slider-area .item-content .item-slider .contents {
     padding-top: 0px !important;
   }

   header .main-header {
     line-height: 128px;
     height: 0;
   }
 }

 .slider-area .item-content .item-slider .contents h6 {
   font-weight: 600;
   font-size: 26px;
   line-height: 100%;
   text-transform: uppercase;
   color: #0198B5;
 }

 .slider-area .item-content .item-slider .contents h2 {
   display: block;
   font-family: 'Audiowide';
   font-size: 50px;
   color: #fff;
   font-weight: 400;
 }

 @media only screen and (max-width: 1200px) {
   .slider-area .item-content .item-slider .contents h2 {
     margin: 0 0 20px;
   }
    .tpsection__title {
        font-size: 24px !important;
    }
 }

 @media only screen and (max-width: 768px) {
   .slider-area .item-content .item-slider .contents h2 {
     font-size: 36px;
   }
 }

 @media only screen and (max-width: 320px) {
   .slider-area .item-content .item-slider .contents h2 {
     font-size: 30px;
   }
 }

 .slider-area .item-content .item-slider .contents p {
   font-weight: 400;
   font-size: 20px;
   line-height: 30px;
   padding: 0 0 40px;
   color: #ececec;
   position: relative;
 }

 .slider-area .item-content .item-slider .contents p:after {
   content: '';
   width: 20%;
   height: 1px;
   background: #0198B5;
   position: absolute;
   bottom: 0;
   left: 0;
 }

 .slider-area .item-content .item-slider .contents span {
   font-weight: 400;
   font-size: 20px;
   line-height: 100%;
   color: #FFFFFF;
   display: inline-block;
   margin-bottom: 30px;
 }

 @media only screen and (max-width: 1200px) {
   .slider-area .item-content .item-slider .contents p {
     width: 70%;
     margin: 0 0 25px;
   }
 }

 @media only screen and (max-width: 992px) {
   .slider-area .item-content .item-slider .contents p {
     width: 80%;
     margin: 0 0 25px;
   }
 }

 @media only screen and (max-width: 480px) {
   .slider-area .item-content .item-slider .contents p {
     width: 95%;
   }
 }

 .slider-area .item-content .item-slider .contents .buttons {
   display: block;
 }

 .slider-area .item-content .item-slider .contents .buttons a:first-child:after {
   content: '';
   position: absolute;
   right: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(24deg);
   background: #0198B5;
 }

 @media only screen and (max-width: 320px) {
   .slider-area .item-content .item-slider .contents .buttons a:first-child:after {
     display: none;
   }
 }

 .slider-area .item-content .item-slider .contents .buttons a:last-child {
   color: #fff;
 }

 @media only screen and (max-width: 320px) {
   .slider-area .item-content .item-slider .contents .buttons a:last-child {
     display: none;
   }
 }

 .slider-area .bx-wrapper {
   margin: 0;
   border: 0;
 }

 .slider-area .bx-wrapper .bx-viewport {
   padding: 0;
   left: 0;
   right: 0;
   box-shadow: none;
   border: none;
 }

 .slider-area .item-thumbnail {
   position: relative;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 99999;
   display: flex;
 }

 .slider-area .item-thumbnail {
   display: flex;
 }

 @media only screen and (max-width: 992px) {
   .slider-area .item-thumbnail {
     display: none;
   }
 }

 .slider-area .item-thumbnail a {
   padding: 40px 20px;
   background: #030B1A;
   position: relative;
 }

 .slider-area .item-thumbnail a:after {
   content: '';
   position: absolute;
   right: 0;
   top: 20%;
   bottom: 20%;
   width: 2px;
   background: rgba(255, 255, 255, 0.05);
 }

 .slider-area .item-thumbnail a.active {
   background: #01040A;
 }

 .slider-area .item-thumbnail a .items .dbox .dleft figure {
   display: block;
 }

 .slider-area .item-thumbnail a .items .dbox .dleft figure img {
   border-radius: 5px;
   display: block;
 }

 .slider-area .item-thumbnail a .items .dbox .dright .content {
   padding: 18px 0;
 }

 .slider-area .item-thumbnail a .items .dbox .dright .content h3 {
   font-size: 22px;
   color: #fff;
   font-family: 'Audiowide';
   font-weight: 400;
   margin: 0 0 10px;
 }

 .slider-area .item-thumbnail a .items .dbox .dright .content p {
   font-family: 'Audiowide';
   font-size: 18px;
   color: #0198B5;
   margin: 0;
 }


 .mobilemenu ul {
   list-style: none;
 }


 .mobilemenu li {
   position: relative;
   float: left;
   width: 100%;
 }


 .mobilemenu li a {
   border-top: 1px solid rgba(255, 255, 255, .5);
   text-decoration: none;
   text-transform: uppercase;
   display: block;
   padding: 9px 25px;
 }




 .mobile-menu li.has-dropdown>a {
   position: relative;
   padding-right: 25px;
 }

 .mobile-menu li.has-dropdown>a::after {
   content: "+";
   position: absolute;
   right: 10px;
   font-size: 18px;
 }

 .mobile-menu li.has-dropdown.open>a::after {
   content: "−";
 }

 .mobile-menu li .submenu {
   display: none;
   padding-left: 15px;
 }


 .mobilemenu ul.sub-menu {
   display: none;
   padding-left: 15px;
 }

 .mobilemenu ul.sub-menu.open {
   display: block;
 }

 .submenu-toggle {
   cursor: pointer;
   margin-left: 8px;
   font-weight: bold;
 }


 .mobilemenu .submenu {
   display: none;
 }

 .mobilemenu .submenu.open {
   display: block;
 }

 .mobilemenu li.has-dropdown>a::after {
   content: "+";
   position: absolute;
   right: 10px;
   font-size: 18px;
 }

 .mobilemenu li.has-dropdown.open>a::after {
   content: "−";
 }


 .mobilemenu .submenu.open {
   display: block;
   z-index: 1111;
   opacity: 1;
   visibility: visible;
   position: relative;
 }


 .mobilemenu .submenu.open {
   width: 75%;
 }





 .subscribe-area .subscribe {
   display: block;
   position: relative;
   background: #0198B5;
   padding: 55px 0;
   -webkit-clip-path: polygon(4% 0, 100% 0, 95% 100%, 0% 100%);
   clip-path: polygon(4% 0, 100% 0, 95% 100%, 0% 100%);
   margin-left: -30px;
   margin-right: -30px;
   margin-bottom: -75px;
   z-index: 999;
   display: flex;
   justify-content: center;
 }

 @media only screen and (max-width: 992px) {
   .subscribe-area .subscribe {
     clip-path: none;
     margin: 0 0 -75px !important;
   }
 }

 .subscribe-area .subscribe .ico {
   color: #ffffff;
   font-size: 50px;
   display: inline-block;
   line-height: 40px;
   padding-left: 0x;
 }

 @media only screen and (max-width: 992px) {
   .subscribe-area .subscribe .ico {
     display: none;
   }
 }

 .subscribe-area .subscribe .conts {
   display: inline-block;
   padding: 0 60px 0 20px;
 }

 @media only screen and (max-width: 992px) {
   .subscribe-area .subscribe .conts {
     padding: 0;
     display: block;
     text-align: center;
   }
 }

 .subscribe-area .subscribe .conts h2 {
   color: #fff;
   font-size: 24px;
   font-family: 'Audiowide';
   font-weight: 400;
   margin: 0;
   display: block;
   line-height: 20px;
   margin-bottom: 10px;
 }

 .subscribe-area .subscribe .conts p {
   margin: 0;
   color: #fff;
   opacity: 0.5;
   line-height: 20px;
 }

 .subscribe-area .subscribe form {
   display: flex !important;
 }

 @media only screen and (max-width: 992px) {
   .subscribe-area .subscribe form {
     display: block;
     text-align: center;
     margin-top: 15px;
   }
 }

 .subscribe-area .subscribe form input {
   display: inline-block;
   line-height: 50px;
   height: 50px;
   background: rgba(255, 255, 255, 0.1);
   border: none;
   padding: 0 20px;
   -webkit-clip-path: polygon(0 0, 100% 0, 94.5% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 94.5% 100%, 0% 100%);
   color: #fff;
   margin-bottom: 10px;
 }
 
 section.subscribe-area div#newsletter-email-error {
    position: absolute;
        bottom: -19px;
    color:black;
}



 
 

 @media only screen and (max-width: 480px) {
   .subscribe-area .subscribe form input {
     clip-path: none;
     margin: 0 0 15px;
     width: 100%;
   }
 }

 .subscribe-area .subscribe form input::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: rgba(255, 255, 255, 0.5);
 }

 .subscribe-area .subscribe form input::-moz-placeholder {
   /* Firefox 19+ */
   color: rgba(255, 255, 255, 0.5);
 }

 .subscribe-area .subscribe form input:-ms-input-placeholder {
   /* IE 10+ */
   color: rgba(255, 255, 255, 0.5);
 }

 .subscribe-area .subscribe form input:-moz-placeholder {
   /* Firefox 18- */
   color: rgba(255, 255, 255, 0.5);
 }

 .subscribe-area .subscribe form button {
   background: #fff;
   color: #111;
 }

 .subscribe-area .subscribe form button:hover {
   background: #ffffff;
   color: #0198B5;
 }




 /*....................................
20. Footer area start here
....................................*/
 footer {
   position: relative;
   display: block;
   background: url("/storage/bg-6.png") no-repeat center;
   background-size: cover;
   padding-top: 75px;
 }

 footer:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: #030B1ACC;

 }

 footer .footer-bottom {
   display: block;
   position: relative;
   background: #030B1A;
   line-height: 80px;
   height: 80px;
   z-index: 999;
 }

 @media only screen and (max-width: 992px) {
   footer .footer-bottom {
     height: auto;
     line-height: 26px;
     padding: 30px 0;
   }
 }

 footer .footer-bottom .copyright p {
   color: #878787;
   margin: 0;
   line-height: normal;
 }

 @media only screen and (max-width: 992px) {
   footer .footer-bottom .copyright p {
     margin: 0 0 15px;
   }
 }

 footer .footer-bottom .copyright p span {
   color: #0198B5;
 }

 footer .footer-bottom .foo-links {
   text-align: right;
 }

 footer .footer-bottom .foo-links ul li {
   display: inline-block;
   padding: 0 16px;
 }

 @media only screen and (max-width: 480px) {
   footer .footer-bottom .foo-links ul li {
     padding: 0 6px;
   }
 }

 footer .footer-bottom .foo-links ul li a {
   display: block;
   color: #797979;
   text-transform: uppercase;
   font-size: 14px;
   line-height: normal;
 }

 footer .footer-bottom .foo-links ul li a:hover {
   color: #fff;
 }

 footer .footer-bottom .foo-links ul li:first-child {
   padding-left: 0;
 }

 footer .footer-bottom .foo-links ul li:last-child {
   padding-right: 0;
 }

 footer .footer-top {
   position: relative;
   z-index: 999;
   display: block;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 footer .footer-top .foo-about figure {
   position: relative;
   display: block;
   margin: 0 0 30px;
   padding: 0;
 }

 footer .footer-top .foo-about .contents {
   position: relative;
   display: block;
   padding-bottom: 30px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   margin: 0 0 30px;
   margin-right: 50px;
 }

 footer .footer-top .foo-about .contents p {
   display: block;
   margin: 0 0 30px;
 }

 footer .footer-top .foo-about .contents a:hover {
   color: #fff;
 }

 footer .footer-top h2 {
   font-size: 22px;
   font-family: 'Audiowide';
   font-weight: 400;
   color: #fff;
   position: relative;
   display: block;
   padding-left: 70px;
   margin: 10px 0 60px;
 }

 footer .footer-top h2:after {
   content: '';
   position: absolute;
   left: 0;
   top: -2px;
   bottom: 0;
   width: 50px;
   height: 28px;
   background: #0198B5;
   -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
 }

 footer .footer-top .foo-news .newslists {
   display: block;
   padding: 25px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 footer .footer-top .foo-news .newslists:first-child {
   padding-top: 0;
 }

 footer .footer-top .foo-news .newslists:last-child {
   padding-bottom: 0;
   border: none;
 }

 footer .footer-top .foo-news .newslists .dbox .dleft figure {
   display: block;
   width: 80px;
   position: relative;
   margin: 0;
   padding: 0;
 }

 footer .footer-top .foo-news .newslists .dbox .dleft figure img {
   width: 100%;
   display: block;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content h4 {
   font-weight: 400;
   font-family: 'Audiowide';
   font-size: 18px;
   display: block;
   margin: 0 0 5px;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content h4 a {
   color: #fff;
   display: inline-block;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content h4 a:hover {
   color: #0198B5;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content p {
   display: block;
   margin: 0 0 5px;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content span {
   color: #0198B5;
 }

 footer .footer-top .products-foo ul {
   display: block;
   margin: 0 0 25px;
 }

 footer .footer-top .products-foo ul li {
   display: inline-block;
   padding: 0 4px;
 }

 footer .footer-top .products-foo ul li:first-child {
   padding-left: 0;
 }

 footer .footer-top .products-foo ul li:last-child {
   padding-right: 0;
 }

 footer .footer-top .products-foo ul li a {
   display: block;
   width: 70px;
 }

 footer .footer-top .products-foo ul li img {
   display: block;
   width: 100%;
 }


 .copyrightGroup {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .foo-links.sm-t-center ul {
   list-style: none;
   display: inline-block;
 }

 .section {
   padding: 100px 0;
 }

 ul.foo-social li {
   display: inline-block;
 }

 footer p {
   color: #878787;
 }


 /*....................................
15. Form area start here
....................................*/
 /*....................................
16. Social link area start here
....................................*/
 .foo-social li {
   display: inline-block;
 }

 .foo-social li a {
   display: block;
   width: 40px;
   height: 35px;
   line-height: 35px;
   color: #fff;
   font-size: 14px;
   text-align: center;
   -webkit-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
   clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
   background: rgba(255, 255, 255, 0.1);
 }

 .foo-social li a:hover {
   background: #0198B5;
 }

 .twitter-posts {
   display: block;
   position: relative;
   background: #0198B5;
 }

 .twitter-posts:after {
   content: '';
   position: absolute;
   width: 180px;
   height: 180px;
   background-image: url('../storage/icon1.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   left: 1%;
   top: 50%;
   transform: translateY(-50%) translateX(60px);
 }

 .twitt-sliders-inner {
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .twitt-sliders-inner .instagram-icon {
   width: 200px;
 }

 .twitt-sliders {
   width: calc(100% - 200px);
   overflow: hidden;
 }

 .twitter-posts .contents {
   position: relative;
   display: block;
 }

 @media only screen and (max-width: 320px) {
   .twitter-posts .contents {
     text-align: center;
   }
 }

 .twitter-posts .contents p {
   color: #fff;
 }

 .twitter-posts .contents a {
   display: inline-block;
   color: #fff;
   padding-left: 10px;
 }

 .twitter-posts .contents a:hover {
   color: #5DADE2;
 }

 .twitter-posts .contents span {
   display: block;
   color: #fff;
   opacity: 0.5;
 }

 .ln-sliders .owl-controls .owl-buttons {
   display: none;
 }

 .dbox .dleft {
   display: inline-block;
   float: left;
   padding-right: 10px;
 }

 .about-area {
   background: url("/storage/bg-1.jpg");
 }

 .about-area .about-cata .cata-list {
   height: 160px;
   padding: 45px 65px;
   background: #fff;
   margin-top: -2px;
   display: block;
   position: relative;
   width: 100%;
   transition: all 0.3s;
 }


 .about-area .about-cata .cata-list.list-t1 {
   -webkit-clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%);
   clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%);
   /*border: 2px solid #C7C8CC;*/
 }








 /*-------------------------------------
    Template Name: Weapon Store - Gun Shop HTML Template
    Description: This is html5 template
    Author: Webstrot
---------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. Header area start here
    3. Slider area start here
    4. About area start here
    5. Breadcumb area start here
    6. Banner area start here
    7. Services area start here
    8. Team area start here
    9. Price list area start here
    10. Pagination area start here
    11. Sidebar area start here
    12. Products area start here
    13. Testimonial area start here
    14. Client area start here
    15. Form area start here
    16. Social link area start here
    17. Blog area start here
    18. Faq area start here
    19. Contact area start here
    20. Footer area start here
    21. Gallery area start here



---------------------------------------*/
 /*....................................
1.Theme default CSS
....................................*/
 /*-------- Global Variables Start here --------*/
 /*-------- Global Variables End here --------*/
 /*-------- Responsive Start here --------*/
 /* 
  Responsive Call = @include res(media){@contents;}
  media = m1920, m1600, m1200, m992, m768, m480, m320
*/
 /*-------- Responsive End here --------*/
 html,
 body {
    font-size: 16px;
    color: #878787;
    font-family: "Poppins", sans-serif;
    vertical-align: baseline;
    line-height: 26px;
    font-weight: 400;

   overflow-X: hidden;

 }

 /* ....................................
1.1 Reset CSS 
.......................................*/
 a {
   transition: all 0.3s;
   text-decoration: none;
 }

 a:hover {
   text-decoration: none;
   color: #096b89;
 }

 a:active {
   outline: 0 none;
   text-decoration: none;
 }

 a:focus {
   outline: 0px solid;
   text-decoration: none;
 }

 p {
   margin: 0 0 26px;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin: 0 0 26px;
   font-weight: 600;
 }

 img {
   max-width: 100%;
   height: auto;
 }

 ul {
   list-style: outside none none;
   margin: 0;
   padding: 0;
 }

 input {
   box-shadow: none;
   border-radius: 0;
   outline: none;
 }

 input:focus {
   outline: none;
   box-shadow: none;
 }

 input:active {
   outline: none;
   box-shadow: none;
 }

 textarea {
   outline: none;
   box-shadow: none;
   border-radius: 0;
 }

 textarea:focus {
   outline: none;
   box-shadow: none;
 }

 textarea:active {
   outline: none;
   box-shadow: none;
 }

 button {
   outline: none;
   box-shadow: none;
   border: none;
   cursor: pointer;
   transition: all 0.3s;
 }

 button:focus {
   outline: none;
   box-shadow: none;
   border: none;
 }

 button:active {
   outline: none;
   box-shadow: none;
   border: none;
 }

 .fix {
   overflow: hidden;
 }

 .clear {
   clear: both;
 }

 .d-inline-block {
   display: inline-block;
 }

 .d-block {
   display: block;
 }

 .d-table {
   display: table;
 }

 .w-50 {
   width: 50%;
 }

 ::-moz-selection {
   background: #00c3ff;
   text-shadow: none;
 }

 ::selection {
   background: #00c3ff;
   text-shadow: none;
 }

 .browserupgrade {
   margin: 26px 0;
   background: #00c3ff;
   color: #333333;
   padding: 26px 0;
 }

 /***Typography***/
 h1 {
   font-size: 36px;
 }

 h2 {
   font-size: 30px;
 }

 h3 {
   font-size: 24px;
 }

 h4 {
   font-size: 18px;
 }

 .f-16 {
   font-size: 16px;
 }

 .f-18 {
   font-size: 18px;
 }

 .f-20 {
   font-size: 20px;
 }

 .f-22 {
   font-size: 22px;
 }

 .f-24 {
   font-size: 24px;
 }

 .f-26 {
   font-size: 26px;
 }

 .f-28 {
   font-size: 28px;
 }

 .f-30 {
   font-size: 30px;
 }

 .f-36 {
   font-size: 36px;
 }

 .f-40 {
   font-size: 40px;
 }

 .f-48 {
   font-size: 48px;
 }

 .f-60 {
   font-size: 60px;
 }

 .f-72 {
   font-size: 72px;
 }

 .fw-300 {
   font-weight: 300 !important;
 }

 .fw-400 {
   font-weight: 400 !important;
 }

 .fw-500 {
   font-weight: 500 !important;
 }

 .fw-600 {
   font-weight: 600 !important;
 }

 .fw-700 {
   font-weight: 700 !important;
 }

 .fw-800 {
   font-weight: 800 !important;
 }

 .fw-900 {
   font-weight: 900 !important;
 }

 .t-u {
   text-transform: uppercase;
 }

 .t-c {
   text-transform: capitalize;
 }

 .t-l {
   text-transform: lowercase;
 }

 /*** Section ***/
 .section-heading {
   display: block;
   position: relative;
   text-align: center;
   margin: 0 0 50px;
 }

 .section-heading h2 {
   display: inline-block;
   position: relative;
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 36px;
   text-transform: capitalize;
   color: #111;
   padding: 0 70px;
 }

 @media only screen and (max-width: 480px) {
   .section-heading h2 {
     font-size: 30px;
     padding: 0;
   }
 }

 .section-heading h2:after {
   content: '';
   position: absolute;
   left: 0;
   top: 5px;
   bottom: 5px;
   width: 50px;
   background: #0198B5;
   -webkit-clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
 }

 @media only screen and (max-width: 480px) {
   .section-heading h2:after {
     display: none;
   }
 }

 .section-heading h2:before {
   content: '';
   position: absolute;
   right: 0;
   top: 5px;
   bottom: 5px;
   width: 50px;
   background: #0198B5;
   -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
   clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
 }

 @media only screen and (max-width: 480px) {
   .section-heading h2:before {
     display: none;
   }
 }

 .section-heading p {
   display: block;
   margin: 0 auto;
   width: 70%;
 }

 @media only screen and (max-width: 480px) {
   .section-heading p {
     width: 100%;
   }
 }

 .section-heading2 h2 {
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 36px;
   text-transform: capitalize;
   color: #111;
   padding-left: 70px;
   position: relative;
 }

 @media only screen and (max-width: 320px) {
   .section-heading2 h2 {
     font-size: 30px;
   }
 }

 .section-heading2 h2:after {
   content: '';
   position: absolute;
   left: 0;
   top: 5px;
   width: 50px;
   bottom: 5px;
   background: #0198B5;
   -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
 }

 .section {
   padding: 100px 0;
 }

 @media only screen and (max-width: 992px) {
   .section {
     padding: 75px 0;
   }
 }

 @media only screen and (max-width: 768px) {
   .section {
     padding: 80px 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .twitter-posts .owl-controls .owl-buttons {
     top: 108% !important;
     left: 0px;
   }
       section.slider-area {
        margin-bottom: 0;
    }
 }

 .section2 {
   padding: 100px 0 70px;
 }

 @media only screen and (max-width: 992px) {
   .section2 {
     padding: 75px 0 45px;
   }
 }

 @media only screen and (max-width: 768px) {
   .section2 {
     padding: 60px 0 30px;
   }
 }

 .section3 {
   padding: 70px 0 100px;
 }

 @media only screen and (max-width: 992px) {
   .section3 {
     padding: 45px 0 75px;
   }
 }

 @media only screen and (max-width: 768px) {
   .section3 {
     padding: 30px 0 60px;
   }
 }

 .section4 {
   padding-bottom: 100px;
 }

 @media only screen and (max-width: 992px) {
   .section4 {
     padding-bottom: 75px;
   }
 }

 @media only screen and (max-width: 768px) {
   .section4 {
     padding-bottom: 60px;
   }
 }

 .section5 {
   padding-top: 100px;
 }

 @media only screen and (max-width: 992px) {
   .section5 {
     padding-top: 75px;
   }
 }

 @media only screen and (max-width: 768px) {
   .section5 {
     padding-top: 60px;
   }
 }

 /***Button***/
 .btn1 {
   display: inline-block;
   position: relative;
   padding: 0 60px;
   line-height: 50px;
   height: 50px;
   background: #0198B5;
   text-transform: uppercase;
   font-weight: 500;
   color: #fff;
   cursor: pointer;
   text-transform: capitalize;
   -webkit-clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
   clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
   border: 1px solid transparent;
   font-family: 'Audiowide';
   text-align: center;
 }

 @media only screen and (max-width: 320px) {
   .btn1 {
     clip-path: none;
     padding: 0 30px;
   }

   .btn1::after {
     display: none;
   }

   .btn1::before {
     display: none;
   }
 }

 .btn1:hover {
   background: transparent;
   color: #fff;
   border: 1px solid #0198B5;
 }

 .btn2 {
   display: inline-block;
   position: relative;
   padding: 0 60px;
   line-height: 46px;
   height: 50px;
   background: transparent;
   border: 2px solid #0198B5;
   text-transform: uppercase;
   font-weight: 500;
   color: #0198B5;
   cursor: pointer;
   text-transform: capitalize;
   -webkit-clip-path: polygon(11% 0%, 100% 0, 88% 100%, 0% 100%);
   clip-path: polygon(11% 0%, 100% 0, 88% 100%, 0% 100%);
   margin-left: -27px;
   font-family: 'Audiowide';
   text-align: center;
 }

 @media only screen and (max-width: 320px) {
   .btn2 {
     clip-path: none;
     margin: 0;
     padding: 0 30px;
   }

   .btn2:before {
     display: none;
   }
 }

 .btn1::before {
   content: '';
   position: absolute;
   left: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(27deg);
   background: #0198B5;
 }

 .btn1:after {
   content: '';
   position: absolute;
   right: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(27deg);
   background: #0198B5;
 }

 .btn2:after {
   content: '';
   position: absolute;
   right: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(24deg);
   background: #0198B5;
 }

 .btn2:before {
   content: '';
   position: absolute;
   left: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(24deg);
   background: #0198B5;
   ;
 }



 @media only screen and (max-width: 320px) {
   .btn2:after {
     display: none;
   }
 }

 .btn2:hover {
   background: #0198B5;
   color: #fff;
 }

 .btn3 {
   display: inline-block;
   color: #0198B5;
   font-weight: 500;
   text-transform: capitalize;
   text-align: center;
 }

 .btn3 i {
   padding-left: 8px;
 }

 .btn3:hover {
   color: #111;
 }

 .btn4 {
   display: inline-block;
   position: relative;
   padding: 0 60px;
   line-height: 46px;
   height: 50px;
   background: transparent;
   border: 2px solid #0198B5;
   text-transform: uppercase;
   font-weight: 500;
   color: #111;
   cursor: pointer;
   text-transform: capitalize;
   -webkit-clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
   clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
   font-family: 'Audiowide';
   text-align: center;
 }

 @media only screen and (max-width: 320px) {
   .btn4 {
     clip-path: none;
     padding: 0 30px;
   }
 }

 .btn4:after {
   content: '';
   position: absolute;
   right: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(27deg);
   background: #0198B5;
 }

 @media only screen and (max-width: 320px) {
   .btn4:after {
     display: none;
   }
 }

 .btn4:before {
   content: '';
   position: absolute;
   left: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(27.8deg);
   background: #0198B5;
 }

 @media only screen and (max-width: 320px) {
   .btn4:before {
     display: none;
   }
 }

 .btn4:hover {
   background: #0198B5;
   color: #fff;
 }

 /*** Reset ***/
 .login_wrapper #fb_btn {
   background: #5872ab !important;
   border: 1px solid #5872ab
 }

 .login_wrapper #fb_btn:hover {
   background-color: #39599f !important;
   border-color: #39599f;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .p-re {
   position: relative;
 }

 .p-ab {
   position: absolute;
 }

 .af-be:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }

 .af-be:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }

 .af:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
 }

 .be:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }

 .bg-img {
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-position: center center !important;
   width: 100% !important;
   z-index: 1;
 }

 .events-area {
   width: 100%;
   height: 100%;
     background-image: url('../storage/bg-1.jpg');
   background-repeat: no-repeat;
   background-position: center;
 }

 .products-area {
   width: 100%;
   height: 100%;
    background-image: url('../storage/bg-1.jpg');
   background-repeat: no-repeat;
   background-position: center;
 }

 .gallery-area {
   width: 100%;
   height: 100%;
   background-image: url('../storage/bg-1.jpg');
   background-repeat: no-repeat;
   background-position: center;
 }

 .blog-area {
   width: 100%;
   height: 100%;
   background-image: url('../storage/bg-1.jpg');
   background-repeat: no-repeat;
   background-position: center;
 }

 .banner-area-img-group {
   display: flex;
   gap: 40px;
 }

 .floatleft {
   float: left;
 }

 .floatright {
   float: right;
 }

 .aligncenter {
   display: block;
   margin: 0 auto 26px;
 }

 @media only screen and (max-width: 992px) {
   .sm-t-center {
     text-align: center !important;
   }
 }

 @media only screen and (max-width: 768px) {
   .xs-t-center {
     text-align: center !important;
   }
 }

 .dbox {
   overflow: hidden;
   z-index: 1;
   vertical-align: middle;
   width: 100%;
 }

 .dbox .dleft {
   display: inline-block;
   float: left;
   padding-right: 10px;
 }

 .dbox .dright {
   display: table;
   padding-left: 10px;
 }

 #scrollUp {
   bottom: 40px;
   right: 30px;
   text-align: center;
   width: 50px;
   height: 50px;
   line-height: 50px;
   font-size: 20px;
   border-radius: 100%;
   background: #0198B5;
   color: #fff;
   transition: all 0.3s;
   z-index: 9999 !important;
   opacity: 0.8;
 }

 #scrollUp:hover {
   background-color: #333;
   color: #fff;
   opacity: 1;
   line-height: 50px;
 }

 #preloader {
   background-color: #ffffff;
   bottom: 0;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 2147483647;
   width: 100%;
   height: 100%;
 }

 #status {
   background-position: center center;
   background-repeat: no-repeat;
   height: auto;
   position: absolute;
   left: 50%;
   top: 50%;
   color: #254a93;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
 }

 /***All plugins Reset***/
 /*owl Navigations*/
 .products-area .owl-controls {
   margin: 0;
 }

 @media only screen and (max-width: 1200px) {
   .products-area .owl-controls {
     display: none !important;
   }
 }

 @media only screen and (max-width: 992px) {
   .products-area .owl-controls {
     display: block !important;
   }
 }

 @media only screen and (max-width: 768px) {
   .products-area .owl-controls {
     display: none !important;
   }
 }

 .products-area .owl-controls .owl-buttons {
   position: absolute;
   left: 15px;
   right: 13px;
   top: 45%;
 }

 .products-area .owl-controls .owl-buttons div {
   opacity: 1;
   display: block;
   border-radius: 0;
   background: #eee;
   color: #111;
   height: 50px;
   line-height: 50px;
   text-align: center;
   margin: 0;
   position: absolute;
   font-size: 18px;
   transition: all 0.3s;
 }

 .products-area .owl-controls .owl-buttons div:hover {
   background: #0198B5;
   color: #fff;
 }

 .products-area .owl-controls .owl-buttons div.owl-prev {
   left: -73px;
   padding: 0 25px 0 33px;
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
 }

 .products-area .owl-controls .owl-buttons div.owl-next {
   right: -74px;
   padding: 0 33px 0 25px;
   -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
 }

 .events-area .owl-controls {
   margin: 0;
 }

 @media only screen and (max-width: 480px) {
   .events-area .owl-controls {
     display: none !important;
   }

   .btn2 {
     margin-top: 10px;
   }

   .paginations2 ul li a {
     margin-top: 10px;
   }
 }

 .events-area .owl-controls .owl-buttons {
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
 }

 .events-area .owl-controls .owl-buttons div {
   opacity: 1;
   display: block;
   border-radius: 0;
   background: #030B1A;
   color: #ffffff;
   height: 30px;
   line-height: 30px;
   text-align: center;
   margin: 0;
   position: absolute;
   font-size: 18px;
   transition: all 0.3s;
   padding: 0 28px 0 20px;
 }

 .events-area .owl-controls .owl-buttons div:hover {
   background: #0198B5;
   color: #fff;
 }

 .events-area .owl-controls .owl-buttons div.owl-prev {
   left: -24px;
   top: 0;
   -webkit-clip-path: polygon(18% 1%, 100% 0, 100% 100%, 0% 100%);
   clip-path: polygon(18% 1%, 100% 0, 100% 100%, 0% 100%);
 }

 .events-area .owl-controls .owl-buttons div.owl-next {
   right: -30px;
   top: 0;
   -webkit-clip-path: polygon(0 0, 83% 0, 100% 100%, 0% 100%);
   clip-path: polygon(0 0, 83% 0, 100% 100%, 0% 100%);
 }

 .blog-area .slick-prev {
   opacity: 1;
   display: block;
   border-radius: 0;
   background: #eee;
   color: #111;
   height: 50px;
   line-height: 50px;
   text-align: center;
   margin: 0;
   position: absolute;
   font-size: 18px;
   transition: all 0.3s;
   left: -58px;
   top: 45%;
   padding: 0 25px 0 33px;
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
   z-index: 999;
 }

 @media only screen and (max-width: 1200px) {
   .blog-area .slick-prev {
     display: none;
   }
 }

 @media only screen and (max-width: 992px) {
   .blog-area .slick-prev {
     display: block;
   }
 }

 @media only screen and (max-width: 768px) {
   .blog-area .slick-prev {
     display: none;
   }
 }

 .blog-area .slick-prev:hover {
   background: #0198B5;
   color: #fff;
 }

 .blog-area .slick-next {
   opacity: 1;
   display: block;
   border-radius: 0;
   background: #eee;
   color: #111;
   height: 50px;
   line-height: 50px;
   text-align: center;
   margin: 0;
   position: absolute;
   font-size: 18px;
   transition: all 0.3s;
   right: -45px;
   top: 45%;
   padding: 0 33px 0 25px;
   -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
 }

 @media only screen and (max-width: 1200px) {
   .blog-area .slick-next {
     display: none;
   }
 }

 @media only screen and (max-width: 992px) {
   .blog-area .slick-next {
     display: block;
   }
 }

 @media only screen and (max-width: 768px) {
   .blog-area .slick-next {
     display: none;
   }
 }

 .blog-area .slick-next:hover {
   background: #0198B5;
   color: #fff;
 }

 .twitter-posts .owl-controls {
   margin: 0;
 }

 @media only screen and (max-width: 320px) {
   .twitter-posts .owl-controls {
     display: none !important;
   }
 }

 .twitter-posts .owl-controls .owl-buttons {
   position: absolute;
   right: 13px;
   top: 38%;
 }

 .twitter-posts .owl-controls .owl-buttons div {
   opacity: 1;
   display: inline-block;
   border-radius: 0;
   background: transparent;
   color: #111;
   height: 50px;
   line-height: 48px;
   border: 1px solid #fff;
   text-align: center;
   margin: 0;
   width: 80px;
   font-size: 18px;
   transition: all 0.3s;
   -webkit-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
   clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
   color: #fff;
   border-left: none;
   border-right: none;
   position: relative;
 }

 .twitter-posts .owl-controls .owl-buttons div:hover {
   background: #fff;
   color: #111;
 }

 .twitter-posts .owl-controls .owl-buttons div:after {
   content: '';
   position: absolute;
   left: 6px;
   top: -5px;
   bottom: -5px;
   width: 1px;
   background: #fff;
   transform: rotate(12.5deg);
 }

 .twitter-posts .owl-controls .owl-buttons div.owl-prev {
   margin-right: -15px;
 }

 .twitter-posts .owl-controls .owl-buttons div.owl-next:before {
   content: '';
   position: absolute;
   right: 7px;
   top: -5px;
   bottom: -5px;
   width: 1px;
   background: #fff;
   transform: rotate(13deg);
 }

 /*owl Paginations*/
 .owl-controls {
   margin: 0;
 }

 .owl-controls .owl-pagination .owl-page {
   padding: 0 2px;
 }

 .owl-controls .owl-pagination .owl-page span {
   width: 17px;
   height: 17px;
   background: #f7f7f7;
   opacity: 1;
   position: relative;
   margin: 0 3px;
 }

 .owl-controls .owl-pagination .owl-page span:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   border: 3px solid #0198B5;
   border-radius: 100%;
   opacity: 0;
   transition: all 0.3s;
 }

 .owl-controls .owl-pagination .owl-page.active span {
   background: transparent;
 }

 .owl-controls .owl-pagination .owl-page.active span:after {
   opacity: 1;
 }

 /*bx Slider Navigatons*/
 @media only screen and (max-width: 768px) {
   .bx-controls .bx-controls-direction {
     display: none;
   }
 }

 .bx-controls .bx-controls-direction a {
   text-indent: 0;
   color: transparent;
   text-align: center;
   background: #0e0e0e;
   width: 80px;
   height: 50px;
   line-height: 50px;
 }

 @media only screen and (max-width: 992px) {
   .bx-controls .bx-controls-direction a {
     top: 62%;
   }
 }

 .bx-controls .bx-controls-direction a:hover {
   background: #0198B5;
 }

 .bx-controls .bx-controls-direction a.bx-prev {
   -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
   left: 0;
 }

 .bx-controls .bx-controls-direction a.bx-prev:before {
   content: '\f30a';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   color: #fff;
   font-weight: 900;
   font-size: 18px;
   font-family: "Font Awesome 5 Free";
 }

 .bx-controls .bx-controls-direction a.bx-next {
   -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
   clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
   right: 0;
 }

 .bx-controls .bx-controls-direction a.bx-next:before {
   content: '\f30b';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   color: #fff;
   font-weight: 900;
   font-size: 18px;
   font-family: "Font Awesome 5 Free";
 }

 .mfp-bottom-bar {
   display: none;
 }

 .mfp-arrow {
   display: none !important;
 }

 /*** Margin ***/
 .mr-lu {
   margin-left: auto !important;
 }

 .mr-ru {
   margin-right: auto !important;
 }

 .t-0 {
   top: 0;
 }

 .l-0 {
   left: 0;
 }

 .r-0 {
   right: 0;
 }

 .b-0 {
   bottom: 0;
 }

 .mr-0 {
   margin: 0;
 }

 .mr-t0 {
   margin-top: 0px;
 }

 .mr-t5 {
   margin-top: 5px;
 }

 .mr-t10 {
   margin-top: 10px;
 }

 .mr-t15 {
   margin-top: 15px;
 }

 .mr-t20 {
   margin-top: 20px;
 }

 .mr-t25 {
   margin-top: 25px;
 }

 .mr-t30 {
   margin-top: 30px;
 }

 .mr-t35 {
   margin-top: 35px;
 }

 .mr-t40 {
   margin-top: 40px;
 }

 .mr-t45 {
   margin-top: 45px;
 }

 .mr-t50 {
   margin-top: 50px;
 }

 .mr-t60 {
   margin-top: 60px;
 }

 .mr-t70 {
   margin-top: 70px;
 }

 .mr-t80 {
   margin-top: 80px;
 }

 .mr-t90 {
   margin-top: 90px;
 }

 .mr-t100 {
   margin-top: 100px;
 }

 .mr-t110 {
   margin-top: 110px;
 }

 .mr-t120 {
   margin-top: 120px;
 }

 .mr-t130 {
   margin-top: 130px;
 }

 .mr-t140 {
   margin-top: 140px;
 }

 .mr-t150 {
   margin-top: 150px;
 }

 .mr-b0 {
   margin-bottom: 0px;
 }

 .mr-b5 {
   margin-bottom: 5px;
 }

 .mr-b10 {
   margin-bottom: 10px;
 }

 .mr-b15 {
   margin-bottom: 15px;
 }

 .mr-b20 {
   margin-bottom: 20px;
 }

 .mr-b25 {
   margin-bottom: 25px;
 }

 .mr-b30 {
   margin-bottom: 30px;
 }

 .mr-b35 {
   margin-bottom: 35px;
 }

 .mr-b40 {
   margin-bottom: 40px;
 }

 .mr-b45 {
   margin-bottom: 45px;
 }

 .mr-b50 {
   margin-bottom: 50px;
 }

 .mr-b60 {
   margin-bottom: 60px;
 }

 .mr-b70 {
   margin-bottom: 70px;
 }

 .mr-b80 {
   margin-bottom: 80px;
 }

 .mr-b90 {
   margin-bottom: 90px;
 }

 .mr-b100 {
   margin-bottom: 100px;
 }

 .mr-b110 {
   margin-bottom: 110px;
 }

 .mr-b120 {
   margin-bottom: 120px;
 }

 .mr-b130 {
   margin-bottom: 130px;
 }

 .mr-b140 {
   margin-bottom: 140px;
 }

 .mr-b150 {
   margin-bottom: 150px;
 }

 .mr-l0 {
   margin-left: 0px;
 }

 .mr-l5 {
   margin-left: 5px;
 }

 .mr-l10 {
   margin-left: 10px;
 }

 .mr-l15 {
   margin-left: 15px;
 }

 .mr-l20 {
   margin-left: 20px;
 }

 .mr-l25 {
   margin-left: 25px;
 }

 .mr-l30 {
   margin-left: 30px;
 }

 .mr-l35 {
   margin-left: 35px;
 }

 .mr-l40 {
   margin-left: 40px;
 }

 .mr-l45 {
   margin-left: 45px;
 }

 .mr-l50 {
   margin-left: 50px;
 }

 .mr-l60 {
   margin-left: 60px;
 }

 .mr-l70 {
   margin-left: 70px;
 }

 .mr-l80 {
   margin-left: 80px;
 }

 .mr-l90 {
   margin-left: 90px;
 }

 .mr-l100 {
   margin-left: 100px;
 }

 .mr-l110 {
   margin-left: 110px;
 }

 .mr-l120 {
   margin-left: 120px;
 }

 .mr-l130 {
   margin-left: 130px;
 }

 .mr-l140 {
   margin-left: 140px;
 }

 .mr-l150 {
   margin-left: 150px;
 }

 .mr-r0 {
   margin-right: 0px;
 }

 .mr-r5 {
   margin-right: 5px;
 }

 .mr-r10 {
   margin-right: 10px;
 }

 .mr-r15 {
   margin-right: 15px;
 }

 .mr-r20 {
   margin-right: 20px;
 }

 .mr-r25 {
   margin-right: 25px;
 }

 .mr-r30 {
   margin-right: 30px;
 }

 .mr-r35 {
   margin-right: 35px;
 }

 .mr-r40 {
   margin-right: 40px;
 }

 .mr-r45 {
   margin-right: 45px;
 }

 .mr-r50 {
   margin-right: 50px;
 }

 .mr-r60 {
   margin-right: 60px;
 }

 .mr-r70 {
   margin-right: 70px;
 }

 .mr-r80 {
   margin-right: 80px;
 }

 .mr-r90 {
   margin-right: 90px;
 }

 .mr-r100 {
   margin-right: 100px;
 }

 .mr-r110 {
   margin-right: 110px;
 }

 .mr-r120 {
   margin-right: 120px;
 }

 .mr-r130 {
   margin-right: 130px;
 }

 .mr-r140 {
   margin-right: 140px;
 }

 .mr-r150 {
   margin-right: 150px;
 }

 .mr-0 {
   margin: 0;
 }

 .mr-5 {
   margin: 5px;
 }

 .mr-10 {
   margin: 10px;
 }

 .mr-15 {
   margin: 15px;
 }

 .mr-20 {
   margin: 20px;
 }

 .mr-25 {
   margin: 25px;
 }

 .mr-30 {
   margin: 30px;
 }

 .mr-35 {
   margin: 35px;
 }

 .mr-40 {
   margin: 40px;
 }

 .mr-45 {
   margin: 45px;
 }

 .mr-50 {
   margin: 50px;
 }

 .mr-60 {
   margin: 60px;
 }

 .mr-70 {
   margin: 70px;
 }

 .mr-80 {
   margin: 80px;
 }

 .mr-90 {
   margin: 90px;
 }

 .mr-100 {
   margin: 100px;
 }

 .mr-110 {
   margin: 110px;
 }

 .mr-120 {
   margin: 120px;
 }

 .mr-130 {
   margin: 130px;
 }

 .mr-140 {
   margin: 140px;
 }

 .mr-150 {
   margin: 150px;
 }

 /*** Padding ***/
 .pd-0 {
   padding: 0;
 }

 .pd-t0 {
   padding-top: 0px;
 }

 .pd-t5 {
   padding-top: 5px;
 }

 .pd-t10 {
   padding-top: 10px;
 }

 .pd-t15 {
   padding-top: 15px;
 }

 .pd-t20 {
   padding-top: 20px;
 }

 .pd-t25 {
   padding-top: 25px;
 }

 .pd-t30 {
   padding-top: 30px;
 }

 .pd-t35 {
   padding-top: 35px;
 }

 .pd-t40 {
   padding-top: 40px;
 }

 .pd-t45 {
   padding-top: 45px;
 }

 .pd-t50 {
   padding-top: 50px;
 }

 .pd-t60 {
   padding-top: 60px;
 }

 .pd-t70 {
   padding-top: 70px;
 }

 .pd-t80 {
   padding-top: 80px;
 }

 .pd-t90 {
   padding-top: 90px;
 }

 .pd-t100 {
   padding-top: 100px;
 }

 .pd-t110 {
   padding-top: 110px;
 }

 .pd-t120 {
   padding-top: 120px;
 }

 .pd-t130 {
   padding-top: 130px;
 }

 .pd-t140 {
   padding-top: 140px;
 }

 .pd-t150 {
   padding-top: 150px;
 }

 .pd-b0 {
   padding-bottom: 0px;
 }

 .pd-b5 {
   padding-bottom: 5px;
 }

 .pd-b10 {
   padding-bottom: 10px;
 }

 .pd-b15 {
   padding-bottom: 15px;
 }

 .pd-b20 {
   padding-bottom: 20px;
 }

 .pd-b25 {
   padding-bottom: 25px;
 }

 .pd-b30 {
   padding-bottom: 30px;
 }

 .pd-b35 {
   padding-bottom: 35px;
 }

 .pd-b40 {
   padding-bottom: 40px;
 }

 .pd-b45 {
   padding-bottom: 45px;
 }

 .pd-b50 {
   padding-bottom: 50px;
 }

 .pd-b60 {
   padding-bottom: 60px;
 }

 .pd-b70 {
   padding-bottom: 70px;
 }

 .pd-b80 {
   padding-bottom: 80px;
 }

 .pd-b90 {
   padding-bottom: 90px;
 }

 .pd-b100 {
   padding-bottom: 100px;
 }

 .pd-b110 {
   padding-bottom: 110px;
 }

 .pd-b120 {
   padding-bottom: 120px;
 }

 .pd-b130 {
   padding-bottom: 130px;
 }

 .pd-b140 {
   padding-bottom: 140px;
 }

 .pd-b150 {
   padding-bottom: 150px;
 }

 .pd-l0 {
   padding-left: 0px;
 }

 .pd-l5 {
   padding-left: 5px;
 }

 .pd-l10 {
   padding-left: 10px;
 }

 .pd-l15 {
   padding-left: 15px;
 }

 .pd-l20 {
   padding-left: 20px;
 }

 .pd-l25 {
   padding-left: 25px;
 }

 .pd-l30 {
   padding-left: 30px;
 }

 .pd-l35 {
   padding-left: 35px;
 }

 .pd-l40 {
   padding-left: 40px;
 }

 .pd-l45 {
   padding-left: 45px;
 }

 .pd-l50 {
   padding-left: 50px;
 }

 .pd-l60 {
   padding-left: 60px;
 }

 .pd-l70 {
   padding-left: 70px;
 }

 .pd-l80 {
   padding-left: 80px;
 }

 .pd-l90 {
   padding-left: 90px;
 }

 .pd-l100 {
   padding-left: 100px;
 }

 .pd-l110 {
   padding-left: 110px;
 }

 .pd-l120 {
   padding-left: 120px;
 }

 .pd-l130 {
   padding-left: 130px;
 }

 .pd-l140 {
   padding-left: 140px;
 }

 .pd-l150 {
   padding-left: 150px;
 }

 .pd-r0 {
   padding-right: 0px;
 }

 .pd-r5 {
   padding-right: 5px;
 }

 .pd-r10 {
   padding-right: 10px;
 }

 .pd-r15 {
   padding-right: 15px;
 }

 .pd-r20 {
   padding-right: 20px;
 }

 .pd-r25 {
   padding-right: 25px;
 }

 .pd-r30 {
   padding-right: 30px;
 }

 .pd-r35 {
   padding-right: 35px;
 }

 .pd-r40 {
   padding-right: 40px;
 }

 .pd-r45 {
   padding-right: 45px;
 }

 .pd-r50 {
   padding-right: 50px;
 }

 .pd-r60 {
   padding-right: 60px;
 }

 .pd-r70 {
   padding-right: 70px;
 }

 .pd-r80 {
   padding-right: 80px;
 }

 .pd-r90 {
   padding-right: 90px;
 }

 .pd-r100 {
   padding-right: 100px;
 }

 .pd-r110 {
   padding-right: 110px;
 }

 .pd-r120 {
   padding-right: 120px;
 }

 .pd-r130 {
   padding-right: 130px;
 }

 .pd-r140 {
   padding-right: 140px;
 }

 .pd-r150 {
   padding-right: 150px;
 }

 .pd-0 {
   padding: 0px !important;
 }

 .pd-5 {
   padding: 5px;
 }

 .pd-10 {
   padding: 10px;
 }

 .pd-15 {
   padding: 15px;
 }

 .pd-20 {
   padding: 20px;
 }

 .pd-25 {
   padding: 25px;
 }

 .pd-30 {
   padding: 30px;
 }

 .pd-35 {
   padding: 35px;
 }

 .pd-40 {
   padding: 40px;
 }

 .pd-45 {
   padding: 45px;
 }

 .pd-50 {
   padding: 50px;
 }

 .pd-60 {
   padding: 60px;
 }

 .pd-70 {
   padding: 70px;
 }

 .pd-80 {
   padding: 80px;
 }

 .pd-90 {
   padding: 90px;
 }

 .pd-100 {
   padding: 100px;
 }

 .pd-110 {
   padding: 110px;
 }

 .pd-120 {
   padding: 120px;
 }

 .pd-130 {
   padding: 130px;
 }

 .pd-140 {
   padding: 140px;
 }

 .pd-150 {
   padding: 150px;
 }

 /*....................................
            2. Header area start here
....................................*/


 header {
   position: relative;
   top: 0;
   left: 0;
   right: 0;
   z-index: 999999;
   background: #030B1A;
   border-bottom: 2px solid rgba(255, 255, 255, 0.05);
   padding: 20px 18px;
 }

 header .main-header .main-menus ul {
   list-style: none;
   display: inline-block;
   width: 100%;
 }

 header .main-header {
   width: 100%;
   background: #030b1a;
 }


 header .main-header .main-menus ul li {
   display: inline-block;
   padding: 0;
   margin-left: -20px;
 }

 header .main-header .main-menus ul li.has-dropdown {
   position: relative;
 }

 header .main-header .main-menus a {
   display: block;
   line-height: 50px;
   height: 50px;
   padding: 0 25px;
   font-size: 16px;
   text-transform: uppercase;
   color: #fff;
   font-weight: 500;
   background: transparent;
   -webkit-clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
   clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
   font-family: 'Audiowide';
 }

 header .main-header .main-menus a:hover,
 header .main-header .main-menus ul li ul.submenu li a:hover {
   background: #0198B5;
   clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
 }



 ul.submenu {
   width: 200px;
   position: absolute;
   left: 0px;
   top: 100%;
   z-index: 99999;
   text-align: left;
   visibility: hidden;
   opacity: 0;
   transition: 0.5s;
 }

 header .main-header .main-menus ul li ul.submenu li {
   padding: 0;
 }

 header .main-header .main-menus ul li ul.submenu li a {
   padding: 0;
   display: block;
   clip-path: none;
   color: rgb(255, 255, 255);
   font-size: 14px;
   text-transform: capitalize;
   font-weight: 400;
   padding: 0px 25px;
   background: rgba(0, 0, 0, 0.9);
   min-width: 220px;
 }

 .headerActive {
   position: fixed;
   box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
   background: #102C35;
   animation: slideDown 0.35s ease-out;
 }

 .header-search-bar .header-search-icon i {
   color: #0198b5;
   font-weight: 500;
 }


 @keyframes slideDown {
   from {
     transform: translateY(-100%);
   }

   to {
     transform: translateY(0);
   }
 }


 header .logo-area {
   position: relative;
   /* line-height: 175px; */
   /* height: 175px; */
 }

 @media only screen and (max-width: 768px) {
   header .logo-area {
     /* height: 120px; */
     line-height: 120px;
     padding: 15px 0;
   }
 }

 header .logo-area a {
   display: inline-block;
   position: relative;
 }

 @media only screen and (max-width: 768px) {
   header .logo-area a {
     display: inline;
   }
 }

 @media only screen and (max-width: 768px) {
   header .logo-area a img {
     display: block;
     width: 100%;
   }
 }

 header .mobilemenu .mean-container .mean-nav {
   background: #1D1D22;
   margin-top: 45px;
 }

 header .mobilemenu .mean-container .mean-nav ul li a {
   font-size: 13px;
   padding: 0 5%;
   line-height: 44px;
 }

 header .mobilemenu .mean-container .mean-nav ul li a.mean-expand {
   padding: 0;
   line-height: 44px;
   height: 44px !important;
   padding: 0 12px !important;
 }

 header .mobilemenu .mean-container .mean-nav ul li a.mean-expand:hover {
   background: #1D1D22;
 }

 header .mobilemenu .mean-container .mean-nav ul li a.mean-expand.mean-expand.mean-clicked {
   background: #1D1D22;
 }

 header .mobilemenu .mean-container .mean-nav ul li a:hover {
   color: #0198B5;
   background: transparent;
 }

 header .mobilemenu .mean-container .mean-bar {
   background: inherit;
   padding: 0;
   min-height: 0;
   position: absolute;
   width: auto !important;
   left: 0;
   right: 0;
   top: 21px;
   z-index: 9999;
 }

 @media only screen and (max-width: 768px) {
   header .mobilemenu .mean-container .mean-bar {
     top: 42px;
   }
 }

 header .mobilemenu .mean-container a.meanmenu-reveal {
   top: 0;
   right: 25px !important;
   /* background: rgba(0, 0, 0, 0.4); */
   height: 10px;
   padding: 8px 11px 17px;
 }

 header.header-inner {
   position: relative;
   background: rgba(0, 0, 0, 0.6);
 }

 header .main-header {
   text-align: right;
   /* line-height: 175px; */
   /* height: 175px; */
 }

 header .main-header .main-menus {
   display: inline-block;
 }

 header .main-header .main-menus nav .mamnu li {
   display: inline-block;
   margin-left: -20px;
   position: relative;
 }

 header .main-header .main-menus nav .mamnu li a {
   display: block;
   line-height: 50px;
   height: 50px;
   padding: 0 40px;
   font-size: 16px;
   text-transform: uppercase;
   color: #fff;
   font-weight: 500;
   background: transparent;
   -webkit-clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
   clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
   font-family: 'Audiowide';
 }

 .header-search-bar input {
   height: auto !important;
 }

 button.mobile-menu-btn i {
   color: #fff;
 }

 .mobilemenu {
   display: none;
   position: fixed;
   top: 135px;
   right: -100%;
   width: 100%;
   height: auto;
   background: #111;
   color: #fff;
   z-index: 9999;
   transition: all 0.3s ease-in-out;
   padding: 0px;
 }

 .mobilemenu.active {
   display: block;
   right: 0;
 }



 @media only screen and (max-width: 1600px) {
   header .main-header .main-menus nav .mamnu li a {
     padding: 0 25px;
   }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
   header .main-header .main-menus nav .mamnu li a {
     padding: 0 15px;
   }
 }

 header .main-header .main-menus nav .mamnu li a:hover {
   background: #0198B5;
 }

 header .main-header .main-menus nav .mamnu li a.active {
   background: #0198B5;
 }

 header .main-header .main-menus nav .mamnu li ul {
   width: 200px;
   position: absolute;
   left: 0;
   top: 100%;
   z-index: 99999;
   text-align: left;
   visibility: hidden;
   opacity: 0;
   transition: all 0.8s;
   transition: all 0.5s;
 }

 header .main-header .main-menus nav .mamnu li ul li {
   display: block;
   border-bottom: 1px solid #000;
 }

 header .main-header .main-menus nav .mamnu li ul li a {
   display: block;
   padding: 0 25px;
   line-height: 0;
   height: 0;
   opacity: 0;
   background: rgba(0, 0, 0, 0.9);
   clip-path: none;
   color: #fff;
   font-size: 14px;
   text-transform: capitalize;
   font-weight: 400;
 }

 header .main-header .main-menus nav .mamnu li ul li a:hover {
   -webkit-clip-path: polygon(8% 0%, 100% 0, 92% 100%, 0% 100%);
   clip-path: polygon(8% 0%, 100% 0, 92% 100%, 0% 100%);
 }

 header .main-header .main-menus nav .mamnu li ul li:last-child {
   border: none;
 }

 header .main-header .main-menus nav .mamnu li:hover ul {
   opacity: 1;
   visibility: visible;
   left: 20px;
 }

 header .main-header .main-menus nav .mamnu li:hover ul li a {
   opacity: 1;
   line-height: 40px;
   height: 40px;
   transition: all 0.3s;
 }

 header .main-header .serach-header {
   display: inline-block;
 }

 header .main-header .serach-header .searchd {
   background: transparent;
   line-height: 50px;
   height: 50px;
 }

 header .main-header .serach-header .searchd i {
   color: #0198B5;
   font-size: 18px;
 }

 header .main-header .serach-header .searchbox {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.9);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   -webkit-transform: translate(0px, -100%) scale(0, 0);
   -moz-transform: translate(0px, -100%) scale(0, 0);
   -o-transform: translate(0px, -100%) scale(0, 0);
   -ms-transform: translate(0px, -100%) scale(0, 0);
   transform: translate(0px, -100%) scale(0, 0);
   opacity: 0;
   filter: alpha(opacity=0);
   z-index: 11000;
 }

 header .main-header .serach-header .searchbox .close {
   background-color: transparent;
   box-shadow: none;
   color: #fff;
   font-size: 27px;
   font-weight: normal;
   opacity: 1;
   padding: 10px 17px;
   position: fixed;
   right: 15px;
   top: 15px;
 }

 header .main-header .serach-header .searchbox form input {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background: transparent;
   border-color: -moz-use-text-color -moz-use-text-color #fff;
   border-image: none;
   border-style: none none solid;
   border-width: medium medium 1px;
   color: #fff;
   font-size: 28px;
   font-weight: lighter;
   left: 22%;
   margin: 0;
   outline: medium none;
   padding-bottom: 7px;
   padding-left: 0;
   padding-right: 30px;
   position: absolute;
   right: 0;
   top: 50%;
   width: 700px;
   line-height: 60px;
 }

 header .main-header .serach-header .searchbox form button {
   display: inline-block;
   line-height: 60px;
   height: 60px;
   left: 72%;
   position: absolute;
   top: 55%;
   transform: translate(0%, -55%);
   background: transparent;
   color: #0198B5;
   font-size: 18px;
 }

 @media only screen and (max-width: 992px) {
   header .main-header .serach-header .searchbox form button {
     left: 88%;
     top: 58%;
   }
 }

 header .main-header .serach-header .searchbox.open {
   -webkit-transform: translate(0px, 0px) scale(1, 1);
   -moz-transform: translate(0px, 0px) scale(1, 1);
   -o-transform: translate(0px, 0px) scale(1, 1);
   -ms-transform: translate(0px, 0px) scale(1, 1);
   transform: translate(0px, 0px) scale(1, 1);
   opacity: 1;
   filter: alpha(opacity=100);
 }

 header .main-header .cart-head {
   display: inline-block;
   padding-right: 35px;
   position: relative;
 }

 @media only screen and (max-width: 1600px) {
   header .main-header .cart-head {
     padding-right: 15px;
   }
 }

 header .main-header .cart-head button {
   background: transparent;
   line-height: 50px;
   height: 50px;
   position: relative;
 }

 header .main-header .cart-head button:after {
   content: '2';
   position: absolute;
   top: 5px;
   right: -5px;
   width: 18px;
   height: 18px;
   background: #d13653;
   color: #fff;
   border-radius: 100%;
   font-size: 12px;
   line-height: 18px;
 }

 header .main-header .cart-head button i {
   color: #0198B5;
   font-size: 18px;
 }

 header .main-header .cart-head .nav-shop-cart {
   width: 305px;
   position: absolute;
   right: 0;
   top: 100%;
   line-height: 30px !important;
   z-index: 99999;
   background-color: #fff;
   border: 1px solid #f8f8f8;
   padding: 20px;
   box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
   display: none;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget {
   list-style: none;
   margin: 0;
   padding: 0px;
   line-height: 30px !important;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item {
   display: inline-block;
   position: relative;
   width: 100%;
   border-top: 1px solid #eaeaea;
   padding: 15px;
   padding-left: 0;
   line-height: 30px !important;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item:first-child {
   padding-top: 0;
   margin-top: 0;
   border-top: 0;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item:last-child {
   margin: 0;
   float: inherit;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a {
   display: block;
   line-height: 26px;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a .product-name {
   color: #444;
   font-weight: 400;
   font-size: 1.071em;
   margin: 0;
   text-align: left;
   transition: all 0.3s;
   font-family: 'Audiowide';
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a img {
   border: 1px solid #e4e4e4;
   height: auto;
   margin-right: 13px;
   width: 50px;
   float: left;
   margin-right: 15px;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a:hover .product-name {
   color: #0198B5;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a.remove {
   font-size: 16px;
   color: #d82e2e;
   position: absolute;
   right: 0;
   top: 25px;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a.remove:hover {
   color: #4b4b4b;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item:first-child a.remove {
   top: 10px;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item .quantity {
   display: block;
   line-height: 16px;
   margin: 0;
   text-align: left;
 }

 header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item .Price-amount {
   padding-left: 5px;
   text-align: left;
   font-size: 14px;
   font-weight: 600;
   font-family: 'Audiowide';
 }

 header .main-header .cart-head .nav-shop-cart .total {
   border-top: 1px solid #eee;
   padding-top: 10px;
   position: relative;
   color: #111;
 }

 header .main-header .cart-head .nav-shop-cart .total .amount {
   padding-left: 5px;
   position: relative;
   font-family: 'Audiowide';
 }

 header .main-header .cart-head .nav-shop-cart .buttons {
   margin: 0;
   line-height: 35px !important;
 }

 header .main-header .cart-head .nav-shop-cart .buttons a {
   padding: 0 25px;
 }

 header .main-header .cart-head .nav-shop-cart .buttons a.btn2:after {
   right: 6px;
   transform: rotate(17.5deg);
   z-index: 99;
 }

 header .main-header .cart-head .nav-shop-cart .buttons a.btn1 {
   z-index: 999;
 }

 header .main-header .sing-in-btn {
   display: inline-block;
 }

 @media only screen and (max-width: 992px) {
   header .main-header .sing-in-btn {
     display: none;
   }
 }

 @media (max-width: 991px) {
   header .main-header .main-menus nav .mamnu li a {
     padding: 0 20px;
   }

   .main_news_right_box {
     margin-top: 50px;
   }
 }

 header .main-header .main-menus ul li:hover ul.submenu {
   visibility: visible;
   opacity: 1;
 }

 .menu-contact {
   color: #fff;
 }

 header .main-header i {
   color: #fff;
 }



 /*....................................
3. Slider area start here
....................................*/
 .slider-area {
   display: block;
   position: relative;
 }

 .slider_section_overlay {
   position: absolute;
   top: 0%;
   left: 0%;
   right: 0%;
   bottom: 0%;
   background: rgba(0, 0, 0, 0.4);
 }

 .slider-area .item-content .item-slider.items1 {
   position: relative;
 
 }

 .slider-area .item-content .item-slider.items2 {
   position: relative;
   
 }

 .slider-area .item-content .item-slider.items3 {
   position: relative;
 }

 .slider-area .item-content .item-slider.items4 {
   position: relative;
 }

 .slider-area .item-content .item-slider .contents {
   height: 90vh;
   vertical-align: middle;
   display: table-cell;
 }

 @media only screen and (max-width: 992px) {
   .slider-area .item-content .item-slider .contents {
     height: 100vh;
     /* padding-top: 160px; */
   }
 }

 @media only screen and (max-width: 768px) {
   .slider-area .item-content .item-slider .contents {
     padding-top: 0px;
   }

   header .main-header {
     line-height: 128px;
     height: 0;
   }
 }

 .slider-area .item-content .item-slider .contents h6 {
   font-weight: 600;
   font-size: 26px;
   line-height: 100%;
   text-transform: uppercase;
   color: #0198B5;
 }

 .slider-area .item-content .item-slider .contents h2 {
   display: block;
   font-family: 'Audiowide';
   font-size: 50px;
   color: #fff;
   font-weight: 400;
 }

 @media only screen and (max-width: 1200px) {
   .slider-area .item-content .item-slider .contents h2 {
     margin: 0 0 20px;
   }
 }

 @media only screen and (max-width: 768px) {
   .slider-area .item-content .item-slider .contents h2 {
     font-size: 36px;
   }
 }

 @media only screen and (max-width: 320px) {
   .slider-area .item-content .item-slider .contents h2 {
     font-size: 30px;
   }
 }

 .slider-area .item-content .item-slider .contents p {
   font-weight: 400;
   font-size: 20px;
   line-height: 30px;
   padding: 0 0 40px;
   color: #ececec;
   position: relative;
 }

 .slider-area .item-content .item-slider .contents p:after {
   content: '';
   width: 20%;
   height: 1px;
   background: #0198B5;
   position: absolute;
   bottom: 0;
   left: 0;
 }

 .slider-area .item-content .item-slider .contents span {
   font-weight: 400;
   font-size: 20px;
   line-height: 100%;
   color: #FFFFFF;
   display: inline-block;
   margin-bottom: 30px;
 }

 @media only screen and (max-width: 1200px) {
   .slider-area .item-content .item-slider .contents p {
     width: 70%;
     margin: 0 0 25px;
   }
 }

 @media only screen and (max-width: 992px) {
   .slider-area .item-content .item-slider .contents p {
     width: 80%;
     margin: 0 0 25px;
   }
 }

 @media only screen and (max-width: 480px) {
   .slider-area .item-content .item-slider .contents p {
     width: 95%;
   }
 }

 .slider-area .item-content .item-slider .contents .buttons {
   display: block;
 }

 .slider-area .item-content .item-slider .contents .buttons a:first-child:after {
   content: '';
   position: absolute;
   right: 11px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(24deg);
   background: #0198B5;
 }

 @media only screen and (max-width: 320px) {
   .slider-area .item-content .item-slider .contents .buttons a:first-child:after {
     display: none;
   }
 }

 .slider-area .item-content .item-slider .contents .buttons a:last-child {
   color: #fff;
 }

 @media only screen and (max-width: 320px) {
   .slider-area .item-content .item-slider .contents .buttons a:last-child {
     display: none;
   }
 }

 .slider-area .bx-wrapper {
   margin: 0;
   border: 0;
 }

 .slider-area .bx-wrapper .bx-viewport {
   padding: 0;
   left: 0;
   right: 0;
   box-shadow: none;
   border: none;
 }

 .slider-area .item-thumbnail {
   position: relative;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 99999;
   display: flex;
 }

 .slider-area .item-thumbnail {
   display: flex;
 }

 @media only screen and (max-width: 992px) {
   .slider-area .item-thumbnail {
     display: none;
   }
 }

 .slider-area .item-thumbnail a {
   padding: 40px 20px;
   background: #030B1A;
   position: relative;
 }

 .slider-area .item-thumbnail a:after {
   content: '';
   position: absolute;
   right: 0;
   top: 20%;
   bottom: 20%;
   width: 2px;
   background: rgba(255, 255, 255, 0.05);
 }

 .slider-area .item-thumbnail a.active {
   background: #01040A;
 }

 .slider-area .item-thumbnail a .items .dbox .dleft figure {
   display: block;
 }

 .slider-area .item-thumbnail a .items .dbox .dleft figure img {
   border-radius: 5px;
   display: block;
 }

 .slider-area .item-thumbnail a .items .dbox .dright .content {
   padding: 18px 0;
 }

 .slider-area .item-thumbnail a .items .dbox .dright .content h3 {
   font-size: 22px;
   color: #fff;
   font-family: 'Audiowide';
   font-weight: 400;
   margin: 0 0 10px;
 }

 .slider-area .item-thumbnail a .items .dbox .dright .content p {
   font-family: 'Audiowide';
   font-size: 18px;
   color: #0198B5;
   margin: 0;
 }

  /*....................................
4. About area start here
....................................*/


 .about-area .buttons .btn1:hover {
   color: #0198B5;
 }


 .about-area .about-contents blockquote {
   margin: 0;
   border-left: 2px solid #0198B5;
   font-size: 16px;
   font-style: italic;
   margin: 35px 0;
   color: #0198B5;
   font-weight: 500;
   padding: 10px 20px;
 }

 .about-area .about-contents .buttons {
   display: block;
   margin: 50px 0 0;
 }

 .about-area .about-contents .buttons .btn1 {
   -webkit-clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
   clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
 }

 .about-area .about-contents .buttons .btn1:hover {
   color: #0198B5;
 }

 @media only screen and (max-width: 320px) {
   .about-area .about-contents .buttons .btn1 {
     clip-path: none;
   }
 }

 .about-area .about-cata {
   display: block;
   position: relative;
   margin-left: 40px;
 }

 @media only screen and (max-width: 992px) {
   .about-area .about-cata {
     margin: 50px 0 0;
   }
 }

 .about-area .about-cata .cata-list {
   height: 160px;
   padding: 45px 65px;
   background: #fff;
   margin-top: -2px;
   display: block;
   position: relative;
   width: 100%;
   transition: all 0.3s;
 }

 @media only screen and (max-width: 320px) {
   .about-area .about-cata .cata-list {
     padding: 40px 30px;
   }
 }

 .about-area .about-cata .cata-list:hover {
   background: #fbfbfb;
 }

 .about-area .about-cata .cata-list.list-t1 {
   -webkit-clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%);
   clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%);
   /* border: 2px solid #C7C8CC; */
 }

 @media only screen and (max-width: 992px) {
   .about-area .about-cata .cata-list.list-t1 {
     clip-path: none;
   }
 }

 .about-area .about-cata .cata-list.list-t1:after {
   content: '';
   position: absolute;
   left: 34px;
   top: -8px;
   bottom: -8px;
   width: 1px;
   background: #C7C8CC;
   transform: rotate(-17deg);
 }

 @media only screen and (max-width: 992px) {
   .about-area .about-cata .cata-list.list-t1:after {
     display: none;
   }
 }

 .about-area .about-cata .cata-list.list-t1:before {
   content: '';
   position: absolute;
   right: 35px;
   top: -8px;
   bottom: -8px;
   width: 1px;
   background: #C7C8CC;
   transform: rotate(-17deg);
 }

 @media only screen and (max-width: 992px) {
   .about-area .about-cata .cata-list.list-t1:before {
     display: none;
   }
 }

 .about-area .about-cata .cata-list.list-t2 {
   -webkit-clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
   clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
   /* border: 2px solid #C7C8CC; */
 }

 .about-area .about-cata .list-main-t {
   position: relative;
 }

 .about-area .about-cata .list-main-t::after {
   content: '';
   position: absolute;
   right: 0;
   left: 9px;
   top: 0;
   background: #C7C8CC;
   width: 86%;
   height: 1px;
   z-index: 1;
 }

 .about-area .about-cata .list-main-t.cata-list-main1::before {
   content: '';
   position: absolute;
   right: 10px;
   left: unset;
   bottom: 0;
   background: #C7C8CC;
   width: 86%;
   height: 1px;
   z-index: 1;
 }

 .about-area .about-cata .list-main-t:last-child::after {
   content: unset;
 }


 .about-area .about-cata .list-main-t::before {
   content: '';
   position: absolute;
   right: 0;
   left: 10px;
   bottom: 0;
   background: #C7C8CC;
   width: 86%;
   height: 1px;
   z-index: 1;
 }

 @media only screen and (max-width: 992px) {
   .about-area .about-cata .cata-list.list-t2 {
     clip-path: none;
   }
 }

 .about-area .about-cata .cata-list.list-t2:after {
   content: '';
   position: absolute;
   left: 34px;
   top: -8px;
   bottom: -8px;
   width: 1px;
   background: #C7C8CC;
   transform: rotate(17deg);
 }

 @media only screen and (max-width: 992px) {
   .about-area .about-cata .cata-list.list-t2:after {
     display: none;
   }
 }

 .about-area .about-cata .cata-list.list-t2:before {
   content: '';
   position: absolute;
   right: 35px;
   top: -8px;
   bottom: -8px;
   width: 1px;
   background: #C7C8CC;
   transform: rotate(17deg);
 }

 @media only screen and (max-width: 992px) {
   .about-area .about-cata .cata-list.list-t2:before {
     display: none;
   }
 }

 .about-area .about-cata .cata-list .dbox .dleft {
   width: 65%;
   padding-left: 0;
 }

 .about-area .about-cata .cata-list .dbox .dleft .content h4 {
   font-family: 'Audiowide';
   font-weight: 400;
   color: #111;
   font-size: 24px;
   margin: 0 0 10px;
 }

 .about-area .about-cata .cata-list .dbox .dright {
   width: 34%;
   text-align: right;
   padding-right: 0;
 }

 .about-area .about-cata .cata-list .dbox .dright .cate-ico img {
   display: inline-block;
   width: 50px;
 }

 .dbox {
   display: -webkit-box;
 }

 .container {
   max-width: 1320px !important;
 }


 /*....................................
6. Banner area start here
....................................*/
 .banner-area {
   background: url("/storage/bg-2.png");
   position: relative;
   display: block;
   overflow-x: clip !important;
 }

 @media only screen and (max-width: 992px) {
   .banner-area {
     margin: 0 !important;
   }
 }

 .banner-area:after {
   background: #030b1af2;

   /* backdrop-filter: blur(8px); */
 }

 .banner-area .banner-img {
   position: absolute;
   z-index: 999;
   top: 50px;
   left: 160px;
 }

 @media only screen and (max-width: 1600px) {
   .banner-area .banner-img {
     left: 20px;
     top: 50px;
   }
 }

 .banner-area .banner-img figure {
   position: relative;
   display: block;
   z-index: 999;
 }

 .banner-area .banner-img figure img {
   width: 100%;
 }

 .banner-area .banner-con {
   position: relative;
   z-index: 999;
 }

 .banner-area .banner-con h2 {
   font-size: 36px;
   font-weight: 400;
   font-family: 'Audiowide';
   margin: 0 0 10px;
   color: #fff;
 }

 .banner-area .banner-con p {
   font-weight: 400;
   font-size: 20px;
   line-height: 100%;
   color: #fff;
 }

 @media only screen and (max-width: 480px) {
   .banner-area .banner-con h2 {
     font-size: 30px;
   }
 }

 .banner-area .banner-con .price {
   display: block;
   margin: 0 0 26px;
 }

 .banner-area .banner-con .price del {
   font-family: 'Audiowide';
   font-size: 30px;
   color: #525252;
 }

 @media only screen and (max-width: 480px) {
   .banner-area .banner-con .price del {
     font-size: 24px;
   }
 }

 .banner-area .banner-con .price strong {
   font-family: 'Audiowide';
   font-size: 30px;
   color: #0198B5;
   font-weight: 400;
   padding-left: 15px;
 }

 @media only screen and (max-width: 480px) {
   .banner-area .banner-con .price strong {
     font-size: 24px;
   }
 }

 .banner-area2 {
   background: url("/storage/banner-img-2.png");
   position: relative;
   display: block;
   padding: 250px 0;
 }

 @media only screen and (max-width: 480px) {
   .banner-area2 {
     padding: 150px 0;
   }
 }

 .banner-area2:after {
   background: rgb(0 16 25 / 85%);
 }

 .banner-area2 .videos-area {
   position: relative;
   z-index: 999;
   display: block;
 }

 .banner-area2 .videos-area .video-popups {
   display: block;
   margin: 0 0 45px;
 }

 .banner-area2 .videos-area .video-popups a {
   display: inline-block;
   height: 90px;
   line-height: 90px;
   color: #fff;
   background: transparent;
   position: relative;
   padding: 0 50px;
   border: 2px solid #0198B5;
   font-size: 30px;
   -webkit-clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
   clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
   transition: all 0.3s;
 }

 .banner-area2 .videos-area .video-popups a i {
   color: #0198B5;
 }

 .banner-area2 .videos-area .video-popups a:after {
   content: '';
   position: absolute;
   left: 12px;
   top: -3px;
   bottom: -3px;
   width: 2px;
   background: #0198B5;
   transform: rotate(16deg);
   transition: all 0.3s;
 }

 .banner-area2 .videos-area .video-popups a:before {
   content: '';
   position: absolute;
   right: 12px;
   top: -3px;
   bottom: -3px;
   width: 2px;
   background: #0198B5;
   transform: rotate(16deg);
   transition: all 0.3s;
 }

 .banner-area2 .videos-area .video-popups a:hover {
   -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
   clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
 }



 .banner-area2 .videos-area .video-popups a:hover:after {
   content: '';
   position: absolute;
   left: 12px;
   top: -3px;
   bottom: -3px;
   width: 2px;
   background: #0198B5;
   transform: rotate(-16deg);
   transition: all 0.3s;
 }

 .banner-area2 .videos-area .video-popups a:hover:before {
   content: '';
   position: absolute;
   right: 12px;
   top: -3px;
   bottom: -3px;
   width: 2px;
   background: #0198B5;
   transform: rotate(-15deg);
   transition: all 0.3s;
 }

 .banner-area2 .videos-area h2 {
   color: #fff;
 }

 @media only screen and (max-width: 320px) {
   .banner-area2 .videos-area h2 {
     font-size: 22px;
   }
 }

 .banner-area2 .lg-text {
   display: block;
   text-align: center;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 999;
   bottom: 50px;
 }

 .banner-area2 .lg-text h1 {
   margin: 0;
   font-family: 'Audiowide';
   font-size: 200px;
   color: #fff;
   opacity: 0.05;
 }

 @media only screen and (max-width: 1600px) {
   .banner-area2 .lg-text h1 {
     font-size: 150px;
   }
 }

 @media only screen and (max-width: 480px) {
   .banner-area2 .lg-text h1 {
     font-size: 72px;
   }
 }

 .banner-area3 {
   background: url(images/banner/bg-4.jpg);
   position: relative;
   overflow: hidden;
   vertical-align: middle;
 }

 .banner-area3:after {
   background: rgba(0, 0, 0, 0.4);
 }

 .banner-area3 .content {
   position: relative;
   z-index: 999;
   padding-left: 90px;
 }

 @media only screen and (max-width: 480px) {
   .banner-area3 .content {
     padding-left: 40px;
   }
 }

 @media only screen and (max-width: 320px) {
   .banner-area3 .content {
     padding-left: 0;
   }
 }

 .banner-area3 .content:before {
   content: '';
   position: absolute;
   left: 125px;
   top: 0;
   right: -250px;
   bottom: 0;
   background: rgba(0, 0, 0, 0.6);
   z-index: 99;
 }

 .banner-area3 .content:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 125px;
   background: rgba(0, 0, 0, 0.6);
   -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
   clip-path: polygon(100% 0, 0 0, 100% 100%);
   z-index: 99;
 }

 @media only screen and (max-width: 480px) {
   .banner-area3 .content:after {
     clip-path: none;
   }
 }

 .banner-area3 .content .con {
   position: relative;
   z-index: 999;
   padding: 80px 0;
   padding-left: 75px;
 }

 @media only screen and (max-width: 480px) {
   .banner-area3 .content .con {
     padding-left: 40px;
   }
 }

 .banner-area3 .content h2 {
   font-size: 36px;
   font-weight: 400;
   color: #fff;
   font-family: 'Audiowide';
   position: relative;
 }

 @media only screen and (max-width: 1600px) {
   .banner-area3 .content h2 {
     font-size: 30px;
   }
 }

 .banner-area3 .content h2:after {
   content: '';
   position: absolute;
   left: -70px;
   top: 5px;
   width: 50px;
   height: 26px;
   background: #0198B5;
   -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
 }

 @media only screen and (max-width: 480px) {
   .banner-area3 .content h2:after {
     display: none;
   }
 }

 .banner-area3 .content p {
   margin: 0 0 30px;
 }

 .training-area {
   position: relative;
   background: url('../storage/bg-5.png');
   overflow: hidden;
   vertical-align: middle;
   display: block;
 }

 .training-area:after {
   background: rgb(0 16 25 / 85%);
 }

 p.buttons {
   display: flex;
 }

 .training-area .training-forms {
   position: relative;
   z-index: 999;
   padding: 40px 20px 40px 0px;
   /* background: url(../storage/banner4.png);
  background-position: center;
  background-size: cover; */


 }

 .training-area .training-forms:after {
   content: '';
   position: absolute;
   left: -375px;
   top: 0;
   bottom: 0;
   right: 0;
   background: url(images/banner/bg-7.png) no-repeat center;
   background-size: cover;
   background: #030B1A;
   clip-path: polygon(0 0, 83% 0, 100% 100%, 0% 100%);
 }

 .training-area .training-forms form {
   display: block;
   position: relative;
   z-index: 999;
   -webkit-clip-path: polygon(0 0, 75% 0, 97% 100%, 0 100%);
   clip-path: polygon(0 0, 75% 0, 97% 100%, 0 100%);
 }

 .training-area .training-forms form fieldset {
   width: 100%;
   display: block;
   margin: 0 0 20px;
 }

 .training-area .training-forms form fieldset input {
   width: 100%;
   display: block;
   line-height: 50px;
   height: 50px;
   padding: 0 20px;
   background: rgba(255, 255, 255, 0.1);
   border: none;
   color: #fff;
   position: relative;
 }

 .training-area .training-forms form fieldset input::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #fff;
   transition: all 0.3s;
 }

 .training-area .training-forms form fieldset input::-moz-placeholder {
   /* Firefox 19+ */
   color: #fff;
   transition: all 0.3s;
 }

 .training-area .training-forms form fieldset input:-ms-input-placeholder {
   /* IE 10+ */
   color: #fff;
   transition: all 0.3s;
 }

 .training-area .training-forms form fieldset input:-moz-placeholder {
   /* Firefox 18- */
   color: #fff;
   transition: all 0.3s;
 }

 .training-area .training-forms form fieldset input:focus::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   font-size: 13px;
   opacity: 0.8;
 }

 .training-area .training-forms form fieldset input:focus::-moz-placeholder {
   /* Firefox 19+ */
   font-size: 13px;
   opacity: 0.8;
 }

 .training-area .training-forms form fieldset input:focus:-ms-input-placeholder {
   /* IE 10+ */
   font-size: 13px;
   opacity: 0.8;
 }

 .training-area .training-forms form fieldset input:focus:-moz-placeholder {
   /* Firefox 18- */
   font-size: 13px;
   opacity: 0.8;
 }

 .training-area .training-forms form fieldset select {
   width: 100%;
   display: block;
   line-height: 50px;
   height: 50px;
   padding: 0 20px;
   background: rgba(255, 255, 255, 0.1);
   border: none;
   color: #fff;
   position: relative;
   cursor: pointer;
 }

 .training-area .training-forms form fieldset select:focus {
   outline: none;
   background: #333;
 }

 .training-area .training-forms form fieldset textarea {
   width: 100%;
   display: block;
   height: 90px;
   padding: 10px 20px;
   background: rgba(255, 255, 255, 0.1);
   border: none;
   color: #fff;
   position: relative;
 }

 .training-area .training-forms form fieldset textarea::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #fff;
   transition: all 0.3s;
 }

 .training-area .training-forms form fieldset textarea::-moz-placeholder {
   /* Firefox 19+ */
   color: #fff;
   transition: all 0.3s;
 }

 .training-area .training-forms form fieldset textarea:-ms-input-placeholder {
   /* IE 10+ */
   color: #fff;
   transition: all 0.3s;
 }

 .training-area .training-forms form fieldset textarea:-moz-placeholder {
   /* Firefox 18- */
   color: #fff;
   transition: all 0.3s;
 }

 .training-area .training-forms form fieldset textarea:focus::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   font-size: 13px;
   opacity: 0.8;
 }

 .training-area .training-forms form fieldset textarea:focus::-moz-placeholder {
   /* Firefox 19+ */
   font-size: 13px;
   opacity: 0.8;
 }

 .training-area .training-forms form fieldset textarea:focus:-ms-input-placeholder {
   /* IE 10+ */
   font-size: 13px;
   opacity: 0.8;
 }

 .training-area .training-forms form fieldset textarea:focus:-moz-placeholder {
   /* Firefox 18- */
   font-size: 13px;
   opacity: 0.8;
 }

 .training-area .training-forms form fieldset.arrows input {
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 2.5% 100%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 2.5% 100%);
 }

 @media only screen and (max-width: 768px) {
   .training-area .training-forms form fieldset.arrows input {
     clip-path: none;
   }
 }

 .training-area .training-forms form fieldset.arrows select {
   padding-right: 30px;
   -webkit-clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%);
   clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%);
 }

 @media only screen and (max-width: 768px) {
   .training-area .training-forms form fieldset.arrows select {
     clip-path: none;
   }
 }

 @media only screen and (max-width: 768px) {
   .training-area .training-forms form fieldset.arrows .col-md-7 {
     padding-left: 0;
   }
 }

 @media only screen and (max-width: 768px) {
   .training-area .training-forms form fieldset.arrows .col-md-7 input {
     margin-left: 10px;
   }
 }

 .training-area .training-forms form button {
   margin-top: 20px;
 }

 .training-area .training-forms form button:hover {
   background: #fff;
   color: #111;
 }

 .training-area .training-con {
   position: relative;
   display: block;
   z-index: 999;
 }

 .training-area .training-con h2 {
   font-weight: 400;
   font-size: 30px;
   line-height: 40px;
   font-family: 'Audiowide';
   color: #FFFFFF;
   position: relative;
   display: block;
   padding-left: 70px;
 }

 .training-area .training-con h1 {
   font-family: Audiowide;
   font-weight: 400;
   font-size: 40px;
   line-height: 50px;
   color: #0198B5;
 }

 .training-area .training-con p {
   font-weight: 400;
   font-size: 20px;
   line-height: 26px;
   color: #FFFFFFB2;
 }

 @media only screen and (max-width: 320px) {
   .training-area .training-con h2 {
     font-size: 28px;
     padding-left: 0;
   }
 }

 .training-area .training-con h2:after {
   content: '';
   position: absolute;
   left: 0;
   top: 5px;
   bottom: 0;
   width: 50px;
   height: 30px;
   background: #0198B5;
   -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
 }

 @media only screen and (max-width: 320px) {
   .training-area .training-con h2:after {
     display: none;
   }
 }

 .training-area .training-con h1 {
   font-family: 'Audiowide';
   color: #0198B5;
   font-size: 40px;
   font-weight: 400;
 }

 @media only screen and (max-width: 320px) {
   .training-area .training-con h1 {
     font-size: 30px;
   }
 }

 .training-area .training-con ul li {
   display: block;
   color: #fff;
   font-size: 18px;
   padding: 8px 0;
 }

 @media only screen and (max-width: 320px) {
   .training-area .training-con ul li {
     font-size: 16px;
   }
 }

 .training-area .training-con ul li i {
   padding-right: 10px;
   color: #0198B5;
 }

 .subscribe-area .subscribe {
   display: block;
   position: relative;
   background: #0198B5;
   padding: 55px 0;
   -webkit-clip-path: polygon(4% 0, 100% 0, 95% 100%, 0% 100%);
   clip-path: polygon(4% 0, 100% 0, 95% 100%, 0% 100%);
   margin-left: -30px;
   margin-right: -30px;
   margin-bottom: -75px;
   z-index: 999;
   display: flex;
   justify-content: center;
 }

 @media only screen and (max-width: 992px) {
   .subscribe-area .subscribe {
     clip-path: none;
     margin: 0 0 -75px !important;
   }
 }

 .subscribe-area .subscribe .ico {
   color: #ffffff;
   font-size: 50px;
   display: inline-block;
   line-height: 40px;
   padding-left: 0px;
 }

 @media only screen and (max-width: 992px) {
   .subscribe-area .subscribe .ico {
     display: none;
   }
 }

 .subscribe-area .subscribe .conts {
   display: inline-block;
   padding: 0 60px 0 20px;
 }

 @media only screen and (max-width: 992px) {
   .subscribe-area .subscribe .conts {
     padding: 0;
     display: block;
     text-align: center;
   }
 }

 .subscribe-area .subscribe .conts h2 {
   color: #fff;
   font-size: 24px;
   font-family: 'Audiowide';
   font-weight: 400;
   margin: 0;
   display: block;
   line-height: 20px;
   margin-bottom: 10px;
 }

 .subscribe-area .subscribe .conts p {
   margin: 0;
   color: #fff;
   opacity: 0.5;
   line-height: 20px;
 }

 .subscribe-area .subscribe form {
   display: inline-block;
 }

 @media only screen and (max-width: 992px) {
   .subscribe-area .subscribe form {
     display: block;
     text-align: center;
     margin-top: 15px;
   }
 }

 .subscribe-area .subscribe form input {
   display: inline-block;
   width: 415px;
   line-height: 50px;
   height: 50px;
   background: rgba(255, 255, 255, 0.1);
   border: none;
   padding: 0 20px;
   -webkit-clip-path: polygon(0 0, 100% 0, 94.5% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 94.5% 100%, 0% 100%);
   color: #fff;
   margin-bottom: 10px;
 }

 @media only screen and (max-width: 480px) {
   .subscribe-area .subscribe form input {
     clip-path: none;
     margin: 0 0 15px;
     width: 100%;
   }
 }

 .subscribe-area .subscribe form input::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: rgba(255, 255, 255, 0.5);
 }

 .subscribe-area .subscribe form input::-moz-placeholder {
   /* Firefox 19+ */
   color: rgba(255, 255, 255, 0.5);
 }

 .subscribe-area .subscribe form input:-ms-input-placeholder {
   /* IE 10+ */
   color: rgba(255, 255, 255, 0.5);
 }

 .subscribe-area .subscribe form input:-moz-placeholder {
   /* Firefox 18- */
   color: rgba(255, 255, 255, 0.5);
 }

 .subscribe-area .subscribe form button {
   background: #fff;
   color: #111;
 }

 .subscribe-area .subscribe form button:hover {
   background: #ffffff;
   color: #0198B5;
 }

 .google-map-index {
   position: relative;
   display: block;
 }

 .google-map-index .map-conts {
   display: block;
   position: absolute;
   background: #0198B5;
   padding: 40px 20px 40px 80px;
   -webkit-clip-path: polygon(24% 0, 100% 0%, 100% 100%, 0% 100%);
   clip-path: polygon(24% 0, 100% 0%, 100% 100%, 0% 100%);
   z-index: 999;
   top: 50%;
   right: 0;
   text-align: right;
   transform: translateY(-50%);
 }

 ul.foo-social {
   margin-bottom: 20px;
 }

 @media only screen and (max-width: 992px) {
   .google-map-index .map-conts {
     position: relative;
     display: block;
     width: 100%;
     clip-path: none;
     text-align: center;
     padding: 40px;
   }
 }

 @media only screen and (max-width: 320px) {
   .google-map-index .map-conts {
     padding: 40px 20px;
   }
 }

 .google-map-index .map-conts h1 {
   color: #fff;
   font-family: 'Audiowide';
   font-weight: 400;
   margin: 0;
 }

 .google-map-index .map-conts ul li {
   display: block;
   padding: 10px 0;
 }

 .google-map-index .map-conts ul li span,
 .google-map-index .map-conts ul li span a {
   color: #fff;
   font-size: 18px;
 }

 .google-map-index .map-conts ul li span a:hover {
   text-decoration: underline;
 }


 /*....................................
7. Services area start here
....................................*/
 /*....................................
8. Team area start here
....................................*/
 /*....................................
9. Price list area start here
....................................*/
 .price-area .price-lists {
   display: block;
   border: 1px solid #eee;
   background: #fff;
   text-align: center;
   padding: 50px 0;
   position: relative;
   -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
   clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
   border-top: none;
   border-bottom: none;
   transition: all 0.3s;
 }

 @media only screen and (max-width: 768px) {
   .price-area .price-lists {
     clip-path: none;
     border: 1px solid #eee;
     overflow: hidden;
     vertical-align: middle;
     padding-bottom: 0px;
   }

   .subscribe-area .subscribe form button {
     margin-top: 20px;
   }
 }

 .price-area .price-lists:after {
   content: '';
   position: absolute;
   left: -5px;
   right: -5px;
   top: 35px;
   height: 1px;
   background: #eee;
   transform: rotate(-10.4deg);
 }

 @media only screen and (max-width: 992px) {
   .price-area .price-lists:after {
     transform: rotate(-16.4deg);
   }
 }

 @media only screen and (max-width: 768px) {
   .price-area .price-lists:after {
     display: none;
   }
 }

 .price-area .price-lists:before {
   content: '';
   position: absolute;
   left: -5px;
   right: -5px;
   bottom: 35px;
   height: 1px;
   background: #eee;
   transform: rotate(-10.4deg);
 }

 @media only screen and (max-width: 992px) {
   .price-area .price-lists:before {
     transform: rotate(-16.4deg);
   }
 }

 @media only screen and (max-width: 768px) {
   .price-area .price-lists:before {
     display: none;
   }
 }

 .price-area .price-lists .phead {
   position: relative;
   display: block;
   border-bottom: 1px solid #eee;
   height: 200px;
 }

 .price-area .price-lists .phead .rate {
   position: absolute;
   left: -81%;
   background: #0198B5;
   right: 0;
   top: 24px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   transform: rotate(-45deg);
 }

 .price-area .price-lists .phead .rate li {
   display: inline-block;
   color: #fff;
   font-size: 14px;
   padding: 0;
 }

 .price-area .price-lists .phead h3 {
   display: block;
   font-family: 'Audiowide';
   font-weight: 400;
   color: #111;
   margin: 0;
   padding-top: 70px;
 }

 .price-area .price-lists .phead .prices {
   position: absolute;
   left: 0;
   right: 0;
   width: 130px;
   height: 130px;
   border-radius: 100%;
   border: 2px solid #0198B5;
   margin: 0 auto;
   bottom: -64px;
   background: #fff;
   z-index: 999;
   transition: all 0.3s;
 }

 .price-area .price-lists .phead .prices strong {
   display: inline-block;
   position: relative;
   font-family: 'Audiowide';
   font-size: 36px;
   font-weight: 400;
   color: #111;
   padding-left: 10px;
   margin-top: 35px;
   transition: all 0.3s;
 }

 .price-area .price-lists .phead .prices strong i {
   font-size: 16px;
   position: absolute;
   left: 0;
   top: 0;
 }

 .price-area .price-lists .phead .prices span {
   display: block;
   font-size: 12px;
   color: #0198B5;
   line-height: 20px;
   transition: all 0.3s;
 }

 .price-area .price-lists .pbody {
   display: block;
   position: relative;
   padding: 95px 0 50px;
 }

 .price-area .price-lists .pbody ul {
   display: block;
   margin: 0 0 20px;
 }

 .price-area .price-lists .pbody ul li {
   display: block;
   padding: 10px 0;
 }

 .price-area .price-lists.middel {
   -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
   clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
 }

 @media only screen and (max-width: 768px) {
   .price-area .price-lists.middel {
     clip-path: none;
   }
 }

 @media only screen and (max-width: 768px) {
   .price-area .price-lists.middel {
     clip-path: none;
     border: 1px solid #eee;
   }
 }

 .price-area .price-lists.middel:after {
   content: '';
   position: absolute;
   left: -5px;
   right: -5px;
   top: 35px;
   height: 1px;
   background: #eee;
   transform: rotate(10.4deg);
 }

 @media only screen and (max-width: 992px) {
   .price-area .price-lists.middel:after {
     transform: rotate(16.4deg);
   }
 }

 @media only screen and (max-width: 768px) {
   .price-area .price-lists.middel:after {
     display: none;
   }
 }

 .price-area .price-lists.middel:before {
   content: '';
   position: absolute;
   left: -5px;
   right: -5px;
   bottom: 35px;
   height: 1px;
   background: #eee;
   transform: rotate(10.4deg);
 }

 @media only screen and (max-width: 992px) {
   .price-area .price-lists.middel:before {
     transform: rotate(16.4deg);
   }
 }

 @media only screen and (max-width: 768px) {
   .price-area .price-lists.middel:before {
     display: none;
   }
 }

 .price-area .price-lists.middel .phead .rate {
   position: absolute;
   left: -76%;
   background: #0198B5;
   right: 0;
   top: 0;
   height: 36px;
   line-height: 36px;
   text-align: center;
   transform: rotate(-45deg);
 }

 .price-area .price-lists.middel .phead .rate li {
   display: inline-block;
   color: #fff;
   font-size: 14px;
   padding: 0;
 }

 .price-area .price-lists:hover {
   background: #fbfbfb;
 }

 .price-area .price-lists:hover .phead .prices {
   background: #0198B5;
 }

 .price-area .price-lists:hover .phead .prices strong {
   color: #fff;
 }

 .price-area .price-lists:hover .phead .prices span {
   color: #fff;
 }

 /*....................................
10. Pagination area start here
....................................*/
 .paginations {
   display: block;
   position: relative;
   margin-top: 30px;
   text-align: center;
 }

 .paginations ul {
   margin-left: -4px;
 }

 .paginations ul li {
   display: inline-block;
   padding: 0 4px;
 }

 .paginations ul li a {
   font-size: 16px;
   color: #a5a5a5;
   background: #fff;
   height: 45px;
   line-height: 43px;
   width: 45px;
   border: 1px solid #f3f3f3;
   display: block;
   text-align: center;
 }

 .paginations ul li a:hover {
   color: #fff;
   background: #0198B5;
   border: 1px solid #0198B5;
 }

 .paginations ul li a.active {
   color: #fff;
   background: #0198B5;
   border: 1px solid #0198B5;
 }

 .paginations ul li a span {
   color: #0198B5;
 }

 .paginations ul li:first-child {
   padding-right: 5px;
 }

 .paginations ul li:first-child a {
   width: auto;
   padding: 0 15px;
   font-size: 13px;
   text-transform: capitalize;
 }

 .paginations ul li:first-child a:hover span {
   color: #fff;
 }

 .paginations ul li:last-child {
   padding-left: 5px;
 }

 .paginations ul li:last-child a {
   width: auto;
   padding: 0 15px;
   font-size: 13px;
   text-transform: capitalize;
 }

 .paginations ul li:last-child a:hover span {
   color: #fff;
 }

 .paginations2 {
   display: block;
   padding-top: 20px;
   width: 100%;
 }

 .paginations2 .media {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   row-gap: 20px;
 }

 .paginations2 .media .list-inline {
   display: flex;
   column-gap: 10px;
 }

 .list-inline {
   display: flex;
   column-gap: 10px;
 }

 .paginations2 ul li a {
   display: block;
   width: 36px;
   height: 36px;
   border: 1px solid #eeeeee;
   text-align: center;
   color: #666666;
   padding: 4px 0;
 }

 .paginations2 ul li a.active {
   background: #0198B5;
   border: 1px solid #0198B5;
   color: #fff;
 }

 .paginations2 ul li a:hover {
   background: #2b2b2b;
   border: 1px solid #2b2b2b;
   color: #fff;
 }

 .paginations2 ul li a i {
   font-size: 20px;
 }

 .paginations2 p {
   color: #111;
   letter-spacing: 1.5px;
   font-weight: 500;
   margin: 0;
 }

 /*....................................
11. Sidebar area start here
....................................*/
 @media only screen and (max-width: 991px) {
   .sibebar {
     margin: 60px 0 0;
   }

   .sibebar .wighet {
     margin-bottom: 20px;
   }
 }

 @media only screen and (max-width: 768px) {
   .sibebar {
     margin: 0 0 60px;
     margin-top: 60px;
   }
 }

 .sibebar .wighet {
   display: block;
   position: relative;
   margin: 0 0 60px;
 }

 .sibebar .wighet:last-child {
   margin: 0;
 }

 .sibebar .wighet h3 {
   font-family: 'Audiowide';
   font-weight: 700;
   text-transform: uppercase;
   color: #071127;
   font-size: 20px;
   position: relative;
   padding: 0 0 20px;
 }

 .sibebar .wighet h3:after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   height: 6px;
   width: 60px;
   background: #e7e7e7;
   border-radius: 10px;
 }

 .sibebar .wighet h3 span {
   color: #0198B5;
 }

 .sibebar .search {
   display: block;
   position: relative;
 }

 .sibebar .search form {
   width: 100%;
   display: block;
   position: relative;
 }

 .sibebar .search form input {
   width: 100%;
   height: 45px;
   line-height: 45px;
   border: none;
   border-bottom: 1px solid #ececec;
   transition: all 0.3s;
 }

 .sibebar .search form input:focus {
   border-bottom: 1px solid #0198B5;
 }

 .sibebar .search form button {
   position: absolute;
   top: 0;
   right: 15px;
   line-height: 45px;
   height: 45px;
   color: #0198B5;
   background: transparent;
 }

 .sibebar .categories ul li {
   display: block;
   padding: 6px 0;
 }

 .sibebar .categories ul li:first-child {
   padding-top: 0;
 }

 .sibebar .categories ul li:last-child {
   padding-bottom: 0;
 }

 .sibebar .categories ul li a {
   color: #071127;
   display: block;
 }

 .sibebar .categories ul li a i {
   color: #0198B5;
   padding-right: 8px;
 }

 .sibebar .categories ul li a span {
   float: right;
   font-weight: 600;
   color: #071127;
 }

 .sibebar .categories ul li a:hover {
   color: #0198B5;
 }

 .sibebar .post .post-list {
   margin: 0 0 26px;
 }

 .sibebar .post .post-list:last-child {
   margin: 0;
 }

 .sibebar .post .post-list .thimb {
   display: inline-block;
   float: left;
   margin-right: 20px;
   width: 90px;
 }

 .sibebar .post .post-list .thimb a {
   position: relative;
   display: block;
 }

 .sibebar .post .post-list .thimb a:after {
   content: '';
   position: absolute;
   left: 50%;
   right: 50%;
   top: 50%;
   bottom: 50%;
   background: #0198B5;
   opacity: 0.9;
   z-index: 99;
   border-radius: 0px;
   transition: all 0.3s;
 }

 .sibebar .post .post-list .thimb a:before {
   content: '\f002';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   color: #fff;
   font-size: 14px;
   z-index: 999;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   text-align: center;
   line-height: 60px;
   transition: all 0.3s;
   opacity: 0;
 }

 .sibebar .post .post-list .thimb a img {
   width: 100%;
 }

 .sibebar .post .post-list .thimb a:hover:after {
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }

 .sibebar .post .post-list .thimb a:hover:before {
   opacity: 1;
 }

 .sibebar .post .post-list .con {
   display: table;
 }

 .sibebar .post .post-list .con span {
   font-size: 14px;
   display: block;
   margin: 0;
   color: #0198B5;
 }

 .sibebar .post .post-list .con a {
   color: #111;
   font-family: "Poppins", sans-serif;
 }

 .sibebar .post .post-list .con a:hover {
   color: #0198B5;
 }

 .sibebar .post .post-list .con a h6 {
   font-size: 18px;
   margin: 5px 0 5px;
   font-weight: 400;
   font-family: 'Audiowide';
 }

 .sibebar .tags ul li {
   padding: 5px 3px;
 }

 .sibebar .tags ul li a {
   display: block;
   border: 1px solid #f5f5f5;
   color: #707070;
   font-size: 14px;
   padding: 0 10px;
   border-radius: 5px;
   text-transform: capitalize;
 }

 .sibebar .tags ul li a:hover {
   background: #0198B5;
   color: #fff;
   border: 1px solid #0198B5;
 }

 .sibebar .price-range {
   display: block;
   padding: 0;
   margin-top: 0 15px;
   padding-bottom: 25px;
 }

 .sibebar .price-range .range strong {
   display: block;
   color: #575560;
   margin: 0 0 20px;
 }

 .sibebar .price-range .range .range-box {
   margin: 0 0 20px;
 }

 .sibebar .price-range .range span {
   padding-right: 5px;
   color: #797979;
   display: inline-block;
   text-transform: capitalize;
   margin: 0 0 25px;
 }

 .sibebar .price-range .range .price-box {
   padding: 4px 0;
   display: inline-block;
   border: none;
   width: 100px;
   color: #111;
 }

 .sibebar .price-range .ui-widget-content .ui-state-default {
   background: #111;
   border-radius: 100%;
   cursor: pointer;
 }

 .sibebar .price-range .ui-widget-content .ui-state-default:focus {
   outline: none;
 }

 .sibebar .price-range .ui-widget-content .ui-state-default:last-child {
   background: #111;
   border: 2px solid #111;
 }

 .sibebar .price-range .ui-widget-header {
   background: #0198B5;
   height: 5px;
   cursor: pointer;
 }

 .sibebar .price-range .ui-widget-content {
   background: #f4f4f4;
   height: 5px;
   cursor: pointer;
 }

 .sibebar .price-range .ui-widget-content {
   border: none;
 }

 .sibebar .price-range .ui-slider-handle {
   width: 15px;
   height: 15px;
   top: -5px;
 }

 /*....................................
12. Products area start here
....................................*/
 .products-area .pro-ctg {
   margin: 0 0 80px;
 }

 @media only screen and (max-width: 768px) {
   .products-area .pro-ctg {
     margin: 0 0 50px;
   }
 }

 .products-area .catagories-lists {
   display: block;
   position: relative;
   width: 100%;
   height: 230px;
   border: 2px solid #C7C8CC;
   text-align: center;
   -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
   clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
   border-top: none;
   border-bottom: none;
   background: #fff;
   transition: all 0.3s;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .products-area .catagories-lists:last-child {
   border-right: unset;
 }

 @media only screen and (max-width: 768px) {
   .products-area .catagories-lists {
     clip-path: none;
     border: 1px solid #C7C8CC;
   }
 }

 .products-area .catagories-lists:after {
   content: '';
   position: absolute;
   left: -8px;
   right: -8px;
   top: 12px;
   height: 2px;
   background: #C7C8CC;
   transform: rotate(-3.6deg);
   transition: all 0.3s;
 }

 @media only screen and (max-width: 992px) {
   .products-area .catagories-lists:after {
     transform: rotate(-3.6deg);
   }
 }

 @media only screen and (max-width: 768px) {
   .products-area .catagories-lists:after {
     display: none;
   }
 }

 .products-area .catagories-lists:before {
   content: '';
   position: absolute;
   left: -8px;
   right: -8px;
   bottom: 12px;
   height: 2px;
   background: #C7C8CC;
   transform: rotate(-4.6deg);
   transition: all 0.3s;
 }

 @media only screen and (max-width: 992px) {
   .products-area .catagories-lists:before {
     transform: rotate(-3.6deg);
   }

   .paginations ul li a {
     margin-top: 10px;
   }
 }

 @media only screen and (max-width: 768px) {
   .products-area .catagories-lists:before {
     display: none;
   }
 }

 .products-area .catagories-lists.nd {
   -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
   clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
 }

 .products-area .catagories-lists.lastCatChild {
   border: 2px solid #C7C8CC;
 }

 @media only screen and (max-width: 768px) {
   .products-area .catagories-lists.nd {
     clip-path: none;
     border: 1px solid #C7C8CC;
   }
 }

 .products-area .catagories-lists.nd:after {
   transform: rotate(4.3deg);
 }

 @media only screen and (max-width: 992px) {
   .products-area .catagories-lists.nd:after {
     transform: rotate(3.6deg);
   }
 }

 @media only screen and (max-width: 768px) {
   .products-area .catagories-lists.nd:after {
     display: none;
   }
 }

 .products-area .catagories-lists.nd:before {
   transform: rotate(4.6deg);
 }

 @media only screen and (max-width: 992px) {
   .products-area .catagories-lists.nd:before {
     transform: rotate(3.6deg);
   }
 }

 @media only screen and (max-width: 768px) {
   .products-area .catagories-lists.nd:before {
     display: none;
   }

   .paginations ul li {
     margin-bottom: 10px;
   }
 }

 .products-area .catagories-lists .contents {
   display: block;
   padding: 46px 0;
 }

 .products-area .catagories-lists .contents figure {
   display: block;
   margin: 0 0 15px;
 }

 .products-area .catagories-lists .contents figure img {
   display: inline-block;
 }

 .products-area .catagories-lists .contents:hover figure svg path {
   fill: #ffffff;
 }

 .products-area .catagories-lists .contents h3 {
   margin: 0;
   font-size: 20px;
   font-family: 'Audiowide';
   font-weight: 400;
   color: #111;
   transition: all 0.3s;
   width: 80%;
   margin: 0 auto;
 }

 .products-area .catagories-lists:hover {
   background: #0198B5;
   border: 1px solid #0198B5;
 }

 .products-area .catagories-lists:hover:after {
   background: #0198B5;
 }

 .products-area .catagories-lists:hover:before {
   background: #0198B5;
 }

 .products-area .catagories-lists:hover .contents h3 {
   color: #fff;
 }

 .products-area .pro-sliders .products {
   text-align: center;
   display: block;
   position: relative;
 }

 .products-area .pro-sliders .products figure {
   display: block;
   position: relative;
   overflow: hidden;
   vertical-align: middle;
 }

 .products-area .pro-sliders .products figure img {
   width: 100%;
   transition: all 0.3s;
   width: 200px;
   height: 200px;
   object-fit: contain;
 }

 .products-area .pro-sliders .products {
   border: 1px solid #C7C8CC;
   border-left: 0;
 }

 .products-area .pro-sliders .products:last-child {
   border-left: 1px solid #C7C8CC;
 }

 .products-area .pro-sliders .products .contents {
   display: block;
   position: relative;
   border-top: 1px solid #C7C8CC;
   padding: 40px 0;
   transition: all 0.3s;
 }

 .products-area .pro-sliders .products .contents h3 {
   font-size: 22px;
   font-weight: 400;
   font-family: 'Audiowide';
   color: #111;
   margin: 0 0 10px;
 }

 .products-area .pro-sliders .products .contents span {
   font-family: 'Audiowide';
   color: #0198B5;
   display: block;
   font-size: 18px;
   margin: 0 0 20px;
 }

 .products-area .pro-sliders .products:hover figure img {
   transform: scale(1.1) rotate(5deg);
 }

 .products-area .pro-sliders .products:hover {
   border: 1px solid #0198B5;
 }

 .products-area .pro-sliders .products:hover .contents {
   border-top: 1px solid #0198B5;
 }

 .shop-page .filter-area {
   display: block;
   position: relative;
   margin: 0 0px 40px;
 }

 .shop-page .filter-area select {
   display: inline-block;
   width: 230px;
   height: 50px;
   line-height: 50px;
   border: 1px solid #e5e5e5;
   padding: 0 15px;
   color: #797979;
   font-size: 14px;
   text-transform: capitalize;
   margin-right: 15px;
 }

 .shop-page .filter-area .list-grid {
   display: inline-block;
 }

 @media only screen and (max-width: 320px) {
   .shop-page .filter-area .list-grid {
     margin-top: 10px;
   }
 }

 .shop-page .filter-area .list-grid ul li {
   padding: 0;
 }

 .shop-page .filter-area .list-grid ul li a {
   display: block;
   color: #333;
   font-size: 18px;
   height: 50px;
   line-height: 48px;
   width: 50px;
   text-align: center;
   border: 1px solid #e5e5e5;
 }

 .shop-page .filter-area .list-grid ul li a:active,
 .shop-page .filter-area .list-grid ul li a:focus {
   background: #0198B5;
   color: #fff;
   border: 1px solid #0198B5;
 }

 .shop-page .filter-area .showpro {
   float: right;
   margin-top: 8px;
 }

 @media only screen and (max-width: 480px) {
   .shop-page .filter-area .showpro {
     text-align: left;
     margin-top: 10px;
     float: inherit;
   }
 }

 .shop-page .filter-area .showpro p {
   margin: 0;
   color: #797979;
 }

 .shop-page .filter-area .showpro p span {
   color: #0198B5;
 }

 .shop-page .products {
   text-align: center;
   display: block;
   position: relative;
 }

 .shop-page .products figure {
   display: block;
   position: relative;
   overflow: hidden;
   vertical-align: middle;
 }

 .shop-page .products figure img {
   width: 100%;
   transition: all 0.3s;
 }

 .shop-page .products .contents {
   display: block;
   position: relative;
   border-top: none;
   padding: 40px 0;
   transition: all 0.3s;
 }

 .shop-page .products .contents h3 {
   font-size: 22px;
   font-weight: 400;
   font-family: 'Audiowide';
   color: #111;
   margin: 0 0 10px;
 }

 .products-area .pro-sliders .products .contents h3 a {
   color: #030B1A;
 }

 .shop-page .products .contents p {
   display: none;
 }

 .shop-page .products .contents span {
   font-family: 'Audiowide';
   color: #0198B5;
   display: block;
   font-size: 18px;
   margin: 0 0 20px;
 }

 .shop-page .products:hover figure img {
   transform: scale(1.1) rotate(5deg);
 }

 .shop-page .products:hover .contents {
   border-top: none;
 }

 .shop-page .products.list-item {
   width: 100%;
   display: block;
   overflow: hidden;
   vertical-align: middle;
   text-align: left;
 }

 .shop-page .products.list-item figure {
   width: 30%;
   display: inline-block;
   float: left;
 }

 .shop-page .products.list-item .contents {
   display: inline-block;
   width: 70%;
   padding: 21px 30px 0;
   float: left;
   border-bottom: none;
   border-left: none;
 }

 .shop-page .products.list-item .contents p {
   display: block;
 }

 .shop-page .products.list-item .contents span {
   display: block;
 }

 .product-details .products-photo {
   margin-right: 30px;
 }

 @media only screen and (max-width: 992px) {
   .product-details .products-photo {
     margin: 0 0 40px;
   }
 }

 .product-details .products-photo .tab-content {
   display: block;
   margin: 0 0 20px;
 }

 .product-details .products-photo .tab-content .tab-pane img {
   width: 100%;
 }

 .product-details .products-photo .nav-tabs {
   border: none;
 }

 .product-details .products-photo .nav-tabs li {
   display: inline-block;
   width: 25%;
   padding: 0 10px;
 }

 .product-details .products-photo .nav-tabs li a {
   display: block;
   border: none;
   padding: 0;
   border-radius: 0;
 }

 .product-details .products-photo .nav-tabs li a img {
   width: 100%;
 }

 .product-details .single-product-content h2 {
   font-size: 36px;
   font-family: 'Audiowide';
   font-weight: 400;
   color: #111;
   position: relative;
   display: block;
   padding-left: 70px;
 }

 .product-details .single-product-content h2:after {
   content: '';
   position: absolute;
   left: 0;
   top: 5px;
   bottom: 0;
   width: 50px;
   height: 30px;
   background: #0198B5;
   -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
 }

 .product-details .single-product-content .product-review {
   display: block;
   margin: 0 0 20px;
 }

 .product-details .single-product-content .product-review ul {
   display: inline-block;
   padding-right: 10px;
 }

 .product-details .single-product-content .product-review ul li {
   color: #0198B5;
   display: inline-block;
 }

 .product-details .single-product-content .product-review ul li:last-child {
   color: #d4d4d4;
 }

 .product-details .single-product-content .product-review span {
   display: inline-block;
   color: #797979;
   padding-right: 10px;
 }

 .product-details .single-product-content .product-review a {
   color: #0198B5;
 }

 .product-details .single-product-content .con p {
   margin: 0 0 40px;
 }

 .product-details .single-product-content .con ul {
   display: block;
   margin: 0 0 40px;
 }

 .product-details .single-product-content .con ul li i {
   color: #0198B5;
   padding-right: 15px;
 }

 .product-details .single-product-content .select-pro {
   overflow: hidden;
   vertical-align: middle;
   zoom: 1;
 }

 .product-details .single-product-content .select-pro .input-group {
   width: 160px;
   border-radius: 0;
   line-height: 43px;
   border: 1px solid #e5e5e5;
   float: left;
 }

 .product-details .single-product-content .select-pro .input-group .btn {
   padding: 0 12px;
   line-height: 45px;
   border-radius: 0;
   background: #f9f9f9;
   color: #333;
   border: none;
   font-size: 20px;
 }

 .product-details .single-product-content .select-pro .input-group .btn:focus {
   outline: none;
 }

 .product-details .single-product-content .select-pro .input-group input {
   line-height: 45px;
   height: 45px;
   border: none;
   text-align: center;
 }

 .product-details .single-product-content .select-pro select {
   width: 130px;
   line-height: 43px;
   height: 45px;
   border: 1px solid #e5e5e5;
   border-radius: 0;
   display: inline-block;
   padding: 0 15px;
   margin-left: 20px;
 }

 .product-details .single-product-content .price {
   display: block;
   margin: 30px 0;
 }

 .product-details .single-product-content .price strong {
   font-size: 26px;
   color: #0198B5;
 }

 .product-details .single-product-content .price del {
   color: #aaaaaa;
 }

 .product-details .single-product-content .price span {
   color: #24ce8c;
 }

 .product-details .single-product-content .buttons a {
   margin-left: 10px;
 }

 .product-details .single-product-content .buttons a.btn4 {
   border: 1px solid #e5e5e5;
 }

 .product-details .single-product-content .buttons a.btn4:hover {
   border: 1px solid #0198B5;
 }

 .product-details .single-product-content .buttons a.heart {
   width: 50px;
   height: 50px;
   line-height: 48px;
   text-align: center;
   color: #333;
   border: 1px solid #e5e5e5;
   display: inline-block;
   font-size: 18px;
 }

 .product-details .single-product-content .buttons a.heart:hover {
   background: #0198B5;
   border: 1px solid #0198B5;
   color: #fff;
 }

 .product-details .pro-details .nav-tabs {
   /* border-bottom: 5px solid #0198B5; */
   padding-bottom: 8px;
 }

 .product-details .pro-details .nav-tabs li a {
   font-weight: 700;
   color: #222222;
   border-radius: 0;
   border: none;
   padding: 10px 15px;
 }

 .product-details .pro-details .nav-tabs li.active a {
   background: #0198B5;
   color: #fff;
 }

 .product-details .pro-details .tab-content .tab-pane .con {
   display: block;
   padding: 30px;
   border: 1px solid #e5e5e5;
 }

 .product-details .pro-details .tab-content .tab-pane .con figure {
   display: inline-block;
   float: left;
   margin-right: 30px;
   margin-bottom: 30px;
 }

 .product-details .pro-details .tab-content .tab-pane .con p {
   display: table;
 }

 .product-details .pro-details .tab-content .tab-pane .con p:nth-child(4) {
   display: inline-block;
 }

 .product-details .pro-details .tab-content .tab-pane .con ul li {
   display: block;
 }

 .product-details .pro-details .tab-content .tab-pane .con ul li i {
   color: #0198B5;
   padding-right: 10px;
 }

 .product-details .pro-details .tab-content .tab-pane .Specification_wraaper {
   display: block;
   padding: 30px;
   border: 1px solid #e5e5e5;
 }

 .product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table {
   width: 100%;
   border-collapse: collapse;
   font-family: "Poppins", sans-serif;
   font-size: 15px;
   border: 1px solid #ddd;
 }

 .product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table th,
 .product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table td {
   padding: 12px 15px;
   text-align: left;
   border: 1px solid #eee;
 }

 .product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table th {
   width: 200px;
   font-weight: 600;
   color: #333;
   font-family: "Poppins", sans-serif;
 }

 .product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table td {
   color: #555;
 }

 /* Zebra striping */
 .product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table tr:nth-child(even) {
   background-color: #f9f9f9;
 }

 .product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table tr:nth-child(odd) {
   background-color: #fff;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper {
   display: block;
   padding: 30px;
   border: 1px solid #e5e5e5;
 }


 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-box {
   display: flex;
   align-items: flex-start;
   border: 1px solid #eee;
   border-radius: 6px;
   padding: 15px;
   margin-bottom: 30px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-box img {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   margin-right: 15px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-content {
   flex: 1;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-stars {
   color: #0198B5;
   font-size: 14px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-author {
   font-weight: bold;
   text-transform: uppercase;
   margin-top: 5px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-date {
   color: #777;
   font-size: 13px;
   margin-left: 8px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-text {
   margin-top: 8px;
   color: #555;
 }

 /* Review Form */
 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-form h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 5px;
   font-family: 'Audiowide';
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-form p {
   font-size: 14px;
   color: #777;
   margin-bottom: 20px;
   font-family: "Poppins", sans-serif;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .form-group {
   margin-bottom: 18px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .form-group label {
   display: block;
   font-weight: 600;
   margin-bottom: 6px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .rating-stars {
   color: #0198B5;
   cursor: pointer;
   font-size: 18px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper textarea,
 input[type="text"],
 input[type="email"] {
   width: 100%;
   padding: 12px 15px;
   border-radius: 4px;
   border: 1px solid #ccc;
   font-size: 14px;
   outline: none;
   resize: none;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper textarea {
   min-height: 100px;
   resize: none;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .form-check {
   font-family: "Poppins", sans-serif;
   margin: 12px 0;
   font-size: 14px;
   color: #555;
   display: flex;
   align-items: baseline;
   gap: 10px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .btn1 {
   margin-top: 10px;
 }

 .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .btn1:hover {
   color: #0198B5;
 }


 @media (max-width:425px) {
   .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-form p {
     font-size: 12px;
   }

   .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .form-check {
     padding: 0px;
   }
 }

 /*....................................
13. Testimonial area start here
....................................*/
 /*....................................
14. Client area start here
....................................*/
 .partner-area {
   background: url('/storage/bg-1.jpg');
   background-repeat: no-repeat;
   background-size: cover;
 }

 .partner-area .partner-list ul {
   overflow: hidden;
   vertical-align: middle;
   padding: 0 0 30px;
 }

 .partner-area .partner-list ul li {
   display: inline-block;
   width: 20%;
   float: left;
   position: relative;
   margin: 0 0 -30px;
 }

 @media only screen and (max-width: 992px) {
   .partner-area .partner-list ul li {
     width: 25%;
   }
 }

 @media only screen and (max-width: 768px) {
   .partner-area .partner-list ul li {
     width: 33.3333%;
   }

   .news_botton_cont p {
     padding: 0 20px 0 0px;
   }
 }

 @media only screen and (max-width: 480px) {
   .partner-area .partner-list ul li {
     width: 50%;
   }

   .product-details .single-product-content .buttons a {
     margin-bottom: 10px;
   }
 }
 
 
 .footer-widget__newsletter {
    position: relative;
}




 @media (max-width: 767px) {
   .product-details .single-product-content .buttons a.heart {
     margin-top: 10px;
   }
   
   section.subscribe-area div#newsletter-email-error {
    position: relative;
}
   
    .subscribe-area .subscribe form input {
            width: 100% !important;
    }
    .subscribe-area .subscribe form{
        display:block !important;
    }

   .product-details .pro-details .tab-content .tab-pane .con p {
     width: 100%;
   }
 }

 @media only screen and (max-width: 320px) {
   .partner-area .partner-list ul li {
     width: 100%;
   }
 }

 .partner-area .partner-list ul li a {
   display: block;
 }

 .partner-area .partner-list ul li a img {
   width: 100%;
   display: block;
   transition: all 0.3s;
 }

 .partner-area .partner-list ul li a:hover img {
   opacity: 1;
 }

 /*....................................
15. Form area start here
....................................*/
 /*....................................
16. Social link area start here
....................................*/
 .foo-social li {
   display: inline-block;
 }

 .foo-social li a {
   display: block;
   width: 40px;
   height: 35px;
   line-height: 35px;
   color: #fff;
   font-size: 14px;
   text-align: center;
   -webkit-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
   clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
   background: rgba(255, 255, 255, 0.1);
 }

 .foo-social li a:hover {
   background: #0198B5;
 }

 .twitter-posts {
   display: block;
   position: relative;
   background: #0198B5;
 }

 .twitter-posts:after {
   content: '';
   position: absolute;
   width: 180px;
   height: 180px;
   background-image: url('../storage/icon1.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   left: 1%;
   top: 50%;
   transform: translateY(-50%) translateX(60px);
 }

 .twitt-sliders-inner {
   display: flex;
   align-items: center;
   gap: 20px;
 }

 .twitt-sliders-inner .instagram-icon {
   width: 200px;
 }

 .twitt-sliders {
   width: calc(100% - 200px);
   overflow: hidden;
 }

 .twitter-posts .contents {
   position: relative;
   display: block;
 }

 @media only screen and (max-width: 320px) {
   .twitter-posts .contents {
     text-align: center;
   }
 }

 .twitter-posts .contents p {
   color: #fff;
 }

 .twitter-posts .contents a {
   display: inline-block;
   color: #fff;
   padding-left: 10px;
 }

 .twitter-posts .contents a:hover {
   color: #5DADE2;
 }

 .twitter-posts .contents span {
   display: block;
   color: #fff;
   opacity: 0.5;
 }

 .ln-sliders .owl-controls .owl-buttons {
   display: none;
 }

 /*....................................
17. Blog area start here
....................................*/
 .blog-area .blog-slider .blog-lists {
   padding: 0 15px !important;
   margin: 0;
   position: relative;
   overflow: hidden;
   vertical-align: middle;
   width: 278px;
   height: 400px;
   background: #fff;
   display: block;
   transition: all 0.3s;
 }

 @media only screen and (max-width: 480px) {
   .blog-area .blog-slider .blog-lists {
     height: auto;
     display: none;
   }
 }

 .blog-area .blog-slider .blog-lists:focus {
   outline: none;
 }

 .blog-area .blog-slider .blog-lists figure {
   display: none;
   transition: all 0.3s;
 }

 .blog-area .blog-slider .blog-lists figure img {
   display: block;
   width: 100%;
 }

 .blog-area .blog-slider .blog-lists .contents {
   display: block;
   position: relative;
   border: 1px solid #eee;
   width: 100%;
   padding: 40px;
   transition: all 0.3s;
 }

 .blog-area .blog-slider .blog-lists .contents .fav {
   display: none;
 }

 .blog-area .blog-slider .blog-lists .contents .tags {
   display: block;
   margin: 0 0 22px;
   transition: all 0.3s;
 }

 .blog-area .blog-slider .blog-lists .contents .tags span {
   color: #0198B5;
 }

 .blog-area .blog-slider .blog-lists .contents h3 {
   font-size: 22px;
   color: #111;
   font-family: 'Audiowide';
   font-weight: 400;
   margin: 0 0 22px;
   transition: all 0.3s;
 }

 .blog-area .blog-slider .blog-lists .contents .date {
   font-size: 16px;
   color: #0198B5;
   border-bottom: 1px solid #eee;
   padding: 0 0 22px;
   display: block;
   transition: all 0.3s;
 }

 .blog-area .blog-slider .blog-lists .contents .date i {
   font-size: 18px;
   color: #0198B5;
   padding-right: 8px;
 }

 .blog-area .blog-slider .blog-lists .contents p {
   font-size: 14px;
   margin: 22px 0;
   transition: all 0.3s;
 }

 .blog-area .blog-slider .blog-lists.slick-current {
   width: 600px !important;
   height: 400px;
 }

 @media only screen and (max-width: 480px) {
   .blog-area .blog-slider .blog-lists.slick-current {
     width: 420px !important;
     height: auto;
     display: block;
   }

   .slider-area .item-content .item-slider .contents .buttons a:last-child {
     display: none;

   }

   .events-area .panel-group .panel .panel-heading a.btncnc .arrows {
     font-size: 33px;
   }

   .events-area .panel-group .panel .panel-heading a.btncnc .arrows:after {
     bottom: -7px;
     width: 50px;
   }
 }

 @media only screen and (max-width: 320px) {
   .blog-area .blog-slider .blog-lists.slick-current {
     width: 300px !important;
   }
 }

 .blog-area .blog-slider .blog-lists.slick-current figure {
   display: block;
   transition: all 0.3s;
 }

 .blog-area .blog-slider .blog-lists.slick-current figure img {
   display: block;
   width: 100%;
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents {
   display: block;
   position: absolute;
   border: none;
   width: 100%;
   padding: 40px;
   bottom: 0;
   left: 0;
   right: 0;
   transition: all 0.3s;
 }

 @media only screen and (max-width: 480px) {
   .blog-area .blog-slider .blog-lists.slick-current .contents {
     top: 50px;
   }

   .news_botton_cont p {
     padding: 0 20px 0 0px;
   }
 }

 @media only screen and (max-width: 320px) {
   .blog-area .blog-slider .blog-lists.slick-current .contents {
     top: 30px;
   }

   .news_botton_cont p {
     padding: 0 20px 0 0px;
   }
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents .fav {
   display: inline-block;
   position: absolute;
   top: -220px;
   right: 45px;
   height: 46px;
   line-height: 46px;
   width: 55px;
   border: 1px solid #0198B5;
   border-left: none;
   border-right: none;
   text-align: center;
   color: #fff;
   transition: all 0.3s;
   cursor: pointer;
   -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
   clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
 }

 @media only screen and (max-width: 480px) {
   .blog-area .blog-slider .blog-lists.slick-current .contents .fav {
     display: none;
   }
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents .fav:after {
   content: '';
   position: absolute;
   left: 3px;
   top: 0;
   bottom: 0;
   width: 1px;
   background: #0198B5;
   transform: rotate(6.8deg);
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents .fav:before {
   content: '';
   position: absolute;
   right: 3px;
   top: 0;
   bottom: 0;
   width: 1px;
   background: #0198B5;
   transform: rotate(6.8deg);
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents .fav:hover {
   background: #0198B5;
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents .tags {
   display: block;
   margin: 0 0 22px;
   transition: all 0.3s;
   position: absolute;
   top: -220px;
 }

 @media only screen and (max-width: 480px) {
   .blog-area .blog-slider .blog-lists.slick-current .contents .tags {
     display: none;
   }
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents .tags span {
   color: #0198B5;
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents h3 {
   font-size: 22px;
   color: #fff;
   font-family: 'Audiowide';
   font-weight: 400;
   margin: 0 0 22px;
   transition: all 0.3s;
 }

 @media only screen and (max-width: 320px) {
   .blog-area .blog-slider .blog-lists.slick-current .contents h3 {
     font-size: 20px;
   }
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents .date {
   font-size: 16px;
   color: #fff;
   border-bottom: none;
   padding: 0 0 22px;
   display: block;
   transition: all 0.3s;
   position: absolute;
   top: 0;
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents .date i {
   font-size: 18px;
   color: #0198B5;
   padding-right: 8px;
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents p {
   font-size: 14px;
   margin: 22px 0;
   transition: all 0.3s;
   display: none;
 }

 .blog-area .blog-slider .blog-lists.slick-current .contents a:hover {
   color: #fff;
 }

 @media only screen and (max-width: 992px) {
   .blog-pages .floatright {
     float: inherit;
   }
 }

 .blog-pages .blog-list {
   display: block;
   margin: 0 0 30px;
 }

 .blog-pages .blog-list figure {
   position: relative;
   display: block;
   margin: 0;
   overflow: hidden;
   vertical-align: middle;
 }

 .blog-pages .blog-list figure img {
   display: block;
   width: 100%;
   transition: all 0.5s;
 }

 .blog-pages .blog-list figure .date {
   position: absolute;
   top: 30px;
   right: 30px;
   background: #0198B5;
   width: 55px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   padding: 5px 0;
 }

 .blog-pages .blog-list figure .date strong {
   font-size: 22px;
   font-weight: 700;
   color: #fff;
   display: block;
   line-height: 26px;
 }

 .blog-pages .blog-list figure .date span {
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   display: block;
   text-transform: uppercase;
   line-height: 26px;
 }

 .blog-pages .blog-list .content {
   border: 1px solid #eee;
   border-top: none;
   display: block;
   padding: 30px;
   transition: all 0.3s;
   background: #fff;
 }

 .blog-pages .blog-list .content h3 {
   font-family: 'Audiowide';
   font-size: 22px;
   color: #212121;
   letter-spacing: 1px;
   margin: 0 0 20px;
 }

 .blog-pages .blog-list .content p {
   color: #797979;
   font-size: 16px;
   margin: 0 0 20px;
 }

 .blog-pages .blog-list:hover figure img {
   transform: rotate(5deg) scale(1.2);
 }

 .blog-pages .blog-list:hover .content {
   border: 1px solid #0198B5;
   border-top: none;
 }

 .blog-details .blog-details .blogs {
   display: block;
   margin: 0 0 70px;
   border: 1px solid #ececec;
 }

 @media only screen and (max-width: 768px) {
   .blog-details .blog-details .blogs {
     margin: 0 0 40px;
   }
 }

 .blog-details .blog-details .blogs figure {
   position: relative;
   display: block;
   overflow: hidden;
   vertical-align: middle;
 }

 .blog-details .blog-details .blogs figure img {
   display: block;
   width: 100%;
   transition: all 0.3s;
 }

 .blog-details .blog-details .blogs figure .date {
   position: absolute;
   top: 0;
   right: 20px;
   display: inline-block;
   background: #0198B5;
   width: 60px;
   text-align: center;
   padding-top: 10px;
   z-index: 999;
 }

 .blog-details .blog-details .blogs figure .date:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: -15px;
   height: 15px;
   border-top: 15px solid #0198B5;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
 }

 .blog-details .blog-details .blogs figure .date span {
   display: block;
   font-size: 14px;
   font-weight: 400;
   text-transform: uppercase;
   color: #fff;
 }

 .blog-details .blog-details .blogs figure .date strong {
   display: block;
   font-weight: 700;
   font-size: 30px;
   line-height: 20px;
   color: #fff;
 }

 .blog-details .blog-details .blogs .content-post .content {
   display: block;
   padding: 40px;

 }

 @media only screen and (max-width: 320px) {
   .blog-details .blog-details .blogs .content-post .content {
     padding: 20px;
   }
 }

 .blog-details .blog-details .blogs .content-post .content ul {
   display: block;
   margin: 0 0 10px;
 }

 .blog-details .blog-details .blogs .content-post .content ul li {
   display: inline-block;
   padding: 0 15px;
 }

 @media only screen and (max-width: 320px) {
   .blog-details .blog-details .blogs .content-post .content ul li {
     padding: 0 5px;
   }
 }

 .blog-details .blog-details .blogs .content-post .content ul li:first-child {
   padding-left: 0;
 }

 .blog-details .blog-details .blogs .content-post .content ul li:last-child {
   padding-right: 0;
 }

 .blog-details .blog-details .blogs .content-post .content ul li i {
   color: #0198B5;
   padding-right: 5px;
 }

 .blog-details .blog-details .blogs .content-post .content ul li span {
   color: #707070;
   text-transform: capitalize;
 }

 .blog-details .blog-details .blogs .content-post .content h4 {
   color: #111;
   font-size: 22px;
   font-family: 'Audiowide';
   font-weight: 500;
 }

 .blog-details .blog-details .blogs .content-post .testi {
   position: relative;
 }

 @media only screen and (max-width: 320px) {
   .blog-details .blog-details .blogs .content-post .testi .dbox .dleft {
     display: none;
   }
 }

 .blog-details .blog-details .blogs .content-post .testi:after {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   background: #0198B5;
   width: 6px;
 }

 .blog-details .blog-details .blogs .content-post .testi .con {
   height: 158px;
   vertical-align: middle;
   display: table-cell;
   padding: 0 20px;
 }

 .blog-details .blog-details .blogs .content-post .testi .con p {
   margin: 0 0 10px;
   font-style: italic;
   color: #111;
   position: relative;
 }

 .blog-details .blog-details .blogs .content-post .testi .con p:after {
   content: '\f10d';
   position: absolute;
   left: -25px;
   top: -5px;
   font-style: 18px;
   color: #0198B5;
   font-family: FontAwesome;
 }

 .blog-details .blog-details .admin {
   display: block;
   margin: 0 0 70px;
 }

 @media only screen and (max-width: 768px) {
   .blog-details .blog-details .admin {
     margin: 0 0 40px;
   }
 }

 .blog-details .blog-details .admin .dbox .floatleft {
   width: 70%;
   display: block;
   background: #111;
 }

 @media only screen and (max-width: 320px) {
   .blog-details .blog-details .admin .dbox .floatleft {
     width: 100%;
   }
 }

 .blog-details .blog-details .admin .dbox .floatleft .content {
   height: 210px;
   display: table-cell;
   vertical-align: middle;
   padding-left: 50px;
   position: relative;
 }

 @media only screen and (max-width: 320px) {
   .blog-details .blog-details .admin .dbox .floatleft .content {
     padding: 30px;
   }
 }

 .blog-details .blog-details .admin .dbox .floatleft .content:after {
   content: '';
   position: absolute;
   left: 0;
   top: 42px;
   bottom: 42px;
   width: 6px;
   background: #0198B5;
 }

 .blog-details .blog-details .admin .dbox .floatleft .content h4 {
   font-family: 'Audiowide';
   font-weight: 300;
   font-size: 20px;
   color: #fff;
   margin: 0 0 10px;
 }

 .lst_div_box_galery {
   position: absolute;
   top: -322px;
 }

 .blog-details .blog-details .admin .dbox .floatleft .content p {
   color: rgba(255, 255, 255, 0.5);
   margin: 0 0 10px;
 }

 .blog-details .blog-details .admin .dbox .floatleft .content ul {
   display: inline-block;
   position: relative;
   line-height: 34px;
   padding: 0 20px;
   background: #0198B5;
 }

 .blog-details .blog-details .admin .dbox .floatleft .content ul:after {
   content: '';
   position: absolute;
   right: -12px;
   width: 12px;
   top: 0;
   bottom: 0;
   border-left: 12px solid #0198B5;
   border-top: 17px solid transparent;
   border-bottom: 17px solid transparent;
 }

 .blog-details .blog-details .admin .dbox .floatleft .content ul li {
   display: inline-block;
 }

 .blog-details .blog-details .admin .dbox .floatleft .content ul li a {
   display: block;
   padding: 0 5px;
   color: #fff;
 }

 .blog-details .blog-details .admin .dbox .floatright {
   width: 30%;
   background: #111;
   display: block;
   text-align: right;
   height: 210px;
 }

 @media only screen and (max-width: 320px) {
   .blog-details .blog-details .admin .dbox .floatright {
     display: none;
   }

   .about-area .about-contents .btn2 {
     display: block;
     width: 145px;
     margin-left: 0;
   }
 }

 .blog-details .blog-details .comments-area {
   margin: 0 0 60px;
 }

 @media only screen and (max-width: 768px) {
   .blog-details .blog-details .comments-area {
     margin: 0 0 40px;
   }
 }

 .blog-details .blog-details .comments-area h3 {
   font-family: 'Audiowide';
   font-weight: 700;
   text-transform: uppercase;
   color: #071127;
   font-size: 20px;
   position: relative;
   padding: 0 0 20px;
 }

 .blog-details .blog-details .comments-area h3:after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   height: 6px;
   width: 60px;
   background: #e7e7e7;
   border-radius: 10px;
 }

 .blog-details .blog-details .comments-area h3 span {
   color: #0198B5;
 }

 .blog-details .blog-details .comments-area .comment-list {
   padding: 30px;
   border: 1px solid #ececec;
   margin-bottom: -1px;
 }

 .blog-details .blog-details .comments-area .comment-list .dbox .dleft {
   padding-right: 15px;
 }

 .blog-details .blog-details .comments-area .comment-list .dbox .dright h5 {
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 20px;
   color: #111;
   margin: 0 0 15px;
 }

 .blog-details .blog-details .comments-area .comment-list .dbox .dright h5 span {
   color: #0198B5;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   padding-left: 10px;
 }

 .blog-details .blog-details .comments-area .comment-list .dbox .dright p {
   margin: 0;
 }

 .blog-details .blog-details .comment-box h3 {
   font-family: 'Audiowide';
   font-weight: 700;
   text-transform: uppercase;
   color: #071127;
   font-size: 20px;
   position: relative;
   padding: 0 0 20px;
 }

 .blog-details .blog-details .comment-box h3:after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   height: 6px;
   width: 60px;
   background: #e7e7e7;
   border-radius: 10px;
 }

 .blog-details .blog-details .comment-box h3 span {
   color: #0198B5;
 }

 .blog-details .blog-details .comment-box form fieldset input {
   width: 100%;
   padding: 0 15px;
   line-height: 50px;
   height: 50px;
   border: 1px solid #ececec;
 }

 .blog-details .blog-details .comment-box form fieldset textarea {
   width: 100%;
   padding: 15px;
   height: 124px;
   border: 1px solid #ececec;
 }

 /*....................................
18. Faq area start here
....................................*/
 /*....................................
19. Contact area start here
....................................*/
 .contact-area .map-area {
   position: relative;
   display: block;
   margin: 0 0 115px;
 }

 .contact-area .map-area .map-full {
   width: 100%;
   height: 450px;
 }

 .contact-area .map-area .map-full iframe {
   width: 100%;
   height: 100%;
 }

 .contact-area .map-area .go-map {
   position: absolute;
   right: -25px;
   top: 54px;
   color: #fff;
   z-index: 999;
   display: inline-block;
   line-height: 55px;
   padding: 0 28px;
   z-index: 2;
   background: #0198B5;
 }

 .contact-area .map-area .go-map:hover {
   color: #fff;
 }

 .contact-area .map-area .go-map:after {
   content: '';
   position: absolute;
   right: 0;
   bottom: -21px;
   width: 25px;
   height: 21px;
 }

 .contact-area .map-area .map-full {
   z-index: 1;
 }

 .contact-area .contact-info {
   height: 196px;
   border: 8px solid #f5f5f5;
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
   margin: 0 0 30px;
   position: relative;
 }

 .contact-area .contact-info span {
   display: inline-block;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   top: -54px;
   border: 8px solid #f5f5f5;
   width: 108px;
   height: 108px;
   background: #fff;
   font-size: 28px;
   color: #0198B5;
   border-radius: 100%;
   line-height: 94px;
   transition: all 0.3s;
 }

 .contact-area .contact-info p {
   margin: 0;
   color: #212121;
   font-size: 16px;
 }

 .contact-area .contact-info:hover span {
   background: #0198B5;
   color: #fff;
 }

 .contact-area .form-area form fieldset {
   display: block;
   margin: 0 0 30px;
 }

 .contact-area .form-area form fieldset .feld {
   position: relative;
 }

 .contact-area .form-area form fieldset .feld {
   display: flex;
   align-items: center;
 }

 .contact-area .form-area form fieldset .feld input {
   width: 100%;
   border: 1px solid #C7C8CC;
   padding: 18px 16px;
   transition: all 0.3s;
   font-family: 'Roboto';
   line-height: inherit;
   font-weight: 400;
   font-size: 20px;
   color: #4D5565;

 }

 .contact-area .form-area form fieldset .feld input::placeholder {
   font-size: 20px;
   color: #4D5565;
 }


 .contact-area .form-area form fieldset .feld input:focus {
   border: 1px solid #0198B5;
 }

 .contact-area .form-area form fieldset .feld input:focus+span {
   color: #0198B5;
 }

 .contact-area .form-area form fieldset .feld input::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   font-size: 14px;
   text-transform: capitalize;
   color: #797979;
 }

 .contact-area .form-area form fieldset .feld input::-moz-placeholder {
   /* Firefox 19+ */
   font-size: 14px;
   text-transform: capitalize;
   color: #797979;
 }

 .contact-area .form-area form fieldset .feld input:-ms-input-placeholder {
   /* IE 10+ */
   font-size: 14px;
   text-transform: capitalize;
   color: #797979;
 }

 .contact-area .form-area form fieldset .feld input:-moz-placeholder {
   /* Firefox 18- */
   font-size: 14px;
   text-transform: capitalize;
   color: #797979;
 }

 .contact-area .form-area form fieldset .feld span {
   position: absolute;
   right: 35px;
   top: inherit;
   line-height: 50px;
   color: #797979;
   transition: all 0.3s;
 }

 .contact-area .form-area form fieldset .feld span.msg {
   right: 20px;
 }

 .contact-area .form-area form fieldset .feld textarea {
   width: 100%;
   border: 1px solid #C7C8CC;
   padding: 15px;
   height: 180px;
   transition: all 0.3s;
   font-family: 'Roboto';
   line-height: inherit;
   font-weight: 400;
   font-size: 20px;
   color: #4D5565;
   resize: none;
 }

 .contact-area .form-area form fieldset .feld textarea::placeholder {
   font-size: 20px;
   color: #4D5565;
 }

 .contact-area .form-area form fieldset .feld textarea:focus {
   border: 1px solid #0198B5;
 }

 .contact-area .form-area form fieldset .feld textarea:focus+span {
   color: #0198B5;
 }

 .contact-area .form-area form fieldset .feld textarea::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   font-size: 14px;
   text-transform: capitalize;
   color: #797979;
 }

 .contact-area .form-area form fieldset .feld textarea::-moz-placeholder {
   /* Firefox 19+ */
   font-size: 14px;
   text-transform: capitalize;
   color: #797979;
 }

 .contact-area .form-area form fieldset .feld textarea:-ms-input-placeholder {
   /* IE 10+ */
   font-size: 14px;
   text-transform: capitalize;
   color: #797979;
 }

 .contact-area .form-area form fieldset .feld textarea:-moz-placeholder {
   /* Firefox 18- */
   font-size: 14px;
   text-transform: capitalize;
   color: #797979;
 }


 /* login_section start */

 .login_section {
   width: 100%;
   float: left;
 }

 .login_form_wrapper {
   float: left;
   width: 100%;
   padding-top: 0;
   padding-bottom: 0;
 }

 .login_form_wrapper h1 {
   font-size: 30px;
   text-align: center;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 30px;
 }

 .login_wrapper {
   width: 100%;
   background: #f7f7f7;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   padding: 50px;
   border-radius: 10px;
   margin-bottom: 20px;
 }

 .login_wrapper a.btn {
   width: 100%;
   margin: 0 auto;
   border-radius: 10px;
   font-size: 16px;
   border: 1px solid #0198B5;
   display: inline-block;
   position: relative;
   padding: 0 60px;
   line-height: 50px;
   height: 50px;
   background: #0198B5;
   font-weight: 500;
   color: #fff;
   cursor: pointer;
   clip-path: polygon(17% 0%, 96% 0, 83% 100%, 5% 100%);
 }

 .login_wrapper a.btn:hover {
   background-color: #111;
   border-color: #111;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .login_wrapper a span {
   float: left;
 }

 .login_wrapper a i {
   float: right;
   margin: 0;
   line-height: 50px;
 }

 .login_wrapper a.google-plus {
   background: #e0594b;
   border: 1px solid #e0594b;
 }

 .login_wrapper a.google-plus:hover {
   background: #b9291a;
   border-color: #b9291a;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .login_wrapper h2 {
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 20px;
   color: #111;
   line-height: 20px;
   text-transform: uppercase;
   text-align: center;
   position: relative;
   clip-path: polygon(17% 0%, 96% 0, 83% 100%, 5% 100%);
 }

 .login_wrapper h2::before,
 .login_wrapper h2::after {
   content: "";
   background: #e4e4e4;
   width: 100px;
   height: 1px;
   position: absolute;
   top: 50%;
 }

 .login_wrapper h2::before {
   right: 60%;
 }

 .login_wrapper h2::after {
   left: 60%;
 }

 .login_wrapper .form-control {
   height: 53px;
   padding: 15px 20px;
   font-size: 14px;
   line-height: 24px;
   border: 1px solid #f1f1f1;
   border-radius: 8px;
   box-shadow: none;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   background-color: #fff;
   cursor: pointer;

 }

 .login_wrapper textarea.form-control {
   height: auto;
   resize: none;
 }

 .login_wrapper input::placeholder,
 .login_wrapper textarea::placeholder {
   color: #999;
 }

 .login_wrapper .form-control:focus {
   color: #999;
   background-color: fafafa;
   border: 1px solid #0198B5 !important;
 }

 .login_wrapper .formsix-pos,
 .formsix-e {
   position: relative;
 }

 .login_wrapper .form-group.i-password:after,
 .form-group.i-email:after {
   position: absolute;
   top: 13px;
   font-size: 16px;
   font-family: "FontAwesome";
   color: #c0c0c0;
 }

 .login_remember_box {
   margin-top: 30px;
   margin-bottom: 30px;
   color: #999;
 }

 .login_remember_box .control {
   position: relative;
   padding-left: 20px;
   cursor: pointer;
   font-size: 14px;
   line-height: 14px;
   font-weight: 500;
   margin: 0;
 }

 .login_remember_box .control input {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }

 .login_remember_box .control__indicator {
   position: absolute;
   top: 0;
   left: 0;
   width: 13px;
   height: 13px;
   background: #fff;
   border: 1px solid #999;
 }

 .login_remember_box .control__indicator:after {
   content: '';
   position: absolute;
   display: none;
 }

 .login_remember_box .control input:checked~.control__indicator:after {
   display: block;
 }

 .login_remember_box .control--checkbox .control__indicator:after {
   left: 4px;
   top: 0;
   width: 5px;
   height: 10px;
   border: solid #111;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
 }

 .login_remember_box .forget_password {
   float: right;
   color: #db4c3e;
   font-size: 14px;
   text-decoration: underline;
 }

 .login_btn_wrapper {
   padding-bottom: 20px;
   margin-bottom: 30px;
   width: 100%;
   max-width: 200px;
   margin: 0 auto
 }

 .login_btn_wrapper a.login_btn {
   text-align: center;
   text-transform: uppercase;
 }

 .login_btn_wrapper a.login_btn:hover {
   background-color: #111;
   border-color: #111;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .login_message p {
   text-align: center;
   font-size: 16px !important;
   margin: 0;
   padding-top: 20px;
 }

 .login_message a {
   color: #0198B5;
   font-weight: 500;
 }

 .login_form_wrapper p {
   width: 70%;
   text-transform: capitalize;
   text-align: center;
   margin: 0px auto;
   font-size: 14px;
 }

 /* login_section end */
 /* register section start */
 .register_section {
   float: left;
   width: 100%;
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .register_left_form {
   float: left;
   width: 100%;
 }

 .register_left_form .column {
   padding-right: 30px;
 }

 .register_left_form .form-group {
   position: relative;
   margin-bottom: 5px;
 }

 .register_left_form .field-label i {
   float: right;
   font-size: 16px;
   color: #666;
 }

 .register_left_form .form-group .text {
   position: relative;
   color: #bbbbbb;
   font-size: 15px;
   line-height: 24px;
   margin-bottom: 5px;
 }

 .register_left_form input[type="text"],
 .register_left_form input[type="email"],
 .register_left_form input[type="password"],
 .register_left_form input[type="tel"],
 .register_left_form input[type="number"],
 .register_left_form input[type="url"],
 .register_left_form select,
 .register_left_form textarea {
   position: relative;
   display: block;
   width: 100%;
   background: #ffffff;
   text-transform: capitalize;
   font-size: 15px;
   line-height: 26px;
   color: #888888;
   padding: 12px 15px;
   border-radius: 7px;
   height: 50px;
   margin-bottom: 15px;
   border: 1px solid #e0e0e0;
   transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
 }

 .register_left_form textarea {
   resize: none;
   height: 60px !important;
   padding-left: 30px;
 }

 .register_left_form input:focus,
 .register_left_form select:focus,
 .register_left_form textarea:focus {
   border-color: #0198B5;
 }

 .jp_regiter_top_heading p {
   font-size: 16px;
   text-transform: capitalize;
   margin-bottom: 20px;
   margin-top: 10px;
 }

 .check-box {
   margin-top: 35px;
 }

 .checkout-page .check-box {
   line-height: 24px;
   font-size: 14px;
   font-weight: normal;
   padding-top: 5px;
 }

 .register_wrapper_btn {
   background: transparent;
   box-shadow: none;
   border-radius: 0;
   padding: 0;
   padding-bottom: 20px;
 }

 .label_2 {
   font-weight: 400;
 }

 .check_box_anchr {
   color: #908a45 !important;
   ;
 }

 .checkout-page .check-box label {
   position: relative;
   top: -1px;
   font-weight: normal;
   padding: 0px;
   font-size: 18px;
   cursor: pointer;
   color: #333333;
 }

 .register_left_form input[type="checkbox"]+label:before {
   display: none;
 }

 .register_btn_wrapper {
   padding-top: 15px;
 }

 .btm_txt_register_form {
   width: 70%;
   text-align: center;
   margin: 0px auto;
   font-size: 14px;
 }

 .register_wrapper_box {
   float: left;
   width: 100%;
   background: #f7f7f7;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   padding: 50px;
   border-radius: 10px;
   margin-bottom: 20px;
 }

 /* register_section end */

 /*....................................
20. Footer area start here
....................................*/
 footer {
   position: relative;
   display: block;
   background: url(/storage/bg-6.png) no-repeat center;
   background-size: cover;
   padding-top: 75px;
 }

 footer:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: #030B1ACC;

 }

 footer .footer-bottom {
   display: block;
   position: relative;
   background: #030B1A;
   line-height: 80px;
   height: 80px;
   z-index: 999;
 }

 @media only screen and (max-width: 992px) {
   footer .footer-bottom {
     height: auto;
     line-height: 26px;
     padding: 30px 0;
   }
 }

 footer .footer-bottom .copyright p {
   color: #878787;
   margin: 0;
   line-height: normal;
 }

 @media only screen and (max-width: 992px) {
   footer .footer-bottom .copyright p {
     margin: 0 0 15px;
   }
 }

 footer .footer-bottom .copyright p span {
   color: #0198B5;
 }

 footer .footer-bottom .foo-links {
   text-align: right;
 }

 footer .footer-bottom .foo-links ul li {
   display: inline-block;
   padding: 0 16px;
 }

 @media only screen and (max-width: 480px) {
   footer .footer-bottom .foo-links ul li {
     padding: 0 6px;
   }
 }

 footer .footer-bottom .foo-links ul li a {
   display: block;
   color: #797979;
   text-transform: uppercase;
   font-size: 14px;
   line-height: normal;
 }

 footer .footer-bottom .foo-links ul li a:hover {
   color: #fff;
 }

 footer .footer-bottom .foo-links ul li:first-child {
   padding-left: 0;
 }

 footer .footer-bottom .foo-links ul li:last-child {
   padding-right: 0;
 }

 footer .footer-top {
   position: relative;
   z-index: 999;
   display: block;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 footer .footer-top .foo-about figure {
   position: relative;
   display: block;
   margin: 0 0 30px;
   padding: 0;
 }

 footer .footer-top .foo-about .contents {
   position: relative;
   display: block;
   padding-bottom: 30px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   margin: 0 0 30px;
   margin-right: 50px;
 }

 footer .footer-top .foo-about .contents p {
   display: block;
   margin: 0 0 30px;
 }

 footer .footer-top .foo-about .contents a:hover {
   color: #fff;
 }

 footer .footer-top h2 {
   font-size: 22px;
   font-family: 'Audiowide';
   font-weight: 400;
   color: #fff;
   position: relative;
   display: block;
   padding-left: 70px;
   margin: 10px 0 60px;
 }

 footer .footer-top h2:after {
   content: '';
   position: absolute;
   left: 0;
   top: -2px;
   bottom: 0;
   width: 50px;
   height: 28px;
   background: #0198B5;
   -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
 }

 footer .footer-top .foo-news .newslists {
   display: block;
   padding: 25px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 footer .footer-top .foo-news .newslists:first-child {
   padding-top: 0;
 }

 footer .footer-top .foo-news .newslists:last-child {
   padding-bottom: 0;
   border: none;
 }

 footer .footer-top .foo-news .newslists .dbox .dleft figure {
   display: block;
   width: 80px;
   position: relative;
   margin: 0;
   padding: 0;
 }

 footer .footer-top .foo-news .newslists .dbox .dleft figure img {
   width: 100%;
   display: block;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content h4 {
   font-weight: 400;
   font-family: 'Audiowide';
   font-size: 18px;
   display: block;
   margin: 0 0 5px;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content h4 a {
   color: #fff;
   display: inline-block;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content h4 a:hover {
   color: #0198B5;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content p {
   display: block;
   margin: 0 0 5px;
 }

 footer .footer-top .foo-news .newslists .dbox .dright .content span {
   color: #0198B5;
 }

 footer .footer-top .products-foo ul {
   display: block;
   margin: 0 0 25px;
 }

 footer .footer-top .products-foo ul li {
   display: inline-block;
   padding: 0 4px;
 }

 footer .footer-top .products-foo ul li:first-child {
   padding-left: 0;
 }

 footer .footer-top .products-foo ul li:last-child {
   padding-right: 0;
 }

 footer .footer-top .products-foo ul li a {
   display: block;
   width: 70px;
 }

 footer .footer-top .products-foo ul li img {
   display: block;
   width: 100%;
 }

 /*....................................
21. Gallery area start here
....................................*/
 .gallery-area .gimg {
   display: block;
   position: relative;
   overflow: hidden;
   margin-right: 25px;
 }

 .gallery-area .gimg figure {
   display: inline-block;
   position: relative;
   overflow: hidden;
   vertical-align: middle;
   margin: 0;
 }

 .gallery-area .gimg figure img {
   /* width: 100%; */
   width: auto;
   transition: all 0.3s;
 }

 .gallery-area .gimg figure .content {
   position: absolute;
   top: 58px;
   left: 0;
   right: 35px;
   z-index: 999;
   opacity: 0;
   transition: all 0.3s;
 }

 .gallery-area .gimg figure .content h3 {
   font-size: 22px;
   font-family: 'Audiowide';
   font-weight: 400;
   color: #fff;
   margin: 0 0 10px;
   padding-left: 70px;
   position: relative;
 }

 .gallery-area .gimg figure .content h3:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 50px;
   background: #0198B5;
   -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
 }

 .gallery-area .gimg figure .content p {
   margin: 0;
   padding-left: 70px;
   color: #878787;
 }

 .gallery-area .gimg figure:after {
   content: '';
   position: absolute;
   left: 100%;
   top: 100%;
   right: 0;
   bottom: 0;
   background: rgb(0 16 25 / 85%);
   z-index: 99;
   transition: all 0.3s;
 }

 .gallery-area .gimg .con-pop {
   position: absolute;
   right: 0;
   bottom: 0;
   text-align: right;
 }

 .gallery-area .gimg .con-pop span {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 100px;
   height: 100px;
   line-height: 150px;
   color: #fff;
   background: #0198B5;
   z-index: 999;
   display: inline-block;
   transition: all 0.3s;
   -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
   clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
 }

 .gallery-area .gimg .con-pop span i {
   padding-right: 20px;
 }

 .gallery-area .gimg:hover figure img {
   transform: scale(1.1, 1.1);
 }

 .gallery-area .gimg:hover figure .content {
   opacity: 1;
 }

 .gallery-area .gimg:hover figure:after {
   left: 0;
   top: 0;
 }

 .gallery-area .gimg:hover .con-pop span {
   -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
   clip-path: polygon(100% 0, 0% 100%, 100% 100%);
 }

 /*....................................
22. Event area start here
....................................*/
 .events-area .panel-group {
   margin-bottom: 0;
 }

 .events-area .panel-group .panel {
   border-color: #eee;
   border-radius: 0;
   margin-top: 20px;
   box-shadow: none;
 }

 .events-area .panel-group .panel:first-child {
   margin-top: 0;
 }

 .events-area .panel-group .panel .panel-heading {
   background: #fff;
   border: none;
   padding: 50px 50px 30px;
   border-radius: 0;
 }

 @media only screen and (max-width: 992px) {
   .events-area .panel-group .panel .panel-heading {
     padding-right: 10px;
   }
 }

 @media only screen and (max-width: 480px) {
   .events-area .panel-group .panel .panel-heading {
     padding: 30px;
     padding-right: 10px;
   }
 }

 .events-area .panel-group .panel .panel-heading a {
   position: relative;
   display: block;
   background: #fff;
 }

 .events-area .panel-group .panel .panel-heading a h3 {
   font-family: 'Audiowide';
   font-weight: 400;
   color: #0198B5;
   margin: 0 0 15px;
 }

 .events-area .panel-group .panel .panel-heading a ul li {
   display: inline-block;
   padding-right: 35px;
 }

 @media only screen and (max-width: 480px) {
   .events-area .panel-group .panel .panel-heading a ul li {
     padding-right: 20px;
   }
 }

 .events-area .panel-group .panel .panel-heading a ul li i {
   color: #0198B5;
   padding-right: 8px;
 }

 .events-area .panel-group .panel .panel-heading a ul li span {
   color: #111;
 }

 .events-area .panel-group .panel .panel-heading a ul li:last-child {
   padding-right: 0;
 }

 .events-area .panel-group .panel .panel-heading a .arrows {
   position: absolute;
   right: 0;
   top: -10px;
   font-family: 'Audiowide';
   color: #0198B5;
   font-size: 80px;
   display: inline-block;
   line-height: 60px;
   transition: all 0.3s;
 }

 @media only screen and (max-width: 992px) {
   .events-area .panel-group .panel .panel-heading a .arrows {
     font-size: 60px;
   }
 }

 @media only screen and (max-width: 480px) {
   .events-area .panel-group .panel .panel-heading a .arrows {
     font-size: 36px;
     opacity: 0.5;
   }
 }

 .events-area .panel-group .panel .panel-heading a .arrows:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: -25px;
   height: 20px;
   width: 80px;
   margin: 0 auto;
   background: #0198B5;
   -webkit-clip-path: polygon(50% 0, 100% 100%, 50% 20%, 0% 100%);
   clip-path: polygon(50% 0, 100% 100%, 50% 20%, 0% 100%);
   transition: all 0.3s;
 }

 @media only screen and (max-width: 480px) {
   .events-area .panel-group .panel .panel-heading a .arrows:after {
     width: 40px;
     height: 10px;
     bottom: 0;
   }
 }

 .events-area .panel-group .panel .panel-heading a.btncnc .arrows {
   position: absolute;
   right: 0;
   top: -10px;
   font-family: 'Audiowide';
   color: #eee;
   font-size: 80px;
   display: inline-block;
   line-height: 60px;
   transition: all 0.3s;
 }

 @media only screen and (max-width: 992px) {
   .events-area .panel-group .panel .panel-heading a.btncnc .arrows {
     font-size: 60px;
   }
 }

 .events-area .panel-group .panel .panel-heading a.btncnc .arrows:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: -25px;
   height: 20px;
   width: 80px;
   margin: 0 auto;
   background: #eee;
   -webkit-clip-path: polygon(50% 80%, 100% 0, 50% 100%, 0 0);
   clip-path: polygon(50% 80%, 100% 0, 50% 100%, 0 0);
   transition: all 0.3s;
 }

 .events-area .panel-group .panel .panel-heading a.collapsed h3 {
   font-family: 'Audiowide';
   font-weight: 400;
   color: #0198B5;
   margin: 0 0 10px;
 }

 .events-area .panel-group .panel .panel-heading a.collapsed .arrows {
   position: absolute;
   right: 0;
   top: -10px;
   font-family: 'Audiowide';
   color: #eee;
   font-size: 80px;
   display: inline-block;
   line-height: 60px;
   transition: all 0.3s;
 }

 @media only screen and (max-width: 992px) {
   .events-area .panel-group .panel .panel-heading a.collapsed .arrows {
     font-size: 60px;
   }
 }

 .events-area .panel-group .panel .panel-heading a.collapsed .arrows:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: -25px;
   height: 20px;
   width: 80px;
   margin: 0 auto;
   background: #eee;
   -webkit-clip-path: polygon(50% 80%, 100% 0, 50% 100%, 0 0);
   clip-path: polygon(50% 80%, 100% 0, 50% 100%, 0 0);
   transition: all 0.3s;
 }

 .events-area .panel-group .panel .panel-collapse .panel-body {
   border-top: none;
   padding: 0 200px 50px 50px;
 }

 @media only screen and (max-width: 992px) {
   .events-area .panel-group .panel .panel-collapse .panel-body {
     padding-right: 100px;
   }
 }

 @media only screen and (max-width: 480px) {
   .events-area .panel-group .panel .panel-collapse .panel-body {
     padding: 30px;
     padding-top: 0px;
   }
 }

 .events-area .panel-group .panel .panel-collapse .panel-body p {
   color: #878787;
 }

 .events-area .panel-group .panel .panel-collapse .panel-body .events-img {
   margin: 0 -15px;
 }

 .events-area .panel-group .panel .panel-collapse .panel-body .events-img .owl-item {
   display: block;
   position: relative;
   padding: 0 15px;
 }

 .events-area .panel-group .panel .panel-collapse .panel-body .events-img .owl-item img {
   width: 100%;
   display: block;
 }

 .event-details .buyticket {
   display: block;
   position: relative;
 }

 @media only screen and (max-width: 992px) {
   .event-details .buyticket {
     margin: 0 0 50px;
   }
 }

 .event-details .buyticket figure {
   display: block;
   position: relative;
 }

 .event-details .buyticket figure img {
   width: 100%;
 }

 .event-details .buyticket .con {
   display: block;
   position: relative;
   border: 1px solid #eee;
   padding: 40px;
   border-top: none;
 }

 .event-details .buyticket .con p {
   margin: 0 0 5px;
   color: #111;
   display: inline-block;
 }

 .event-details .buyticket .con p:first-child {
   margin: 0 0 15px;
   text-transform: uppercase;
   font-weight: 600;
 }

 .event-details .buyticket .con strong {
   font-family: 'Audiowide';
   display: inline-block;
   color: #0198B5;
   padding-left: 10px;
   font-size: 18px;
 }

 .event-details .buyticket .con a {
   padding: 0 30px;
   margin-top: 25px;
 }

 .event-details .descriptions .eventleft {
   margin: 0 0 30px;
   display: block;
   position: relative;
 }

 .event-details .descriptions .eventleft li {
   text-align: center;
   display: inline-block;
   background: #0198B5;
   padding: 14px 0;
   height: 80px;
   width: 100px;
   -webkit-clip-path: polygon(12% 0, 100% 0, 88% 100%, 0% 100%);
   clip-path: polygon(12% 0, 100% 0, 88% 100%, 0% 100%);
 }

 @media only screen and (max-width: 480px) {
   .event-details .descriptions .eventleft li {
     margin: 5px 3px;
   }

   .about-area .about-contents .buttons .btn1 {
     clip-path: none;
   }

   .about-area .about-contents .buttons .btn1::after {
     display: none;
     clip-path: none;
   }

   .about-area .about-contents .buttons .btn1::before {
     display: none;
     clip-path: none;
   }

   .about-area .about-contents .btn2 {
     clip-path: none;
     display: block;
     width: 204px;
     margin-left: 0;
   }

   .about-area .about-contents .btn2:after {
     display: none;
   }
 }

 .event-details .descriptions .eventleft li span {
   color: #fff;
   font-family: 'Audiowide';
   font-size: 20px;
   display: block;
 }

 .event-details .descriptions .eventleft li p {
   margin: 0;
   color: #fff;
   opacity: 0.8;
 }

 .event-manegment {
   position: relative;
   display: block;
   background: #f5f5f5;
 }

 .event-manegment .speakers-slider {
   margin: 0 -10px -10px;
 }

 .event-manegment .speakers-slider .sp-list {
   margin: 10px;
   display: block;
   transition: all 0.3s;
 }

 .event-manegment .speakers-slider .sp-list figure {
   position: relative;
   display: block;
   position: relative;
 }

 .event-manegment .speakers-slider .sp-list figure img {
   display: block;
   width: 100%;
 }

 .event-manegment .speakers-slider .sp-list .con {
   text-align: center;
 }

 .event-manegment .speakers-slider .sp-list .con a {
   display: block;
   position: relative;
   background: #fff;
   color: #111;
   font-family: 'Audiowide';
   font-size: 18px;
   line-height: 50px;
 }

 .event-manegment .speakers-slider .sp-list:hover {
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
 }

 .event-manegment .event-schedule {
   display: block;
   position: relative;
 }

 @media only screen and (max-width: 992px) {
   .event-manegment .event-schedule {
     margin: 50px 0 0;
   }
 }

 .event-manegment .event-schedule table {
   margin: 0 !important;
 }

 .event-manegment .event-schedule table tbody tr td {
   padding: 15px 0;
 }

 .event-manegment .event-schedule table tbody tr td strong {
   color: #111;
 }

 .event-manegment .event-schedule table tbody tr td span {
   color: #111;
   text-transform: capitalize;
 }

 .event-manegment .event-schedule table tbody tr td a {
   text-transform: capitalize;
   display: inline-block;
   color: #0198B5;
 }

 .event-manegment .event-schedule table tbody tr td a:hover {
   color: #111;
 }

 .event-manegment .event-schedule table tbody tr td:last-child {
   text-align: right;
 }

 .event-manegment .event-schedule table tbody tr:first-child td {
   border-top: none !important;
 }

 .news_left_wrapper {
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center 0;
   position: relative;
 }

 .main_news_right_box {
   border: 1px solid #f2f2f2;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
   margin-left: 25px;
 }

 .main_news_right_box:hover {
   border: 1px solid #0198B5;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .main_news_right_box:hover .news_right_box1 {
   border-bottom: 1px solid #eeeeee;
 }

 .news_right_box1 p {
   padding-top: 40px;
   color: #0198B5;
   margin-left: 40px;
   text-transform: capitalize;
 }

 .news_right_box1 h3 {
   font-size: 22px;
   font-weight: 700;
   text-transform: uppercase;
   margin-top: 20px;
   color: #111111;
   font-family: 'Audiowide';
   margin-left: 40px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   /* number of lines to show */
   line-clamp: 3;
   -webkit-box-orient: vertical;
 }

 .news_right_box1 h6 {
   font-size: 16px;
   font-family: "Poppins", sans-serif;
   color: #111111;
   margin-left: 40px;
   font-weight: 400;
   padding-bottom: 20px;
 }

 .news_right_box1 {
   border-bottom: 1px solid #eeeeee;
 }

 .news_botton_cont {
   margin-top: 30px;
 }

 .news_botton_cont p {
   margin-left: 40px;
 }

 .news_botton_cont h5 {
   font-size: 16px;
   font-weight: 500;
   margin-left: 40px;
   margin-top: 20px;
   padding-bottom: 8px;
 }

 .news_botton_cont h5 a {
   color: #0198B5;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .news_botton_cont h5 a:hover {
   color: #0198B5;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .news_botton_cont h5 i {
   color: #0198B5;
 }

 .news_left_img_overlay {
   position: absolute;
   top: 0%;
   left: 0%;
   bottom: 0%;
   right: 0%;
   background: rgba(0, 0, 0, 0.5);
 }

 .news_left_cont p {
   color: #ffffff;
   padding-top: 40px;
   text-align: left;
   margin-left: 30px;
   text-transform: capitalize;
 }

 .news_left_cont h6 i {
   color: #0198B5;
   font-size: 16px;
   margin-right: 8px;
 }

 .heart_box a i {
   color: #fff;
 }

 .heart_box a {
   width: 45px;
   height: 45px;
   border: 2px solid #0198B5;
   float: right;
   margin-top: -63px;
   color: #fff;
   text-align: center;
   line-height: 45px;
   margin-right: 25px;
   transform: skew(-17deg);
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .news_right_box1 h6 i {
   color: #0198B5;
   margin-right: 8px;
 }

 .news_left_cont h6 {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.79);
   padding-top: 210px;
   font-weight: 200;
   font-family: "Poppins", sans-serif;
   margin-left: 25px;
   margin-bottom: 15px;
 }

 .heart_box a:hover {
   background: #0198B5;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .news_left_cont h3 {
   font-size: 22px;
   color: #fff;
   font-family: 'Audiowide';
   font-weight: 700;
   text-transform: uppercase;
   margin-left: 25px;
   margin-bottom: 15px;
 }

 .news_left_cont h5 {
   font-size: 16px;
   font-weight: 500;
   margin-left: 25px;
 }

 .news_left_cont h5 a {
   color: #0198B5;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .news_left_cont h5 a:hover {
   color: #0198B5;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
 }

 .news_left_cont h5 i {
   color: #0198B5;
 }

 @media (min-width: 991px) and (max-width: 1199px) {
   .lst_div_box_galery {
     position: absolute;
     top: -269px;
   }
 }

 @media (max-width: 991px) {
   .lst_div_box_galery {
     position: absolute;
     top: -201px;
   }
 }

 .custom_btn {
   width: 100%;
   margin: 0 auto;
   border-radius: 10px;
   font-size: 16px;
   border: 1px solid #0198B5;
   display: inline-block;
   position: relative;
   padding: 0 60px;
   line-height: 50px;
   height: 50px;
   background: #0198B5;
   font-weight: 500;
   color: #fff;
   cursor: pointer;
 }

 .mean-container a.meanmenu-reveal span {
   opacity: 0;
 }

 .mean-container a.meanmenu-reveal {
   position: relative;
 }

 .mean-container a.meanmenu-reveal:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f0c9";
   color: #ffffff;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
   font-size: 24px;
 }

 .mean-container a.meanmenu-reveal.meanclose:before {
   display: none;
 }

 .mean-container a.meanmenu-reveal {
   width: 100%;
   padding: 8px 0px 17px !important;
   text-align: right !important;
 }

 @media (max-width:1024px) {
   .slider-area .item-thumbnail a {
     padding: 20px 20px;
   }

   .slider-area .item-thumbnail a .items .dbox .dright .content p {
     font-size: 14px;
   }

   .slider-area .item-thumbnail a .items .dbox .dright .content h3 {
     font-size: 16px;
   }

 }

 @media only screen and (max-width: 991px) {
   .sibebar {
     margin: 60px 0 0;
   }

   .sibebar .wighet {
     margin-bottom: 20px;
   }

   .custom_btn {
     margin-bottom: 20px;
   }
 }

 @media (max-width:545px) {
   .blog-details .blog-details .blogs .content-post .content ul li {
     display: block;
     padding: 0 0px;
   }

 }

 @media only screen and (max-width: 480px) {
   .blog-area .blog-slider .blog-lists.slick-current {
     width: 420px !important;
     height: auto;
     display: block;
   }

   .slider-area .item-content .item-slider .contents .buttons a:last-child {
     display: none;

   }

   .events-area .panel-group .panel .panel-heading a.btncnc .arrows {
     font-size: 33px;
   }

   .events-area .panel-group .panel .panel-heading a.btncnc .arrows:after {
     bottom: -7px;
     width: 50px;
   }

   .training-area .training-con h2 {
     font-size: 22px;
   }

   .training-area .training-con h1 {
     font-size: 24px;
   }

   .event-details .descriptions .eventleft li {
     width: 70px;
     margin: 5px 0px;
   }

   .custom_btn {
     padding: 0 20px;
   }
 }

 @media only screen and (max-width: 320px) {
   .blog-area .blog-slider .blog-lists.slick-current {
     width: 300px !important;
   }
 }



 .sliderItem .video-popups {
   display: block;
   margin: 0 0 45px;
 }

 .sliderItem .video-popups a {
   display: inline-block;
   height: 90px;
   line-height: 90px;
   color: #fff;
   background: #fff;
   position: relative;
   padding: 0 50px;
   /* border: 2px solid #0198B5; */
   font-size: 30px;
   -webkit-clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
   clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
   transition: all 0.3s;
 }

 .sliderItem .video-popups a i {
   color: #0198B5;
 }

 /* .sliderItem .video-popups a:after {
  content: '';
  position: absolute;
  left: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(16deg);
  transition: all 0.3s;
}

.sliderItem .video-popups a:before {
  content: '';
  position: absolute;
  right: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(16deg);
  transition: all 0.3s;
} */

 .sliderItem .video-popups a:hover {
   -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
   clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
 }

 .sliderItem img {
   width: 100%;
   padding: 6px;
 }

 /* .sliderItem .video-popups a:hover:after {
  content: '';
  position: absolute;
  left: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(-16deg);
  transition: all 0.3s;
}

.sliderItem .video-popups a:hover:before {
  content: '';
  position: absolute;
  right: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(-15deg);
  transition: all 0.3s;
} */

 .sliderItem {
   position: relative;
 }

 .sliderItem .video-popups {
   position: absolute;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%
 }

 /* .sliderItem .video-popups {
  display: none;
  transition: all 0.4s ease;
}

.sliderItem:hover .video-popups {
  display: block;
} */
 .copyrightGroup {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .productThubnail {
   background-color: #030B1A;
 }

 .productThubnail .productThubnailInner {
   display: flex;
   align-items: center;
   justify-content: space-between;
    overflow-x: scroll; 
 }



 .productThubnailItem {
   display: flex;
   align-items: center;
   gap: 15px;
   padding: 50px 50px;
   transition: all 0.4s ease;
 }

 .productThubnailItem:hover {
   background: #01040A;
 }


 .productThubnailItem .productThubnailImg a {
   width: 100px;
   height: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #ffffff;
   padding: 8px
 }

 .productThubnailItem .productThubnailContent h4 {
   margin-bottom: 8px;
 }

 .productThubnailItem .productThubnailContent h4 a {
   font-family: Audiowide;
   font-weight: 400;
   font-size: 30px;
   line-height: 100%;
   color: #FFFFFF;
   white-space: nowrap;
 }

 .productThubnailItem .productThubnailContent span {
   font-family: Audiowide;
   font-weight: 400;
   font-size: 20px;
   line-height: 100%;
   color: #0198B5;
 }

 .bannerImg {
   position: relative;
 }

 .section.banner-area {
   padding: 60px 0 100px;
 }

 .bannerImg img {
   position: absolute;
 }

 .banner-area-img {
   width: 800px;
 }

 .bannerImg img {
   position: absolute;
   top: 60px;
 }

 .growPoint {
   width: 20px;
   height: 20px;
   background: #0198B5;
   border-radius: 50%;
   color: #FFF;
   font-size: 20px;
   text-align: center;
   line-height: 100px;
   font-family: sans-serif;
   text-transform: uppercase;
   animation: animate-pulse 3s linear infinite;
   cursor: pointer;
   position: relative;
 }

 .growPoint img {
   width: 10px;
   position: absolute;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
 }

 @keyframes animate-pulse {
   0% {
     box-shadow: 0 0 0 0 rgb(1 152 181 / 68%), 0 0 0 0 rgb(1 152 181 / 68%);
   }

   40% {
     box-shadow: 0 0 0 4px rgb(1 152 181 / 68%), 0 0 0 0 rgb(1 152 181 / 68%);
   }

   80% {
     box-shadow: 0 0 0 4px rgb(1 152 181 / 68%), 0 0 0 4px rgb(1 152 181 / 68%);
   }

   100% {
     box-shadow: 0 0 0 0 rgb(1 152 181 / 68%) 0 0 0 4px rgb(1 152 181 / 68%);
   }
 }



 .tooltipContant {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
 }

 .banner-area-img,
 .bannerImg,
 .banner-area-img-group {
   height: 100%;
 }

 .tooltipContant .growPointOuter1 {
   position: absolute;
   right: 138px;
   bottom: 35%;
   top: 62px;
 }

 .tooltipContant .growPointOuter2 {
   position: absolute;
   right: 37%;
   bottom: 0;
   top: 218px;
 }

 .tooltipContant .growPointOuter3 {
   position: absolute;
   top: 158px;
   right: 64%;
 }

 .tooltipContant .growPointOuter4 {
   position: absolute;
   top: 254px;
   left: 22%;
 }

 .tooltipContant .growPointOuter5 {
   position: absolute;
   top: 80px;
   left: 12%;
 }

 .popover-header {
   padding: 14px 14px 0px;
   border-bottom: 0;
   font-size: 16px;
   margin-bottom: 8px;
   background-color: #fff;
   color: #000;
 }

 .popover-body {
   padding: 0px 14px 14px;
   color: #212529;
 }


 @media (max-width: 1200px) {
   .about-area .about-cata .list-main-t::before {
     width: 83%;
   }

   .about-area .about-cata .list-main-t.cata-list-main1::before {
     right: 11px;
     width: 83%;
   }

   .about-area .about-cata .list-main-t::after {
     width: 83%;
   }
 }

 @media (max-width: 1199px) {
   .about-area .about-cata .list-main-t::before {
     width: 100%;
   }

   .about-area .about-cata .list-main-t.cata-list-main1::before {
     right: 0;
     width: 100%;
   }

   .about-area .about-cata .list-main-t::after {
     width: 100%;
   }

   .about-area .about-cata .list-main-t::after {
     left: 0;
   }

   .about-area .about-cata .cata-list {
     padding: 40px 16px;
   }

   .about-area .about-cata .cata-list .dbox .dleft .content h4 {
     font-size: 20px;
   }

   .about-area .about-cata .cata-list.list-t1,
   .about-area .about-cata .cata-list.list-t2 {
     -webkit-clip-path: unset;
     clip-path: unset;
   }

   .about-area .about-cata .cata-list.list-t1:before,
   .about-area .about-cata .cata-list.list-t1:after,
   .about-area .about-cata .cata-list.list-t2:before,
   .about-area .about-cata .cata-list.list-t2:after {
     content: unset;
   }

   .subscribe-area .subscribe form button {
     margin-top: 0;
   }

   header .main-header .main-menus nav .mamnu li a {
     font-size: 14px;
   }

   .subscribe-area .subscribe .conts {
     padding: 0 16px 0 18px;
   }

   .subscribe-area .subscribe {
     padding: 30px 0;
   }

   .copyright,
   footer .footer-bottom .foo-links {
     display: flex;
     justify-content: center;
   }

   .banner-area2 .lg-text h1 {
     font-size: 100px;
   }

   .banner-area2 {
     padding: 150px 0;
   }

   .btn1,
   .btn2 {
     padding: 0 30px;
   }

   .btn2:after {
     right: 7px;
     transform: rotate(20deg);
   }

   .btn1::before {
     left: 7px;
     top: -5px;
     bottom: -5px;
     transform: rotate(20deg);
   }

   .btn1:after {
     right: 8px;
     top: -5px;
     bottom: -5px;
     transform: rotate(20deg);
   }

   .copyrightGroup {
     flex-direction: column;
   }

   footer .footer-bottom {
     line-height: 20px;
   }

   footer .footer-bottom .copyrightGroup {
     flex-direction: column;
     padding-top: 14px;
   }

   footer .footer-bottom .copyright p {
     margin-bottom: 10px;
   }

   .tooltipContant .growPointOuter2 {
     right: 35%;
     bottom: 0;
     top: 167px;
   }

   .tooltipContant .growPointOuter4 {
     top: 212px;
     left: 22%;
   }

   .tooltipContant .growPointOuter5 {
     top: 70px;
     left: 12%;
   }

   .banner-area-img {
     width: 100%;
   }

   .tooltipContant .growPointOuter3 {
     top: 117px;
     right: 64%;
   }

   .tooltipContant .growPointOuter1 {
     right: 100px;
     bottom: 35%;
     top: 56px;
   }

   .banner-area .banner-con .price del,
   .banner-area .banner-con .price strong {
     font-size: 24px;
   }

   .banner-area .banner-con h2 {
     font-size: 28px;
   }

   .banner-area .banner-con p {
     font-size: 16px;
   }

   .section-heading h2 {
     font-size: 30px;
   }
 }

 @media (max-width: 992px) {
   .subscribe-area .subscribe {
     flex-direction: column;
     padding: 20px 15px;
   }

   .productThubnailItem .productThubnailContent h4 a {
     font-family: Audiowide;
     font-weight: 400;
     font-size: 22px;
     line-height: 100%;
     color: #FFFFFF;
   }

   .slider-area .item-content .item-slider .contents {
     height: 80vh;
   }

   .products-area .catagories-lists .contents h3 {
     font-size: 16px;
   }

   .training-area .training-forms:after {
     clip-path: unset;
   }

   .training-area .training-con h1 {
     font-size: 24px;
     margin-bottom: 10px;
   }

   .training-area .training-con p {
     font-size: 16px;
     margin-bottom: 10px;
   }

   .training-area .training-con h2 {
     font-size: 22px;
   }

   .news_right_box1 h3 {
     font-size: 16px;
   }

   .section-heading h2 {
     font-size: 28px;
   }

   .section-heading p {
     display: block;
     margin: 0 auto;
     width: 70%;
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     text-align: center;
     color: #4D5565;
   }

   .section-heading h2 {
     display: inline-block;
     position: relative;
     font-family: 'Audiowide';
     font-weight: 400;
     font-size: 56px;
     line-height: 66px;
     text-transform: capitalize;
     color: #030B1A;
     padding: 0 70px;
     margin-bottom: 25px;
   }

   .training-area .training-forms {
     padding: 40px 20px 40px 20px;
   }

   .training-area .training-forms:after {
     left: 0;
   }

   .training-area .training-forms form button {
     margin-top: 0;
   }

   .tooltipContant .growPointOuter5 {
     top: 24px;
     left: 12%;
   }

   .section-heading h2 {
     font-size: 40px;
     line-height: 50px;
   }
 }

 @media (max-width: 575px) {
   header .logo-area img {
     width: 160px;
   }

   .slider-area .item-content .item-slider .contents h2 {
     font-size: 28px;
   }

   .slider-area .item-content .item-slider .contents p {
     font-size: 14px;
     line-height: 20px;
   }

   .slider-area .item-content .item-slider .contents h2 {
     font-size: 20px;
   }

   .slider-area .item-content .item-slider .contents span {
     font-size: 14px;
   }

   .slider-area .item-content .item-slider .contents {
     padding-top: 20px;
   }

   .slider-area .item-content .item-slider .contents p {
     margin: 0 0 20px;
   }

   .slider-area .item-content .item-slider .contents p {
     padding: 0 0 20px;
   }

   .slider-area .item-content .item-slider .contents span {
     margin-bottom: 20px;
   }

   .slider-area .item-content .item-slider .contents h2 {
     margin: 0 0 14px;
   }

   .section-heading2 h2 {
     font-size: 22px;
   }

   .about-contents p {
     font-size: 14px;
     line-height: 20px;
   }

   .twitt-sliders-inner .instagram-icon {
     width: 110px;
   }

   .twitt-sliders-inner {
     flex-direction: column;
   }

   .twitt-sliders {
     width: calc(100% - 0px);
     overflow: hidden;
     padding: 0 20px;
     text-align: center;
   }

   .twitter-posts:after {
     top: 50%;
     transform: translateY(-50%) translateX(-50px);
     left: 42%;
   }

   .gallery-area .gimg figure img,
   .gallery-area .gimg figure {
     width: 100%;
   }

   .gallery-area .gimg figure a {
     display: inline-block;
     width: 100%;
   }

   .gallery-area .gimg figure img {
     width: 100%;
   }

   .news_right_box1 p,
   .news_right_box1 h3,
   .news_right_box1 h6 {
     padding-top: 20px;
     margin-left: 16px;
   }

   .news_right_box1 h3 {
     margin: 0;
     padding: 0 !important;
     padding-left: 18px !important;
   }

   .news_right_box1 p {
     margin-bottom: 10px;
   }

   .news_right_box1 h6 {
     padding-bottom: 0;
   }

   .section-heading h2 {
     font-size: 28px;
     line-height: 40px;
   }
 }

 @media (max-width: 480px) {
   .section-heading p {
     width: 100%;
   }

   .section-heading h2 {
     padding: 0 6px;
   }
 }

 .contact-area-bg-wrap {
   width: 100%;
   background-image: url(../storage/error_page_bg_img.png);
   background-position: center;
   background-repeat: no-repeat;
 }


 .contact-area .contact-info {
   height: 196px;
   border: 8px solid #f5f5f5;
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
   position: relative;
   padding: 100px 0px 36px 0px;
 }


 .contact-area .contact-info p {
   margin: 0;
   color: #212121;
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-size: 20px;
   line-height: 30px;
   text-align: center;
 }

 .contact-area .contact-info p a {
   color: #212121;
 }

 .contact-area .section-heading {
   margin-top: 100px;
 }

 @media (max-width:991px) {
   .contact-area .section-heading {
     margin-top: 0px;
   }
 }

 /* deepak  */
 .breadcumb-area {
   position: relative;
   background-image: url('../images/breadcumb/bg-1.png');
   
   /* background-position: center; */
   padding: 70px 0px;
 }

 .breadcumb-area .breadcumb .content ul li:last-child a {
   color: #0198B5;
   font-family: 'Audiowide';
 }

 .breadcumb-area:after {
   background: rgba(0, 0, 0, 0.9);
   z-index: 9;
 }

 .about-area .paraBox {
   margin-top: 50px;
 }

 .about-area .about-cata img {
   width: 100%;
 }

 .contact-area .form-area form .btn-area .btn-center {
   margin-bottom: 100px;
 }

 .contact-area .form-area form .btn-area .btn-center .btn1:hover {
   color: #0198B5;
 }

 .breadcumb-area .breadcumb .content h2 {
   font-family: 'Audiowide';
   font-size: 40px;
   font-weight: 400;
   color: #fff;
   margin: 0;
   display: block;
   line-height: 50px;
 }

 .breadcumb-area .breadcumb .content ul li a {
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 20px;
   line-height: 30px;
   color: #FFFFFF;
   text-transform: capitalize;
 }


 /* responsive css start  */


 @media (max-width: 992px) {
   .about-area .about-cata {
     margin: 30px 0px 0px 0px;
   }

   .about-area .paraBox {
     margin-top: 50px;
   }

   .google-map-index .map-conts {
     position: relative;
     display: block;
     width: 100%;
     clip-path: none;
     text-align: center;
     padding: 40px;
     top: 0;
   }

   .contact-area .contact-info {
     margin: 0 0 80px;
   }

   .banner-area-img-group {
     display: flex;
     gap: 40px;
     flex-direction: column;
   }

   .tooltipContant .growPointOuter1 {
     right: 130px;
     top: 2px;
   }

   .tooltipContant .growPointOuter3 {
     top: 96px;
     right: 68%;
   }

   .tooltipContant .growPointOuter2 {
     right: 36%;
     top: 152px;
   }

   .bannerImg img.gunBig {
     position: static;
     top: 0;
   }

   .tooltipContant .growPointOuter4 {
     top: 220px;
     left: 22%;
   }
 }

 @media (max-width: 768px) {
   .section {
     padding: 50px 0;
   }

   .tooltipContant .growPointOuter2 {
     right: 36%;
     top: 114px;
   }

   .tooltipContant .growPointOuter3 {
     top: 54px;
     right: 62%;
   }

   .tooltipContant .growPointOuter4 {
     top: 154px;
     left: 22%;
   }

   .tooltipContant .growPointOuter5 {
     top: 6px;
     left: 12%;
   }

 }

 @media (max-width: 450px) {
   .tooltipContant .growPointOuter4 {
     top: 116px;
     left: 22%;
   }

   .tooltipContant .growPointOuter1 {
     right: 66px;
     top: 0px;
   }

   .tooltipContant .growPointOuter3 {
     top: 40px;
     right: 62%;
   }

   .tooltipContant .growPointOuter2 {
     right: 36%;
     top: 86px;
   }
 }


 /* deepak 03/09/25 */

 .product-details .pro-details .nav-tabs li a {
   font-weight: 400;
   font-family: 'Audiowide';
   font-size: 26px;
   color: #222222;
   border-radius: 0;
   border: none;
   padding: 10px 15px;
   cursor: pointer;
 }

 .product-details .pro-details .nav-tabs li:active {
   color: #00c3ff;
 }

 .product-details .products-photo .nav-tabs li {
   display: inline-block;
   width: 25%;
   padding: 0 10px;
   border: 1px solid #0198B5;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .product-details .products-photo .nav-tabs {
   border: none;

   display: flex;
   gap: 10px;
 }

 .product-details .pro-details .tab-content .tab-pane .con p {
   font-weight: 400;
   font-family: "Roboto", sans-serif;
   font-size: 20px;
   color: #4D5565;
 }

 .product-details .pro-details .tab-content .tab-pane .con ul li {
   font-weight: 400;
   font-family: "Roboto", sans-serif;
   font-size: 20px;
   color: #4D5565;
 }

 .product-details .pro-details .tab-content .tab-pane .con ul {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .product-details .pro-details .tab-content .tab-pane .con ul li {
   display: inline-flex;
   gap: 15px;
 }

 .product-details .pro-details .tab-content .tab-pane .con ul li span {
   display: block;

 }


 .section-heading h2 {
   display: inline-block;
   position: relative;
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 56px;
   text-transform: capitalize;
   color: #111;
   padding: 0 70px;
 }

 .products-area .pro-sliders .products .contents h3 {
   font-size: 26px;
   font-weight: 400;
   font-family: 'Audiowide';
   color: #111;
   margin: 0 0 10px;
 }

 .products-area .pro-sliders .products .contents span {
   font-family: 'Audiowide';
   color: #0198B5;
   display: block;
   font-size: 20px;
   margin: 0 0 20px;
 }

 .product-details .pro-details .nav-tabs {
   padding-bottom: 8px;
 }

 .product-details .pro-details .nav-tabs li a {
   border-bottom: 5px solid transparent;
   transition: all 0.5s;
 }

 .product-details .pro-details .nav-tabs li .active {
   border-color: #0198B5;
   color: #0198B5;
 }

 .product-details .products-photo .tab-content {
   display: block;
   margin: 0 0 20px;
   border: 1px solid #0198B5;
   padding: 96px 42px;
 }


 .product-details .single-product-content .product-review span {
   display: inline-block;
   font-weight: 400;
   font-family: "Roboto", sans-serif;
   font-size: 16px;
   color: #4D5565;
   padding-right: 10px;
 }

 .product-details .single-product-content .product-review a {
   font-weight: 400;
   font-family: "Roboto", sans-serif;
   font-size: 16px;
   color: #0198B5;
 }

 .product-details .single-product-content .con p {
   margin: 0 0 30px;
   font-weight: 400;
   font-family: "Roboto", sans-serif;
   font-size: 20px;
   color: #4D5565;
 }

 .product-details .single-product-content .con ul {
   font-weight: 400;
   font-family: "Roboto", sans-serif;
   font-size: 20px;
   color: #4D5565;
   margin-bottom: 30px;
   display: flex;
   flex-direction: column;
   gap: 15px;
 }

 .product-details .single-product-content .con ul li {
   display: inline-flex;
   gap: 15px;

 }

 .product-details .single-product-content .con ul li span {
   display: block;

 }



 .product-details .single-product-content .select-pro .input-group {
   width: 120px;
   border-radius: 0;
   line-height: 43px;
   border: 1px solid #e5e5e5;
   float: left;
 }

 .product-details .single-product-content .select-pro .input-group .btn {
   padding: 0 12px;
   line-height: 45px;
   border-radius: 0;
   background: #f9f9f9;
   color: #333;
   border: none;
   font-size: 20px;
 }

 .product-details .single-product-content .select-pro .input-group input {
   line-height: 45px;
   height: 45px;
   border: none;
   text-align: center;
   border: 1px solid #0198B5;
 }

 .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
   margin-left: 0px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }

 .product-details .single-product-content .con ul li i {
   color: #0198B5;

 }

 .single-product-content .buttons .btn1:hover {
   color: #0198B5;
 }


 /* resonsive css start  */

 @media(max-width:1399px) {
   .product-details .single-product-content h2 {
     font-size: 25px;
   }
 }

 @media(max-width:1199px) {
   .section-heading h2 {
     font-size: 22px;
   }

   .section-heading p {
     font-size: 16px;
     width: 86%;
   }

   .google-map-index .map-conts {
     transform: unset;
   }

   footer .footer-top h2 {
     font-size: 22px;
     font-family: 'Audiowide';
     font-weight: 400;
     color: #fff;
     position: relative;
     display: block;
     padding-left: 70px;
     margin: 30px 0;
   }

   .product-details .single-product-content .buttons a {
     margin-left: 10px;
   }

 }

 @media(max-width:991px) {
   .breadcumb-area .breadcumb .content h2 {

     font-size: 28px;

   }

   .product-details .single-product-content .con p {
     font-size: 16px;
   }

   .product-details .single-product-content .con ul {
     font-size: 16px;
   }

   .product-details .pro-details .nav-tabs li a {
     font-size: 18px;
   }

   .product-details .pro-details .tab-content .tab-pane .con p {
     font-size: 16px;
   }

   .product-details .pro-details .tab-content .tab-pane .con ul li {
     font-size: 16px;
   }

   .product-details .pro-details .tab-content .tab-pane .con {
     padding: 10px;
   }

   .products-area .pro-sliders .products .contents h3 {
     font-size: 20px;
   }

   .products-area .pro-sliders .products .contents span {
     font-size: 16px;
   }

   .product-details .pro-details .tab-content .tab-pane .Specification_wraaper {
     padding: 10px;
   }

   .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper {
     padding: 10px;
   }
 }

 @media(max-width:500px) {
   .product-details .single-product-content h2 {
     font-size: 22px;
     padding: 0px;
     text-align: center;
   }

   .product-details .pro-details .nav-tabs {
     padding-bottom: 8px;
     display: flex;
     flex-wrap: wrap;
     gap: 30px;
     justify-content: center;
     align-items: center;
   }

   .product-details .single-product-content h2:after {
     display: none;
   }

   .section-heading h2 {
     font-size: 22px;
   }

   .product-details .single-product-content .product-review {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     gap: 10px;
   }
 }


 @media(max-width:480px) {
   .section-heading h2 {
     padding: 0px;
   }
 }

 .genderSelect select {
   -webkit-appearance: none;
   -moz-appearance: none;
 }

 .genderSelect {
   position: relative;
 }

 .genderSelect::after {
   content: '';
   position: absolute;
   background: url(../storage/white-arrow-down.png);
   background-position: center;
   background-repeat: no-repeat;
   width: 40px;
   height: 30px;
   transform: translateY(-50%);
   top: 50%;
   right: 2px;
 }

 /* Miss. Pooja Dasrana css start  */

 /*....................................
5. Breadcumb area start here
....................................*/
 .breadcumb-area {
   width: 100%;
   height: 100%;
   position: relative;
   background: url(../storage/bg-2.png);
   padding: 70px 0px;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .breadcumb-area:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #030b1af2;
   z-index: 9;
 }

 .breadcumb-area .breadcumb {
   position: relative;
   z-index: 99;
 }

 .breadcumb-area .breadcumb .content {
   position: relative;
   z-index: 99;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }

 .breadcumb-area .breadcumb .content ul {
   display: flex;
   align-items: center;
   position: relative;
 }

 .breadcumb-area .breadcumb .content ul li {
   display: inline-block;
   position: relative;
   padding: 0 10px;
 }

 .breadcumb-area .breadcumb .content ul li:last-child {
   padding-right: 0;
 }

 .breadcumb-area .breadcumb .content ul li:last-child a {
   color: #0198B5;
 }

 .breadcumb-area .breadcumb .content ul li:last-child:after {
   display: none;
 }

 .breadcumb-area .breadcumb .content ul li:after {
   content: '/';
   position: absolute;
   right: -5px;
   top: 6px;
   bottom: 0;
   color: #FFFFFF;
 }

 .breadcumb-area .breadcumb .content ul li a {
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 20px;
   line-height: 36px;
   color: #FFFFFF;
   text-transform: capitalize;
 }

 .breadcumb-area .breadcumb .content h2 {
   font-family: 'Audiowide';
   font-size: 40px;
   font-weight: 400;
   color: #fff;
   margin: 0;
   display: block;
   line-height: 36px;
 }



 @media(max-width: 480px) {
   .breadcumb-area .breadcumb .content {
     flex-direction: column;
     gap: 20px;
   }

   .breadcumb-area .breadcumb .content ul {
     position: relative;
   }

   .breadcumb-area .breadcumb .content h2 {
     font-size: 30px;
   }
 }




 /* shop-page css start  */

 .shop-page .filter-area {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   margin-bottom: 20px;
 }


 .shop-page .filter-area .showpro {
   display: inline-flex;
   align-items: center;
   gap: 20px;

 }

 .shop-page .shop_inner_wrapper {
   display: flex;
   gap: 30px;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap {
   width: 25%;
   display: flex;
   flex-direction: column;
   gap: 30px;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap {
   width: 75%;
 }

 .shop-page .filter-area .list-grid ul li a {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   height: 40px;
   width: 40px;
   border: 1px solid #C7C8CC;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .list-inline {
   display: flex;
   column-gap: 0px;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .showpro p {
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 20px;
   line-height: 30px;
   color: #030B1A;
   margin: 0;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar {
   width: 100%;
   border: 1px solid #C7C8CC;
   padding: 20px 20px;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range {
   margin-top: 15px;
   padding-bottom: 0px;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .wighet h3 {
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 20px;
   text-transform: uppercase;
   line-height: 30px;
   position: relative;
   padding: 0 0 5px;
   color: #0198B5;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .wighet h3:after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
   width: 60px;
   background: #0198B5;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .categories ul li a {
   font-family: 'Roboto';
   font-weight: 400;
   font-size: 18px;
   color: #030B1A;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .categories ul li a svg {
   margin-right: 5px;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .categories ul li a span {
   float: right;
   font-family: 'Roboto';
   font-weight: 400;
   font-size: 18px;
   color: #030B1A;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-widget-content {
   background: #C7C8CC;
   height: 2px;
   cursor: pointer;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-widget-header {
   background: #0198B5;
   height: 2px;
   cursor: pointer;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-slider-handle {
   width: 12px;
   height: 12px;
   top: -5px;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-widget-content .ui-state-default {
   background: #0198B5;
   border-radius: 100%;
   cursor: pointer;
 }

 .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-widget-content .ui-state-default:last-child {
   background: #0198B5;
   border: 2px solid #0198B5;
 }



 .shop-page .shop_inner_wrapper .shop_right_wrap .product_row {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .products {
   width: 31.2%;
   text-align: center;
   display: block;
   position: relative;
   border: 1px solid #C7C8CC;
   transition: all 0.5s;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .products:hover {
   border-color: #0198B5;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item {
   width: 100%;
   display: flex;
   align-items: center;
   overflow: hidden;
   text-align: left;
   gap: 30px;
 }


 .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item figure {
   height: 100%;
   width: 350px;
   border-bottom: none;
   padding: 20px 30px;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item {
   margin-bottom: 0px;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .products .contents {
   display: block;
   position: relative;
   padding: 35px 10px;
   transition: all 0.3s;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .products figure {
   height: 280px;
   display: block;
   position: relative;
   overflow: hidden;
   border-bottom: 1px solid #C7C8CC;
   margin: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px 20px;
   position: relative;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .products figure img {
   width: 100%;
 }

 .icon_position_box {
   position: absolute;
   top: 10px;
   right: 10px;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .icon_position_box .icon_box {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 40px;
   height: 40px;
   padding: 10px 10px;
   border: 1px solid #C7C8CC;
   transition: all 0.5s;
   cursor: pointer;
   background-color: #fff;
 }


 .icon_position_box .icon_box svg {
   transition: all 0.5s;
 }

 .icon_position_box .icon_box svg path {
   transition: all 0.5s;
 }

 .icon_position_box .icon_box:hover {
   border-color: #0198B5;
 }

 .icon_position_box .icon_box:hover svg path {
   fill: #0198B5;
 }

 .icon_position_box .icon_box2:hover svg path {
   stroke: #0198B5;
 }


 .shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .list-grid ul li a:active,
 .shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .list-grid ul li a:focus {
   background: #0198B5;
   color: #fff;
   border-color: #0198B5;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .list-grid ul li a:active,
 .shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .list-grid ul li a:focus svg path {
   fill: #fff;
 }

 .price-range button.btn1:hover {
   color: #0198B5;
 }

 .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item .contents {
   border: none;
 }

 .shop-page .shop_inner_wrapper #LeftSidebarBox .close-btn {
   position: absolute;
   top: 15px;
   right: 15px;
   font-size: 40px;
   cursor: pointer;
   color: #000;
   font-weight: 400;
   background: none;
   border: none;
   display: none;
   z-index: 222;
 }



 /* pagination css start */

 .paginations ul li a {
   font-family: 'Audiowide';
   border-color: #0198B5;
   background-color: transparent;
   position: relative;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   position: relative;
   padding: 0 40px !important;
   height: 50px;
   background: #C7C8CC;
   border: 1px solid #C7C8CC;
   text-transform: uppercase;
   font-weight: 400;
   color: #030B1A;
   cursor: pointer;
   font-size: 20px;
   text-transform: capitalize;
   clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
   transition: all 0.5s;
 }


 .paginations ul li:first-child a {
   background-color: transparent;
   border: 2px solid #0198B5;
 }

 .paginations ul li:first-child a svg {
   transition: all 0.5s;
 }

 .paginations ul li:first-child a::before {
   content: '';
   position: absolute;
   left: 3px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(12deg);
   background: #0198B5;
 }

 .paginations ul li:first-child a::after {
   content: '';
   position: absolute;
   right: 3px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(12deg);
   background: #0198B5;
 }

 .paginations ul li:last-child a {
   background-color: transparent;
   border: 2px solid #0198B5;
 }

 .paginations ul li:last-child a svg {
   transition: all 0.5s;
 }

 .paginations ul li:last-child a::before {
   content: '';
   position: absolute;
   left: 4px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(12deg);
   background: #0198B5;
 }

 .paginations ul li:last-child a::after {
   content: '';
   position: absolute;
   right: 3px;
   top: -5px;
   bottom: -5px;
   width: 2px;
   transform: rotate(12deg);
   background: #0198B5;
 }

 .paginations ul li:first-child a:hover {
   background: #0198B5;
 }

 .paginations ul li:first-child a:hover svg path {
   transition: all 0.5s;
   stroke: #fff;
 }

 .paginations ul li:last-child a:hover {
   background: #0198B5;
 }

 .paginations ul li:first-child a:hover svg path {
   transition: all 0.5s;
   stroke: #fff;
 }


 .paginations ul li:last-child a:hover svg path {
   transition: all 0.5s;
   stroke: #fff;
 }


 /*  responsive  css  start  */

 @media (max-width:1399px) {
   .shop-page .shop_inner_wrapper .shop_right_wrap .product_row {
     gap: 20px;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .products {
     width: 31.5%;
   }

   .shop-page .shop_inner_wrapper {
     gap: 20px;
   }

 }

 @media (max-width:1299px) {
   .shop-page .shop_inner_wrapper .shop_right_wrap .products {
     width: 48.5%;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .product_row {
     column-gap: 16px;
     row-gap: 16px;
   }

   .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar {
     padding: 20px 12px;
   }

   .shop-page .shop_inner_wrapper .shop_left_wrap .categories ul li a svg {
     margin-right: 0px;
   }

   .shop-page .shop_inner_wrapper .shop_left_wrap .categories ul li a {
     font-size: 17px;
   }

   .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .categories ul li a span {
     font-size: 16px;
   }

   .shop-page .shop_inner_wrapper .shop_left_wrap {
     gap: 20px;
   }
 }

 @media (max-width: 1099px) {
   .shop-page .shop_inner_wrapper #LeftSidebarBox {
     position: fixed;
     top: 0px;
     left: -365px;
     width: 365px;
     height: 100%;
     padding-bottom: 120px;
     transition: left 0.3s ease;
     z-index: 999999;
     background-color: #fff;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     overflow-y: scroll;
     scrollbar-color: #e7e7e7 #ffffff;
   }

   .shop-page .shop_inner_wrapper #LeftSidebarBox.active {
     left: 0;
   }

   .shop-page .shop_inner_wrapper #LeftSidebarBox .close-btn {
     display: block;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap {
     width: 100%
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .products {
     width: 49%;
   }
 }

 @media (max-width:991px) {
   .shop-page .shop_inner_wrapper {
     flex-direction: column;
   }

   .shop-page .shop_inner_wrapper .shop_left_wrap {
     width: 100%;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap {
     width: 100%;
   }

   .shop-page .shop_inner_wrapper .shop_left_wrap .left_sidebar_product_img {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .products {
     width: 100%;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .products figure img {
     width: 100%;
     max-width: 300px;
   }
 }


 @media (max-width:767px) {
   .shop-page .shop_inner_wrapper .shop_right_wrap .products {
     width: 100%;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .products figure img {
     width: auto;
   }

 }


 @media (max-width:576px) {
   .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item {
     flex-direction: column;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item figure {
     width: 100%;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .products .contents {
     padding: 18px 10px;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .products figure {
     height: 250px;
     padding: 14px 14px;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item {
     gap: 20px;
   }

   .shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .showpro p {
     font-size: 18px;
   }

   .shop-page .filter-area .showpro {
     gap: 10px;
   }

   .contact-area .form-area form fieldset {
     display: block;
     margin: 0 0 20px;
   }

   .contact-area .form-area form fieldset .row {
     row-gap: 20px
   }
 }

 @media (max-width:425px) {
   .shop-page .filter-area {
     flex-direction: column;
     gap: 20px;
   }

   .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar {
     border: none;
   }

   .shop-page .shop_inner_wrapper #LeftSidebarBox {
     left: -310px;
     width: 310px;
   }

   .shop-page .filter-area .showpro {
     gap: 8px;
   }
 }





 /* Error_Main_Wrapper css start  */

 .Error_Main_Wrapper {
   width: 100%;
   position: relative;
   background-image: url('../storage/error_page_bg_img.png');
   background-repeat: no-repeat;
   background-size: cover;
   padding: 132px 0px 132px 0px;
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .Error_Main_Wrapper .logo_box {
   margin-bottom: 10px;
   display: inline-block;
 }

 .Error_Main_Wrapper .error_img_box {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .Error_Main_Wrapper .content_box {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }

 .Error_Main_Wrapper .content_box .btn_box {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .Error_Main_Wrapper .content_box .btn_box .btn1 {
   clip-path: polygon(9% 0%, 100% 0, 91% 100%, 0% 100%);
 }

 .Error_Main_Wrapper .content_box .btn_box .btn1:hover {
   color: #0198B5;
 }

 .Error_Main_Wrapper .content_box p {
   max-width: 1217px;
   font-family: 'Roboto';
   font-weight: 400;
   font-size: 20px;
   line-height: 30px;
   text-align: center;
   vertical-align: middle;
   color: #4D5565;
   margin-bottom: 50px;
 }


 @media (max-width:991px) {
   .Error_Main_Wrapper .content_box p {
     max-width: 800px;
     font-size: 18px;
     padding: 0px 20px;
   }
 }



 /*  shopping_cart_main_wrapper css start  */

 .shopping_cart_main_wrapper {
   width: 100%;
   position: relative;
   background-image: url('../storage/error_page_bg_img.png');
   background-repeat: no-repeat;
   background-size: cover;
   padding: 100px 0px 100px 0px;
 }

 .shopping_cart_main_wrapper .shopping_cart {
   width: 100%;
   position: relative;
   display: flex;
   gap: 30px;
 }


 .shopping_cart_main_wrapper .shopping_cart .cart {
   width: 70%;
   background-color: #fff;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   padding: 20px 20px;
 }

 .shopping_cart_main_wrapper .shopping_cart .payment {
   width: 30%;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart h2 {
   font-size: 24px;
   margin-bottom: 20px;
   font-family: 'Audiowide';
   color: #000;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .cart-table {
   width: 100%;
   border-collapse: collapse;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .cart-table th,
 .shopping_cart_main_wrapper .shopping_cart .cart .cart-table td {
   text-align: left;
   padding: 12px;
   border-bottom: 1px solid #eee;
   vertical-align: middle;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .cart-table th {
   font-weight: 600;
   color: #000;
   font-size: 16px;
   font-family: 'roboto';
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .product-info {
   display: flex;
   align-items: center;
   gap: 12px;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .product-info img {
   width: 50px;
   height: auto;
   border-radius: 4px;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .product-name {
   font-size: 14px;
   font-weight: 600;
   color: #222;
   font-family: 'roboto';
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .product-sub {
   font-size: 12px;
   color: #777;
   font-family: 'roboto';
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .size-select select {
   width: 80px;
   padding: 6px 6px;
   font-family: 'roboto';
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 14px;
   appearance: none;
   background-image: url('../storage/black-arrow-down.svg');
   background-repeat: no-repeat;
   background-position: right 10px center;
   outline: none;
   color: #000;
 }



 .shopping_cart_main_wrapper .shopping_cart .cart .quantity-control .shope_single_form {
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .quantity-control .shope_single_form .number {
   width: 15px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .quantity-control .shope_single_form .value-button {
   width: 10px;
   padding: 0px;
   background-color: transparent;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .quantity-control span {
   font-size: 14px;
   font-weight: 500;
   font-family: 'roboto';
   color: #000;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .total-price {
   font-size: 14px;
   font-weight: 600;
   color: #222;
   font-family: 'roboto';
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .remove {
   cursor: pointer;
   font-size: 18px;
   color: #888;
   font-family: 'roboto';
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .remove:hover {
   color: #000;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .remove {
   cursor: pointer;
   color: #777;
   font-family: 'roboto';
   font-size: 18px;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .cart-summary {
   margin-top: 20px;
   text-align: right;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .cart-summary p {
   margin: 5px 0;
   font-family: 'roboto';
   font-size: 18px;
   color: #777;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .total {
   font-weight: bold;
   font-size: 20px;
   color: #000;
   font-family: 'roboto';
   padding-top: 15px;
   margin-top: 15px !important;
   border-top: 1px solid #000;
 }

 .shopping_cart_main_wrapper .shopping_cart .cart .continue {
   display: inline-block;
   margin-top: 20px;
   text-decoration: none;
   color: #000;
   font-weight: bold;
   font-family: 'Audiowide';
 }

 /* Payment Section */
 .shopping_cart_main_wrapper .shopping_cart .payment {
   width: 30%;
   padding-left: 20px;
   background-color: #fff;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   padding: 20px 20px;
 }

 .shopping_cart_main_wrapper .shopping_cart .payment h2 {
   font-size: 24px;
   color: #000;
   font-weight: bold;
   font-family: 'Audiowide';
   margin-bottom: 40px;
 }

 .shopping_cart_main_wrapper .shopping_cart .payment-method {
   margin-bottom: 20px;
 }

 .shopping_cart_main_wrapper .shopping_cart .payment-method label {
   display: block;
   margin-bottom: 10px;
   color: #000;
   font-family: 'roboto';
 }

 .shopping_cart_main_wrapper .shopping_cart .payment input[type="text"],
 .shopping_cart_main_wrapper .shopping_cart .payment input[type="number"],
 .shopping_cart_main_wrapper .shopping_cart .payment select {
   width: 100%;
   padding: 10px;
   margin: 10px 0;
   border: 1px solid #ddd;
   border-radius: 4px;
   appearance: none;
   outline: none;
   color: #000;
   font-family: 'roboto'
 }

 .shopping_cart_main_wrapper .shopping_cart .payment {
   color: #777;
   font-family: 'roboto';
   font-size: 18px;
 }

 .shopping_cart_main_wrapper .shopping_cart .payment select {
   background-image: url('../storage/black-arrow-down.svg');
   background-repeat: no-repeat;
   background-position: right 10px center;
 }


 .shopping_cart_main_wrapper .shopping_cart .payment .btn_box {
   margin-top: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .shopping_cart_main_wrapper .shopping_cart .payment .btn_box .btn1:hover {
   color: #0198B5;
 }


 /* Responsive */


 @media (max-width: 991px) {
   .shopping_cart_main_wrapper .shopping_cart {
     flex-direction: column;
   }

   .shopping_cart_main_wrapper .shopping_cart .cart {
     width: 100%;
   }

   .shopping_cart_main_wrapper .shopping_cart .payment {
     width: 100%;
   }

   .shopping_cart_main_wrapper .shopping_cart .cart .cart-table {
     width: 600px;
     overflow-x: scroll;
   }
 }


 /*  Partner_Main_Wrapper css start  */

 .Partner_Main_Wrapper {
   width: 100%;
   position: relative;
   background-image: url('../storage/trusted-section-bg-img-2.png');
   background-repeat: no-repeat;
   background-size: cover;
   padding: 100px 0px 100px 0px;
 }


 /*  checkout  page  css  start */

 .Checkout_Main_Wrapper {
   width: 100%;
   position: relative;
   background-image: url('../storage/error_page_bg_img.png');
   background-repeat: no-repeat;
   padding: 100px 0px 100px 0px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap {
   width: 100%;
   display: flex;
   gap: 40px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 {
   width: 70%;
 }


 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 {
   width: 30%;
 }


 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container {
   max-width: 100%;
   margin: auto;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container h2 {
   font-size: 20px;
   margin-bottom: 20px;
   text-transform: uppercase;
   color: #111;
   font-family: 'roboto';
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container form {
   display: flex;
   flex-direction: column;
   gap: 15px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-row {
   display: flex;
   gap: 18px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-group {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 5px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-group .input_grp_box {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container label {
   font-size: 14px;
   font-weight: bold;
   color: #878787;
   font-family: 'roboto';
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container label span {
   color: red;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container input,
 select,
 textarea {
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 3px;
   font-size: 14px;
   box-sizing: border-box;
   color: #878787;
   font-family: 'roboto';
   outline: none;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container select {
   background-image: url('../storage/black-arrow-down.svg');
   background-repeat: no-repeat;
   background-position: right 10px center;
   appearance: none;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container textarea {
   min-height: 80px;
   resize: vertical;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 16px;
   color: #878787;
   font-family: 'roboto';
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group label {
   line-height: 20px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group2 {
   margin-top: 20px;
   padding-top: 30px;
   border-top: 1px solid #f1f1f1;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group2 label {
   color: #000;
   font-family: 'roboto';
   font-size: 18px;
   text-transform: uppercase;
 }

 @media (max-width: 1099px) {
   .Checkout_Main_Wrapper .checkout_inner_wrap {
     gap: 20px;
   }

   .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 {
     width: 100%;
   }

   .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 {
     width: 100%;
   }
 }

 @media (max-width: 991px) {
   .Checkout_Main_Wrapper .checkout_inner_wrap {
     flex-direction: column;
   }
 }



 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container {
   max-width: 100%;
   margin: auto;
   border: 1px solid #eee;
   padding: 20px;
   background: #fff;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .coupon-section h3 {
   font-family: 'roboto';
   text-transform: uppercase;
   margin: 0px 0 15px;
   color: #000;
   font-size: 20px;
   border-bottom: 1px solid #f1f1f1;
   padding-bottom: 15px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-summary h3 {
   font-family: 'roboto';
   text-transform: uppercase;
   margin: 20px 0 10px;
   color: #878787;
   font-size: 16px;
   border-bottom: 1px solid #f1f1f1;
   padding-bottom: 15px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container h4 {
   font-size: 14px;
   color: #878787;
   font-family: 'roboto';
   margin: 15px 0 10px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-item,
 .order-total-row,
 .order-total {
   display: flex;
   justify-content: space-between;
   padding: 8px 0;
   border-bottom: 1px solid #f1f1f1;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-item p {
   margin: 0px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-total-row p {
   margin: 0px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-total p {
   margin: 0px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-total {
   font-size: 16px;
   font-weight: 700;
   color: #878787;
   font-family: 'roboto';
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .shipping-section {
   padding: 10px 0;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .shipping-section h4 {
   font-size: 18px;
   color: #878787;
   font-family: 'roboto';
   margin-bottom: 15px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container label {
   font-size: 16px;
   display: block;
   margin: 8px 0;
   font-family: 'roboto';
   color: #878787;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .payment-method {
   margin: 20px 0;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .payment-method h3 {
   color: #111;
   font-family: 'roboto';
   font-size: 22px;
   text-transform: uppercase;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .payment-note {
   font-size: 12px;
   color: #666;
   font-family: 'roboto';
   margin: 5px 0 15px 20px;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .terms {
   font-size: 13px;
   margin: 20px 0;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .terms a {
   color: #000;
   text-decoration: underline;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .privacy-note {
   font-size: 12px;
   color: #666;
   margin-top: 10px;
   font-family: 'roboto';
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .btn_box {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .place-order-btn:hover {
   background: #333;
 }
.logoBox {
    margin: 0 0 24px;
    text-align: center;
}
.mainTopLogoBox {
    padding: 20px 30px 0;
}
 @media (max-width:576px) {
   .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-row {
     flex-direction: column;
   }

   .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group2 label {
     font-size: 16px;
   }

   .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-row {
     gap: 10px;
   }
 }


 /* 9 sept 2025 */
 .Weapon_Account_Wrapper {
   width: 100%;
   height: 700px;
   padding: 100px 0px 100px 0px;
   background-image: url('../storage/error_page_bg_img.png');
   background-position: center;
   position: relative;
 }

 .Weapon_Account_Wrapper .account_inner_wrap {
   width: 100%;
   display: flex;
 }




 .product__carousel {
   display: block;
   width: 100%;
 }

 .product__carousel a {
   display: block;
   margin-bottom: 15px;
 }

 .product__carousel .gallery-top {
   border-radius: 6px;
   margin-bottom: 30px;
 }

 .product__carousel .gallery-top .swiper-slide {
   position: relative;
   overflow: hidden;
   border: 1px solid #e5e5e5;
 }

 .product__carousel .gallery-top .swiper-slide a {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
 }

 .product__carousel .gallery-top .swiper-slide a img {
   /* width: 100%;
  height: 100%; */
   object-fit: cover;
   border-radius: 6px;
 }

 .product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
   min-width: 100%;
   min-height: 100%;
   object-fit: contain;
 }

 .product__carousel .swiper-button-next.swiper-button-white,
 .product__carousel .swiper-button-prev.swiper-button-white {
   color: #ff3720;
 }

 .product__carousel .gallery-thumbs .swiper-slide {
   position: relative;
   transition: border .15s linear;
   border-radius: 3px;
   cursor: pointer;
   overflow: hidden;
   height: calc(100% - 2px);
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #e5e5e5;
 }

 .product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
   position: relative;
   border: 1px solid #0198B5;
 }

 .product__carousel .gallery-thumbs .swiper-slide img {
   /* width: 100%;
  height: 100%; */
   border-radius: 6px;
   object-fit: cover;
 }

 .swiper-pagination {
   display: none !important;
 }

 .product__carousel {
   margin-bottom: 30px;
 }




 @media(max-width:1199px) {

   header.header {
     display: none;
   }

   ul.submenu {
     visibility: visible !important;
     opacity: 1 !important;
     position: relative !important;
   }

   div#header-tab-sticky {
     background: #030B1A;
   }

   div#header-tab-sticky button i {
     color: #fff;
   }

   button.header-cart i {
     color: #fff !important;
   }

   a.header-cart i {
     color: #fff !important;
   }

   .header-meta__social a {
     color: #fff;
   }

 }


 @media (max-width:768px) {

   div#header-mob-sticky {
     background-color: #01050D !important;
   }

   div#header-mob-sticky button.tp-menu-toggle i {
     color: #fff;
   }

 }



 section.shop-area.pb-100 {
   padding-top: 100px;
 }


 .login_section {
   width: 100%;
   height: 100%;
   position: relative;
    background-image: url('../storage/login-bg.png');
   background-repeat: no-repeat;
   background-size: cover;
   padding: 50px;
   z-index: 1;

 }

 .login_section::after {
   content: "";
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   background: linear-gradient(241.4deg, rgba(27, 27, 27, 0) 34.69%, #030B1A 76.62%);
   z-index: -1;
 }


 #page-auth section.breadcrumb__area {
   display: none;
 }


 body#page-auth .pt-80.pb-80 .container {
   width: 100% !important;
   max-width: 100% !important;
   padding: 0;
 }

 body#page-auth .pt-80.pb-80 {
   padding: 0;
 }

 .login_section .row.justify-content-center.py-5 {
   justify-content: end !important;
 }

 .login_section .auth-card.card {
   width: 68%;
   display: flex;
   float: right;
 }

 button.tptrack__submition {
   border: 2px solid #00a0c6;
   clip-path: unset;
   transform: skew(340deg);
   overflow: hidden;
   padding: 14px;
   margin-bottom: 20px;
   background-color: #00a0c6;
 }


 .login_section .buttonBox {
   border: 2px solid #00a0c6;
   transform: skew(340deg);
   overflow: hidden;
   padding: 4px;
   margin-bottom: 20px;
 }

 .login_section .buttons {
    display: flex;
    justify-content: center;
 }

 /* login css  start */

 /* .login_section {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url('../images/login_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
} */

 /* .login_section::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(241.4deg, rgba(27, 27, 27, 0) 34.69%, #030B1A 76.62%);
} */

 .login_section .login_form_wrapper {
   display: flex;

 }

 .login_section .login_form_wrapper .login_inner_box_one {
   width: 60%;
 }

 .login_section .login_form_wrapper .login_inner_box_two {
   width: 40%;

 }

 .login_section .login_form_wrapper .login_inner_box_two .login-container {
   background: #fff;
   padding: 86px 100px;
   box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1);
   width: 100%;
   position: relative;
   z-index: 99;
 }

 .login_section .login_form_wrapper .login_inner_box_two .login-container .logoBox {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 30px;
 }

 .login_section .login_form_wrapper .login_inner_box_two .login-container .buttonBox {
   border: 2px solid #00a0c6;
   transform: skew(340deg);
   overflow: hidden;
   padding: 4px;
   margin-bottom: 20px;
 }

 .login_section .login_form_wrapper .login_inner_box_two .login-container .buttonBox .buttons {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
 }

 .login_section .login_form_wrapper .login_inner_box_two .login-container .buttonBox .buttons a span {
   transform: skewX(18deg);
 }

 .login-container .buttonBox .buttons .btn1:hover {
   color: #0198B5;
 }

 .login-container .buttonBox .buttons .btn1::after,
 .login-container .buttonBox .buttons .btn1::before,
 .login-container .buttonBox .buttons .btn2::after,
 .login-container .buttonBox .buttons .btn2::before {
   content: unset;
 }

 .login-container .buttonBox .buttons .btn1 {
   clip-path: unset;
 }

 .login-container .buttonBox .buttons .btn2 {
   clip-path: unset;
 }

 /* .login_section .login_form_wrapper .login_inner_box_two .login-container .buttonBox::after {
    content: '';
    position: absolute;
    right: 11px;
    top: -5px;
    bottom: -5px;
    width: 2px;
    transform: rotate(27deg);
    background: #0198B5;
}

.login_section .login_form_wrapper .login_inner_box_two .login-container .buttonBox::before {
    content: '';
    position: absolute;
    left: 11px;
    top: -5px;
    bottom: -5px;
    width: 2px;
    transform: rotate(27deg);
    background: #0198B5;
} */

 .login_section .buttons .btn1 {
   width: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0;
 }

 .login_section .buttons .btn2 {
   border: 0;
   width: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0;
 }

 .login_section .login-container {
   background: #fff;
   padding: 50px 80px;
 }

 .login_form_box form .signInBtnBox .btn1 {
   border: 2px solid #00a0c6;
   transform: skew(340deg);
   overflow: hidden;
   padding: 6px;
   margin-bottom: 20px;
 }

 .login_form_box form .signInBtnBox .btn1 span {
   transform: skewX(18deg);
 }

 .login_form_box form .signInBtnBox .btn1::after,
 .login_form_box form .signInBtnBox .btn1::before {
   content: unset;
 }

 .login_form_box form .signInBtnBox .btn1::after,
 .login_form_box form .signInBtnBox .btn1::before {
   content: unset;
 }

 .login_form_box form .signInBtnBox .btn1 {
   border: 2px solid #00a0c6;
   clip-path: unset;
 }

 .login_form_box form .signInBtnBox .btn1:hover {
   color: #00a0c6;
 }

 .login_form_box {
   width: 100%;
 }

 .login_form_box form .form-group {
   position: relative;
   margin-bottom: 25px;
 }

 .login_form_box form .form-group label {
   position: relative;
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 20px;
   line-height: 26px;
   color: #030B1A;
   margin-bottom: 9px;
 }

 .login_form_box form .form-group label span {
   color: #FF0002;
 }

 .login_form_box form .form-group input {
   width: 100%;
   padding: 17px 25px;
   border: 1px solid #E2E2E2;
   outline: none;
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-size: 16px;
   position: relative;
   box-shadow: none;
 }


 .login_form_box form .checkboxOption {
   width: 100%;
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
 }


 .login_form_box form .checkboxOption .checkBoxInnerOne {
   position: relative;
 }


 .login_form_box form .checkboxOption .checkBoxInnerTwo a {
   font-family: 'Audiowide';
   font-weight: 400;
   font-size: 14px;
   line-height: 25px;
   text-decoration: underline;
   color: #242B34;
 }

 .login_form_box form .signInBtnBox {
   width: 100%;
 }

 .login_form_box form .signInBtnBox a {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .line_box {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 35px;
 }

 .line_box .lineText {
   width: 100%;
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-size: 12px;
   line-height: 24px;
   color: #030B1A;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
 }

 .line_box::before {
   content: "";
   width: 100%;
   height: 2px;
   background-color: #E2E2E2;
 }

 .line_box::after {
   content: "";
   width: 100%;
   height: 2px;
   background-color: #E2E2E2;
 }

 .google_Links {
   width: 100%;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 30px 0px 20px 0px;
 }

 .google_Links a {
   width: 157px;
   height: 57px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #E2E2E2;
 }

 .extra-links p {
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-size: 18px;
   text-align: center;
   color: #4D5565;
   margin: 0;
 }

 .extra-links a {
   font-family: 'Audiowide';
   font-weight: 500;
   color: #0198B5;

 }

 .extra-links a:hover {
   color: #0198B5;
 }

 .password-wrapper {
   position: relative;
 }

 .toggle-button {
   display: inline-flex;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: unset;
   right: 12px;
   cursor: pointer;
 }

 .eye-icon {
   width: 20px;
   height: 20px;
 }



 /* // check box css start */
 .check_box input {
   padding: 0;
   height: initial;
   width: initial;
   margin-bottom: 0;
   display: none;
   cursor: pointer;
 }

 .check_box label {
   position: relative;
   cursor: pointer;
   font-family: "Roboto", sans-serif;
   font-weight: 500;
   font-size: 14px;
   color: #242B34;
 }

 .check_box label:before {
   content: '';
   -webkit-appearance: none;
   background-color: #fff;
   border: 1px solid gray;
   border-radius: 4px;
   width: 20px;
   height: 20px;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   cursor: pointer;
   margin-right: 8px;
 }

 .check_box input:checked+label:after {
   content: "";
   display: block;
   position: absolute;
   top: 8px;
   left: 7px;
   width: 6px;
   height: 10px;
   border: solid #0198B5;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
   z-index: 22;
 }




 /* responsive css start  */


 @media(max-width:1599px) {
   .login_section .login_form_wrapper .login_inner_box_one {
     width: 50%;
   }

   .login_section .auth-card.card {
      width: 100%;
  }

   .login_section .login_form_wrapper .login_inner_box_two {
     width: 50%;
   }
 }

 @media(max-width:1299px) {
   .login_section .login_form_wrapper .login_inner_box_one {
     width: 45%;
   }

   .login_section .login_form_wrapper .login_inner_box_two {
     width: 55%;
   }
 }

 @media(max-width:1199px) {
   .login_section .login_form_wrapper .login_inner_box_one {
     width: 35%;
   }

   .login_section .login_form_wrapper .login_inner_box_two {
     width: 65%;
   }
 }


 @media(max-width:991px) {
   .login_section .login_form_wrapper {
     flex-wrap: wrap;
   }

   .login_section .login_form_wrapper .login_inner_box_one {
     width: 100%;
   }

   .login_section .login_form_wrapper .login_inner_box_two {
     width: 100%;
   }

   .login_section .login-container .logoBox {
     margin-bottom: 30px;
   }

   .login_section .login-container .buttonBox {
     margin-bottom: 40px;
   }
 }

 @media(max-width:767px) {
   .login_section .login-container {
     padding: 50px 50px;
   }

   .login_form_box form .form-group input {
     padding: 10px 20px;
   }

   .login_form_box form .checkboxOption {
     margin-bottom: 30px;
   }
 }

 @media(max-width:600px) {
   .login_section {
     padding: 20px;
   }

   .login_section .about-contents.login-container {
     padding: 30px 30px;
   }

   .login_section .login-container .logoBox img {
     max-width: 200px;
   }
 }

 @media(max-width:500px) {
.login_section .d-flex.flex-column.flex-md-row.align-items-start {
    flex-direction: row !important;
}

   .login_section .buttons {
     flex-direction: column;
     gap: 10px;
   }

   .login_section .buttons .btn1 {
     width: 100%;
   }

   .login_section .buttons .btn2 {
     width: 100%;
   }

   .login_form_box form .checkboxOption {
     flex-wrap: wrap;
     gap: 10px;
   }

   .login_section {
     padding: 10px;
   }

   .login_section .login-container {
     padding: 15px 15px;
   }

   .login_section .buttonBox {
     transform: skew(-7deg);
   }

 }


 .login-container .buttons .btn1:hover span{
    color: #0198B5;
}

.login_section .buttons a:after, .login_section .buttons a:before{
  content: unset;
}

.login_section .buttons a, .login_section .buttons a{
    clip-path: unset;
}
.login_section .buttons a, .login_section .buttons .btn1{
  color: #fff;
}
.login_section .buttons a, .login_section .buttons .btn1:hover {
    color: #0198b5;
    border: 1px solid #0198B5;
}
.login_section .buttons a, .login_section .buttons .btn2 {
      color: #0198b5;
}
.login_section .buttons a, .login_section .buttons .btn2:hover {
    color: #fff;
    border: 1px solid #fff;
}


.login_section .tptrack__submition:hover {
    background-color: #ffffff;
    color: #0198b5;
}


.bb-product-filter {
    margin-bottom: 30px;
    padding: 20px;
    background: transparent !important;
    border: 1px solid #C7C8CC;
}

.bb-product-filter-content .bb-product-filter-item .bb-product-filter-link svg{
      color: #00859D;
}


.product-item-count span {
    font-family: 'Audiowide';
    font-weight: 400;
    font-size: 20px !important;
    line-height: 30px;
    color: #030B1A !important;
    margin: 0;
}


.bb-product-filter-items li {
    margin: 9px 0;
}

h4.bb-product-filter-title {
    font-family: 'Audiowide';
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
    padding: 0 0 5px;
    color: #0198B5;
}

a.bb-product-filter-link svg {
    margin-top: 6px;
}

a.bb-product-filter-link {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    color: #030B1A;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: flex-start;
}


.text-truncate a {
    font-size: 22px;
    font-weight: 400;
    font-family: 'Audiowide';
    color: #111;
    margin: 0 0 10px;
}

.tpproduct__priceinfo-list {
    font-family: 'Audiowide';
    color: #0198B5;
}


.bb-product-filter-items li label {
    line-height: 21px;
    padding-inline-start: 26px;
    position: relative;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    color: #030B1A;
}







@media (min-width: 992px) {
    .product-area .col-lg-2.col-md-12 {
        width: 25% !important;
    }

    .product-area .col-lg-10.col-md-12 {
        width: 75% !important;
    }



}



.bb-product-filter-items li label {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px !important;
    color: #030B1A !important;
}


.coming-soon-area .tpcoming__count {
    display: none;
}



.about-area p {
    font-size: 16px;
    color: #878787;
    font-family: "Poppins", sans-serif;
    vertical-align: baseline;
    line-height: 26px;
    font-weight: 400;
    overflow-X: hidde;
}

.tooltipContant .growPointOuter1 {
  position: absolute;
  right: 138px;
  bottom: 35%;
  top: 62px;
}

.tooltipContant .growPointOuter2 {
  position: absolute;
  right: 37%;
  bottom: 0;
  top: 218px;
}

.tooltipContant .growPointOuter3 {
  position: absolute;
  top: 158px;
  right: 64%;
}

.tooltipContant .growPointOuter4 {
  position: absolute;
  top: 254px;
  left: 22%;
}

.tooltipContant .growPointOuter5 {
  position: absolute;
  top: 80px;
  left: 12%;
}

.popover-header {
  padding: 14px 14px 0px;
  border-bottom: 0;
  font-size: 16px;
  margin-bottom: 8px;
  background-color: #fff;
  color: #000;
}

.popover-body {
  padding: 0px 14px 14px;
  color: #212529;
}



.login_section.register_page a.btn2 {
    background: #0198b5;
    color: #fff;
}


.login_section.register_page a.btn1 {
    background: #fff;
    color: #0198b5;
}

#page-auth section.subscribe-area ,#page-auth footer{
    display: none;
}





.login_section {
    height: 100vh;
}

.login_section .row.justify-content-center.py-5 {
    height: 100%;
    align-items: center;
}

.login_section.register_page {
    height: 100%;

}





#page-auth .header {
    display: none;
}



.breadcrumb__area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #030b1abd;
    z-index: -1;
}


.tp-breadcrumb span {
    color: #fff !important;
}

.tp-breadcrumb__title {
    color: #fff;
}



.tpsection.mb-40 {
    display: none;
}



.products-area {
    padding-bottom: 0 !important;
}

.tpnavbar.mb-40 {
    display: none;
}


h4.blogitem__title a {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    color: #111111;
    font-family: 'Audiowide';
    overflow: hidden;
    display: -webkit-box;
}


.blogitem__content ul li a {
    color: #0198B5;
}


.tpsection__title {
    display: inline-block;
    position: relative;
    font-family: 'Audiowide';
    font-weight: 400;
    font-size: 56px;
    text-transform: capitalize;
    color: #111;
    padding: 0 70px;
}


.blogheader.mb-20.d-flex.align-items-center.justify-content-between {
    display: block !important;
    text-align: center;
}


h2.tpsection__title:before {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    width: 50px;
    background: #0198B5;
    -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
}


h2.tpsection__title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 50px;
    background: #0198B5;
    -webkit-clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
}


label.required.form-check span {
    display: inline-block;
    margin-left: 10px;
}


.carousel, .carousel-inner, .carousel-item {
    height: 90vh !important;
}


h3.tpproduct-details__title {
    font-size: 24px;
    font-family: 'Audiowide';
    color: #111;
}


.tpproduct-details__pera p {
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #4D5565;
}

.tp-content-tab p {
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #4D5565;
}


.tpproduct-details__nav .nav-tabs li.nav-item{
      font-weight: 400;
    font-family: 'Audiowide';
    font-size: 26px;
    color: #222222;
    border-radius: 0;
    border: none;
    padding: 10px 0px 0;
    cursor: pointer;
}

.tpproduct-details__nav .nav-tabs .nav-links {
    font-weight: 400;
    font-family: 'Audiowide';
    font-size: 22px;
    color: #222222;
    border-radius: 0;
    border: none;
    cursor: pointer;
    border-bottom: 5px solid transparent;
    margin: 0 25px 0 0;
    line-height: 44px;
}

li.nav-item {
    border-bottom: 5px solid transparent;
    transition: all 0.5s;
}

.tpproduct-details__nav .nav-tabs {
    justify-content: flex-start;
    padding: 0;
}

.tpproduct-details__nav .nav-tabs .nav-links.active {
    border-color: #0198B5;
    color: #0198B5;
}

button.btn.add-to-cart {
    display: inline-block;
    position: relative;
    padding: 0 30px;
    line-height: 50px;
    height: 50px;
    background: #0198B5;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
    clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
    border: 1px solid transparent;
    font-family: 'Audiowide';
    text-align: center;
}


button.btn.bg-dark.buy-now {
    display: inline-block;
    position: relative;
    background: transparent !important;
    border: 2px solid #0198B5;
    text-transform: uppercase;
    font-weight: 500;
    color: #0198B5;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-clip-path: polygon(11% 0%, 100% 0, 88% 100%, 0% 100%);
    clip-path: polygon(11% 0%, 100% 0, 88% 100%, 0% 100%);
    font-family: 'Audiowide';
    text-align: center;
    padding: 0px 28px;
}

button.btn.bg-dark.buy-now:after{
    content: '';
    position: absolute;
    top: -25px;
    bottom: -20px;
    width: 2px;
    right: 6px;
    transform: rotate(16deg);
    background: #0198B5
}



button.btn.bg-dark.buy-now:before {
    content: '';
    position: absolute;
    left: 7px;
    top: -2px;
    bottom: 1px;
    width: 2px;
    transform: rotate(16deg);
    background: #0198B5;
}


.tpproduct-details__quantity input.tp-cart-input {
    width: 50px;
}

div#fashionCarousel .btn2:after {
    transform: rotate(28deg);
}

body#page-auth header.main-header {
    display: none;
}

.auth-card .text-primary {
    color: #0198b5 !important;
}

.tpproduct__priceinfo-list span {
    font-family: 'Audiowide';
    color: #0198B5;
    display: block;
    font-size: 23px;
}

.bb-product-price-filter .ui-slider-horizontal .ui-slider-range {
    background-color: #0198b5;
}

.bb-product-price-filter .ui-slider .ui-slider-handle{
  border: 3px solid #0198b5;
}

.tp-breadcrumb__link span a:hover {
    color: #0198b5;
}







@media (max-width: 992px) {
    .tooltipContant .growPointOuter4 {
        top: 220px;
        left: 22%;
    }
    
      .tooltipContant .growPointOuter2 {
        right: 36%;
        top: 152px;
    }
    
    
}










/*-------------------------------------
    Template Name: Weapon Store - Gun Shop HTML Template
    Description: This is html5 template
    Author: Webstrot
---------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. Header area start here
    3. Slider area start here
    4. About area start here
    5. Breadcumb area start here
    6. Banner area start here
    7. Services area start here
    8. Team area start here
    9. Price list area start here
    10. Pagination area start here
    11. Sidebar area start here
    12. Products area start here
    13. Testimonial area start here
    14. Client area start here
    15. Form area start here
    16. Social link area start here
    17. Blog area start here
    18. Faq area start here
    19. Contact area start here
    20. Footer area start here
    21. Gallery area start here



---------------------------------------*/
/*....................................
1.Theme default CSS
....................................*/
/*-------- Global Variables Start here --------*/
/*-------- Global Variables End here --------*/
/*-------- Responsive Start here --------*/
/* 
  Responsive Call = @include res(media){@contents;}
  media = m1920, m1600, m1200, m992, m768, m480, m320
*/
/*-------- Responsive End here --------*/
html,
body {
  font-size: 16px;
  color: #878787;
  font-family: "Poppins", sans-serif;
  vertical-align: baseline;
  line-height: 26px;
  font-weight: 400;
  overflow-X: hidden;

}

/* ....................................
1.1 Reset CSS 
.......................................*/
a {
  transition: all 0.3s;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #096b89;
}

a:active {
  outline: 0 none;
  text-decoration: none;
}

a:focus {
  outline: 0px solid;
  text-decoration: none;
}

p {
  margin: 0 0 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 26px;
  font-weight: 600;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

input {
  box-shadow: none;
  border-radius: 0;
  outline: none;
}

input:focus {
  outline: none;
  box-shadow: none;
}

input:active {
  outline: none;
  box-shadow: none;
}

textarea {
  outline: none;
  box-shadow: none;
  border-radius: 0;
}

textarea:focus {
  outline: none;
  box-shadow: none;
}

textarea:active {
  outline: none;
  box-shadow: none;
}

button {
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}

button:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

button:active {
  outline: none;
  box-shadow: none;
  border: none;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-table {
  display: table;
}

.w-50 {
  width: 50%;
}

::-moz-selection {
  background: #00c3ff;
  text-shadow: none;
}

::selection {
  background: #00c3ff;
  text-shadow: none;
}

.browserupgrade {
  margin: 26px 0;
  background: #00c3ff;
  color: #333333;
  padding: 26px 0;
}

/***Typography***/
h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

.f-16 {
  font-size: 16px;
}

.f-18 {
  font-size: 18px;
}

.f-20 {
  font-size: 20px;
}

.f-22 {
  font-size: 22px;
}

.f-24 {
  font-size: 24px;
}

.f-26 {
  font-size: 26px;
}

.f-28 {
  font-size: 28px;
}

.f-30 {
  font-size: 30px;
}

.f-36 {
  font-size: 36px;
}

.f-40 {
  font-size: 40px;
}

.f-48 {
  font-size: 48px;
}

.f-60 {
  font-size: 60px;
}

.f-72 {
  font-size: 72px;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.t-u {
  text-transform: uppercase;
}

.t-c {
  text-transform: capitalize;
}

.t-l {
  text-transform: lowercase;
}

/*** Section ***/
.section-heading {
  display: block;
  position: relative;
  text-align: center;
  margin: 0 0 50px;
}

.section-heading h2 {
  display: inline-block;
  position: relative;
  font-family: 'Audiowide';
  font-weight: 400;
  font-size: 36px;
  text-transform: capitalize;
  color: #111;
  padding: 0 70px;
}

@media only screen and (max-width: 480px) {
  .section-heading h2 {
    font-size: 30px;
    padding: 0;
  }
}

.section-heading h2:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 50px;
  background: #0198B5;
  -webkit-clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
}

@media only screen and (max-width: 480px) {
  .section-heading h2:after {
    display: none;
  }
}

.section-heading h2:before {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  width: 50px;
  background: #0198B5;
  -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
}

@media only screen and (max-width: 480px) {
  .section-heading h2:before {
    display: none;
  }
}

.section-heading p {
  display: block;
  margin: 0 auto;
  width: 70%;
}

@media only screen and (max-width: 480px) {
  .section-heading p {
    width: 100%;
  }
}

.section-heading2 h2 {
  font-family: 'Audiowide';
  font-weight: 400;
  font-size: 36px;
  text-transform: capitalize;
  color: #111;
  padding-left: 70px;
  position: relative;
}

@media only screen and (max-width: 320px) {
  .section-heading2 h2 {
    font-size: 30px;
  }
}

.section-heading2 h2:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 50px;
  bottom: 5px;
  background: #0198B5;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
}

.section {
  padding: 100px 0;
}

@media only screen and (max-width: 992px) {
  .section {
    padding: 75px 0;
  }
}

@media only screen and (max-width: 768px) {
  .section {
    padding: 80px 0;
  }
}

@media only screen and (max-width: 767px) {
  .twitter-posts .owl-controls .owl-buttons {

    top: 108% !important;
    left: 0px;
  }
}

.section2 {
  padding: 100px 0 70px;
}

@media only screen and (max-width: 992px) {
  .section2 {
    padding: 75px 0 45px;
  }
}

@media only screen and (max-width: 768px) {
  .section2 {
    padding: 60px 0 30px;
  }
}

.section3 {
  padding: 70px 0 100px;
}

@media only screen and (max-width: 992px) {
  .section3 {
    padding: 45px 0 75px;
  }
}

@media only screen and (max-width: 768px) {
  .section3 {
    padding: 30px 0 60px;
  }
}

.section4 {
  padding-bottom: 100px;
}

@media only screen and (max-width: 992px) {
  .section4 {
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 768px) {
  .section4 {
    padding-bottom: 60px;
  }
}

.section5 {
  padding-top: 100px;
}

@media only screen and (max-width: 992px) {
  .section5 {
    padding-top: 75px;
  }
}

@media only screen and (max-width: 768px) {
  .section5 {
    padding-top: 60px;
  }
}

/***Button***/
.btn1 {
  display: inline-block;
  position: relative;
  padding: 0 60px;
  line-height: 50px;
  height: 50px;
  background: #0198B5;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
  clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
  border: 1px solid transparent;
  font-family: 'Audiowide';
  text-align: center;
}

@media only screen and (max-width: 320px) {
  .btn1 {
    clip-path: none;
    padding: 0 30px;
  }

  .btn1::after {
    display: none;
  }

  .btn1::before {
    display: none;
  }
}

.btn1:hover {
  background: transparent;
  color: #fff;
  border: 1px solid #0198B5;
}

.btn2 {
  display: inline-block;
  position: relative;
  padding: 0 60px;
  line-height: 46px;
  height: 50px;
  background: transparent;
  border: 2px solid #0198B5;
  text-transform: uppercase;
  font-weight: 500;
  color: #0198B5;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-clip-path: polygon(11% 0%, 100% 0, 88% 100%, 0% 100%);
  clip-path: polygon(11% 0%, 100% 0, 88% 100%, 0% 100%);
  margin-left: -27px;
  font-family: 'Audiowide';
  text-align: center;
}

@media only screen and (max-width: 320px) {
  .btn2 {
    clip-path: none;
    margin: 0;
    padding: 0 30px;
  }

  .btn2:before {
    display: none;
  }
}

.btn1::before {
  content: '';
  position: absolute;
  left: 11px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(27deg);
  background: #0198B5;
}

.btn1:after {
  content: '';
  position: absolute;
  right: 11px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(27deg);
  background: #0198B5;
}

.btn2:after {
  content: '';
  position: absolute;
  right: 11px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(24deg);
  background: #0198B5;
}

.btn2:before {
  content: '';
  position: absolute;
  left: 11px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(24deg);
  background: #0198B5;
  ;
}



@media only screen and (max-width: 320px) {
  .btn2:after {
    display: none;
  }
}

.btn2:hover {
  background: #0198B5;
  color: #fff;
}

.btn3 {
  display: inline-block;
  color: #0198B5;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
}

.btn3 i {
  padding-left: 8px;
}

.btn3:hover {
  color: #111;
}

.btn4 {
  display: inline-block;
  position: relative;
  padding: 0 60px;
  line-height: 46px;
  height: 50px;
  background: transparent;
  border: 2px solid #0198B5;
  text-transform: uppercase;
  font-weight: 500;
  color: #111;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
  clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
  font-family: 'Audiowide';
  text-align: center;
}

@media only screen and (max-width: 320px) {
  .btn4 {
    clip-path: none;
    padding: 0 30px;
  }
}

.btn4:after {
  content: '';
  position: absolute;
  right: 11px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(27deg);
  background: #0198B5;
}

@media only screen and (max-width: 320px) {
  .btn4:after {
    display: none;
  }
}

.btn4:before {
  content: '';
  position: absolute;
  left: 11px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(27.8deg);
  background: #0198B5;
}

@media only screen and (max-width: 320px) {
  .btn4:before {
    display: none;
  }
}

.btn4:hover {
  background: #0198B5;
  color: #fff;
}

/*** Reset ***/
.login_wrapper #fb_btn {
  background: #5872ab !important;
  border: 1px solid #5872ab
}

.login_wrapper #fb_btn:hover {
  background-color: #39599f !important;
  border-color: #39599f;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.p-re {
  position: relative;
}

.p-ab {
  position: absolute;
}

.af-be:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.af-be:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.af:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.be:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.bg-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100% !important;
  z-index: 1;
}

.events-area {
  width: 100%;
  height: 100%;
  background-image: url(../storage/trusted-section-bg-img-2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.products-area {
  width: 100%;
  height: 100%;
  background-image: url(../storage/trusted-section-bg-img-2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.gallery-area {
  width: 100%;
  height: 100%;
  background-image: url(../storage/trusted-section-bg-img-2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.blog-area {
  width: 100%;
  height: 100%;
  background-image: url(../storage/trusted-section-bg-img-2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.banner-area-img-group {
  display: flex;
  gap: 40px;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.aligncenter {
  display: block;
  margin: 0 auto 26px;
}

@media only screen and (max-width: 992px) {
  .sm-t-center {
    text-align: center !important;
  }
}

@media only screen and (max-width: 768px) {
  .xs-t-center {
    text-align: center !important;
  }
}

.dbox {
  overflow: hidden;
  z-index: 1;
  vertical-align: middle;
  width: 100%;
}

.dbox .dleft {
  display: inline-block;
  float: left;
  padding-right: 10px;
}

.dbox .dright {
  display: table;
  padding-left: 10px;
}

#scrollUp {
  bottom: 40px;
  right: 30px;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 100%;
  background: #0198B5;
  color: #fff;
  transition: all 0.3s;
  z-index: 9999 !important;
  opacity: 0.8;
}

#scrollUp:hover {
  background-color: #333;
  color: #fff;
  opacity: 1;
  line-height: 50px;
}

#preloader {
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2147483647;
  width: 100%;
  height: 100%;
}

#status {
  background-position: center center;
  background-repeat: no-repeat;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #254a93;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/***All plugins Reset***/
/*owl Navigations*/
.products-area .owl-controls {
  margin: 0;
}

@media only screen and (max-width: 1200px) {
  .products-area .owl-controls {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  .products-area .owl-controls {
    display: block !important;
  }
}

@media only screen and (max-width: 768px) {
  .products-area .owl-controls {
    display: none !important;
  }
}

.products-area .owl-controls .owl-buttons {
  position: absolute;
  left: 15px;
  right: 13px;
  top: 45%;
}

.products-area .owl-controls .owl-buttons div {
  opacity: 1;
  display: block;
  border-radius: 0;
  background: #eee;
  color: #111;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0;
  position: absolute;
  font-size: 18px;
  transition: all 0.3s;
}

.products-area .owl-controls .owl-buttons div:hover {
  background: #0198B5;
  color: #fff;
}

.products-area .owl-controls .owl-buttons div.owl-prev {
  left: -73px;
  padding: 0 25px 0 33px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
}

.products-area .owl-controls .owl-buttons div.owl-next {
  right: -74px;
  padding: 0 33px 0 25px;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
}

.events-area .owl-controls {
  margin: 0;
}

@media only screen and (max-width: 480px) {
  .events-area .owl-controls {
    display: none !important;
  }

  .btn2 {
    margin-top: 10px;
  }

  .paginations2 ul li a {
    margin-top: 10px;
  }
}

.events-area .owl-controls .owl-buttons {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.events-area .owl-controls .owl-buttons div {
  opacity: 1;
  display: block;
  border-radius: 0;
  background: #030B1A;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0;
  position: absolute;
  font-size: 18px;
  transition: all 0.3s;
  padding: 0 28px 0 20px;
}

.events-area .owl-controls .owl-buttons div:hover {
  background: #0198B5;
  color: #fff;
}

.events-area .owl-controls .owl-buttons div.owl-prev {
  left: -24px;
  top: 0;
  -webkit-clip-path: polygon(18% 1%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(18% 1%, 100% 0, 100% 100%, 0% 100%);
}

.events-area .owl-controls .owl-buttons div.owl-next {
  right: -30px;
  top: 0;
  -webkit-clip-path: polygon(0 0, 83% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 83% 0, 100% 100%, 0% 100%);
}

.blog-area .slick-prev {
  opacity: 1;
  display: block;
  border-radius: 0;
  background: #eee;
  color: #111;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0;
  position: absolute;
  font-size: 18px;
  transition: all 0.3s;
  left: -58px;
  top: 45%;
  padding: 0 25px 0 33px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
  z-index: 999;
}

@media only screen and (max-width: 1200px) {
  .blog-area .slick-prev {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .blog-area .slick-prev {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .blog-area .slick-prev {
    display: none;
  }
}

.blog-area .slick-prev:hover {
  background: #0198B5;
  color: #fff;
}

.blog-area .slick-next {
  opacity: 1;
  display: block;
  border-radius: 0;
  background: #eee;
  color: #111;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0;
  position: absolute;
  font-size: 18px;
  transition: all 0.3s;
  right: -45px;
  top: 45%;
  padding: 0 33px 0 25px;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
}

@media only screen and (max-width: 1200px) {
  .blog-area .slick-next {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .blog-area .slick-next {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .blog-area .slick-next {
    display: none;
  }
}

.blog-area .slick-next:hover {
  background: #0198B5;
  color: #fff;
}

.twitter-posts .owl-controls {
  margin: 0;
}

@media only screen and (max-width: 320px) {
  .twitter-posts .owl-controls {
    display: none !important;
  }
}

.twitter-posts .owl-controls .owl-buttons {
  position: absolute;
  right: 13px;
  top: 38%;
}

.twitter-posts .owl-controls .owl-buttons div {
  opacity: 1;
  display: inline-block;
  border-radius: 0;
  background: transparent;
  color: #111;
  height: 50px;
  line-height: 48px;
  border: 1px solid #fff;
  text-align: center;
  margin: 0;
  width: 80px;
  font-size: 18px;
  transition: all 0.3s;
  -webkit-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
  clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
  color: #fff;
  border-left: none;
  border-right: none;
  position: relative;
}

.twitter-posts .owl-controls .owl-buttons div:hover {
  background: #fff;
  color: #111;
}

.twitter-posts .owl-controls .owl-buttons div:after {
  content: '';
  position: absolute;
  left: 6px;
  top: -5px;
  bottom: -5px;
  width: 1px;
  background: #fff;
  transform: rotate(12.5deg);
}

.twitter-posts .owl-controls .owl-buttons div.owl-prev {
  margin-right: -15px;
}

.twitter-posts .owl-controls .owl-buttons div.owl-next:before {
  content: '';
  position: absolute;
  right: 7px;
  top: -5px;
  bottom: -5px;
  width: 1px;
  background: #fff;
  transform: rotate(13deg);
}

/*owl Paginations*/
.owl-controls {
  margin: 0;
}

.owl-controls .owl-pagination .owl-page {
  padding: 0 2px;
}

.owl-controls .owl-pagination .owl-page span {
  width: 17px;
  height: 17px;
  background: #f7f7f7;
  opacity: 1;
  position: relative;
  margin: 0 3px;
}

.owl-controls .owl-pagination .owl-page span:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 3px solid #0198B5;
  border-radius: 100%;
  opacity: 0;
  transition: all 0.3s;
}

.owl-controls .owl-pagination .owl-page.active span {
  background: transparent;
}

.owl-controls .owl-pagination .owl-page.active span:after {
  opacity: 1;
}

/*bx Slider Navigatons*/
@media only screen and (max-width: 768px) {
  .bx-controls .bx-controls-direction {
    display: none;
  }
}

.bx-controls .bx-controls-direction a {
  text-indent: 0;
  color: transparent;
  text-align: center;
  background: #0e0e0e;
  width: 80px;
  height: 50px;
  line-height: 50px;
}

@media only screen and (max-width: 992px) {
  .bx-controls .bx-controls-direction a {
    top: 62%;
  }
}

.bx-controls .bx-controls-direction a:hover {
  background: #0198B5;
}

.bx-controls .bx-controls-direction a.bx-prev {
  -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  left: 0;
}

.bx-controls .bx-controls-direction a.bx-prev:before {
  content: '\f30a';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-weight: 900;
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
}

.bx-controls .bx-controls-direction a.bx-next {
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
  right: 0;
}

.bx-controls .bx-controls-direction a.bx-next:before {
  content: '\f30b';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-weight: 900;
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
}

.mfp-bottom-bar {
  display: none;
}

.mfp-arrow {
  display: none !important;
}

/*** Margin ***/
.mr-lu {
  margin-left: auto !important;
}

.mr-ru {
  margin-right: auto !important;
}

.t-0 {
  top: 0;
}

.l-0 {
  left: 0;
}

.r-0 {
  right: 0;
}

.b-0 {
  bottom: 0;
}

.mr-0 {
  margin: 0;
}

.mr-t0 {
  margin-top: 0px;
}

.mr-t5 {
  margin-top: 5px;
}

.mr-t10 {
  margin-top: 10px;
}

.mr-t15 {
  margin-top: 15px;
}

.mr-t20 {
  margin-top: 20px;
}

.mr-t25 {
  margin-top: 25px;
}

.mr-t30 {
  margin-top: 30px;
}

.mr-t35 {
  margin-top: 35px;
}

.mr-t40 {
  margin-top: 40px;
}

.mr-t45 {
  margin-top: 45px;
}

.mr-t50 {
  margin-top: 50px;
}

.mr-t60 {
  margin-top: 60px;
}

.mr-t70 {
  margin-top: 70px;
}

.mr-t80 {
  margin-top: 80px;
}

.mr-t90 {
  margin-top: 90px;
}

.mr-t100 {
  margin-top: 100px;
}

.mr-t110 {
  margin-top: 110px;
}

.mr-t120 {
  margin-top: 120px;
}

.mr-t130 {
  margin-top: 130px;
}

.mr-t140 {
  margin-top: 140px;
}

.mr-t150 {
  margin-top: 150px;
}

.mr-b0 {
  margin-bottom: 0px;
}

.mr-b5 {
  margin-bottom: 5px;
}

.mr-b10 {
  margin-bottom: 10px;
}

.mr-b15 {
  margin-bottom: 15px;
}

.mr-b20 {
  margin-bottom: 20px;
}

.mr-b25 {
  margin-bottom: 25px;
}

.mr-b30 {
  margin-bottom: 30px;
}

.mr-b35 {
  margin-bottom: 35px;
}

.mr-b40 {
  margin-bottom: 40px;
}

.mr-b45 {
  margin-bottom: 45px;
}

.mr-b50 {
  margin-bottom: 50px;
}

.mr-b60 {
  margin-bottom: 60px;
}

.mr-b70 {
  margin-bottom: 70px;
}

.mr-b80 {
  margin-bottom: 80px;
}

.mr-b90 {
  margin-bottom: 90px;
}

.mr-b100 {
  margin-bottom: 100px;
}

.mr-b110 {
  margin-bottom: 110px;
}

.mr-b120 {
  margin-bottom: 120px;
}

.mr-b130 {
  margin-bottom: 130px;
}

.mr-b140 {
  margin-bottom: 140px;
}

.mr-b150 {
  margin-bottom: 150px;
}

.mr-l0 {
  margin-left: 0px;
}

.mr-l5 {
  margin-left: 5px;
}

.mr-l10 {
  margin-left: 10px;
}

.mr-l15 {
  margin-left: 15px;
}

.mr-l20 {
  margin-left: 20px;
}

.mr-l25 {
  margin-left: 25px;
}

.mr-l30 {
  margin-left: 30px;
}

.mr-l35 {
  margin-left: 35px;
}

.mr-l40 {
  margin-left: 40px;
}

.mr-l45 {
  margin-left: 45px;
}

.mr-l50 {
  margin-left: 50px;
}

.mr-l60 {
  margin-left: 60px;
}

.mr-l70 {
  margin-left: 70px;
}

.mr-l80 {
  margin-left: 80px;
}

.mr-l90 {
  margin-left: 90px;
}

.mr-l100 {
  margin-left: 100px;
}

.mr-l110 {
  margin-left: 110px;
}

.mr-l120 {
  margin-left: 120px;
}

.mr-l130 {
  margin-left: 130px;
}

.mr-l140 {
  margin-left: 140px;
}

.mr-l150 {
  margin-left: 150px;
}

.mr-r0 {
  margin-right: 0px;
}

.mr-r5 {
  margin-right: 5px;
}

.mr-r10 {
  margin-right: 10px;
}

.mr-r15 {
  margin-right: 15px;
}

.mr-r20 {
  margin-right: 20px;
}

.mr-r25 {
  margin-right: 25px;
}

.mr-r30 {
  margin-right: 30px;
}

.mr-r35 {
  margin-right: 35px;
}

.mr-r40 {
  margin-right: 40px;
}

.mr-r45 {
  margin-right: 45px;
}

.mr-r50 {
  margin-right: 50px;
}

.mr-r60 {
  margin-right: 60px;
}

.mr-r70 {
  margin-right: 70px;
}

.mr-r80 {
  margin-right: 80px;
}

.mr-r90 {
  margin-right: 90px;
}

.mr-r100 {
  margin-right: 100px;
}

.mr-r110 {
  margin-right: 110px;
}

.mr-r120 {
  margin-right: 120px;
}

.mr-r130 {
  margin-right: 130px;
}

.mr-r140 {
  margin-right: 140px;
}

.mr-r150 {
  margin-right: 150px;
}

.mr-0 {
  margin: 0;
}

.mr-5 {
  margin: 5px;
}

.mr-10 {
  margin: 10px;
}

.mr-15 {
  margin: 15px;
}

.mr-20 {
  margin: 20px;
}

.mr-25 {
  margin: 25px;
}

.mr-30 {
  margin: 30px;
}

.mr-35 {
  margin: 35px;
}

.mr-40 {
  margin: 40px;
}

.mr-45 {
  margin: 45px;
}

.mr-50 {
  margin: 50px;
}

.mr-60 {
  margin: 60px;
}

.mr-70 {
  margin: 70px;
}

.mr-80 {
  margin: 80px;
}

.mr-90 {
  margin: 90px;
}

.mr-100 {
  margin: 100px;
}

.mr-110 {
  margin: 110px;
}

.mr-120 {
  margin: 120px;
}

.mr-130 {
  margin: 130px;
}

.mr-140 {
  margin: 140px;
}

.mr-150 {
  margin: 150px;
}

/*** Padding ***/
.pd-0 {
  padding: 0;
}

.pd-t0 {
  padding-top: 0px;
}

.pd-t5 {
  padding-top: 5px;
}

.pd-t10 {
  padding-top: 10px;
}

.pd-t15 {
  padding-top: 15px;
}

.pd-t20 {
  padding-top: 20px;
}

.pd-t25 {
  padding-top: 25px;
}

.pd-t30 {
  padding-top: 30px;
}

.pd-t35 {
  padding-top: 35px;
}

.pd-t40 {
  padding-top: 40px;
}

.pd-t45 {
  padding-top: 45px;
}

.pd-t50 {
  padding-top: 50px;
}

.pd-t60 {
  padding-top: 60px;
}

.pd-t70 {
  padding-top: 70px;
}

.pd-t80 {
  padding-top: 80px;
}

.pd-t90 {
  padding-top: 90px;
}

.pd-t100 {
  padding-top: 100px;
}

.pd-t110 {
  padding-top: 110px;
}

.pd-t120 {
  padding-top: 120px;
}

.pd-t130 {
  padding-top: 130px;
}

.pd-t140 {
  padding-top: 140px;
}

.pd-t150 {
  padding-top: 150px;
}

.pd-b0 {
  padding-bottom: 0px;
}

.pd-b5 {
  padding-bottom: 5px;
}

.pd-b10 {
  padding-bottom: 10px;
}

.pd-b15 {
  padding-bottom: 15px;
}

.pd-b20 {
  padding-bottom: 20px;
}

.pd-b25 {
  padding-bottom: 25px;
}

.pd-b30 {
  padding-bottom: 30px;
}

.pd-b35 {
  padding-bottom: 35px;
}

.pd-b40 {
  padding-bottom: 40px;
}

.pd-b45 {
  padding-bottom: 45px;
}

.pd-b50 {
  padding-bottom: 50px;
}

.pd-b60 {
  padding-bottom: 60px;
}

.pd-b70 {
  padding-bottom: 70px;
}

.pd-b80 {
  padding-bottom: 80px;
}

.pd-b90 {
  padding-bottom: 90px;
}

.pd-b100 {
  padding-bottom: 100px;
}

.pd-b110 {
  padding-bottom: 110px;
}

.pd-b120 {
  padding-bottom: 120px;
}

.pd-b130 {
  padding-bottom: 130px;
}

.pd-b140 {
  padding-bottom: 140px;
}

.pd-b150 {
  padding-bottom: 150px;
}

.pd-l0 {
  padding-left: 0px;
}

.pd-l5 {
  padding-left: 5px;
}

.pd-l10 {
  padding-left: 10px;
}

.pd-l15 {
  padding-left: 15px;
}

.pd-l20 {
  padding-left: 20px;
}

.pd-l25 {
  padding-left: 25px;
}

.pd-l30 {
  padding-left: 30px;
}

.pd-l35 {
  padding-left: 35px;
}

.pd-l40 {
  padding-left: 40px;
}

.pd-l45 {
  padding-left: 45px;
}

.pd-l50 {
  padding-left: 50px;
}

.pd-l60 {
  padding-left: 60px;
}

.pd-l70 {
  padding-left: 70px;
}

.pd-l80 {
  padding-left: 80px;
}

.pd-l90 {
  padding-left: 90px;
}

.pd-l100 {
  padding-left: 100px;
}

.pd-l110 {
  padding-left: 110px;
}

.pd-l120 {
  padding-left: 120px;
}

.pd-l130 {
  padding-left: 130px;
}

.pd-l140 {
  padding-left: 140px;
}

.pd-l150 {
  padding-left: 150px;
}

.pd-r0 {
  padding-right: 0px;
}

.pd-r5 {
  padding-right: 5px;
}

.pd-r10 {
  padding-right: 10px;
}

.pd-r15 {
  padding-right: 15px;
}

.pd-r20 {
  padding-right: 20px;
}

.pd-r25 {
  padding-right: 25px;
}

.pd-r30 {
  padding-right: 30px;
}

.pd-r35 {
  padding-right: 35px;
}

.pd-r40 {
  padding-right: 40px;
}

.pd-r45 {
  padding-right: 45px;
}

.pd-r50 {
  padding-right: 50px;
}

.pd-r60 {
  padding-right: 60px;
}

.pd-r70 {
  padding-right: 70px;
}

.pd-r80 {
  padding-right: 80px;
}

.pd-r90 {
  padding-right: 90px;
}

.pd-r100 {
  padding-right: 100px;
}

.pd-r110 {
  padding-right: 110px;
}

.pd-r120 {
  padding-right: 120px;
}

.pd-r130 {
  padding-right: 130px;
}

.pd-r140 {
  padding-right: 140px;
}

.pd-r150 {
  padding-right: 150px;
}

.pd-0 {
  padding: 0px;
}

.pd-5 {
  padding: 5px;
}

.pd-10 {
  padding: 10px;
}

.pd-15 {
  padding: 15px;
}

.pd-20 {
  padding: 20px;
}

.pd-25 {
  padding: 25px;
}

.pd-30 {
  padding: 30px;
}

.pd-35 {
  padding: 35px;
}

.pd-40 {
  padding: 40px;
}

.pd-45 {
  padding: 45px;
}

.pd-50 {
  padding: 50px;
}

.pd-60 {
  padding: 60px;
}

.pd-70 {
  padding: 70px;
}

.pd-80 {
  padding: 80px;
}

.pd-90 {
  padding: 90px;
}

.pd-100 {
  padding: 100px;
}

.pd-110 {
  padding: 110px;
}

.pd-120 {
  padding: 120px;
}

.pd-130 {
  padding: 130px;
}

.pd-140 {
  padding: 140px;
}

.pd-150 {
  padding: 150px;
}

/*....................................
2. Header area start here
....................................*/
header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  background: #030B1A;
  border-bottom: 2px solid rgba(255, 255, 255, 0.05);
  padding: 20px 18px;
}

.headerActive {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  background: #030B1A;
  animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@media only screen and (max-width: 768px) {
  header {
    background: #030B1A;
  }
}

header .logo-area {
  position: relative;
  /* line-height: 175px; */
  /* height: 175px; */
}

@media only screen and (max-width: 768px) {
  header .logo-area {
    height: auto;
  }
}

header .logo-area a {
  display: inline-block;
  position: relative;
}

@media only screen and (max-width: 768px) {
  header .logo-area a {
    display: inline;
  }
}

@media only screen and (max-width: 768px) {
  header .logo-area a img {
    display: block;
  }
}

header .mobilemenu .mean-container .mean-nav {
  background: #030B1A;
  margin-top: 15px;
}

header .mobilemenu .mean-container .mean-nav ul li a {
  font-size: 13px;
  padding: 0 5%;
  line-height: 44px;
}

header .mobilemenu .mean-container .mean-nav ul li a.mean-expand {
  padding: 0;
  line-height: 44px;
  height: 44px !important;
  padding: 0 12px !important;
}

header .mobilemenu .mean-container .mean-nav ul li a.mean-expand:hover {
  background: #1D1D22;
}

header .mobilemenu .mean-container .mean-nav ul li a.mean-expand.mean-expand.mean-clicked {
  background: #1D1D22;
}

header .mobilemenu .mean-container .mean-nav ul li a:hover {
  color: #0198B5;
  background: transparent;
}

header .mobilemenu .mean-container .mean-bar {
  background: inherit;
  padding: 0;
  min-height: 0;
  position: absolute;
  width: auto !important;
  left: 0;
  right: 0;
  top: 26px;
  z-index: -1;
}

@media only screen and (max-width: 576px) {
  header .mobilemenu .mean-container .mean-bar {
    top: inherit;
    bottom: inherit;
  }

  header {
    display: flex;
    padding: 10px 8px;
  }


}

header .mobilemenu .mean-container a.meanmenu-reveal {
  top: 0;
  right: 15px !important;
  /* background: rgba(0, 0, 0, 0.4); */
  height: 10px;
  padding: 8px 11px 17px;
}

header.header-inner {
  position: relative;
  background: rgba(0, 0, 0, 0.6);
}

header .main-header {
  text-align: right;
  /* line-height: 175px; */
  /* height: 175px; */
  position: relative;
  z-index: 2;
}

header .main-header .main-menus {
  display: inline-block;
}

header .main-header .main-menus nav .mamnu li {
  display: inline-block;
  margin-left: -20px;
  position: relative;
}

header .main-header .main-menus nav .mamnu li a {
  display: block;
  line-height: 50px;
  height: 50px;
  padding: 0 40px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  background: transparent;
  -webkit-clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
  clip-path: polygon(12% 0%, 100% 0, 88% 100%, 0% 100%);
  font-family: 'Audiowide';
}

@media only screen and (max-width: 1600px) {
  header .main-header .main-menus nav .mamnu li a {
    padding: 0 25px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  header .main-header .main-menus nav .mamnu li a {
    padding: 0 15px;
  }
}

header .main-header .main-menus nav .mamnu li a:hover {
  background: #0198B5;
}

header .main-header .main-menus nav .mamnu li a.active {
  background: #0198B5;
}

header .main-header .main-menus nav .mamnu li ul {
  width: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 99999;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
  transition: all 0.5s;
}

header .main-header .main-menus nav .mamnu li ul li {
  display: block;
  border-bottom: 1px solid #000;
}

header .main-header .main-menus nav .mamnu li ul li a {
  display: block;
  padding: 0 25px;
  line-height: 0;
  height: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.9);
  clip-path: none;
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
}

header .main-header .main-menus nav .mamnu li ul li a:hover {
  -webkit-clip-path: polygon(8% 0%, 100% 0, 92% 100%, 0% 100%);
  clip-path: polygon(8% 0%, 100% 0, 92% 100%, 0% 100%);
}

header .main-header .main-menus nav .mamnu li ul li:last-child {
  border: none;
}

header .main-header .main-menus nav .mamnu li:hover ul {
  opacity: 1;
  visibility: visible;
  left: 20px;
}

header .main-header .main-menus nav .mamnu li:hover ul li a {
  opacity: 1;
  line-height: 40px;
  height: 40px;
  transition: all 0.3s;
}

header .main-header .serach-header {
  display: inline-block;
}

header .main-header .serach-header .searchd {
  background: transparent;
  line-height: 50px;
  height: 50px;
}

header .main-header .serach-header .searchd i {
  color: #0198B5;
  font-size: 18px;
}

header .main-header .serach-header .searchbox {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 11000;
}

header .main-header .serach-header .searchbox .close {
  background-color: transparent;
  box-shadow: none;
  color: #fff;
  font-size: 27px;
  font-weight: normal;
  opacity: 1;
  padding: 10px 17px;
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 999;
}


header .main-header .serach-header .searchbox form {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 300px;
}

header .main-header .serach-header .searchbox form input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent;
  border-color: -moz-use-text-color -moz-use-text-color #fff;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 1px;
  color: #fff;
  font-size: 28px;
  font-weight: lighter;
  margin: 0;
  outline: medium none;
  padding-bottom: 7px;
  padding-left: 0;
  padding-right: 30px;
  width: 100%;
  line-height: 60px;
}

header .main-header .serach-header .searchbox form button {
  display: inline-block;
  line-height: 60px;
  height: 28px;
  transform: translate(0%, -55%);
  background: transparent;
  color: #0198B5;
  font-size: 18px;
}

@media only screen and (max-width: 992px) {
  header .main-header .serach-header .searchbox form button {
    left: 88%;
    top: 58%;
  }
}

header .main-header .serach-header .searchbox.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}

header .main-header .cart-head {
  display: inline-block;
  padding-right: 35px;
  position: relative;
}

@media only screen and (max-width: 1600px) {
  header .main-header .cart-head {
    padding-right: 15px;
  }
}

header .main-header .cart-head button {
  background: transparent;
  line-height: 50px;
  height: 50px;
  position: relative;
}

header .main-header .cart-head button:after {
  content: '2';
  position: absolute;
  top: 5px;
  right: -5px;
  width: 18px;
  height: 18px;
  background: #d13653;
  color: #fff;
  border-radius: 100%;
  font-size: 12px;
  line-height: 18px;
}

header .main-header .cart-head button i {
  color: #0198B5;
  font-size: 18px;
}

header .main-header .cart-head .nav-shop-cart {
  width: 305px;
  position: absolute;
  right: 0;
  top: 60px;
  line-height: 30px !important;
  z-index: 99999;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  padding: 20px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
  display: none;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget {
  list-style: none;
  margin: 0;
  padding: 0px;
  line-height: 30px !important;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item {
  display: inline-block;
  position: relative;
  width: 100%;
  border-top: 1px solid #eaeaea;
  padding: 15px;
  padding-left: 0;
  line-height: 30px !important;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item:last-child {
  margin: 0;
  float: inherit;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a {
  display: block;
  line-height: 26px;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a .product-name {
  color: #444;
  font-weight: 400;
  font-size: 1.071em;
  margin: 0;
  text-align: left;
  transition: all 0.3s;
  font-family: 'Audiowide';
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a img {
  border: 1px solid #e4e4e4;
  height: auto;
  margin-right: 13px;
  width: 50px;
  float: left;
  margin-right: 15px;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a:hover .product-name {
  color: #0198B5;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a.remove {
  font-size: 16px;
  color: #d82e2e;
  position: absolute;
  right: 0;
  top: 25px;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item a.remove:hover {
  color: #4b4b4b;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item:first-child a.remove {
  top: 10px;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item .quantity {
  display: block;
  line-height: 16px;
  margin: 0;
  text-align: left;
}

header .main-header .cart-head .nav-shop-cart .product_list_widget .mini_cart_item .Price-amount {
  padding-left: 5px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Audiowide';
}

header .main-header .cart-head .nav-shop-cart .total {
  border-top: 1px solid #eee;
  padding-top: 10px;
  position: relative;
  color: #111;
}

header .main-header .cart-head .nav-shop-cart .total .amount {
  padding-left: 5px;
  position: relative;
  font-family: 'Audiowide';
}

header .main-header .cart-head .nav-shop-cart .buttons {
  margin: 0;
  line-height: 35px !important;
}

header .main-header .cart-head .nav-shop-cart .buttons a {
  padding: 0 25px;
}

header .main-header .cart-head .nav-shop-cart .buttons a.btn1 {
  clip-path: polygon(18% 0%, 100% 0, 88% 100%, 0% 100%);
}

header .main-header .cart-head .nav-shop-cart .buttons a.btn2 {
  clip-path: polygon(18% 0%, 100% 0, 88% 100%, 0% 100%);
}

header .main-header .cart-head .nav-shop-cart .buttons a.btn2:after {
  right: 6px;
  transform: rotate(17.5deg);
  z-index: 99;
}

header .main-header .cart-head .nav-shop-cart .buttons a.btn1 {
  z-index: 999;
}

header .main-header .cart-head .nav-shop-cart .buttons a.btn1:hover {
  color: #0198B5;
}

header .main-header .sing-in-btn {
  display: inline-block;
}

@media only screen and (max-width: 992px) {
  header {
    padding: 20px 30px 20px 10px;
  }
}

@media (max-width: 991px) {
  header .main-header .main-menus nav .mamnu li a {
    padding: 0 20px;
  }

  .main_news_right_box {
    margin-top: 50px;
  }
}

/*....................................
3. Slider area start here
....................................*/
.slider-area {
  display: block;
  position: relative;
}

.slider_section_overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  background: rgba(0, 0, 0, 0.4);
}

.slider-area .item-content .item-slider.items1 {
  position: relative;
}

.slider-area .item-content .item-slider.items2 {
  position: relative;
  
}

.slider-area .item-content .item-slider.items3 {
  position: relative;
}

.slider-area .item-content .item-slider.items4 {
  position: relative;
}

.slider-area .item-content .item-slider .contents {
  height: 90vh;
  vertical-align: middle;
  display: table-cell;
}

.slider-area .item-content .item-slider .contents ul li {
  font-size: 16px;
  line-height: 30px;
  color: #ececec;
  position: relative;
  padding-left: 20px;
}

.slider-area .item-content .item-slider .contents ul li:after {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50px;
  background-color: #0198b5;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

@media only screen and (max-width: 992px) {
  .slider-area .item-content .item-slider .contents {
    height: 100vh;
  }

}

@media only screen and (max-width: 768px) {
  .slider-area .item-content .item-slider .contents {
    padding-top: 0px;
  }

  header .main-header {
    line-height: 0;
    height: 0;
    margin-top: -12px;
  }

}

.slider-area .item-content .item-slider .contents h6 {
  font-weight: 600;
  font-size: 26px;
  line-height: 100%;
  text-transform: uppercase;
  color: #0198B5;
}

.slider-area .item-content .item-slider .contents h2 {
  display: block;
  font-family: 'Audiowide';
  font-size: 50px;
  color: #fff;
  font-weight: 400;
}

@media only screen and (max-width: 1200px) {
  .slider-area .item-content .item-slider .contents h2 {
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  .slider-area .item-content .item-slider .contents h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 320px) {
  .slider-area .item-content .item-slider .contents h2 {
    font-size: 30px;
  }
}

.slider-area .item-content .item-slider .contents p {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  padding: 0 0 40px;
  color: #ececec;
  position: relative;
}

.slider-area .item-content .item-slider .contents p:after {
  content: '';
  width: 20%;
  height: 1px;
  background: #0198B5;
  position: absolute;
  bottom: 0;
  left: 0;
}

.slider-area .item-content .item-slider .contents span {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #FFFFFF;
  display: inline-block;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1200px) {
  .slider-area .item-content .item-slider .contents p {
    width: 70%;
    margin: 0 0 25px;
  }
}

@media only screen and (max-width: 992px) {
  .slider-area .item-content .item-slider .contents p {
    width: 80%;
    margin: 0 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .slider-area .item-content .item-slider .contents p {
    width: 95%;
  }
}

.slider-area .item-content .item-slider .contents .buttons {
  display: block;
}

.slider-area .item-content .item-slider .contents .buttons a:first-child:after {
  content: '';
  position: absolute;
  right: 11px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(24deg);
  background: #0198B5;
}

@media only screen and (max-width: 320px) {
  .slider-area .item-content .item-slider .contents .buttons a:first-child:after {
    display: none;
  }
}

.slider-area .item-content .item-slider .contents .buttons a:last-child {
  color: #fff;
}

@media only screen and (max-width: 320px) {
  .slider-area .item-content .item-slider .contents .buttons a:last-child {
    display: none;
  }
}

.slider-area .bx-wrapper {
  margin: 0;
  border: 0;
}

.slider-area .bx-wrapper .bx-viewport {
  padding: 0;
  left: 0;
  right: 0;
  box-shadow: none;
  border: none;
}

.slider-area .item-thumbnail {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
}

.slider-area .item-thumbnail {
  display: flex;
}

@media only screen and (max-width: 992px) {
  .slider-area .item-thumbnail {
    display: none;
  }
}

.slider-area .item-thumbnail a {
  padding: 40px 20px;
  background: #030B1A;
  position: relative;
}

.slider-area .item-thumbnail a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 20%;
  bottom: 20%;
  width: 2px;
  background: rgba(255, 255, 255, 0.05);
}

.slider-area .item-thumbnail a.active {
  background: #01040A;
}

.slider-area .item-thumbnail a .items .dbox .dleft figure {
  display: block;
}

.slider-area .item-thumbnail a .items .dbox .dleft figure img {
  border-radius: 5px;
  display: block;
}

.slider-area .item-thumbnail a .items .dbox .dright .content {
  padding: 18px 0;
}

.slider-area .item-thumbnail a .items .dbox .dright .content h3 {
  font-size: 22px;
  color: #fff;
  font-family: 'Audiowide';
  font-weight: 400;
  margin: 0 0 10px;
}

.slider-area .item-thumbnail a .items .dbox .dright .content p {
  font-family: 'Audiowide';
  font-size: 18px;
  color: #0198B5;
  margin: 0;
}

/*....................................
4. About area start here
....................................*/


.about-area .buttons .btn1:hover {
  color: #0198B5;
}


.about-area .about-contents blockquote {
  margin: 0;
  border-left: 2px solid #0198B5;
  font-size: 16px;
  font-style: italic;
  margin: 35px 0;
  color: #0198B5;
  font-weight: 500;
  padding: 10px 20px;
}

.about-area .about-contents .buttons {
  display: block;
  margin: 50px 0 0;
}

.about-area .about-contents .buttons .btn1 {
  -webkit-clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
  clip-path: polygon(12% 0%, 100% 0, 89% 100%, 0% 100%);
}

.about-area .about-contents .buttons .btn1:hover {
  color: #0198B5;
}

@media only screen and (max-width: 320px) {
  .about-area .about-contents .buttons .btn1 {
    clip-path: none;
  }
}

.about-area .about-cata {
  display: block;
  position: relative;
  margin-left: 40px;
}

@media only screen and (max-width: 992px) {
  .about-area .about-cata {
    margin: 50px 0 0;
  }
}

.about-area .about-cata .cata-list {
  height: 160px;
  padding: 45px 65px;
  background: #fff;
  margin-top: -2px;
  display: block;
  position: relative;
  width: 100%;
  transition: all 0.3s;
}

@media only screen and (max-width: 320px) {
  .about-area .about-cata .cata-list {
    padding: 40px 30px;
  }
}

.about-area .about-cata .cata-list:hover {
  background: #fbfbfb;
}

.about-area .about-cata .cata-list.list-t1 {
  -webkit-clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%);
  clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%);
  /* border: 2px solid #C7C8CC; */
}

@media only screen and (max-width: 992px) {
  .about-area .about-cata .cata-list.list-t1 {
    clip-path: none;
  }
}

.about-area .about-cata .cata-list.list-t1:after {
  content: '';
  position: absolute;
  left: 34px;
  top: -8px;
  bottom: -8px;
  width: 1px;
  background: #C7C8CC;
  transform: rotate(-17deg);
}

@media only screen and (max-width: 992px) {
  .about-area .about-cata .cata-list.list-t1:after {
    display: none;
  }
}

.about-area .about-cata .cata-list.list-t1:before {
  content: '';
  position: absolute;
  right: 35px;
  top: -8px;
  bottom: -8px;
  width: 1px;
  background: #C7C8CC;
  transform: rotate(-17deg);
}

@media only screen and (max-width: 992px) {
  .about-area .about-cata .cata-list.list-t1:before {
    display: none;
  }
}

.about-area .about-cata .cata-list.list-t2 {
  -webkit-clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
  clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
  /* border: 2px solid #C7C8CC; */
}

.about-area .about-cata .list-main-t {
  position: relative;
}

.about-area .about-cata .list-main-t::after {
  content: '';
  position: absolute;
  right: 0;
  left: 9px;
  top: 0;
  background: #C7C8CC;
  width: 86%;
  height: 1px;
  z-index: 1;
}

.about-area .about-cata .list-main-t.cata-list-main1::before {
  content: '';
  position: absolute;
  right: 10px;
  left: unset;
  bottom: 0;
  background: #C7C8CC;
  width: 86%;
  height: 1px;
  z-index: 1;
}

.about-area .about-cata .list-main-t:last-child::after {
  content: unset;
}


.about-area .about-cata .list-main-t::before {
  content: '';
  position: absolute;
  right: 0;
  left: 10px;
  bottom: 0;
  background: #C7C8CC;
  width: 86%;
  height: 1px;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .about-area .about-cata .cata-list.list-t2 {
    clip-path: none;
  }
}

.about-area .about-cata .cata-list.list-t2:after {
  content: '';
  position: absolute;
  left: 34px;
  top: -8px;
  bottom: -8px;
  width: 1px;
  background: #C7C8CC;
  transform: rotate(17deg);
}

@media only screen and (max-width: 992px) {
  .about-area .about-cata .cata-list.list-t2:after {
    display: none;
  }
}

.about-area .about-cata .cata-list.list-t2:before {
  content: '';
  position: absolute;
  right: 35px;
  top: -8px;
  bottom: -8px;
  width: 1px;
  background: #C7C8CC;
  transform: rotate(17deg);
}

@media only screen and (max-width: 992px) {
  .about-area .about-cata .cata-list.list-t2:before {
    display: none;
  }
}

.about-area .about-cata .cata-list .dbox .dleft {
  width: 65%;
  padding-left: 0;
}

.about-area .about-cata .cata-list .dbox .dleft .content h4 {
  font-family: 'Audiowide';
  font-weight: 400;
  color: #111;
  font-size: 24px;
  margin: 0 0 10px;
}

.about-area .about-cata .cata-list .dbox .dright {
  width: 34%;
  text-align: right;
  padding-right: 0;
}

.about-area .about-cata .cata-list .dbox .dright .cate-ico img {
  display: inline-block;
  width: 50px;
}


/*....................................
6. Banner area start here
....................................*/
.banner-area {
  background: url(../storage/bg-2.png);
  position: relative;
  display: block;
}

@media only screen and (max-width: 992px) {
  .banner-area {
    margin: 0 !important;
  }
}

.banner-area:after {
  background: #030b1af2;

  /* backdrop-filter: blur(8px); */
}

.banner-area .banner-img {
  position: absolute;
  z-index: 999;
  top: 50px;
  left: 160px;
}

@media only screen and (max-width: 1600px) {
  .banner-area .banner-img {
    left: 20px;
    top: 50px;
  }
}

.banner-area .banner-img figure {
  position: relative;
  display: block;
  z-index: 999;
}

.banner-area .banner-img figure img {
  width: 100%;
}

.banner-area .banner-con {
  position: relative;
  z-index: 999;
}

.banner-area .banner-con h2 {
  font-size: 36px;
  font-weight: 400;
  font-family: 'Audiowide';
  margin: 0 0 10px;
  color: #fff;
}

.banner-area .banner-con p {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #fff;
}

@media only screen and (max-width: 480px) {
  .banner-area .banner-con h2 {
    font-size: 30px;
  }
}

.banner-area .banner-con .price {
  display: block;
  margin: 0 0 26px;
}

.banner-area .banner-con .price del {
  font-family: 'Audiowide';
  font-size: 30px;
  color: #525252;
}

@media only screen and (max-width: 480px) {
  .banner-area .banner-con .price del {
    font-size: 24px;
  }
}

.banner-area .banner-con .price strong {
  font-family: 'Audiowide';
  font-size: 30px;
  color: #0198B5;
  font-weight: 400;
  padding-left: 15px;
}

@media only screen and (max-width: 480px) {
  .banner-area .banner-con .price strong {
    font-size: 24px;
  }
}

.banner-area2 {
  background: url(../storage/banner-img-2.png);
  position: relative;
  display: block;
  padding: 250px 0;
}

@media only screen and (max-width: 480px) {
  .banner-area2 {
    padding: 150px 0;
  }
}

.banner-area2:after {
  background: rgb(0 16 25 / 85%);
}

.banner-area2 .videos-area {
  position: relative;
  z-index: 999;
  display: block;
}

.banner-area2 .videos-area .video-popups {
  display: block;
  margin: 0 0 45px;
}

.banner-area2 .videos-area .video-popups a {
  display: inline-block;
  height: 90px;
  line-height: 90px;
  color: #fff;
  background: transparent;
  position: relative;
  padding: 0 50px;
  border: 2px solid #0198B5;
  font-size: 30px;
  -webkit-clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
  transition: all 0.3s;
}

.banner-area2 .videos-area .video-popups a i {
  color: #0198B5;
}

.banner-area2 .videos-area .video-popups a:after {
  content: '';
  position: absolute;
  left: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(16deg);
  transition: all 0.3s;
}

.banner-area2 .videos-area .video-popups a:before {
  content: '';
  position: absolute;
  right: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(16deg);
  transition: all 0.3s;
}

.banner-area2 .videos-area .video-popups a:hover {
  -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
  clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
}



.banner-area2 .videos-area .video-popups a:hover:after {
  content: '';
  position: absolute;
  left: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(-16deg);
  transition: all 0.3s;
}

.banner-area2 .videos-area .video-popups a:hover:before {
  content: '';
  position: absolute;
  right: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(-15deg);
  transition: all 0.3s;
}

.banner-area2 .videos-area h2 {
  color: #fff;
}

@media only screen and (max-width: 320px) {
  .banner-area2 .videos-area h2 {
    font-size: 22px;
  }
}

.banner-area2 .lg-text {
  display: block;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  bottom: 50px;
}

.banner-area2 .lg-text h1 {
  margin: 0;
  font-family: 'Audiowide';
  font-size: 200px;
  color: #fff;
  opacity: 0.05;
}

@media only screen and (max-width: 1600px) {
  .banner-area2 .lg-text h1 {
    font-size: 150px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-area2 .lg-text h1 {
    font-size: 72px;
  }
}

.banner-area3 {
  background: url(images/banner/bg-4.jpg);
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.banner-area3:after {
  background: rgba(0, 0, 0, 0.4);
}

.banner-area3 .content {
  position: relative;
  z-index: 999;
  padding-left: 90px;
}

@media only screen and (max-width: 480px) {
  .banner-area3 .content {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 320px) {
  .banner-area3 .content {
    padding-left: 0;
  }
}

.banner-area3 .content:before {
  content: '';
  position: absolute;
  left: 125px;
  top: 0;
  right: -250px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}

.banner-area3 .content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 125px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  z-index: 99;
}

@media only screen and (max-width: 480px) {
  .banner-area3 .content:after {
    clip-path: none;
  }
}

.banner-area3 .content .con {
  position: relative;
  z-index: 999;
  padding: 80px 0;
  padding-left: 75px;
}

@media only screen and (max-width: 480px) {
  .banner-area3 .content .con {
    padding-left: 40px;
  }
}

.banner-area3 .content h2 {
  font-size: 36px;
  font-weight: 400;
  color: #fff;
  font-family: 'Audiowide';
  position: relative;
}

@media only screen and (max-width: 1600px) {
  .banner-area3 .content h2 {
    font-size: 30px;
  }
}

.banner-area3 .content h2:after {
  content: '';
  position: absolute;
  left: -70px;
  top: 5px;
  width: 50px;
  height: 26px;
  background: #0198B5;
  -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
}

@media only screen and (max-width: 480px) {
  .banner-area3 .content h2:after {
    display: none;
  }
}

.banner-area3 .content p {
  margin: 0 0 30px;
}

.training-area {
  position: relative;
  background: url("/storage/bg-5-1.png");
  
  overflow: hidden;
  vertical-align: middle;
  display: block;
}

.training-area:after {
  background: rgb(0 16 25 / 85%);
}

p.buttons {
  display: flex;
}

.training-area .training-forms {
  position: relative;
  z-index: 999;
  padding: 40px 20px 40px 0px;
  /* background: url(../storage/banner4.png);
  background-position: center;
  background-size: cover; */


}

.training-area .training-forms:after {
  content: '';
  position: absolute;
  left: -375px;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(images/banner/bg-7.png) no-repeat center;
  background-size: cover;
  background: #030B1A;
  clip-path: polygon(0 0, 83% 0, 100% 100%, 0% 100%);
}

.training-area .training-forms form {
  display: block;
  position: relative;
  z-index: 999;
  -webkit-clip-path: polygon(0 0, 75% 0, 97% 100%, 0 100%);
  clip-path: polygon(0 0, 75% 0, 97% 100%, 0 100%);
}

.training-area .training-forms form fieldset {
  width: 100%;
  display: block;
  margin: 0 0 20px;
}

.training-area .training-forms form fieldset input {
  width: 100%;
  display: block;
  line-height: 50px;
  height: 50px;
  padding: 0 20px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  position: relative;
}

.training-area .training-forms form fieldset input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  transition: all 0.3s;
}

.training-area .training-forms form fieldset input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  transition: all 0.3s;
}

.training-area .training-forms form fieldset input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  transition: all 0.3s;
}

.training-area .training-forms form fieldset input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  transition: all 0.3s;
}

.training-area .training-forms form fieldset input:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 13px;
  opacity: 0.8;
}

.training-area .training-forms form fieldset input:focus::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 13px;
  opacity: 0.8;
}

.training-area .training-forms form fieldset input:focus:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 13px;
  opacity: 0.8;
}

.training-area .training-forms form fieldset input:focus:-moz-placeholder {
  /* Firefox 18- */
  font-size: 13px;
  opacity: 0.8;
}

.training-area .training-forms form fieldset select {
  width: 100%;
  display: block;
  line-height: 50px;
  height: 50px;
  padding: 0 20px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  position: relative;
  cursor: pointer;
}

.training-area .training-forms form fieldset select:focus {
  outline: none;
  background: #333;
}

.training-area .training-forms form fieldset textarea {
  width: 100%;
  display: block;
  height: 90px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  position: relative;
}

.training-area .training-forms form fieldset textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  transition: all 0.3s;
}

.training-area .training-forms form fieldset textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  transition: all 0.3s;
}

.training-area .training-forms form fieldset textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  transition: all 0.3s;
}

.training-area .training-forms form fieldset textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  transition: all 0.3s;
}

.training-area .training-forms form fieldset textarea:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 13px;
  opacity: 0.8;
}

.training-area .training-forms form fieldset textarea:focus::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 13px;
  opacity: 0.8;
}

.training-area .training-forms form fieldset textarea:focus:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 13px;
  opacity: 0.8;
}

.training-area .training-forms form fieldset textarea:focus:-moz-placeholder {
  /* Firefox 18- */
  font-size: 13px;
  opacity: 0.8;
}

.training-area .training-forms form fieldset.arrows input {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 2.5% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 2.5% 100%);
}

@media only screen and (max-width: 768px) {
  .training-area .training-forms form fieldset.arrows input {
    clip-path: none;
  }
}

.training-area .training-forms form fieldset.arrows select {
  padding-right: 30px;
  -webkit-clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%);
}

@media only screen and (max-width: 768px) {
  .training-area .training-forms form fieldset.arrows select {
    clip-path: none;
  }
}

@media only screen and (max-width: 768px) {
  .training-area .training-forms form fieldset.arrows .col-md-7 {
    padding-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .training-area .training-forms form fieldset.arrows .col-md-7 input {
    margin-left: 10px;
  }
}

.training-area .training-forms form button {
  margin-top: 20px;
}

.training-area .training-forms form button:hover {
  background: #fff;
  color: #111;
}

.training-area .training-con {
  position: relative;
  display: block;
  z-index: 999;
}

.training-area .training-con h2 {
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  font-family: 'Audiowide';
  color: #FFFFFF;
  position: relative;
  display: block;
  padding-left: 70px;
}

.training-area .training-con h1 {
  font-family: Audiowide;
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  color: #0198B5;
}

.training-area .training-con p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #FFFFFFB2;
}

@media only screen and (max-width: 320px) {
  .training-area .training-con h2 {
    font-size: 28px;
    padding-left: 0;
  }
}

.training-area .training-con h2:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 0;
  width: 50px;
  height: 30px;
  background: #0198B5;
  -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
}

@media only screen and (max-width: 320px) {
  .training-area .training-con h2:after {
    display: none;
  }
}

.training-area .training-con h1 {
  font-family: 'Audiowide';
  color: #0198B5;
  font-size: 40px;
  font-weight: 400;
}

@media only screen and (max-width: 320px) {
  .training-area .training-con h1 {
    font-size: 30px;
  }
}

.training-area .training-con ul li {
  display: block;
  color: #fff;
  font-size: 18px;
  padding: 8px 0;
}

@media only screen and (max-width: 320px) {
  .training-area .training-con ul li {
    font-size: 16px;
  }
}

.training-area .training-con ul li i {
  padding-right: 10px;
  color: #0198B5;
}

.subscribe-area .subscribe {
  display: block;
  position: relative;
  background: #0198B5;
  padding: 55px 0;
  -webkit-clip-path: polygon(4% 0, 100% 0, 95% 100%, 0% 100%);
  clip-path: polygon(4% 0, 100% 0, 95% 100%, 0% 100%);
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -75px;
  z-index: 999;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 992px) {
  .subscribe-area .subscribe {
    clip-path: none;
    margin: 0 0 -75px !important;
  }
}

.subscribe-area .subscribe .ico {
  color: #ffffff;
  font-size: 50px;
  display: inline-block;
  line-height: 40px;
  padding-left: 0px;
}

@media only screen and (max-width: 992px) {
  .subscribe-area .subscribe .ico {
    display: none;
  }
}

.subscribe-area .subscribe .conts {
  display: inline-block;
  padding: 0 60px 0 20px;
}

@media only screen and (max-width: 992px) {
  .subscribe-area .subscribe .conts {
    padding: 0;
    display: block;
    text-align: center;
  }
}

.subscribe-area .subscribe .conts h2 {
  color: #fff;
  font-size: 24px;
  font-family: 'Audiowide';
  font-weight: 400;
  margin: 0;
  display: block;
  line-height: 20px;
  margin-bottom: 10px;
}

.subscribe-area .subscribe .conts p {
  margin: 0;
  color: #fff;
  opacity: 0.5;
  line-height: 20px;
}

.subscribe-area .subscribe form {
  display: inline-block;
}

@media only screen and (max-width: 992px) {
  .subscribe-area .subscribe form {
    display: block;
    text-align: center;
    margin-top: 15px;
  }
}

.subscribe-area .subscribe form input {
  display: inline-block;
  width: 415px;
  line-height: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  padding: 0 20px;
  -webkit-clip-path: polygon(0 0, 100% 0, 94.5% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 94.5% 100%, 0% 100%);
  color: #fff;
  margin-bottom: 10px;
}

@media only screen and (max-width: 480px) {
  .subscribe-area .subscribe form input {
    clip-path: none;
    margin: 0 0 15px;
    width: 100%;
  }
}

.subscribe-area .subscribe form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
}

.subscribe-area .subscribe form input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}

.subscribe-area .subscribe form input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, 0.5);
}

.subscribe-area .subscribe form input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5);
}

.subscribe-area .subscribe form button {
      background: #fff;
    color: #111;
    min-width: 194px !important;
    max-height: 50px;
    display: inline-block;
    position: relative;
    padding: 0 60px;
    line-height: 50px;
    height: 50px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    text-transform: capitalize;
    border: 1px solid transparent;
    font-family: 'Audiowide';
}

.subscribe-area .subscribe form button:hover {
  background: #ffffff;
  color: #0198B5;
}

.google-map-index {
  position: relative;
  display: block;
}

.google-map-index .map-conts {
  display: block;
  position: absolute;
  background: #0198B5;
  padding: 40px 20px 40px 80px;
  -webkit-clip-path: polygon(24% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(24% 0, 100% 0%, 100% 100%, 0% 100%);
  z-index: 999;
  top: 50%;
  right: 0;
  text-align: right;
  transform: translateY(-50%);
}

ul.foo-social {
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .google-map-index .map-conts {
    position: relative;
    display: block;
    width: 100%;
    clip-path: none;
    text-align: center;
    padding: 40px;
  }
}

@media only screen and (max-width: 320px) {
  .google-map-index .map-conts {
    padding: 40px 20px;
  }
}

.google-map-index .map-conts h1 {
  color: #fff;
  font-family: 'Audiowide';
  font-weight: 400;
  margin: 0;
}

.google-map-index .map-conts ul li {
  display: block;
  padding: 10px 0;
}

.google-map-index .map-conts ul li span,
.google-map-index .map-conts ul li span a {
  color: #fff;
  font-size: 18px;
}

.google-map-index .map-conts ul li span a:hover {
  text-decoration: underline;
}


/*....................................
7. Services area start here
....................................*/
/*....................................
8. Team area start here
....................................*/
/*....................................
9. Price list area start here
....................................*/
.price-area .price-lists {
  display: block;
  border: 1px solid #eee;
  background: #fff;
  text-align: center;
  padding: 50px 0;
  position: relative;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  border-top: none;
  border-bottom: none;
  transition: all 0.3s;
}

@media only screen and (max-width: 768px) {
  .price-area .price-lists {
    clip-path: none;
    border: 1px solid #eee;
    overflow: hidden;
    vertical-align: middle;
    padding-bottom: 0px;
  }

  .subscribe-area .subscribe form button {
    margin-top: 20px;
  }
}

.price-area .price-lists:after {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  top: 35px;
  height: 1px;
  background: #eee;
  transform: rotate(-10.4deg);
}

@media only screen and (max-width: 992px) {
  .price-area .price-lists:after {
    transform: rotate(-16.4deg);
  }
}

@media only screen and (max-width: 768px) {
  .price-area .price-lists:after {
    display: none;
  }
}

.price-area .price-lists:before {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: 35px;
  height: 1px;
  background: #eee;
  transform: rotate(-10.4deg);
}

@media only screen and (max-width: 992px) {
  .price-area .price-lists:before {
    transform: rotate(-16.4deg);
  }
}

@media only screen and (max-width: 768px) {
  .price-area .price-lists:before {
    display: none;
  }
}

.price-area .price-lists .phead {
  position: relative;
  display: block;
  border-bottom: 1px solid #eee;
  height: 200px;
}

.price-area .price-lists .phead .rate {
  position: absolute;
  left: -81%;
  background: #0198B5;
  right: 0;
  top: 24px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  transform: rotate(-45deg);
}

.price-area .price-lists .phead .rate li {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 0;
}

.price-area .price-lists .phead h3 {
  display: block;
  font-family: 'Audiowide';
  font-weight: 400;
  color: #111;
  margin: 0;
  padding-top: 70px;
}

.price-area .price-lists .phead .prices {
  position: absolute;
  left: 0;
  right: 0;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  border: 2px solid #0198B5;
  margin: 0 auto;
  bottom: -64px;
  background: #fff;
  z-index: 999;
  transition: all 0.3s;
}

.price-area .price-lists .phead .prices strong {
  display: inline-block;
  position: relative;
  font-family: 'Audiowide';
  font-size: 36px;
  font-weight: 400;
  color: #111;
  padding-left: 10px;
  margin-top: 35px;
  transition: all 0.3s;
}

.price-area .price-lists .phead .prices strong i {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
}

.price-area .price-lists .phead .prices span {
  display: block;
  font-size: 12px;
  color: #0198B5;
  line-height: 20px;
  transition: all 0.3s;
}

.price-area .price-lists .pbody {
  display: block;
  position: relative;
  padding: 95px 0 50px;
}

.price-area .price-lists .pbody ul {
  display: block;
  margin: 0 0 20px;
}

.price-area .price-lists .pbody ul li {
  display: block;
  padding: 10px 0;
}

.price-area .price-lists.middel {
  -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
}

@media only screen and (max-width: 768px) {
  .price-area .price-lists.middel {
    clip-path: none;
  }
}

@media only screen and (max-width: 768px) {
  .price-area .price-lists.middel {
    clip-path: none;
    border: 1px solid #eee;
  }
}

.price-area .price-lists.middel:after {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  top: 35px;
  height: 1px;
  background: #eee;
  transform: rotate(10.4deg);
}

@media only screen and (max-width: 992px) {
  .price-area .price-lists.middel:after {
    transform: rotate(16.4deg);
  }
}

@media only screen and (max-width: 768px) {
  .price-area .price-lists.middel:after {
    display: none;
  }
}

.price-area .price-lists.middel:before {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: 35px;
  height: 1px;
  background: #eee;
  transform: rotate(10.4deg);
}

@media only screen and (max-width: 992px) {
  .price-area .price-lists.middel:before {
    transform: rotate(16.4deg);
  }
}

@media only screen and (max-width: 768px) {
  .price-area .price-lists.middel:before {
    display: none;
  }
}

.price-area .price-lists.middel .phead .rate {
  position: absolute;
  left: -76%;
  background: #0198B5;
  right: 0;
  top: 0;
  height: 36px;
  line-height: 36px;
  text-align: center;
  transform: rotate(-45deg);
}

.price-area .price-lists.middel .phead .rate li {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 0;
}

.price-area .price-lists:hover {
  background: #fbfbfb;
}

.price-area .price-lists:hover .phead .prices {
  background: #0198B5;
}

.price-area .price-lists:hover .phead .prices strong {
  color: #fff;
}

.price-area .price-lists:hover .phead .prices span {
  color: #fff;
}

/*....................................
10. Pagination area start here
....................................*/
.paginations {
  display: block;
  position: relative;
  margin-top: 30px;
  text-align: center;
}

.paginations ul {
  margin-left: -4px;
}

.paginations ul li {
  display: inline-block;
  padding: 0 4px;
}

.paginations ul li a {
  font-size: 16px;
  color: #a5a5a5;
  background: #fff;
  height: 45px;
  line-height: 43px;
  width: 45px;
  border: 1px solid #f3f3f3;
  display: block;
  text-align: center;
}

.paginations ul li a:hover {
  color: #fff;
  background: #0198B5;
  border: 1px solid #0198B5;
}

.paginations ul li a.active {
  color: #fff;
  background: #0198B5;
  border: 1px solid #0198B5;
}

.paginations ul li a span {
  color: #0198B5;
}

.paginations ul li:first-child {
  padding-right: 5px;
}

.paginations ul li:first-child a {
  width: auto;
  padding: 0 15px;
  font-size: 13px;
  text-transform: capitalize;
}

.paginations ul li:first-child a:hover span {
  color: #fff;
}

.paginations ul li:last-child {
  padding-left: 5px;
}

.paginations ul li:last-child a {
  width: auto;
  padding: 0 15px;
  font-size: 13px;
  text-transform: capitalize;
}

.paginations ul li:last-child a:hover span {
  color: #fff;
}

.paginations2 {
  display: block;
  padding-top: 20px;
  width: 100%;
}

.paginations2 .media {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}

.paginations2 .media .list-inline {
  display: flex;
  column-gap: 10px;
}

.list-inline {
  display: flex;
  column-gap: 10px;
}

.paginations2 ul li a {
  display: block;
  width: 36px;
  height: 36px;
  border: 1px solid #eeeeee;
  text-align: center;
  color: #666666;
  padding: 4px 0;
}

.paginations2 ul li a.active {
  background: #0198B5;
  border: 1px solid #0198B5;
  color: #fff;
}

.paginations2 ul li a:hover {
  background: #2b2b2b;
  border: 1px solid #2b2b2b;
  color: #fff;
}

.paginations2 ul li a i {
  font-size: 20px;
}

.paginations2 p {
  color: #111;
  letter-spacing: 1.5px;
  font-weight: 500;
  margin: 0;
}

/*....................................
11. Sidebar area start here
....................................*/
@media only screen and (max-width: 991px) {
  .sibebar {
    margin: 60px 0 0;
  }

  .sibebar .wighet {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .sibebar {
    margin: 0 0 60px;
    margin-top: 60px;
  }
}

.sibebar .wighet {
  display: block;
  position: relative;
  margin: 0 0 60px;
}

.sibebar .wighet:last-child {
  margin: 0;
}

.sibebar .wighet h3 {
  font-family: 'Audiowide';
  font-weight: 700;
  text-transform: uppercase;
  color: #071127;
  font-size: 20px;
  position: relative;
  padding: 0 0 20px;
}

.sibebar .wighet h3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6px;
  width: 60px;
  background: #e7e7e7;
  border-radius: 10px;
}

.sibebar .wighet h3 span {
  color: #0198B5;
}

.sibebar .search {
  display: block;
  position: relative;
}

.sibebar .search form {
  width: 100%;
  display: block;
  position: relative;
}

.sibebar .search form input {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: none;
  border-bottom: 1px solid #ececec;
  transition: all 0.3s;
}

.sibebar .search form input:focus {
  border-bottom: 1px solid #0198B5;
}

.sibebar .search form button {
  position: absolute;
  top: 0;
  right: 15px;
  line-height: 45px;
  height: 45px;
  color: #0198B5;
  background: transparent;
}

.sibebar .categories ul li {
  display: block;
  padding: 6px 0;
}

.sibebar .categories ul li:first-child {
  padding-top: 0;
}

.sibebar .categories ul li:last-child {
  padding-bottom: 0;
}

.sibebar .categories ul li a {
  color: #071127;
  display: block;
}

.sibebar .categories ul li a i {
  color: #0198B5;
  padding-right: 8px;
}

.sibebar .categories ul li a span {
  float: right;
  font-weight: 600;
  color: #071127;
}

.sibebar .categories ul li a:hover {
  color: #0198B5;
}

.sibebar .post .post-list {
  margin: 0 0 26px;
}

.sibebar .post .post-list:last-child {
  margin: 0;
}

.sibebar .post .post-list .thimb {
  display: inline-block;
  float: left;
  margin-right: 20px;
  width: 90px;
}

.sibebar .post .post-list .thimb a {
  position: relative;
  display: block;
}

.sibebar .post .post-list .thimb a:after {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  top: 50%;
  bottom: 50%;
  background: #0198B5;
  opacity: 0.9;
  z-index: 99;
  border-radius: 0px;
  transition: all 0.3s;
}

.sibebar .post .post-list .thimb a:before {
  content: '\f002';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
  font-size: 14px;
  z-index: 999;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  text-align: center;
  line-height: 60px;
  transition: all 0.3s;
  opacity: 0;
}

.sibebar .post .post-list .thimb a img {
  width: 100%;
}

.sibebar .post .post-list .thimb a:hover:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.sibebar .post .post-list .thimb a:hover:before {
  opacity: 1;
}

.sibebar .post .post-list .con {
  display: table;
}

.sibebar .post .post-list .con span {
  font-size: 14px;
  display: block;
  margin: 0;
  color: #0198B5;
}

.sibebar .post .post-list .con a {
  color: #111;
  font-family: "Poppins", sans-serif;
}

.sibebar .post .post-list .con a:hover {
  color: #0198B5;
}

.sibebar .post .post-list .con a h6 {
  font-size: 18px;
  margin: 5px 0 5px;
  font-weight: 400;
  font-family: 'Audiowide';
}

.sibebar .tags ul li {
  padding: 5px 3px;
}

.sibebar .tags ul li a {
  display: block;
  border: 1px solid #f5f5f5;
  color: #707070;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 5px;
  text-transform: capitalize;
}

.sibebar .tags ul li a:hover {
  background: #0198B5;
  color: #fff;
  border: 1px solid #0198B5;
}

.sibebar .price-range {
  display: block;
  padding: 0;
  margin-top: 0 15px;
  padding-bottom: 25px;
}

.sibebar .price-range .range strong {
  display: block;
  color: #575560;
  margin: 0 0 20px;
}

.sibebar .price-range .range .range-box {
  margin: 0 0 20px;
}

.sibebar .price-range .range span {
  padding-right: 5px;
  color: #797979;
  display: inline-block;
  text-transform: capitalize;
  margin: 0 0 25px;
}

.sibebar .price-range .range .price-box {
  padding: 4px 0;
  display: inline-block;
  border: none;
  width: 100px;
  color: #111;
}

.sibebar .price-range .ui-widget-content .ui-state-default {
  background: #111;
  border-radius: 100%;
  cursor: pointer;
}

.sibebar .price-range .ui-widget-content .ui-state-default:focus {
  outline: none;
}

.sibebar .price-range .ui-widget-content .ui-state-default:last-child {
  background: #111;
  border: 2px solid #111;
}

.sibebar .price-range .ui-widget-header {
  background: #0198B5;
  height: 5px;
  cursor: pointer;
}

.sibebar .price-range .ui-widget-content {
  background: #f4f4f4;
  height: 5px;
  cursor: pointer;
}

.sibebar .price-range .ui-widget-content {
  border: none;
}

.sibebar .price-range .ui-slider-handle {
  width: 15px;
  height: 15px;
  top: -5px;
}

/*....................................
12. Products area start here
....................................*/
.products-area .pro-ctg {
  margin: 0 0 80px;
}

@media only screen and (max-width: 768px) {
  .products-area .pro-ctg {
    margin: 0 0 50px;
  }
}

.products-area .catagories-lists {
  display: block;
  position: relative;
  width: 100%;
  height: 230px;
  border: 2px solid #C7C8CC;
  text-align: center;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  border-top: none;
  border-bottom: none;
  background: #fff;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.products-area .catagories-lists:last-child {
  border-right: unset;
}

@media only screen and (max-width: 768px) {
  .products-area .catagories-lists {
    clip-path: none;
    border: 1px solid #C7C8CC;
  }
}

.products-area .catagories-lists:after {
  content: '';
  position: absolute;
  left: -8px;
  right: -8px;
  top: 12px;
  height: 2px;
  background: #C7C8CC;
  transform: rotate(-3.6deg);
  transition: all 0.3s;
}

@media only screen and (max-width: 992px) {
  .products-area .catagories-lists:after {
    transform: rotate(-3.6deg);
  }
}

@media only screen and (max-width: 768px) {
  .products-area .catagories-lists:after {
    display: none;
  }
}

.products-area .catagories-lists:before {
  content: '';
  position: absolute;
  left: -8px;
  right: -8px;
  bottom: 12px;
  height: 2px;
  background: #C7C8CC;
  transform: rotate(-4.6deg);
  transition: all 0.3s;
}

@media only screen and (max-width: 992px) {
  .products-area .catagories-lists:before {
    transform: rotate(-3.6deg);
  }

  .paginations ul li a {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .products-area .catagories-lists:before {
    display: none;
  }
}

.products-area .catagories-lists.nd {
  -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
}

.products-area .catagories-lists.lastCatChild {
  border: 2px solid #C7C8CC;
}

@media only screen and (max-width: 768px) {
  .products-area .catagories-lists.nd {
    clip-path: none;
    border: 1px solid #C7C8CC;
  }
}

.products-area .catagories-lists.nd:after {
  transform: rotate(4.3deg);
}

@media only screen and (max-width: 992px) {
  .products-area .catagories-lists.nd:after {
    transform: rotate(3.6deg);
  }
}

@media only screen and (max-width: 768px) {
  .products-area .catagories-lists.nd:after {
    display: none;
  }
}

.products-area .catagories-lists.nd:before {
  transform: rotate(4.6deg);
}

@media only screen and (max-width: 992px) {
  .products-area .catagories-lists.nd:before {
    transform: rotate(3.6deg);
  }
}

@media only screen and (max-width: 768px) {
  .products-area .catagories-lists.nd:before {
    display: none;
  }

  .paginations ul li {
    margin-bottom: 10px;
  }
}

.products-area .catagories-lists .contents {
  display: block;
  padding: 46px 0;
}

.products-area .catagories-lists .contents figure {
  display: block;
  margin: 0 0 15px;
}

.products-area .catagories-lists .contents figure img {
  display: inline-block;
}

.products-area .catagories-lists .contents:hover figure svg path {
  fill: #ffffff;
}

.products-area .catagories-lists .contents h3 {
  margin: 0;
  font-size: 20px;
  font-family: 'Audiowide';
  font-weight: 400;
  color: #111;
  transition: all 0.3s;
  width: 80%;
  margin: 0 auto;
}

.products-area .catagories-lists:hover {
  background: #0198B5;
  border: 1px solid #0198B5;
}

.products-area .catagories-lists:hover:after {
  background: #0198B5;
}

.products-area .catagories-lists:hover:before {
  background: #0198B5;
}

.products-area .catagories-lists:hover .contents h3 {
  color: #fff;
}

.products-area .pro-sliders .products {
  text-align: center;
  display: block;
  position: relative;
}

.products-area .pro-sliders .products figure {
  display: block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.products-area .pro-sliders .products figure img {
  width: 100%;
  transition: all 0.3s;
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.products-area .pro-sliders .products {
  border: 1px solid #C7C8CC;
  border-left: 0;
}

.products-area .pro-sliders .products:last-child {
  border-left: 1px solid #C7C8CC;
}

.products-area .pro-sliders .products .contents {
  display: block;
  position: relative;
  border-top: 1px solid #C7C8CC;
  padding: 40px 0;
  transition: all 0.3s;
}

.products-area .pro-sliders .products .contents h3 {
  font-size: 22px;
  font-weight: 400;
  font-family: 'Audiowide';
  color: #111;
  margin: 0 0 10px;
}

.products-area .pro-sliders .products .contents span {
  font-family: 'Audiowide';
  color: #0198B5;
  display: block;
  font-size: 18px;
  margin: 0 0 20px;
}

.products-area .pro-sliders .products:hover figure img {
  transform: scale(1.1) rotate(5deg);
}

.products-area .pro-sliders .products:hover {
  border: 1px solid #0198B5;
}

.products-area .pro-sliders .products:hover .contents {
  border-top: 1px solid #0198B5;
}

.shop-page .filter-area {
  display: block;
  position: relative;
  margin: 0 0px 40px;
}

.shop-page .filter-area select {
  display: inline-block;
  width: 230px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #e5e5e5;
  padding: 0 15px;
  color: #797979;
  font-size: 14px;
  text-transform: capitalize;
  margin-right: 15px;
}

.shop-page .filter-area .list-grid {
  display: inline-block;
}

@media only screen and (max-width: 320px) {
  .shop-page .filter-area .list-grid {
    margin-top: 10px;
  }
}

.shop-page .filter-area .list-grid ul li {
  padding: 0;
}

.shop-page .filter-area .list-grid ul li a {
  display: block;
  color: #333;
  font-size: 18px;
  height: 50px;
  line-height: 48px;
  width: 50px;
  text-align: center;
  border: 1px solid #e5e5e5;
}

.shop-page .filter-area .list-grid ul li a:active,
.shop-page .filter-area .list-grid ul li a:focus {
  background: #0198B5;
  color: #fff;
  border: 1px solid #0198B5;
}

.shop-page .filter-area .showpro {
  float: right;
  margin-top: 8px;
}

@media only screen and (max-width: 480px) {
  .shop-page .filter-area .showpro {
    text-align: left;
    margin-top: 10px;
    float: inherit;
  }
}

.shop-page .filter-area .showpro p {
  margin: 0;
  color: #797979;
}

.shop-page .filter-area .showpro p span {
  color: #0198B5;
}

.shop-page .products {
  text-align: center;
  display: block;
  position: relative;
}

.shop-page .products figure {
  display: block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.shop-page .products figure img {
  width: 100%;
  transition: all 0.3s;
}

.shop-page .products .contents {
  display: block;
  position: relative;
  border-top: none;
  padding: 40px 0;
  transition: all 0.3s;
}

.shop-page .products .contents h3 {
  font-size: 22px;
  font-weight: 400;
  font-family: 'Audiowide';
  color: #111;
  margin: 0 0 10px;
}

.products-area .pro-sliders .products .contents h3 a {
  color: #030B1A;
}

.shop-page .products .contents p {
  display: none;
}

.shop-page .products .contents span {
  font-family: 'Audiowide';
  color: #0198B5;
  display: block;
  font-size: 18px;
  margin: 0 0 20px;
}

.shop-page .products:hover figure img {
  transform: scale(1.1) rotate(5deg);
}

.shop-page .products:hover .contents {
  border-top: none;
}

.shop-page .products.list-item {
  width: 100%;
  display: block;
  overflow: hidden;
  vertical-align: middle;
  text-align: left;
}

.shop-page .products.list-item figure {
  width: 30%;
  display: inline-block;
  float: left;
}

.shop-page .products.list-item .contents {
  display: inline-block;
  width: 70%;
  padding: 21px 30px 0;
  float: left;
  border-bottom: none;
  border-left: none;
}

.shop-page .products.list-item .contents p {
  display: block;
}

.shop-page .products.list-item .contents span {
  display: block;
}

.product-details .products-photo {
  margin-right: 30px;
}

@media only screen and (max-width: 992px) {
  .product-details .products-photo {
    margin: 0 0 40px;
  }
}

.product-details .products-photo .tab-content {
  display: block;
  margin: 0 0 20px;
}

.product-details .products-photo .tab-content .tab-pane img {
  width: 100%;
}

.product-details .products-photo .nav-tabs {
  border: none;
}

.product-details .products-photo .nav-tabs li {
  display: inline-block;
  width: 25%;
  padding: 0 10px;
}

.product-details .products-photo .nav-tabs li a {
  display: block;
  border: none;
  padding: 0;
  border-radius: 0;
}

.product-details .products-photo .nav-tabs li a img {
  width: 100%;
}

.product-details .single-product-content h2 {
  font-size: 36px;
  font-family: 'Audiowide';
  font-weight: 400;
  color: #111;
  position: relative;
  display: block;
  padding-left: 70px;
}

.product-details .single-product-content h2:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 0;
  width: 50px;
  height: 30px;
  background: #0198B5;
  -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
}

.product-details .single-product-content .product-review {
  display: block;
  margin: 0 0 20px;
}

.product-details .single-product-content .product-review ul {
  display: inline-block;
  padding-right: 10px;
}

.product-details .single-product-content .product-review ul li {
  color: #0198B5;
  display: inline-block;
}

.product-details .single-product-content .product-review ul li:last-child {
  color: #d4d4d4;
}

.product-details .single-product-content .product-review span {
  display: inline-block;
  color: #797979;
  padding-right: 10px;
}

.product-details .single-product-content .product-review a {
  color: #0198B5;
}

.product-details .single-product-content .con p {
  margin: 0 0 40px;
}

.product-details .single-product-content .con ul {
  display: block;
  margin: 0 0 40px;
}

.product-details .single-product-content .con ul li i {
  color: #0198B5;
  padding-right: 15px;
}

.product-details .single-product-content .select-pro {
  overflow: hidden;
  vertical-align: middle;
  zoom: 1;
}

.product-details .single-product-content .select-pro .input-group {
  width: 160px;
  border-radius: 0;
  line-height: 43px;
  border: 1px solid #e5e5e5;
  float: left;
}

.product-details .single-product-content .select-pro .input-group .btn {
  padding: 0 12px;
  line-height: 45px;
  border-radius: 0;
  background: #f9f9f9;
  color: #333;
  border: none;
  font-size: 20px;
}

.product-details .single-product-content .select-pro .input-group .btn:focus {
  outline: none;
}

.product-details .single-product-content .select-pro .input-group input {
  line-height: 45px;
  height: 45px;
  border: none;
  text-align: center;
}

.product-details .single-product-content .select-pro select {
  width: 130px;
  line-height: 43px;
  height: 45px;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  display: inline-block;
  padding: 0 15px;
  margin-left: 20px;
}

.product-details .single-product-content .price {
  display: block;
  margin: 30px 0;
}

.product-details .single-product-content .price strong {
  font-size: 26px;
  color: #0198B5;
}

.product-details .single-product-content .price del {
  color: #aaaaaa;
}

.product-details .single-product-content .price span {
  color: #24ce8c;
}

.product-details .single-product-content .buttons a {
  margin-left: 10px;
}

.product-details .single-product-content .buttons a.btn4 {
  border: 1px solid #e5e5e5;
}

.product-details .single-product-content .buttons a.btn4:hover {
  border: 1px solid #0198B5;
}

.product-details .single-product-content .buttons a.heart {
  width: 50px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  color: #333;
  border: 1px solid #e5e5e5;
  display: inline-block;
  font-size: 18px;
}

.product-details .single-product-content .buttons a.heart:hover {
  background: #0198B5;
  border: 1px solid #0198B5;
  color: #fff;
}

.product-details .pro-details .nav-tabs {
  /* border-bottom: 5px solid #0198B5; */
  padding-bottom: 8px;
}

.product-details .pro-details .nav-tabs li a {
  font-weight: 700;
  color: #222222;
  border-radius: 0;
  border: none;
  padding: 10px 15px;
}

.product-details .pro-details .nav-tabs li.active a {
  background: #0198B5;
  color: #fff;
}

.product-details .pro-details .tab-content .tab-pane .con {
  display: block;
  padding: 30px;
  border: 1px solid #e5e5e5;
}

.product-details .pro-details .tab-content .tab-pane .con figure {
  display: inline-block;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.product-details .pro-details .tab-content .tab-pane .con p {
  display: table;
}

.product-details .pro-details .tab-content .tab-pane .con p:nth-child(4) {
  display: inline-block;
}

.product-details .pro-details .tab-content .tab-pane .con ul li {
  display: block;
}

.product-details .pro-details .tab-content .tab-pane .con ul li i {
  color: #0198B5;
  padding-right: 10px;
}

.product-details .pro-details .tab-content .tab-pane .Specification_wraaper {
  display: block;
  padding: 30px;
  border: 1px solid #e5e5e5;
}

.product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  border: 1px solid #ddd;
}

.product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table th,
.product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table td {
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #eee;
}

.product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table th {
  width: 200px;
  font-weight: 600;
  color: #333;
  font-family: "Poppins", sans-serif;
}

.product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table td {
  color: #555;
}

/* Zebra striping */
.product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.product-details .pro-details .tab-content .tab-pane .Specification_wraaper .product-table tr:nth-child(odd) {
  background-color: #fff;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper {
  display: block;
  padding: 30px;
  border: 1px solid #e5e5e5;
}


.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-box {
  display: flex;
  align-items: flex-start;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 30px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-box img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 15px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-content {
  flex: 1;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-stars {
  color: #0198B5;
  font-size: 14px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-author {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 5px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-date {
  color: #777;
  font-size: 13px;
  margin-left: 8px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-text {
  margin-top: 8px;
  color: #555;
}

/* Review Form */
.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-form h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  font-family: 'Audiowide';
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-form p {
  font-size: 14px;
  color: #777;
  margin-bottom: 20px;
  font-family: "Poppins", sans-serif;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .form-group {
  margin-bottom: 18px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .rating-stars {
  color: #0198B5;
  cursor: pointer;
  font-size: 18px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper textarea,
input[type="text"],
input[type="email"] {
  width: 100%;
  padding: 12px 15px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 14px;
  outline: none;
  resize: none;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper textarea {
  min-height: 100px;
  resize: none;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .form-check {
  font-family: "Poppins", sans-serif;
  margin: 12px 0;
  font-size: 14px;
  color: #555;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .btn1 {
  margin-top: 10px;
}

.product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .btn1:hover {
  color: #0198B5;
}


@media (max-width:425px) {
  .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .review-form p {
    font-size: 12px;
  }

  .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper .form-check {
    padding: 0px;
  }
}

/*....................................
13. Testimonial area start here
....................................*/
/*....................................
14. Client area start here
....................................*/
.partner-area {
  background: url('../storage/trusted-section-bg-img-2.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.partner-area .partner-list ul {
  overflow: hidden;
  vertical-align: middle;
  padding: 0 0 30px;
}

.partner-area .partner-list ul li {
  display: inline-block;
  width: 20%;
  float: left;
  position: relative;
  margin: 0 0 -30px;
}

@media only screen and (max-width: 992px) {
  .partner-area .partner-list ul li {
    width: 25%;
  }
}

@media only screen and (max-width: 768px) {
  .partner-area .partner-list ul li {
    width: 33.3333%;
  }

  .news_botton_cont p {
    padding: 0 20px 0 0px;
  }
}

@media only screen and (max-width: 480px) {
  .partner-area .partner-list ul li {
    width: 50%;
  }

  .product-details .single-product-content .buttons a {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .product-details .single-product-content .buttons a.heart {
    margin-top: 10px;
  }

  .product-details .pro-details .tab-content .tab-pane .con p {
    width: 100%;
  }
}

@media only screen and (max-width: 320px) {
  .partner-area .partner-list ul li {
    width: 100%;
  }
}

.partner-area .partner-list ul li a {
  display: block;
}

.partner-area .partner-list ul li a img {
  width: 100%;
  display: block;
  transition: all 0.3s;
}

.partner-area .partner-list ul li a:hover img {
  opacity: 1;
}

/*....................................
15. Form area start here
....................................*/
/*....................................
16. Social link area start here
....................................*/
.foo-social li {
  display: inline-block;
}

.foo-social li a {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  -webkit-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
  clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
  background: rgba(255, 255, 255, 0.1);
}

.foo-social li a:hover {
  background: #0198B5;
}

.twitter-posts {
  display: block;
  position: relative;
  background: #0198B5;
}

.twitter-posts:after {
  content: '';
  position: absolute;
  width: 180px;
  height: 180px;
  background-image: url('../storage/icon1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 1%;
  top: 50%;
  transform: translateY(-50%) translateX(60px);
}

.twitt-sliders-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}

.twitt-sliders-inner .instagram-icon {
  width: 200px;
}

.twitt-sliders {
  width: calc(100% - 200px);
  overflow: hidden;
}

.twitter-posts .contents {
  position: relative;
  display: block;
}

@media only screen and (max-width: 320px) {
  .twitter-posts .contents {
    text-align: center;
  }
}

.twitter-posts .contents p {
  color: #fff;
}

.twitter-posts .contents a {
  display: inline-block;
  color: #fff;
  padding-left: 10px;
}

.twitter-posts .contents a:hover {
  color: #5DADE2;
}

.twitter-posts .contents span {
  display: block;
  color: #fff;
  opacity: 0.5;
}

.ln-sliders .owl-controls .owl-buttons {
  display: none;
}

/*....................................
17. Blog area start here
....................................*/
.blog-area .blog-slider .blog-lists {
  padding: 0 15px !important;
  margin: 0;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  width: 278px;
  height: 400px;
  background: #fff;
  display: block;
  transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
  .blog-area .blog-slider .blog-lists {
    height: auto;
    display: none;
  }
}

.blog-area .blog-slider .blog-lists:focus {
  outline: none;
}

.blog-area .blog-slider .blog-lists figure {
  display: none;
  transition: all 0.3s;
}

.blog-area .blog-slider .blog-lists figure img {
  display: block;
  width: 100%;
}

.blog-area .blog-slider .blog-lists .contents {
  display: block;
  position: relative;
  border: 1px solid #eee;
  width: 100%;
  padding: 40px;
  transition: all 0.3s;
}

.blog-area .blog-slider .blog-lists .contents .fav {
  display: none;
}

.blog-area .blog-slider .blog-lists .contents .tags {
  display: block;
  margin: 0 0 22px;
  transition: all 0.3s;
}

.blog-area .blog-slider .blog-lists .contents .tags span {
  color: #0198B5;
}

.blog-area .blog-slider .blog-lists .contents h3 {
  font-size: 22px;
  color: #111;
  font-family: 'Audiowide';
  font-weight: 400;
  margin: 0 0 22px;
  transition: all 0.3s;
}

.blog-area .blog-slider .blog-lists .contents .date {
  font-size: 16px;
  color: #0198B5;
  border-bottom: 1px solid #eee;
  padding: 0 0 22px;
  display: block;
  transition: all 0.3s;
}

.blog-area .blog-slider .blog-lists .contents .date i {
  font-size: 18px;
  color: #0198B5;
  padding-right: 8px;
}

.blog-area .blog-slider .blog-lists .contents p {
  font-size: 14px;
  margin: 22px 0;
  transition: all 0.3s;
}

.blog-area .blog-slider .blog-lists.slick-current {
  width: 600px !important;
  height: 400px;
}

@media only screen and (max-width: 480px) {
  .blog-area .blog-slider .blog-lists.slick-current {
    width: 420px !important;
    height: auto;
    display: block;
  }

  .slider-area .item-content .item-slider .contents .buttons a:last-child {
    display: none;

  }

  .events-area .panel-group .panel .panel-heading a.btncnc .arrows {
    font-size: 33px;
  }

  .events-area .panel-group .panel .panel-heading a.btncnc .arrows:after {
    bottom: -7px;
    width: 50px;
  }
}

@media only screen and (max-width: 320px) {
  .blog-area .blog-slider .blog-lists.slick-current {
    width: 300px !important;
  }
}

.blog-area .blog-slider .blog-lists.slick-current figure {
  display: block;
  transition: all 0.3s;
}

.blog-area .blog-slider .blog-lists.slick-current figure img {
  display: block;
  width: 100%;
}

.blog-area .blog-slider .blog-lists.slick-current .contents {
  display: block;
  position: absolute;
  border: none;
  width: 100%;
  padding: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
  .blog-area .blog-slider .blog-lists.slick-current .contents {
    top: 50px;
  }

  .news_botton_cont p {
    padding: 0 20px 0 0px;
  }
}

@media only screen and (max-width: 320px) {
  .blog-area .blog-slider .blog-lists.slick-current .contents {
    top: 30px;
  }

  .news_botton_cont p {
    padding: 0 20px 0 0px;
  }
}

.blog-area .blog-slider .blog-lists.slick-current .contents .fav {
  display: inline-block;
  position: absolute;
  top: -220px;
  right: 45px;
  height: 46px;
  line-height: 46px;
  width: 55px;
  border: 1px solid #0198B5;
  border-left: none;
  border-right: none;
  text-align: center;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
  -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
}

@media only screen and (max-width: 480px) {
  .blog-area .blog-slider .blog-lists.slick-current .contents .fav {
    display: none;
  }
}

.blog-area .blog-slider .blog-lists.slick-current .contents .fav:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #0198B5;
  transform: rotate(6.8deg);
}

.blog-area .blog-slider .blog-lists.slick-current .contents .fav:before {
  content: '';
  position: absolute;
  right: 3px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #0198B5;
  transform: rotate(6.8deg);
}

.blog-area .blog-slider .blog-lists.slick-current .contents .fav:hover {
  background: #0198B5;
}

.blog-area .blog-slider .blog-lists.slick-current .contents .tags {
  display: block;
  margin: 0 0 22px;
  transition: all 0.3s;
  position: absolute;
  top: -220px;
}

@media only screen and (max-width: 480px) {
  .blog-area .blog-slider .blog-lists.slick-current .contents .tags {
    display: none;
  }
}

.blog-area .blog-slider .blog-lists.slick-current .contents .tags span {
  color: #0198B5;
}

.blog-area .blog-slider .blog-lists.slick-current .contents h3 {
  font-size: 22px;
  color: #fff;
  font-family: 'Audiowide';
  font-weight: 400;
  margin: 0 0 22px;
  transition: all 0.3s;
}

@media only screen and (max-width: 320px) {
  .blog-area .blog-slider .blog-lists.slick-current .contents h3 {
    font-size: 20px;
  }
}

.blog-area .blog-slider .blog-lists.slick-current .contents .date {
  font-size: 16px;
  color: #fff;
  border-bottom: none;
  padding: 0 0 22px;
  display: block;
  transition: all 0.3s;
  position: absolute;
  top: 0;
}

.blog-area .blog-slider .blog-lists.slick-current .contents .date i {
  font-size: 18px;
  color: #0198B5;
  padding-right: 8px;
}

.blog-area .blog-slider .blog-lists.slick-current .contents p {
  font-size: 14px;
  margin: 22px 0;
  transition: all 0.3s;
  display: none;
}

.blog-area .blog-slider .blog-lists.slick-current .contents a:hover {
  color: #fff;
}

@media only screen and (max-width: 992px) {
  .blog-pages .floatright {
    float: inherit;
  }
}

.blog-pages .blog-list {
  display: block;
  margin: 0 0 30px;
}

.blog-pages .blog-list figure {
  position: relative;
  display: block;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
}

.blog-pages .blog-list figure img {
  display: block;
  width: 100%;
  transition: all 0.5s;
}

.blog-pages .blog-list figure .date {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #0198B5;
  width: 55px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 5px 0;
}

.blog-pages .blog-list figure .date strong {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  display: block;
  line-height: 26px;
}

.blog-pages .blog-list figure .date span {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  display: block;
  text-transform: uppercase;
  line-height: 26px;
}

.blog-pages .blog-list .content {
  border: 1px solid #eee;
  border-top: none;
  display: block;
  padding: 30px;
  transition: all 0.3s;
  background: #fff;
}

.blog-pages .blog-list .content h3 {
  font-family: 'Audiowide';
  font-size: 22px;
  color: #212121;
  letter-spacing: 1px;
  margin: 0 0 20px;
}

.blog-pages .blog-list .content p {
  color: #797979;
  font-size: 16px;
  margin: 0 0 20px;
}

.blog-pages .blog-list:hover figure img {
  transform: rotate(5deg) scale(1.2);
}

.blog-pages .blog-list:hover .content {
  border: 1px solid #0198B5;
  border-top: none;
}

.blog-details .blog-details .blogs {
  display: block;
  margin: 0 0 70px;
  border: 1px solid #ececec;
}

@media only screen and (max-width: 768px) {
  .blog-details .blog-details .blogs {
    margin: 0 0 40px;
  }
}

.blog-details .blog-details .blogs figure {
  position: relative;
  display: block;
  overflow: hidden;
  vertical-align: middle;
}

.blog-details .blog-details .blogs figure img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}

.blog-details .blog-details .blogs figure .date {
  position: absolute;
  top: 0;
  right: 20px;
  display: inline-block;
  background: #0198B5;
  width: 60px;
  text-align: center;
  padding-top: 10px;
  z-index: 999;
}

.blog-details .blog-details .blogs figure .date:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  height: 15px;
  border-top: 15px solid #0198B5;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}

.blog-details .blog-details .blogs figure .date span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}

.blog-details .blog-details .blogs figure .date strong {
  display: block;
  font-weight: 700;
  font-size: 30px;
  line-height: 20px;
  color: #fff;
}

.blog-details .blog-details .blogs .content-post .content {
  display: block;
  padding: 40px;

}

@media only screen and (max-width: 320px) {
  .blog-details .blog-details .blogs .content-post .content {
    padding: 20px;
  }
}

.blog-details .blog-details .blogs .content-post .content ul {
  display: block;
  margin: 0 0 10px;
}

.blog-details .blog-details .blogs .content-post .content ul li {
  display: inline-block;
  padding: 0 15px;
}

@media only screen and (max-width: 320px) {
  .blog-details .blog-details .blogs .content-post .content ul li {
    padding: 0 5px;
  }
}

.blog-details .blog-details .blogs .content-post .content ul li:first-child {
  padding-left: 0;
}

.blog-details .blog-details .blogs .content-post .content ul li:last-child {
  padding-right: 0;
}

.blog-details .blog-details .blogs .content-post .content ul li i {
  color: #0198B5;
  padding-right: 5px;
}

.blog-details .blog-details .blogs .content-post .content ul li span {
  color: #707070;
  text-transform: capitalize;
}

.blog-details .blog-details .blogs .content-post .content h4 {
  color: #111;
  font-size: 22px;
  font-family: 'Audiowide';
  font-weight: 500;
}

.blog-details .blog-details .blogs .content-post .testi {
  position: relative;
}

@media only screen and (max-width: 320px) {
  .blog-details .blog-details .blogs .content-post .testi .dbox .dleft {
    display: none;
  }
}

.blog-details .blog-details .blogs .content-post .testi:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #0198B5;
  width: 6px;
}

.blog-details .blog-details .blogs .content-post .testi .con {
  height: 158px;
  vertical-align: middle;
  display: table-cell;
  padding: 0 20px;
}

.blog-details .blog-details .blogs .content-post .testi .con p {
  margin: 0 0 10px;
  font-style: italic;
  color: #111;
  position: relative;
}

.blog-details .blog-details .blogs .content-post .testi .con p:after {
  content: '\f10d';
  position: absolute;
  left: -25px;
  top: -5px;
  font-style: 18px;
  color: #0198B5;
  font-family: FontAwesome;
}

.blog-details .blog-details .admin {
  display: block;
  margin: 0 0 70px;
}

@media only screen and (max-width: 768px) {
  .blog-details .blog-details .admin {
    margin: 0 0 40px;
  }
}

.blog-details .blog-details .admin .dbox .floatleft {
  width: 70%;
  display: block;
  background: #111;
}

@media only screen and (max-width: 320px) {
  .blog-details .blog-details .admin .dbox .floatleft {
    width: 100%;
  }
}

.blog-details .blog-details .admin .dbox .floatleft .content {
  height: 210px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 50px;
  position: relative;
}

@media only screen and (max-width: 320px) {
  .blog-details .blog-details .admin .dbox .floatleft .content {
    padding: 30px;
  }
}

.blog-details .blog-details .admin .dbox .floatleft .content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 42px;
  bottom: 42px;
  width: 6px;
  background: #0198B5;
}

.blog-details .blog-details .admin .dbox .floatleft .content h4 {
  font-family: 'Audiowide';
  font-weight: 300;
  font-size: 20px;
  color: #fff;
  margin: 0 0 10px;
}

.lst_div_box_galery {
  position: absolute;
  top: -322px;
}

.blog-details .blog-details .admin .dbox .floatleft .content p {
  color: rgba(255, 255, 255, 0.5);
  margin: 0 0 10px;
}

.blog-details .blog-details .admin .dbox .floatleft .content ul {
  display: inline-block;
  position: relative;
  line-height: 34px;
  padding: 0 20px;
  background: #0198B5;
}

.blog-details .blog-details .admin .dbox .floatleft .content ul:after {
  content: '';
  position: absolute;
  right: -12px;
  width: 12px;
  top: 0;
  bottom: 0;
  border-left: 12px solid #0198B5;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
}

.blog-details .blog-details .admin .dbox .floatleft .content ul li {
  display: inline-block;
}

.blog-details .blog-details .admin .dbox .floatleft .content ul li a {
  display: block;
  padding: 0 5px;
  color: #fff;
}

.blog-details .blog-details .admin .dbox .floatright {
  width: 30%;
  background: #111;
  display: block;
  text-align: right;
  height: 210px;
}

@media only screen and (max-width: 320px) {
  .blog-details .blog-details .admin .dbox .floatright {
    display: none;
  }

  .about-area .about-contents .btn2 {
    display: block;
    width: 145px;
    margin-left: 0;
  }
}

.blog-details .blog-details .comments-area {
  margin: 0 0 60px;
}

@media only screen and (max-width: 768px) {
  .blog-details .blog-details .comments-area {
    margin: 0 0 40px;
  }
}

.blog-details .blog-details .comments-area h3 {
  font-family: 'Audiowide';
  font-weight: 700;
  text-transform: uppercase;
  color: #071127;
  font-size: 20px;
  position: relative;
  padding: 0 0 20px;
}

.blog-details .blog-details .comments-area h3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6px;
  width: 60px;
  background: #e7e7e7;
  border-radius: 10px;
}

.blog-details .blog-details .comments-area h3 span {
  color: #0198B5;
}

.blog-details .blog-details .comments-area .comment-list {
  padding: 30px;
  border: 1px solid #ececec;
  margin-bottom: -1px;
}

.blog-details .blog-details .comments-area .comment-list .dbox .dleft {
  padding-right: 15px;
}

.blog-details .blog-details .comments-area .comment-list .dbox .dright h5 {
  font-family: 'Audiowide';
  font-weight: 400;
  font-size: 20px;
  color: #111;
  margin: 0 0 15px;
}

.blog-details .blog-details .comments-area .comment-list .dbox .dright h5 span {
  color: #0198B5;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding-left: 10px;
}

.blog-details .blog-details .comments-area .comment-list .dbox .dright p {
  margin: 0;
}

.blog-details .blog-details .comment-box h3 {
  font-family: 'Audiowide';
  font-weight: 700;
  text-transform: uppercase;
  color: #071127;
  font-size: 20px;
  position: relative;
  padding: 0 0 20px;
}

.blog-details .blog-details .comment-box h3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6px;
  width: 60px;
  background: #e7e7e7;
  border-radius: 10px;
}

.blog-details .blog-details .comment-box h3 span {
  color: #0198B5;
}

.blog-details .blog-details .comment-box form fieldset input {
  width: 100%;
  padding: 0 15px;
  line-height: 50px;
  height: 50px;
  border: 1px solid #ececec;
}

.blog-details .blog-details .comment-box form fieldset textarea {
  width: 100%;
  padding: 15px;
  height: 124px;
  border: 1px solid #ececec;
}

/*....................................
18. Faq area start here
....................................*/
/*....................................
19. Contact area start here
....................................*/
.contact-area .map-area {
  position: relative;
  display: block;
  margin: 0 0 115px;
}

.contact-area .map-area .map-full {
  width: 100%;
  height: 450px;
}

.contact-area .map-area .map-full iframe {
  width: 100%;
  height: 100%;
}

.contact-area .map-area .go-map {
  position: absolute;
  right: -25px;
  top: 54px;
  color: #fff;
  z-index: 999;
  display: inline-block;
  line-height: 55px;
  padding: 0 28px;
  z-index: 2;
  background: #0198B5;
}

.contact-area .map-area .go-map:hover {
  color: #fff;
}

.contact-area .map-area .go-map:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -21px;
  width: 25px;
  height: 21px;
}

.contact-area .map-area .map-full {
  z-index: 1;
}

.contact-area .contact-info {
  height: 196px;
  border: 8px solid #f5f5f5;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 0 30px;
  position: relative;
}

.contact-area .contact-info span {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -54px;
  border: 8px solid #f5f5f5;
  width: 108px;
  height: 108px;
  background: #fff;
  font-size: 28px;
  color: #0198B5;
  border-radius: 100%;
  line-height: 94px;
  transition: all 0.3s;
}

.contact-area .contact-info p {
  margin: 0;
  color: #212121;
  font-size: 16px;
}

.contact-area .contact-info:hover span {
  background: #0198B5;
  color: #fff;
}

.contact-area .form-area form fieldset {
  display: block;
  margin: 0 0 30px;
}

.contact-area .form-area form fieldset .feld {
  position: relative;
}

.contact-area .form-area form fieldset .feld {
  display: flex;
  align-items: center;
}

.contact-area .form-area form fieldset .feld input {
  width: 100%;
  border: 1px solid #C7C8CC;
  padding: 18px 16px;
  transition: all 0.3s;
  font-family: 'Roboto';
  line-height: inherit;
  font-weight: 400;
  font-size: 20px;
  color: #4D5565;

}

.contact-area .form-area form fieldset .feld input::placeholder {
  font-size: 20px;
  color: #4D5565;
}


.contact-area .form-area form fieldset .feld input:focus {
  border: 1px solid #0198B5;
}

.contact-area .form-area form fieldset .feld input:focus+span {
  color: #0198B5;
}

.contact-area .form-area form fieldset .feld input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}

.contact-area .form-area form fieldset .feld input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}

.contact-area .form-area form fieldset .feld input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}

.contact-area .form-area form fieldset .feld input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}

.contact-area .form-area form fieldset .feld span {
  position: absolute;
  right: 35px;
  top: inherit;
  line-height: 50px;
  color: #797979;
  transition: all 0.3s;
}

.contact-area .form-area form fieldset .feld span.msg {
  right: 20px;
}

.contact-area .form-area form fieldset .feld textarea {
  width: 100%;
  border: 1px solid #C7C8CC;
  padding: 15px;
  height: 180px;
  transition: all 0.3s;
  font-family: 'Roboto';
  line-height: inherit;
  font-weight: 400;
  font-size: 20px;
  color: #4D5565;
  resize: none;
}

.contact-area .form-area form fieldset .feld textarea::placeholder {
  font-size: 20px;
  color: #4D5565;
}

.contact-area .form-area form fieldset .feld textarea:focus {
  border: 1px solid #0198B5;
}

.contact-area .form-area form fieldset .feld textarea:focus+span {
  color: #0198B5;
}

.contact-area .form-area form fieldset .feld textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}

.contact-area .form-area form fieldset .feld textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}

.contact-area .form-area form fieldset .feld textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}

.contact-area .form-area form fieldset .feld textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}


/* login_section start */

.login_section {
  width: 100%;
  float: left;
}

.login_form_wrapper {
  float: left;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.login_form_wrapper h1 {
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.login_wrapper {
  width: 100%;
  background: #f7f7f7;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding: 50px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.login_wrapper a.btn {
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  font-size: 16px;
  border: 1px solid #0198B5;
  display: inline-block;
  position: relative;
  padding: 0 60px;
  line-height: 50px;
  height: 50px;
  background: #0198B5;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  clip-path: polygon(17% 0%, 96% 0, 83% 100%, 5% 100%);
}

.login_wrapper a.btn:hover {
  background-color: #111;
  border-color: #111;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.login_wrapper a span {
  float: left;
}

.login_wrapper a i {
  float: right;
  margin: 0;
  line-height: 50px;
}

.login_wrapper a.google-plus {
  background: #e0594b;
  border: 1px solid #e0594b;
}

.login_wrapper a.google-plus:hover {
  background: #b9291a;
  border-color: #b9291a;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.login_wrapper h2 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #111;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  clip-path: polygon(17% 0%, 96% 0, 83% 100%, 5% 100%);
}

.login_wrapper h2::before,
.login_wrapper h2::after {
  content: "";
  background: #e4e4e4;
  width: 100px;
  height: 1px;
  position: absolute;
  top: 50%;
}

.login_wrapper h2::before {
  right: 60%;
}

.login_wrapper h2::after {
  left: 60%;
}

.login_wrapper .form-control {
  height: 53px;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  box-shadow: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: #fff;
  cursor: pointer;

}

.login_wrapper textarea.form-control {
  height: auto;
  resize: none;
}

.login_wrapper input::placeholder,
.login_wrapper textarea::placeholder {
  color: #999;
}

.login_wrapper .form-control:focus {
  color: #999;
  background-color: fafafa;
  border: 1px solid #0198B5 !important;
}

.login_wrapper .formsix-pos,
.formsix-e {
  position: relative;
}

.login_wrapper .form-group.i-password:after,
.form-group.i-email:after {
  position: absolute;
  top: 13px;
  font-size: 16px;
  font-family: "FontAwesome";
  color: #c0c0c0;
}

.login_remember_box {
  margin-top: 30px;
  margin-bottom: 30px;
  color: #999;
}

.login_remember_box .control {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  margin: 0;
}

.login_remember_box .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.login_remember_box .control__indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  background: #fff;
  border: 1px solid #999;
}

.login_remember_box .control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}

.login_remember_box .control input:checked~.control__indicator:after {
  display: block;
}

.login_remember_box .control--checkbox .control__indicator:after {
  left: 4px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid #111;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.login_remember_box .forget_password {
  float: right;
  color: #db4c3e;
  font-size: 14px;
  text-decoration: underline;
}

.login_btn_wrapper {
  padding-bottom: 20px;
  margin-bottom: 30px;
  width: 100%;
  max-width: 200px;
  margin: 0 auto
}

.login_btn_wrapper a.login_btn {
  text-align: center;
  text-transform: uppercase;
}

.login_btn_wrapper a.login_btn:hover {
  background-color: #111;
  border-color: #111;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.login_message p {
  text-align: center;
  font-size: 16px !important;
  margin: 0;
  padding-top: 20px;
}

.login_message a {
  color: #0198B5;
  font-weight: 500;
}

.login_form_wrapper p {
  width: 70%;
  text-transform: capitalize;
  text-align: center;
  margin: 0px auto;
  font-size: 14px;
}

/* login_section end */
/* register section start */
.register_section {
  float: left;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.register_left_form {
  float: left;
  width: 100%;
}

.register_left_form .column {
  padding-right: 30px;
}

.register_left_form .form-group {
  position: relative;
  margin-bottom: 5px;
}

.register_left_form .field-label i {
  float: right;
  font-size: 16px;
  color: #666;
}

.register_left_form .form-group .text {
  position: relative;
  color: #bbbbbb;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 5px;
}

.register_left_form input[type="text"],
.register_left_form input[type="email"],
.register_left_form input[type="password"],
.register_left_form input[type="tel"],
.register_left_form input[type="number"],
.register_left_form input[type="url"],
.register_left_form select,
.register_left_form textarea {
  position: relative;
  display: block;
  width: 100%;
  background: #ffffff;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 26px;
  color: #888888;
  padding: 12px 15px;
  border-radius: 7px;
  height: 50px;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.register_left_form textarea {
  resize: none;
  height: 60px !important;
  padding-left: 30px;
}

.register_left_form input:focus,
.register_left_form select:focus,
.register_left_form textarea:focus {
  border-color: #0198B5;
}

.jp_regiter_top_heading p {
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 20px;
  margin-top: 10px;
}

.check-box {
  margin-top: 35px;
}

.checkout-page .check-box {
  line-height: 24px;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
}

.register_wrapper_btn {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  padding-bottom: 20px;
}

.label_2 {
  font-weight: 400;
}

.check_box_anchr {
  color: #908a45 !important;
  ;
}

.checkout-page .check-box label {
  position: relative;
  top: -1px;
  font-weight: normal;
  padding: 0px;
  font-size: 18px;
  cursor: pointer;
  color: #333333;
}

.register_left_form input[type="checkbox"]+label:before {
  display: none;
}

.register_btn_wrapper {
  padding-top: 15px;
}

.btm_txt_register_form {
  width: 70%;
  text-align: center;
  margin: 0px auto;
  font-size: 14px;
}

.register_wrapper_box {
  float: left;
  width: 100%;
  background: #f7f7f7;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding: 50px;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* register_section end */

/*....................................
20. Footer area start here
....................................*/
footer {
  position: relative;
  display: block;
  background: url('/storage/bg-6.png') no-repeat center;
  background-size: cover;
  padding-top: 75px;
}

footer:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #030B1ACC;

}

footer .footer-bottom {
  display: block;
  position: relative;
  background: #030B1A;
  line-height: 80px;
  height: 80px;
  z-index: 999;
}

@media only screen and (max-width: 992px) {
  footer .footer-bottom {
    height: auto;
    line-height: 26px;
    padding: 30px 0;
  }
}

footer .footer-bottom .copyright p {
  color: #878787;
  margin: 0;
  line-height: normal;
}

@media only screen and (max-width: 992px) {
  footer .footer-bottom .copyright p {
    margin: 0 0 15px;
  }
}

footer .footer-bottom .copyright p span {
  color: #0198B5;
}

footer .footer-bottom .foo-links {
  text-align: right;
}

footer .footer-bottom .foo-links ul li {
  display: inline-block;
  padding: 0 16px;
}

@media only screen and (max-width: 480px) {
  footer .footer-bottom .foo-links ul li {
    padding: 0 6px;
  }
}

footer .footer-bottom .foo-links ul li a {
  display: block;
  color: #797979;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
}

footer .footer-bottom .foo-links ul li a:hover {
  color: #fff;
}

footer .footer-bottom .foo-links ul li:first-child {
  padding-left: 0;
}

footer .footer-bottom .foo-links ul li:last-child {
  padding-right: 0;
}

footer .footer-top {
  position: relative;
  z-index: 999;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer .footer-top .foo-about figure {
  position: relative;
  display: block;
  margin: 0 0 30px;
  padding: 0;
}

footer .footer-top .foo-about .contents {
  position: relative;
  display: block;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0 0 30px;
  margin-right: 50px;
}

footer .footer-top .foo-about .contents p {
  display: block;
  margin: 0 0 30px;
}

footer .footer-top .foo-about .contents a:hover {
  color: #fff;
}

footer .footer-top h2 {
  font-size: 22px;
  font-family: 'Audiowide';
  font-weight: 400;
  color: #fff;
  position: relative;
  display: block;
  padding-left: 70px;
  margin: 10px 0 60px;
}

footer .footer-top h2:after {
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  bottom: 0;
  width: 50px;
  height: 28px;
  background: #0198B5;
  -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
}

footer .footer-top .foo-news .newslists {
  display: block;
  padding: 25px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer .footer-top .foo-news .newslists:first-child {
  padding-top: 0;
}

footer .footer-top .foo-news .newslists:last-child {
  padding-bottom: 0;
  border: none;
}

footer .footer-top .foo-news .newslists .dbox .dleft figure {
  display: block;
  width: 80px;
  position: relative;
  margin: 0;
  padding: 0;
}

footer .footer-top .foo-news .newslists .dbox .dleft figure img {
  width: 100%;
  display: block;
}

footer .footer-top .foo-news .newslists .dbox .dright .content h4 {
  font-weight: 400;
  font-family: 'Audiowide';
  font-size: 18px;
  display: block;
  margin: 0 0 5px;
}

footer .footer-top .foo-news .newslists .dbox .dright .content h4 a {
  color: #fff;
  display: inline-block;
}

footer .footer-top .foo-news .newslists .dbox .dright .content h4 a:hover {
  color: #0198B5;
}

footer .footer-top .foo-news .newslists .dbox .dright .content p {
  display: block;
  margin: 0 0 5px;
}

footer .footer-top .foo-news .newslists .dbox .dright .content span {
  color: #0198B5;
}

footer .footer-top .products-foo ul {
  display: block;
  margin: 0 0 25px;
}

footer .footer-top .products-foo ul li {
  display: inline-block;
  padding: 0 4px;
}

footer .footer-top .products-foo ul li:first-child {
  padding-left: 0;
}

footer .footer-top .products-foo ul li:last-child {
  padding-right: 0;
}

footer .footer-top .products-foo ul li a {
  display: block;
  width: 70px;
}

footer .footer-top .products-foo ul li img {
  display: block;
  width: 100%;
}

/*....................................
21. Gallery area start here
....................................*/
.gallery-area .gimg {
  display: block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 25px;
}

.gallery-area .gimg figure {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  margin: 0;
}

.gallery-area .gimg figure img {
  /* width: 100%; */
  width: auto;
  transition: all 0.3s;
}

.gallery-area .gimg figure .content {
  position: absolute;
  top: 58px;
  left: 0;
  right: 35px;
  z-index: 999;
  opacity: 0;
  transition: all 0.3s;
}

.gallery-area .gimg figure .content h3 {
  font-size: 22px;
  font-family: 'Audiowide';
  font-weight: 400;
  color: #fff;
  margin: 0 0 10px;
  padding-left: 70px;
  position: relative;
}

.gallery-area .gimg figure .content h3:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  background: #0198B5;
  -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
}

.gallery-area .gimg figure .content p {
  margin: 0;
  padding-left: 70px;
  color: #878787;
}

.gallery-area .gimg figure:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 100%;
  right: 0;
  bottom: 0;
  background: rgb(0 16 25 / 85%);
  z-index: 99;
  transition: all 0.3s;
}

.gallery-area .gimg .con-pop {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}

.gallery-area .gimg .con-pop span {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 100px;
  line-height: 150px;
  color: #fff;
  background: #0198B5;
  z-index: 999;
  display: inline-block;
  transition: all 0.3s;
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
}

.gallery-area .gimg .con-pop span i {
  padding-right: 20px;
}

.gallery-area .gimg:hover figure img {
  transform: scale(1.1, 1.1);
}

.gallery-area .gimg:hover figure .content {
  opacity: 1;
}

.gallery-area .gimg:hover figure:after {
  left: 0;
  top: 0;
}

.gallery-area .gimg:hover .con-pop span {
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

/*....................................
22. Event area start here
....................................*/
.events-area .panel-group {
  margin-bottom: 0;
}

.events-area .panel-group .panel {
  border-color: #eee;
  border-radius: 0;
  margin-top: 20px;
  box-shadow: none;
}

.events-area .panel-group .panel:first-child {
  margin-top: 0;
}

.events-area .panel-group .panel .panel-heading {
  background: #fff;
  border: none;
  padding: 50px 50px 30px;
  border-radius: 0;
}

@media only screen and (max-width: 992px) {
  .events-area .panel-group .panel .panel-heading {
    padding-right: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .events-area .panel-group .panel .panel-heading {
    padding: 30px;
    padding-right: 10px;
  }
}

.events-area .panel-group .panel .panel-heading a {
  position: relative;
  display: block;
  background: #fff;
}

.events-area .panel-group .panel .panel-heading a h3 {
  font-family: 'Audiowide';
  font-weight: 400;
  color: #0198B5;
  margin: 0 0 15px;
}

.events-area .panel-group .panel .panel-heading a ul li {
  display: inline-block;
  padding-right: 35px;
}

@media only screen and (max-width: 480px) {
  .events-area .panel-group .panel .panel-heading a ul li {
    padding-right: 20px;
  }
}

.events-area .panel-group .panel .panel-heading a ul li i {
  color: #0198B5;
  padding-right: 8px;
}

.events-area .panel-group .panel .panel-heading a ul li span {
  color: #111;
}

.events-area .panel-group .panel .panel-heading a ul li:last-child {
  padding-right: 0;
}

.events-area .panel-group .panel .panel-heading a .arrows {
  position: absolute;
  right: 0;
  top: -10px;
  font-family: 'Audiowide';
  color: #0198B5;
  font-size: 80px;
  display: inline-block;
  line-height: 60px;
  transition: all 0.3s;
}

@media only screen and (max-width: 992px) {
  .events-area .panel-group .panel .panel-heading a .arrows {
    font-size: 60px;
  }
}

@media only screen and (max-width: 480px) {
  .events-area .panel-group .panel .panel-heading a .arrows {
    font-size: 36px;
    opacity: 0.5;
  }
}

.events-area .panel-group .panel .panel-heading a .arrows:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  height: 20px;
  width: 80px;
  margin: 0 auto;
  background: #0198B5;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 50% 20%, 0% 100%);
  clip-path: polygon(50% 0, 100% 100%, 50% 20%, 0% 100%);
  transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
  .events-area .panel-group .panel .panel-heading a .arrows:after {
    width: 40px;
    height: 10px;
    bottom: 0;
  }
}

.events-area .panel-group .panel .panel-heading a.btncnc .arrows {
  position: absolute;
  right: 0;
  top: -10px;
  font-family: 'Audiowide';
  color: #eee;
  font-size: 80px;
  display: inline-block;
  line-height: 60px;
  transition: all 0.3s;
}

@media only screen and (max-width: 992px) {
  .events-area .panel-group .panel .panel-heading a.btncnc .arrows {
    font-size: 60px;
  }
}

.events-area .panel-group .panel .panel-heading a.btncnc .arrows:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  height: 20px;
  width: 80px;
  margin: 0 auto;
  background: #eee;
  -webkit-clip-path: polygon(50% 80%, 100% 0, 50% 100%, 0 0);
  clip-path: polygon(50% 80%, 100% 0, 50% 100%, 0 0);
  transition: all 0.3s;
}

.events-area .panel-group .panel .panel-heading a.collapsed h3 {
  font-family: 'Audiowide';
  font-weight: 400;
  color: #0198B5;
  margin: 0 0 10px;
}

.events-area .panel-group .panel .panel-heading a.collapsed .arrows {
  position: absolute;
  right: 0;
  top: -10px;
  font-family: 'Audiowide';
  color: #eee;
  font-size: 80px;
  display: inline-block;
  line-height: 60px;
  transition: all 0.3s;
}

@media only screen and (max-width: 992px) {
  .events-area .panel-group .panel .panel-heading a.collapsed .arrows {
    font-size: 60px;
  }
}

.events-area .panel-group .panel .panel-heading a.collapsed .arrows:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  height: 20px;
  width: 80px;
  margin: 0 auto;
  background: #eee;
  -webkit-clip-path: polygon(50% 80%, 100% 0, 50% 100%, 0 0);
  clip-path: polygon(50% 80%, 100% 0, 50% 100%, 0 0);
  transition: all 0.3s;
}

.events-area .panel-group .panel .panel-collapse .panel-body {
  border-top: none;
  padding: 0 200px 50px 50px;
}

@media only screen and (max-width: 992px) {
  .events-area .panel-group .panel .panel-collapse .panel-body {
    padding-right: 100px;
  }
}

@media only screen and (max-width: 480px) {
  .events-area .panel-group .panel .panel-collapse .panel-body {
    padding: 30px;
    padding-top: 0px;
  }
}

.events-area .panel-group .panel .panel-collapse .panel-body p {
  color: #878787;
}

.events-area .panel-group .panel .panel-collapse .panel-body .events-img {
  margin: 0 -15px;
}

.events-area .panel-group .panel .panel-collapse .panel-body .events-img .owl-item {
  display: block;
  position: relative;
  padding: 0 15px;
}

.events-area .panel-group .panel .panel-collapse .panel-body .events-img .owl-item img {
  width: 100%;
  display: block;
}

.event-details .buyticket {
  display: block;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .event-details .buyticket {
    margin: 0 0 50px;
  }
}

.event-details .buyticket figure {
  display: block;
  position: relative;
}

.event-details .buyticket figure img {
  width: 100%;
}

.event-details .buyticket .con {
  display: block;
  position: relative;
  border: 1px solid #eee;
  padding: 40px;
  border-top: none;
}

.event-details .buyticket .con p {
  margin: 0 0 5px;
  color: #111;
  display: inline-block;
}

.event-details .buyticket .con p:first-child {
  margin: 0 0 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.event-details .buyticket .con strong {
  font-family: 'Audiowide';
  display: inline-block;
  color: #0198B5;
  padding-left: 10px;
  font-size: 18px;
}

.event-details .buyticket .con a {
  padding: 0 30px;
  margin-top: 25px;
}

.event-details .descriptions .eventleft {
  margin: 0 0 30px;
  display: block;
  position: relative;
}

.event-details .descriptions .eventleft li {
  text-align: center;
  display: inline-block;
  background: #0198B5;
  padding: 14px 0;
  height: 80px;
  width: 100px;
  -webkit-clip-path: polygon(12% 0, 100% 0, 88% 100%, 0% 100%);
  clip-path: polygon(12% 0, 100% 0, 88% 100%, 0% 100%);
}

@media only screen and (max-width: 480px) {
  .event-details .descriptions .eventleft li {
    margin: 5px 3px;
  }

  .about-area .about-contents .buttons .btn1 {
    clip-path: none;
  }

  .about-area .about-contents .buttons .btn1::after {
    display: none;
    clip-path: none;
  }

  .about-area .about-contents .buttons .btn1::before {
    display: none;
    clip-path: none;
  }

  .about-area .about-contents .btn2 {
    clip-path: none;
    display: block;
    width: 204px;
    margin-left: 0;
  }

  .about-area .about-contents .btn2:after {
    display: none;
  }
}

.event-details .descriptions .eventleft li span {
  color: #fff;
  font-family: 'Audiowide';
  font-size: 20px;
  display: block;
}

.event-details .descriptions .eventleft li p {
  margin: 0;
  color: #fff;
  opacity: 0.8;
}

.event-manegment {
  position: relative;
  display: block;
  background: #f5f5f5;
}

.event-manegment .speakers-slider {
  margin: 0 -10px -10px;
}

.event-manegment .speakers-slider .sp-list {
  margin: 10px;
  display: block;
  transition: all 0.3s;
}

.event-manegment .speakers-slider .sp-list figure {
  position: relative;
  display: block;
  position: relative;
}

.event-manegment .speakers-slider .sp-list figure img {
  display: block;
  width: 100%;
}

.event-manegment .speakers-slider .sp-list .con {
  text-align: center;
}

.event-manegment .speakers-slider .sp-list .con a {
  display: block;
  position: relative;
  background: #fff;
  color: #111;
  font-family: 'Audiowide';
  font-size: 18px;
  line-height: 50px;
}

.event-manegment .speakers-slider .sp-list:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.event-manegment .event-schedule {
  display: block;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .event-manegment .event-schedule {
    margin: 50px 0 0;
  }
}

.event-manegment .event-schedule table {
  margin: 0 !important;
}

.event-manegment .event-schedule table tbody tr td {
  padding: 15px 0;
}

.event-manegment .event-schedule table tbody tr td strong {
  color: #111;
}

.event-manegment .event-schedule table tbody tr td span {
  color: #111;
  text-transform: capitalize;
}

.event-manegment .event-schedule table tbody tr td a {
  text-transform: capitalize;
  display: inline-block;
  color: #0198B5;
}

.event-manegment .event-schedule table tbody tr td a:hover {
  color: #111;
}

.event-manegment .event-schedule table tbody tr td:last-child {
  text-align: right;
}

.event-manegment .event-schedule table tbody tr:first-child td {
  border-top: none !important;
}

.news_left_wrapper {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center 0;
  position: relative;
}

.main_news_right_box {
  border: 1px solid #f2f2f2;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 25px;
}

.main_news_right_box:hover {
  border: 1px solid #0198B5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.main_news_right_box:hover .news_right_box1 {
  border-bottom: 1px solid #eeeeee;
}

.news_right_box1 p {
  padding-top: 40px;
  color: #0198B5;
  margin-left: 40px;
  text-transform: capitalize;
}

.news_right_box1 h3 {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 20px;
  color: #111111;
  font-family: 'Audiowide';
  margin-left: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news_right_box1 h6 {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #111111;
  margin-left: 40px;
  font-weight: 400;
  padding-bottom: 20px;
}

.news_right_box1 {
  border-bottom: 1px solid #eeeeee;
}

.news_botton_cont {
  margin-top: 30px;
}

.news_botton_cont p {
  margin-left: 40px;
}

.news_botton_cont h5 {
  font-size: 16px;
  font-weight: 500;
  margin-left: 40px;
  margin-top: 20px;
  padding-bottom: 8px;
}

.news_botton_cont h5 a {
  color: #0198B5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.news_botton_cont h5 a:hover {
  color: #0198B5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.news_botton_cont h5 i {
  color: #0198B5;
}

.news_left_img_overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0%;
  right: 0%;
  background: rgba(0, 0, 0, 0.5);
}

.news_left_cont p {
  color: #ffffff;
  padding-top: 40px;
  text-align: left;
  margin-left: 30px;
  text-transform: capitalize;
}

.news_left_cont h6 i {
  color: #0198B5;
  font-size: 16px;
  margin-right: 8px;
}

.heart_box a i {
  color: #fff;
}

.heart_box a {
  width: 45px;
  height: 45px;
  border: 2px solid #0198B5;
  float: right;
  margin-top: -63px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  margin-right: 25px;
  transform: skew(-17deg);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.news_right_box1 h6 i {
  color: #0198B5;
  margin-right: 8px;
}

.news_left_cont h6 {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.79);
  padding-top: 210px;
  font-weight: 200;
  font-family: "Poppins", sans-serif;
  margin-left: 25px;
  margin-bottom: 15px;
}

.heart_box a:hover {
  background: #0198B5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.news_left_cont h3 {
  font-size: 22px;
  color: #fff;
  font-family: 'Audiowide';
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 25px;
  margin-bottom: 15px;
}

.news_left_cont h5 {
  font-size: 16px;
  font-weight: 500;
  margin-left: 25px;
}

.news_left_cont h5 a {
  color: #0198B5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.news_left_cont h5 a:hover {
  color: #0198B5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.news_left_cont h5 i {
  color: #0198B5;
}

@media (min-width: 991px) and (max-width: 1199px) {
  .lst_div_box_galery {
    position: absolute;
    top: -269px;
  }
}

@media (max-width: 991px) {
  .lst_div_box_galery {
    position: absolute;
    top: -201px;
  }
}

.custom_btn {
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  font-size: 16px;
  border: 1px solid #0198B5;
  display: inline-block;
  position: relative;
  padding: 0 60px;
  line-height: 50px;
  height: 50px;
  background: #0198B5;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}

.mean-container a.meanmenu-reveal span {
  opacity: 0;
}

.mean-container a.meanmenu-reveal {
  position: relative;
}

.mean-container a.meanmenu-reveal:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c9";
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 24px;
}

.mean-container a.meanmenu-reveal.meanclose:before {
  display: none;
}

.mean-container a.meanmenu-reveal {
  width: 100%;
  padding: 8px 0px 17px !important;
  text-align: right !important;
}

@media (max-width:1024px) {
  .slider-area .item-thumbnail a {
    padding: 20px 20px;
  }

  .slider-area .item-thumbnail a .items .dbox .dright .content p {
    font-size: 14px;
  }

  .slider-area .item-thumbnail a .items .dbox .dright .content h3 {
    font-size: 16px;
  }

}

@media only screen and (max-width: 991px) {
  .sibebar {
    margin: 60px 0 0;
  }

  .sibebar .wighet {
    margin-bottom: 20px;
  }

  .custom_btn {
    margin-bottom: 20px;
  }
}

@media (max-width:545px) {
  .blog-details .blog-details .blogs .content-post .content ul li {
    display: block;
    padding: 0 0px;
  }

}

@media only screen and (max-width: 480px) {
  .blog-area .blog-slider .blog-lists.slick-current {
    width: 420px !important;
    height: auto;
    display: block;
  }

  .slider-area .item-content .item-slider .contents .buttons a:last-child {
    display: none;

  }

  .events-area .panel-group .panel .panel-heading a.btncnc .arrows {
    font-size: 33px;
  }

  .events-area .panel-group .panel .panel-heading a.btncnc .arrows:after {
    bottom: -7px;
    width: 50px;
  }

  .training-area .training-con h2 {
    font-size: 22px;
  }

  .training-area .training-con h1 {
    font-size: 24px;
  }

  .event-details .descriptions .eventleft li {
    width: 70px;
    margin: 5px 0px;
  }

  .custom_btn {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 320px) {
  .blog-area .blog-slider .blog-lists.slick-current {
    width: 300px !important;
  }
}



.sliderItem .video-popups {
  display: block;
  margin: 0 0 45px;
}

.sliderItem .video-popups a {
  display: inline-block;
  height: 90px;
  line-height: 90px;
  color: #fff;
  background: #fff;
  position: relative;
  padding: 0 50px;
  /* border: 2px solid #0198B5; */
  font-size: 30px;
  -webkit-clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
  transition: all 0.3s;
}

.sliderItem .video-popups a i {
  color: #0198B5;
}

/* .sliderItem .video-popups a:after {
  content: '';
  position: absolute;
  left: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(16deg);
  transition: all 0.3s;
}

.sliderItem .video-popups a:before {
  content: '';
  position: absolute;
  right: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(16deg);
  transition: all 0.3s;
} */

.sliderItem .video-popups a:hover {
  -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
  clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
}

.sliderItem img {
  width: 100%;
  padding: 6px;
}

/* .sliderItem .video-popups a:hover:after {
  content: '';
  position: absolute;
  left: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(-16deg);
  transition: all 0.3s;
}

.sliderItem .video-popups a:hover:before {
  content: '';
  position: absolute;
  right: 12px;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #0198B5;
  transform: rotate(-15deg);
  transition: all 0.3s;
} */

.sliderItem {
  position: relative;
}

.sliderItem .video-popups {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%
}

/* .sliderItem .video-popups {
  display: none;
  transition: all 0.4s ease;
}

.sliderItem:hover .video-popups {
  display: block;
} */
.copyrightGroup {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.productThubnail {
  background-color: #030B1A;
}

.productThubnail .productThubnailInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* overflow-x: scroll; */
}



.productThubnailItem {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 50px 50px;
  transition: all 0.4s ease;
}

.productThubnailItem:hover {
  background: #01040A;
}


.productThubnailItem .productThubnailImg a {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  padding: 8px
}

.productThubnailItem .productThubnailContent h4 {
  margin-bottom: 8px;
}

.productThubnailItem .productThubnailContent h4 a {
  font-family: Audiowide;
  font-weight: 400;
  font-size: 30px;
  line-height: 100%;
  color: #FFFFFF;
  white-space: nowrap;
}

.productThubnailItem .productThubnailContent span {
  font-family: Audiowide;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #0198B5;
}

.bannerImg {
  position: relative;
}

.section.banner-area {
  padding: 60px 0 100px;
}

.bannerImg img {
  position: absolute;
}

.banner-area-img {
  width: 800px;
}

.bannerImg img {
  position: absolute;
  top: 60px;
}

.growPoint {
  width: 20px;
  height: 20px;
  background: #0198B5;
  border-radius: 50%;
  color: #FFF;
  font-size: 20px;
  text-align: center;
  line-height: 100px;
  font-family: sans-serif;
  text-transform: uppercase;
  animation: animate-pulse 3s linear infinite;
  cursor: pointer;
  position: relative;
}

.growPoint img {
  width: 10px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgb(1 152 181 / 68%), 0 0 0 0 rgb(1 152 181 / 68%);
  }

  40% {
    box-shadow: 0 0 0 4px rgb(1 152 181 / 68%), 0 0 0 0 rgb(1 152 181 / 68%);
  }

  80% {
    box-shadow: 0 0 0 4px rgb(1 152 181 / 68%), 0 0 0 4px rgb(1 152 181 / 68%);
  }

  100% {
    box-shadow: 0 0 0 0 rgb(1 152 181 / 68%) 0 0 0 4px rgb(1 152 181 / 68%);
  }
}



.tooltipContant {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.banner-area-img,
.bannerImg,
.banner-area-img-group {
  height: 100%;
}

.tooltipContant .growPointOuter1 {
  position: absolute;
  right: 138px;
  bottom: 35%;
  top: 62px;
}

.tooltipContant .growPointOuter2 {
  position: absolute;
  right: 37%;
  bottom: 0;
  top: 218px;
}

.tooltipContant .growPointOuter3 {
  position: absolute;
  top: 158px;
  right: 64%;
}

.tooltipContant .growPointOuter4 {
  position: absolute;
  top: 254px;
  left: 22%;
}

.tooltipContant .growPointOuter5 {
  position: absolute;
  top: 80px;
  left: 12%;
}

.popover-header {
  padding: 14px 14px 0px;
  border-bottom: 0;
  font-size: 16px;
  margin-bottom: 8px;
  background-color: #fff;
  color: #000;
}

.popover-body {
  padding: 0px 14px 14px;
  color: #212529;
}


@media (max-width: 1200px) {
  .about-area .about-cata .list-main-t::before {
    width: 83%;
  }

  .about-area .about-cata .list-main-t.cata-list-main1::before {
    right: 11px;
    width: 83%;
  }

  .about-area .about-cata .list-main-t::after {
    width: 83%;
  }
}

@media (max-width: 1199px) {
  .about-area .about-cata .list-main-t::before {
    width: 100%;
  }

  .about-area .about-cata .list-main-t.cata-list-main1::before {
    right: 0;
    width: 100%;
  }

  .about-area .about-cata .list-main-t::after {
    width: 100%;
  }

  .about-area .about-cata .list-main-t::after {
    left: 0;
  }

  .about-area .about-cata .cata-list {
    padding: 40px 16px;
  }

  .about-area .about-cata .cata-list .dbox .dleft .content h4 {
    font-size: 20px;
  }

  .about-area .about-cata .cata-list.list-t1,
  .about-area .about-cata .cata-list.list-t2 {
    -webkit-clip-path: unset;
    clip-path: unset;
  }

  .about-area .about-cata .cata-list.list-t1:before,
  .about-area .about-cata .cata-list.list-t1:after,
  .about-area .about-cata .cata-list.list-t2:before,
  .about-area .about-cata .cata-list.list-t2:after {
    content: unset;
  }

  .subscribe-area .subscribe form button {
    margin-top: 0;
  }

  header .main-header .main-menus nav .mamnu li a {
    font-size: 14px;
  }

  .subscribe-area .subscribe .conts {
    padding: 0 16px 0 18px;
  }

  .subscribe-area .subscribe {
    padding: 30px 0;
  }

  .copyright,
  footer .footer-bottom .foo-links {
    display: flex;
    justify-content: center;
  }

  .banner-area2 .lg-text h1 {
    font-size: 100px;
  }

  .banner-area2 {
    padding: 150px 0;
  }

  .btn1,
  .btn2 {
    padding: 0 30px;
  }

  .btn2:after {
    right: 7px;
    transform: rotate(20deg);
  }

  .btn1::before {
    left: 7px;
    top: -5px;
    bottom: -5px;
    transform: rotate(20deg);
  }

  .btn1:after {
    right: 8px;
    top: -5px;
    bottom: -5px;
    transform: rotate(20deg);
  }

  .copyrightGroup {
    flex-direction: column;
  }

  footer .footer-bottom {
    line-height: 20px;
  }

  footer .footer-bottom .copyrightGroup {
    flex-direction: column;
    padding-top: 14px;
  }

  footer .footer-bottom .copyright p {
    margin-bottom: 10px;
  }

  .tooltipContant .growPointOuter2 {
    right: 35%;
    bottom: 0;
    top: 167px;
  }

  .tooltipContant .growPointOuter4 {
    top: 212px;
    left: 22%;
  }

  .tooltipContant .growPointOuter5 {
    top: 70px;
    left: 12%;
  }

  .banner-area-img {
    width: 100%;
  }

  .tooltipContant .growPointOuter3 {
    top: 117px;
    right: 64%;
  }

  .tooltipContant .growPointOuter1 {
    right: 100px;
    bottom: 35%;
    top: 56px;
  }

  .banner-area .banner-con .price del,
  .banner-area .banner-con .price strong {
    font-size: 24px;
  }

  .banner-area .banner-con h2 {
    font-size: 28px;
  }

  .banner-area .banner-con p {
    font-size: 16px;
  }

  .section-heading h2 {
    font-size: 30px;
  }
}

@media (max-width: 992px) {
  .subscribe-area .subscribe {
    flex-direction: column;
    padding: 20px 15px;
  }

  .productThubnailItem .productThubnailContent h4 a {
    font-family: Audiowide;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    color: #FFFFFF;
  }

  .slider-area .item-content .item-slider .contents {
    height: 80vh;
  }

  .products-area .catagories-lists .contents h3 {
    font-size: 16px;
  }

  .training-area .training-forms:after {
    clip-path: unset;
  }

  .training-area .training-con h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .training-area .training-con p {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .training-area .training-con h2 {
    font-size: 22px;
  }

  .news_right_box1 h3 {
    font-size: 16px;
  }

  .section-heading h2 {
    font-size: 28px;
  }

  .section-heading p {
    display: block;
    margin: 0 auto;
    width: 70%;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #4D5565;
  }

  .section-heading h2 {
    display: inline-block;
    position: relative;
    font-family: 'Audiowide';
    font-weight: 400;
    font-size: 56px;
    line-height: 66px;
    text-transform: capitalize;
    color: #030B1A;
    padding: 0 70px;
    margin-bottom: 25px;
  }

  .training-area .training-forms {
    padding: 40px 20px 40px 20px;
  }

  .training-area .training-forms:after {
    left: 0;
  }

  .training-area .training-forms form button {
    margin-top: 0;
  }

  .tooltipContant .growPointOuter5 {
    top: 24px;
    left: 12%;
  }

  .section-heading h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (max-width: 575px) {
  header .logo-area img {
    width: 160px;
  }

  .slider-area .item-content .item-slider .contents h2 {
    font-size: 28px;
  }

  .slider-area .item-content .item-slider .contents p {
    font-size: 14px;
    line-height: 20px;
  }

  .slider-area .item-content .item-slider .contents h2 {
    font-size: 20px;
  }

  .slider-area .item-content .item-slider .contents span {
    font-size: 14px;
  }

  .slider-area .item-content .item-slider .contents {
    padding-top: 20px;
  }

  .slider-area .item-content .item-slider .contents p {
    margin: 0 0 20px;
  }

  .slider-area .item-content .item-slider .contents p {
    padding: 0 0 20px;
  }

  .slider-area .item-content .item-slider .contents span {
    margin-bottom: 20px;
  }

  .slider-area .item-content .item-slider .contents h2 {
    margin: 0 0 14px;
  }

  .section-heading2 h2 {
    font-size: 22px;
  }

  .about-contents p {
    font-size: 14px;
    line-height: 20px;
  }

  .twitt-sliders-inner .instagram-icon {
    width: 110px;
  }

  .twitt-sliders-inner {
    flex-direction: column;
  }

  .twitt-sliders {
    width: calc(100% - 0px);
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
  }

  .twitter-posts:after {
    top: 50%;
    transform: translateY(-50%) translateX(-50px);
    left: 42%;
  }

  .gallery-area .gimg figure img,
  .gallery-area .gimg figure {
    width: 100%;
  }

  .gallery-area .gimg figure a {
    display: inline-block;
    width: 100%;
  }

  .gallery-area .gimg figure img {
    width: 100%;
  }

  .news_right_box1 p,
  .news_right_box1 h3,
  .news_right_box1 h6 {
    padding-top: 20px;
    margin-left: 16px;
  }

  .news_right_box1 h3 {
    margin: 0;
    padding: 0 !important;
    padding-left: 18px !important;
  }

  .news_right_box1 p {
    margin-bottom: 10px;
  }

  .news_right_box1 h6 {
    padding-bottom: 0;
  }

  .section-heading h2 {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (max-width: 480px) {
  .section-heading p {
    width: 100%;
  }

  .section-heading h2 {
    padding: 0 6px;
  }
}

.contact-area-bg-wrap {
  width: 100%;
  background-image: url(../storage/error_page_bg_img.png);
  background-position: center;
  background-repeat: no-repeat;
}


.contact-area .contact-info {
  height: 196px;
  border: 8px solid #f5f5f5;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: 100px 0px 36px 0px;
}


.contact-area .contact-info p {
  margin: 0;
  color: #212121;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}

.contact-area .contact-info p a {
  color: #212121;
}

.contact-area .section-heading {
  margin-top: 100px;
}

@media (max-width:991px) {
  .contact-area .section-heading {
    margin-top: 0px;
  }
}

/* deepak  */
.breadcumb-area {
  position: relative;
  background-image: url(images/breadcumb/bg-1.png);
  /* background-position: center; */
  padding: 70px 0px;
}

.breadcumb-area .breadcumb .content ul li:last-child a {
  color: #0198B5;
  font-family: 'Audiowide';
}

.breadcumb-area:after {
  background: rgba(0, 0, 0, 0.9);
  z-index: 9;
}

.about-area .paraBox {
  margin-top: 50px;
}

.about-area .about-cata img {
  width: 100%;
}

.contact-area .form-area form .btn-area .btn-center {
  margin-bottom: 100px;
}

.contact-area .form-area form .btn-area .btn-center .btn1:hover {
  color: #0198B5;
}

.breadcumb-area .breadcumb .content h2 {
  font-family: 'Audiowide';
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  display: block;
  line-height: 50px;
}

.breadcumb-area .breadcumb .content ul li a {
  font-family: 'Audiowide';
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #FFFFFF;
  text-transform: capitalize;
}


/* responsive css start  */


@media (max-width: 992px) {
  .about-area .about-cata {
    margin: 30px 0px 0px 0px;
  }

  .about-area .paraBox {
    margin-top: 50px;
  }

  .google-map-index .map-conts {
    position: relative;
    display: block;
    width: 100%;
    clip-path: none;
    text-align: center;
    padding: 40px;
    top: 0;
  }

  .contact-area .contact-info {
    margin: 0 0 80px;
  }

  .banner-area-img-group {
    display: flex;
    gap: 40px;
    flex-direction: column;
  }

  .tooltipContant .growPointOuter1 {
    right: 130px;
    top: 2px;
  }

  .tooltipContant .growPointOuter3 {
    top: 96px;
    right: 68%;
  }

  .tooltipContant .growPointOuter2 {
    right: 36%;
    top: 152px;
  }

  .bannerImg img.gunBig {
    position: static;
    top: 0;
  }

  .tooltipContant .growPointOuter4 {
    top: 220px;
    left: 22%;
  }
}

@media (max-width: 768px) {
  .section {
    padding: 50px 0;
  }

  .tooltipContant .growPointOuter2 {
    right: 36%;
    top: 114px;
  }

  .tooltipContant .growPointOuter3 {
    top: 54px;
    right: 62%;
  }

  .tooltipContant .growPointOuter4 {
    top: 154px;
    left: 22%;
  }

  .tooltipContant .growPointOuter5 {
    top: 6px;
    left: 12%;
  }

}

@media (max-width: 450px) {
  .tooltipContant .growPointOuter4 {
    top: 116px;
    left: 22%;
  }

  .tooltipContant .growPointOuter1 {
    right: 66px;
    top: 0px;
  }

  .tooltipContant .growPointOuter3 {
    top: 40px;
    right: 62%;
  }

  .tooltipContant .growPointOuter2 {
    right: 36%;
    top: 86px;
  }
}


/* deepak 03/09/25 */

.product-details .pro-details .nav-tabs li a {
  font-weight: 400;
  font-family: 'Audiowide';
  font-size: 26px;
  color: #222222;
  border-radius: 0;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

.product-details .pro-details .nav-tabs li:active {
  color: #00c3ff;
}

.product-details .products-photo .nav-tabs li {
  display: inline-block;
  width: 25%;
  padding: 0 10px;
  border: 1px solid #0198B5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-details .products-photo .nav-tabs {
  border: none;

  display: flex;
  gap: 10px;
}

.product-details .pro-details .tab-content .tab-pane .con p {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  color: #4D5565;
}

.product-details .pro-details .tab-content .tab-pane .con ul li {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  color: #4D5565;
}

.product-details .pro-details .tab-content .tab-pane .con ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.product-details .pro-details .tab-content .tab-pane .con ul li {
  display: inline-flex;
  gap: 15px;
}

.product-details .pro-details .tab-content .tab-pane .con ul li span {
  display: block;

}


.section-heading h2 {
  display: inline-block;
  position: relative;
  font-family: 'Audiowide';
  font-weight: 400;
  font-size: 56px;
  text-transform: capitalize;
  color: #111;
  padding: 0 70px;
}

.products-area .pro-sliders .products .contents h3 {
  font-size: 26px;
  font-weight: 400;
  font-family: 'Audiowide';
  color: #111;
  margin: 0 0 10px;
}

.products-area .pro-sliders .products .contents span {
  font-family: 'Audiowide';
  color: #0198B5;
  display: block;
  font-size: 20px;
  margin: 0 0 20px;
}

.product-details .pro-details .nav-tabs {
  padding-bottom: 8px;
}

.product-details .pro-details .nav-tabs li a {
  border-bottom: 5px solid transparent;
  transition: all 0.5s;
}

.product-details .pro-details .nav-tabs li .active {
  border-color: #0198B5;
  color: #0198B5;
}

.product-details .products-photo .tab-content {
  display: block;
  margin: 0 0 20px;
  border: 1px solid #0198B5;
  padding: 96px 42px;
}


.product-details .single-product-content .product-review span {
  display: inline-block;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #4D5565;
  padding-right: 10px;
}

.product-details .single-product-content .product-review a {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #0198B5;
}

.product-details .single-product-content .con p {
  margin: 0 0 30px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  color: #4D5565;
}

.product-details .single-product-content .con ul {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  color: #4D5565;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.product-details .single-product-content .con ul li {
  display: inline-flex;
  gap: 15px;

}

.product-details .single-product-content .con ul li span {
  display: block;

}



.product-details .single-product-content .select-pro .input-group {
  width: 120px;
  border-radius: 0;
  line-height: 43px;
  border: 1px solid #e5e5e5;
  float: left;
}

.product-details .single-product-content .select-pro .input-group .btn {
  padding: 0 12px;
  line-height: 45px;
  border-radius: 0;
  background: #f9f9f9;
  color: #333;
  border: none;
  font-size: 20px;
}

.product-details .single-product-content .select-pro .input-group input {
  line-height: 45px;
  height: 45px;
  border: none;
  text-align: center;
  border: 1px solid #0198B5;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.product-details .single-product-content .con ul li i {
  color: #0198B5;

}

.single-product-content .buttons .btn1:hover {
  color: #0198B5;
}


/* resonsive css start  */

@media(max-width:1399px) {
  .product-details .single-product-content h2 {
    font-size: 25px;
  }
}

@media(max-width:1199px) {
  .section-heading h2 {
    font-size: 22px;
  }

  .section-heading p {
    font-size: 16px;
    width: 86%;
  }

  .google-map-index .map-conts {
    transform: unset;
  }

  footer .footer-top h2 {
    font-size: 22px;
    font-family: 'Audiowide';
    font-weight: 400;
    color: #fff;
    position: relative;
    display: block;
    padding-left: 70px;
    margin: 30px 0;
  }

  .product-details .single-product-content .buttons a {
    margin-left: 10px;
  }

}

@media(max-width:991px) {
  .breadcumb-area .breadcumb .content h2 {

    font-size: 28px;

  }

  .product-details .single-product-content .con p {
    font-size: 16px;
  }

  .product-details .single-product-content .con ul {
    font-size: 16px;
  }

  .product-details .pro-details .nav-tabs li a {
    font-size: 18px;
  }

  .product-details .pro-details .tab-content .tab-pane .con p {
    font-size: 16px;
  }

  .product-details .pro-details .tab-content .tab-pane .con ul li {
    font-size: 16px;
  }

  .product-details .pro-details .tab-content .tab-pane .con {
    padding: 10px;
  }

  .products-area .pro-sliders .products .contents h3 {
    font-size: 20px;
  }

  .products-area .pro-sliders .products .contents span {
    font-size: 16px;
  }

  .product-details .pro-details .tab-content .tab-pane .Specification_wraaper {
    padding: 10px;
  }

  .product-details .pro-details .tab-content .tab-pane .Reviews_wraaper {
    padding: 10px;
  }
}

@media(max-width:500px) {
  .product-details .single-product-content h2 {
    font-size: 22px;
    padding: 0px;
    text-align: center;
  }

  .product-details .pro-details .nav-tabs {
    padding-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: center;
  }

  .product-details .single-product-content h2:after {
    display: none;
  }

  .section-heading h2 {
    font-size: 22px;
  }

  .product-details .single-product-content .product-review {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
}


@media(max-width:480px) {
  .section-heading h2 {
    padding: 0px;
  }
}

.genderSelect select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.genderSelect {
  position: relative;
}

.genderSelect::after {
  content: '';
  position: absolute;
  background: url(../storage/white-arrow-down.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 30px;
  transform: translateY(-50%);
  top: 50%;
  right: 2px;
}

/* Miss. Pooja Dasrana css start  */

/*....................................
5. Breadcumb area start here
....................................*/
.breadcumb-area {
  width: 100%;
  height: 100%;
  position: relative;
  background: url(../storage/bg-2.png);
  padding: 70px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcumb-area:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #030b1af2;
  z-index: 9;
}

.breadcumb-area .breadcumb {
  position: relative;
  z-index: 99;
}

.breadcumb-area .breadcumb .content {
  position: relative;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.breadcumb-area .breadcumb .content ul {
  display: flex;
  align-items: center;
  position: relative;
}

.breadcumb-area .breadcumb .content ul li {
  display: inline-block;
  position: relative;
  padding: 0 10px;
}

.breadcumb-area .breadcumb .content ul li:last-child {
  padding-right: 0;
}

.breadcumb-area .breadcumb .content ul li:last-child a {
  color: #0198B5;
}

.breadcumb-area .breadcumb .content ul li:last-child:after {
  display: none;
}

.breadcumb-area .breadcumb .content ul li:after {
  content: '/';
  position: absolute;
  right: -5px;
  top: 6px;
  bottom: 0;
  color: #FFFFFF;
}

.breadcumb-area .breadcumb .content ul li a {
  font-family: 'Audiowide';
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: #FFFFFF;
  text-transform: capitalize;
}

.breadcumb-area .breadcumb .content h2 {
  font-family: 'Audiowide';
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  display: block;
  line-height: 36px;
}



@media(max-width: 480px) {
  .breadcumb-area .breadcumb .content {
    flex-direction: column;
    gap: 20px;
  }

  .breadcumb-area .breadcumb .content ul {
    position: relative;
  }

  .breadcumb-area .breadcumb .content h2 {
    font-size: 30px;
  }
}




/* shop-page css start  */

.shop-page .filter-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}


.shop-page .filter-area .showpro {
  display: inline-flex;
  align-items: center;
  gap: 20px;

}

.shop-page .shop_inner_wrapper {
  display: flex;
  gap: 30px;
}

.shop-page .shop_inner_wrapper .shop_left_wrap {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.shop-page .shop_inner_wrapper .shop_right_wrap {
  width: 75%;
}

.shop-page .filter-area .list-grid ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border: 1px solid #C7C8CC;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .list-inline {
  display: flex;
  column-gap: 0px;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .showpro p {
  font-family: 'Audiowide';
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #030B1A;
  margin: 0;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .sibebar {
  width: 100%;
  border: 1px solid #C7C8CC;
  padding: 20px 20px;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range {
  margin-top: 15px;
  padding-bottom: 0px;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .wighet h3 {
  font-family: 'Audiowide';
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 30px;
  position: relative;
  padding: 0 0 5px;
  color: #0198B5;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .wighet h3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 60px;
  background: #0198B5;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .categories ul li a {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 18px;
  color: #030B1A;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .categories ul li a svg {
  margin-right: 5px;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .categories ul li a span {
  float: right;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 18px;
  color: #030B1A;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-widget-content {
  background: #C7C8CC;
  height: 2px;
  cursor: pointer;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-widget-header {
  background: #0198B5;
  height: 2px;
  cursor: pointer;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-slider-handle {
  width: 12px;
  height: 12px;
  top: -5px;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-widget-content .ui-state-default {
  background: #0198B5;
  border-radius: 100%;
  cursor: pointer;
}

.shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .price-range .ui-widget-content .ui-state-default:last-child {
  background: #0198B5;
  border: 2px solid #0198B5;
}



.shop-page .shop_inner_wrapper .shop_right_wrap .product_row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .products {
  width: 31.2%;
  text-align: center;
  display: block;
  position: relative;
  border: 1px solid #C7C8CC;
  transition: all 0.5s;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .products:hover {
  border-color: #0198B5;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item {
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-align: left;
  gap: 30px;
}


.shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item figure {
  height: 100%;
  width: 350px;
  border-bottom: none;
  padding: 20px 30px;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item {
  margin-bottom: 0px;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .products .contents {
  display: block;
  position: relative;
  padding: 35px 10px;
  transition: all 0.3s;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .products figure {
  height: 280px;
  display: block;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #C7C8CC;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px;
  position: relative;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .products figure img {
  width: 100%;
}

.icon_position_box {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.icon_position_box .icon_box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 10px 10px;
  border: 1px solid #C7C8CC;
  transition: all 0.5s;
  cursor: pointer;
  background-color: #fff;
}


.icon_position_box .icon_box svg {
  transition: all 0.5s;
}

.icon_position_box .icon_box svg path {
  transition: all 0.5s;
}

.icon_position_box .icon_box:hover {
  border-color: #0198B5;
}

.icon_position_box .icon_box:hover svg path {
  fill: #0198B5;
}

.icon_position_box .icon_box2:hover svg path {
  stroke: #0198B5;
}


.shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .list-grid ul li a:active,
.shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .list-grid ul li a:focus {
  background: #0198B5;
  color: #fff;
  border-color: #0198B5;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .list-grid ul li a:active,
.shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .list-grid ul li a:focus svg path {
  fill: #fff;
}

.price-range button.btn1:hover {
  color: #0198B5;
}

.shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item .contents {
  border: none;
}

.shop-page .shop_inner_wrapper #LeftSidebarBox .close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 40px;
  cursor: pointer;
  color: #000;
  font-weight: 400;
  background: none;
  border: none;
  display: none;
  z-index: 222;
}



/* pagination css start */

.paginations ul li a {
  font-family: 'Audiowide';
  border-color: #0198B5;
  background-color: transparent;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 40px !important;
  height: 50px;
  background: #C7C8CC;
  border: 1px solid #C7C8CC;
  text-transform: uppercase;
  font-weight: 400;
  color: #030B1A;
  cursor: pointer;
  font-size: 20px;
  text-transform: capitalize;
  clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
  transition: all 0.5s;
}


.paginations ul li:first-child a {
  background-color: transparent;
  border: 2px solid #0198B5;
}

.paginations ul li:first-child a svg {
  transition: all 0.5s;
}

.paginations ul li:first-child a::before {
  content: '';
  position: absolute;
  left: 3px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(12deg);
  background: #0198B5;
}

.paginations ul li:first-child a::after {
  content: '';
  position: absolute;
  right: 3px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(12deg);
  background: #0198B5;
}

.paginations ul li:last-child a {
  background-color: transparent;
  border: 2px solid #0198B5;
}

.paginations ul li:last-child a svg {
  transition: all 0.5s;
}

.paginations ul li:last-child a::before {
  content: '';
  position: absolute;
  left: 4px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(12deg);
  background: #0198B5;
}

.paginations ul li:last-child a::after {
  content: '';
  position: absolute;
  right: 3px;
  top: -5px;
  bottom: -5px;
  width: 2px;
  transform: rotate(12deg);
  background: #0198B5;
}

.paginations ul li:first-child a:hover {
  background: #0198B5;
}

.paginations ul li:first-child a:hover svg path {
  transition: all 0.5s;
  stroke: #fff;
}

.paginations ul li:last-child a:hover {
  background: #0198B5;
}

.paginations ul li:first-child a:hover svg path {
  transition: all 0.5s;
  stroke: #fff;
}


.paginations ul li:last-child a:hover svg path {
  transition: all 0.5s;
  stroke: #fff;
}


/*  responsive  css  start  */

@media (max-width:1399px) {
  .shop-page .shop_inner_wrapper .shop_right_wrap .product_row {
    gap: 20px;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .products {
    width: 31.5%;
  }

  .shop-page .shop_inner_wrapper {
    gap: 20px;
  }

}

@media (max-width:1299px) {
  .shop-page .shop_inner_wrapper .shop_right_wrap .products {
    width: 48.5%;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .product_row {
    column-gap: 16px;
    row-gap: 16px;
  }

  .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar {
    padding: 20px 12px;
  }

  .shop-page .shop_inner_wrapper .shop_left_wrap .categories ul li a svg {
    margin-right: 0px;
  }

  .shop-page .shop_inner_wrapper .shop_left_wrap .categories ul li a {
    font-size: 17px;
  }

  .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar .categories ul li a span {
    font-size: 16px;
  }

  .shop-page .shop_inner_wrapper .shop_left_wrap {
    gap: 20px;
  }
}

@media (max-width: 1099px) {
  .shop-page .shop_inner_wrapper #LeftSidebarBox {
    position: fixed;
    top: 0px;
    left: -365px;
    width: 365px;
    height: 100%;
    padding-bottom: 120px;
    transition: left 0.3s ease;
    z-index: 999999;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    overflow-y: scroll;
    scrollbar-color: #e7e7e7 #ffffff;
  }

  .shop-page .shop_inner_wrapper #LeftSidebarBox.active {
    left: 0;
  }

  .shop-page .shop_inner_wrapper #LeftSidebarBox .close-btn {
    display: block;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap {
    width: 100%
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .products {
    width: 49%;
  }
}

@media (max-width:991px) {
  .shop-page .shop_inner_wrapper {
    flex-direction: column;
  }

  .shop-page .shop_inner_wrapper .shop_left_wrap {
    width: 100%;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap {
    width: 100%;
  }

  .shop-page .shop_inner_wrapper .shop_left_wrap .left_sidebar_product_img {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .products {
    width: 100%;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .products figure img {
    width: 100%;
    max-width: 300px;
  }
}


@media (max-width:767px) {
  .shop-page .shop_inner_wrapper .shop_right_wrap .products {
    width: 100%;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .products figure img {
    width: auto;
  }

}


@media (max-width:576px) {
  .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item {
    flex-direction: column;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item figure {
    width: 100%;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .products .contents {
    padding: 18px 10px;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .products figure {
    height: 250px;
    padding: 14px 14px;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .products.list-item {
    gap: 20px;
  }

  .shop-page .shop_inner_wrapper .shop_right_wrap .filter-area .showpro p {
    font-size: 18px;
  }

  .shop-page .filter-area .showpro {
    gap: 10px;
  }

  .contact-area .form-area form fieldset {
    display: block;
    margin: 0 0 20px;
  }

  .contact-area .form-area form fieldset .row {
    row-gap: 20px
  }
}

@media (max-width:425px) {
  .shop-page .filter-area {
    flex-direction: column;
    gap: 20px;
  }

  .shop-page .shop_inner_wrapper .shop_left_wrap .sibebar {
    border: none;
  }

  .shop-page .shop_inner_wrapper #LeftSidebarBox {
    left: -310px;
    width: 310px;
  }

  .shop-page .filter-area .showpro {
    gap: 8px;
  }
}





/* Error_Main_Wrapper css start  */

.Error_Main_Wrapper {
  width: 100%;
  position: relative;
  background-image: url('../storage/error_page_bg_img.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 132px 0px 132px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Error_Main_Wrapper .logo_box {
  margin-bottom: 10px;
  display: inline-block;
}

.Error_Main_Wrapper .error_img_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Error_Main_Wrapper .content_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.Error_Main_Wrapper .content_box .btn_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Error_Main_Wrapper .content_box .btn_box .btn1 {
  clip-path: polygon(9% 0%, 100% 0, 91% 100%, 0% 100%);
}

.Error_Main_Wrapper .content_box .btn_box .btn1:hover {
  color: #0198B5;
}

.Error_Main_Wrapper .content_box p {
  max-width: 1217px;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  color: #4D5565;
  margin-bottom: 50px;
}


@media (max-width:991px) {
  .Error_Main_Wrapper .content_box p {
    max-width: 800px;
    font-size: 18px;
    padding: 0px 20px;
  }
}



/*  shopping_cart_main_wrapper css start  */

.shopping_cart_main_wrapper {
  width: 100%;
  position: relative;
  background-image: url('../storage/error_page_bg_img.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0px 100px 0px;
}

.shopping_cart_main_wrapper .shopping_cart {
  width: 100%;
  position: relative;
  display: flex;
  gap: 30px;
}


.shopping_cart_main_wrapper .shopping_cart .cart {
  width: 70%;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 20px 20px;
}

.shopping_cart_main_wrapper .shopping_cart .payment {
  width: 30%;
}

.shopping_cart_main_wrapper .shopping_cart .cart h2 {
  font-size: 24px;
  margin-bottom: 20px;
  font-family: 'Audiowide';
  color: #000;
}

.shopping_cart_main_wrapper .shopping_cart .cart .cart-table {
  width: 100%;
  border-collapse: collapse;
}

.shopping_cart_main_wrapper .shopping_cart .cart .cart-table th,
.shopping_cart_main_wrapper .shopping_cart .cart .cart-table td {
  text-align: left;
  padding: 12px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

.shopping_cart_main_wrapper .shopping_cart .cart .cart-table th {
  font-weight: 600;
  color: #000;
  font-size: 16px;
  font-family: 'roboto';
}

.shopping_cart_main_wrapper .shopping_cart .cart .product-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.shopping_cart_main_wrapper .shopping_cart .cart .product-info img {
  width: 50px;
  height: auto;
  border-radius: 4px;
}

.shopping_cart_main_wrapper .shopping_cart .cart .product-name {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  font-family: 'roboto';
}

.shopping_cart_main_wrapper .shopping_cart .cart .product-sub {
  font-size: 12px;
  color: #777;
  font-family: 'roboto';
}

.shopping_cart_main_wrapper .shopping_cart .cart .size-select select {
  width: 80px;
  padding: 6px 6px;
  font-family: 'roboto';
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  appearance: none;
  background-image: url(../storage/black-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  outline: none;
  color: #000;
}



.shopping_cart_main_wrapper .shopping_cart .cart .quantity-control .shope_single_form {
  display: flex;
  align-items: center;
  gap: 8px;
}

.shopping_cart_main_wrapper .shopping_cart .cart .quantity-control .shope_single_form .number {
  width: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.shopping_cart_main_wrapper .shopping_cart .cart .quantity-control .shope_single_form .value-button {
  width: 10px;
  padding: 0px;
  background-color: transparent;
}

.shopping_cart_main_wrapper .shopping_cart .cart .quantity-control span {
  font-size: 14px;
  font-weight: 500;
  font-family: 'roboto';
  color: #000;
}

.shopping_cart_main_wrapper .shopping_cart .cart .total-price {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  font-family: 'roboto';
}

.shopping_cart_main_wrapper .shopping_cart .cart .remove {
  cursor: pointer;
  font-size: 18px;
  color: #888;
  font-family: 'roboto';
}

.shopping_cart_main_wrapper .shopping_cart .cart .remove:hover {
  color: #000;
}

.shopping_cart_main_wrapper .shopping_cart .cart .remove {
  cursor: pointer;
  color: #777;
  font-family: 'roboto';
  font-size: 18px;
}

.shopping_cart_main_wrapper .shopping_cart .cart .cart-summary {
  margin-top: 20px;
  text-align: right;
}

.shopping_cart_main_wrapper .shopping_cart .cart .cart-summary p {
  margin: 5px 0;
  font-family: 'roboto';
  font-size: 18px;
  color: #777;
}

.shopping_cart_main_wrapper .shopping_cart .cart .total {
  font-weight: bold;
  font-size: 20px;
  color: #000;
  font-family: 'roboto';
  padding-top: 15px;
  margin-top: 15px !important;
  border-top: 1px solid #000;
}

.shopping_cart_main_wrapper .shopping_cart .cart .continue {
  display: inline-block;
  margin-top: 20px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-family: 'Audiowide';
}

/* Payment Section */
.shopping_cart_main_wrapper .shopping_cart .payment {
  width: 30%;
  padding-left: 20px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 20px 20px;
}

.shopping_cart_main_wrapper .shopping_cart .payment h2 {
  font-size: 24px;
  color: #000;
  font-weight: bold;
  font-family: 'Audiowide';
  margin-bottom: 40px;
}

.shopping_cart_main_wrapper .shopping_cart .payment-method {
  margin-bottom: 20px;
}

.shopping_cart_main_wrapper .shopping_cart .payment-method label {
  display: block;
  margin-bottom: 10px;
  color: #000;
  font-family: 'roboto';
}

.shopping_cart_main_wrapper .shopping_cart .payment input[type="text"],
.shopping_cart_main_wrapper .shopping_cart .payment input[type="number"],
.shopping_cart_main_wrapper .shopping_cart .payment select {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  appearance: none;
  outline: none;
  color: #000;
  font-family: 'roboto'
}

.shopping_cart_main_wrapper .shopping_cart .payment {
  color: #777;
  font-family: 'roboto';
  font-size: 18px;
}

.shopping_cart_main_wrapper .shopping_cart .payment select {
  background-image: url(../storage/black-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
}


.shopping_cart_main_wrapper .shopping_cart .payment .btn_box {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shopping_cart_main_wrapper .shopping_cart .payment .btn_box .btn1:hover {
  color: #0198B5;
}


/* Responsive */


@media (max-width: 991px) {
  .shopping_cart_main_wrapper .shopping_cart {
    flex-direction: column;
  }

  .shopping_cart_main_wrapper .shopping_cart .cart {
    width: 100%;
  }

  .shopping_cart_main_wrapper .shopping_cart .payment {
    width: 100%;
  }

  .shopping_cart_main_wrapper .shopping_cart .cart .cart-table {
    width: 600px;
    overflow-x: scroll;
  }
}


/*  Partner_Main_Wrapper css start  */

.Partner_Main_Wrapper {
  width: 100%;
  position: relative;
  background-image: url('../storage/trusted-section-bg-img-2.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0px 100px 0px;
}


/*  checkout  page  css  start */

.Checkout_Main_Wrapper {
  width: 100%;
  position: relative;
  background-image: url('../storage/error_page_bg_img.png');
  background-repeat: no-repeat;
  padding: 100px 0px 100px 0px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap {
  width: 100%;
  display: flex;
  gap: 40px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 {
  width: 70%;
}


.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 {
  width: 30%;
}


.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container {
  max-width: 100%;
  margin: auto;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container h2 {
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #111;
  font-family: 'roboto';
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-row {
  display: flex;
  gap: 18px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 5px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-group .input_grp_box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container label {
  font-size: 14px;
  font-weight: bold;
  color: #878787;
  font-family: 'roboto';
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container label span {
  color: red;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container input,
select,
textarea {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 14px;
  box-sizing: border-box;
  color: #878787;
  font-family: 'roboto';
  outline: none;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container select {
  background-image: url(../storage/black-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  appearance: none;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container textarea {
  min-height: 80px;
  resize: vertical;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: #878787;
  font-family: 'roboto';
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group label {
  line-height: 20px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group2 {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #f1f1f1;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group2 label {
  color: #000;
  font-family: 'roboto';
  font-size: 18px;
  text-transform: uppercase;
}

@media (max-width: 1099px) {
  .Checkout_Main_Wrapper .checkout_inner_wrap {
    gap: 20px;
  }

  .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 {
    width: 100%;
  }

  .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .Checkout_Main_Wrapper .checkout_inner_wrap {
    flex-direction: column;
  }

  header .main-header .serach-header .searchbox form {
    padding: 0px 15px !important;
  }
}



.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container {
  max-width: 100%;
  margin: auto;
  border: 1px solid #eee;
  padding: 20px;
  background: #fff;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .coupon-section h3 {
  font-family: 'roboto';
  text-transform: uppercase;
  margin: 0px 0 15px;
  color: #000;
  font-size: 20px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-summary h3 {
  font-family: 'roboto';
  text-transform: uppercase;
  margin: 20px 0 10px;
  color: #878787;
  font-size: 16px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container h4 {
  font-size: 14px;
  color: #878787;
  font-family: 'roboto';
  margin: 15px 0 10px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-item,
.order-total-row,
.order-total {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #f1f1f1;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-item p {
  margin: 0px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-total-row p {
  margin: 0px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-total p {
  margin: 0px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .order-total {
  font-size: 16px;
  font-weight: 700;
  color: #878787;
  font-family: 'roboto';
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .shipping-section {
  padding: 10px 0;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .shipping-section h4 {
  font-size: 18px;
  color: #878787;
  font-family: 'roboto';
  margin-bottom: 15px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container label {
  font-size: 16px;
  display: block;
  margin: 8px 0;
  font-family: 'roboto';
  color: #878787;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .payment-method {
  margin: 20px 0;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .payment-method h3 {
  color: #111;
  font-family: 'roboto';
  font-size: 22px;
  text-transform: uppercase;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .payment-note {
  font-size: 12px;
  color: #666;
  font-family: 'roboto';
  margin: 5px 0 15px 20px;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .terms {
  font-size: 13px;
  margin: 20px 0;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .terms a {
  color: #000;
  text-decoration: underline;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .privacy-note {
  font-size: 12px;
  color: #666;
  margin-top: 10px;
  font-family: 'roboto';
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .btn_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap2 .checkout-container .place-order-btn:hover {
  background: #333;
}

@media (max-width:576px) {
  .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-row {
    flex-direction: column;
  }

  .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .checkbox-group2 label {
    font-size: 16px;
  }

  .Checkout_Main_Wrapper .checkout_inner_wrap .Checkout_wrap1 .billing-container .form-row {
    gap: 10px;
  }

  header .main-header .sing-in-btn {
    display: none !important;
  }

  .headerTwo .headerTwoOuter {
    padding: 14px !important;
  }

  header .main-header {
    line-height: 0;
    height: 0;
    margin-top: -42px;
    margin-right: 0;
    display: flex;
    justify-content: flex-end;
  }
}


/* 9 sept 2025 */
.Weapon_Account_Wrapper {
  width: 100%;
  height: 700px;
  padding: 100px 0px 100px 0px;
  background-image: url('../storage/error_page_bg_img.png');
  background-position: center;
  position: relative;
}

.Weapon_Account_Wrapper .account_inner_wrap {
  width: 100%;
  display: flex;
}



.product__carousel {
  display: block;
  width: 100%;
}

.product__carousel a {
  display: block;
  margin-bottom: 15px;
}

.product__carousel .gallery-top {
  border-radius: 6px;
  margin-bottom: 30px;
}

.product__carousel .gallery-top .swiper-slide {
  position: relative;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}

.product__carousel .gallery-top .swiper-slide a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.product__carousel .gallery-top .swiper-slide a img {
  /* width: 100%;
  height: 100%; */
  object-fit: cover;
  border-radius: 6px;
}

.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
  min-width: 100%;
  min-height: 100%;
  object-fit: contain;
}

.product__carousel .swiper-button-next.swiper-button-white,
.product__carousel .swiper-button-prev.swiper-button-white {
  color: #ff3720;
}

.product__carousel .gallery-thumbs .swiper-slide {
  position: relative;
  transition: border .15s linear;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
  height: calc(100% - 2px);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
}

.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  position: relative;
  border: 1px solid #0198B5;
}

.product__carousel .gallery-thumbs .swiper-slide img {
  /* width: 100%;
  height: 100%; */
  border-radius: 6px;
  object-fit: cover;
}

.swiper-pagination {
  display: none !important;
}

.product__carousel {
  margin-bottom: 30px;
}


body#page-7 section.about-area.section.bg-img.jarallax {
    padding-top: 20px;
}

body#page-7 section.partner-area.section.bg-img.jarallax {
    padding-top: 20px;
    padding-bottom:20px;
}


body.show-admin-bar section.compare-area.pt-80.pb-80.wow.fadeInUp {
    padding: 20px 0;
}

body#page-12 section.partner-area.section.bg-img.jarallax {
    padding: 20px 0;
}



@media screen and (max-width: 768px) {
    .navigation-bar {
        z-index: 99999;
    }
}


@media(max-width:1343px){
    header .main-header .main-menus nav .mamnu li a {
        font-size: 14px;
    }
    
    header .main-header .main-menus a{
            padding: 0 12px;
    }
    
}

/* 
.subscribe-area .subscribe form button:after{
 content: '';
    position: absolute;
    right: 11px;
    top: -5px;
    bottom: -5px;
    width: 2px;
    transform: rotate(27deg);
    background: #0198B5;
  
}

.subscribe-area .subscribe form button:before{
    content: '';
    position: absolute;
    left: 11px;
    top: -5px;
    bottom: -5px;
    width: 2px;
    transform: rotate(27deg);
    background: #0198B5;
  
} */


button.footer-widget__fw-news-btn.tpsecondary-btn {
    transform: skew(340deg);
    overflow: hidden;
    border-radius: 0;
}


.home-contact1 label.form-label {
    display: none;
}


.home-contact1 .contact-form-group {
    margin-bottom: 20px;
}



.home-contact1 .contact-form-group input {
    background: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #fff;
}

.home-contact1 textarea#content {
    background: rgba(255, 255, 255, 0.1);
    border: 0;
    width: 100%;
    color: #fff;
}

.home-contact1 .contact-form-group input::placeholder{
  color:white !important;
}
.home-contact1 textarea#content::placeholder{
  color:white !important;
}

.home-contact1 .contact-column-6.col-md-6.contact-field-name_wrapper
 {
    width: 100%;
}

.home-contact1 .contact-column-6.col-md-6.contact-field-email_wrapper {
    width: 100%;
}