@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800&family=Nunito:wght@300;400;600;700;800&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800&family=Nunito:wght@300;400;600;700;800&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800&family=Nunito:wght@300;400;600;700;800&display=swap");
 @font-face {
   font-family: "SpaceX";
   src: url("../fonts/SpaceX.ttf")format("truetype"), url("../fonts/SpaceX.woff") format("woff"), url("../fonts/SpaceX.woff2") format("woff2"), url("../fonts/SpaceX.eot#iefix") format("embedded-opentype"), url("../fonts/SpaceX.svg#SpaceX") format("svg")
 }
 .spacex-normal {
   font-family: SpaceX;
   font-weight: normal;
   font-style: normal
 }
 .spacex-h1 {
   font-family: SpaceX;
   font-weight: normal;
   font-style: normal;
   font-size: calc(1.375rem + 1.5vw)
 }
 * {
   box-sizing: border-box
 }
 html {
   scroll-behavior: smooth
 }
 :focus, button:focus, .btn:focus {
   outline: 0;
   box-shadow: none
 }
 .form-control:focus {
   -webkit-box-shadow: none;
   box-shadow: none
 }
 a, button, input[type="submit"] {
   cursor: pointer
 }
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0
 }
 input[type=number] {
   -moz-appearance: textfield
 }
 a {
   color: #000;
   text-transform: inherit;
   text-decoration: none;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease
 }
 a:hover, a :focus {
   text-decoration: none;
   box-shadow: none;
   color: #000
 }
 a:focus {
   outline: 0 solid
 }
 img {
   max-width: 100%;
   height: auto
 }
 h1, h2, h3, h4, h5, h6 {
   font-weight: 600;
   line-height: 1.4;
   font-family: "Barlow Condensed", sans-serif;
   color: #10012A
 }
 body {
   font-size: 16px;
   line-height: 26px;
   font-family: "Nunito", sans-serif;
   font-weight: 400;
   color: #555555
 }
 p {
   font-size: 16px;
   line-height: 1.8;
   color: #555555
 }
 select {
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: url(../img/down-arrow.svg);
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: 94% 50%
 }
 .pt-10 {
   padding-top: 10px
 }
 .pt-20 {
   padding-top: 20px
 }
 .pt-30 {
   padding-top: 30px
 }
 .pt-40 {
   padding-top: 40px
 }
 .pt-50 {
   padding-top: 50px
 }
 .pt-60 {
   padding-top: 60px
 }
 .pt-70 {
   padding-top: 70px
 }
 .pt-75 {
   padding-top: 75px
 }
 .pt-80 {
   padding-top: 80px
 }
 .pt-90 {
   padding-top: 90px
 }
 .pt-100 {
   padding-top: 100px
 }
 .pt-110 {
   padding-top: 110px
 }
 .pt-120 {
   padding-top: 120px
 }
 .pt-130 {
   padding-top: 130px
 }
 .pt-140 {
   padding-top: 140px
 }
 .pt-150 {
   padding-top: 150px
 }
 .pb-10 {
   padding-bottom: 10px
 }
 .pb-20 {
   padding-bottom: 20px
 }
 .pb-30 {
   padding-bottom: 30px
 }
 .pb-40 {
   padding-bottom: 40px
 }
 .pb-50 {
   padding-bottom: 50px
 }
 .pb-60 {
   padding-bottom: 60px
 }
 .pb-70 {
   padding-bottom: 70px
 }
 .pb-75 {
   padding-bottom: 75px
 }
 .pb-80 {
   padding-bottom: 80px
 }
 .pb-90 {
   padding-bottom: 90px
 }
 .pb-100 {
   padding-bottom: 100px
 }
 .pb-130 {
   padding-bottom: 130px
 }
 .ptb-10 {
   padding-bottom: 10px;
   padding-bottom: 10px
 }
 .ptb-20 {
   padding-bottom: 20px;
   padding-bottom: 20px
 }
 .ptb-30 {
   padding-top: 30px;
   padding-bottom: 30px
 }
 .ptb-40 {
   padding-top: 40px;
   padding-bottom: 40px
 }
 .ptb-50 {
   padding-top: 50px;
   padding-bottom: 50px
 }
 .ptb-60 {
   padding-top: 60px;
   padding-bottom: 60px
 }
 .ptb-70 {
   padding-top: 70px;
   padding-bottom: 70px
 }
 .ptb-80 {
   padding-top: 80px;
   padding-bottom: 80px
 }
 .ptb-90 {
   padding-top: 90px;
   padding-bottom: 90px
 }
 .ptb-100 {
   padding-top: 100px;
   padding-bottom: 100px
 }
 .mb-0 {
   margin-bottom: 0px !important
 }
 .mb-10 {
   margin-bottom: 10px !important
 }
 .mb-15 {
   margin-bottom: 15px !important
 }
 .mb-20 {
   margin-bottom: 20px !important
 }
 .mb-25 {
   margin-bottom: 25px !important
 }
 .mb-30 {
   margin-bottom: 30px !important
 }
 .mb-40 {
   margin-bottom: 40px !important
 }
 .mb-50 {
   margin-bottom: 50px !important
 }
 .mb-60 {
   margin-bottom: 60px !important
 }
 .mb-70 {
   margin-bottom: 70px !important
 }
 .mb-80 {
   margin-bottom: 80px !important
 }
 .mmt-25 {
   margin-top: -25px !important
 }
 .mt-0 {
   margin-top: 0px !important
 }
 .mt-10 {
   margin-top: 10px !important
 }
 .mt-15 {
   margin-top: 15px !important
 }
 .mt-20 {
   margin-top: 20px !important
 }
 .mt-25 {
   margin-top: 25px !important
 }
 .mt-30 {
   margin-top: 30px !important
 }
 .mt-35 {
   margin-top: 35px !important
 }
 .mt-40 {
   margin-top: 40px !important
 }
 .mt-50 {
   margin-top: 50px !important
 }
 .mt-60 {
   margin-top: 60px !important
 }
 .mt-70 {
   margin-top: 70px !important
 }
 .mt-80 {
   margin-top: 80px !important
 }
 .mt-100 {
   margin-top: 100px !important
 }
 .z-0 {
   z-index: 0;
   position: relative
 }
 #message {
   padding: 0;
   margin: 0
 }
 .help-block {
   color: #E31C25
 }
 .list-style {
   margin: 0;
   padding: 0;
   list-style: none
 }
 .list-style li {
   list-style: none
 }
 .page-wrapper {
   overflow-x: hidden
 }
 .circle, .btn.style1 i, .btn.style2 i, .btn.style6 i, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .social-profile.style3 li a, .social-profile.style4 li a, .shopcart span, .search-area, .contact-widget .contact-icon, .contact-widget .contact-info span.contact-icon, .page-navigation .page-nav li a, #hero-thumbs .item .hero-thumb-item span, .category-card .cat-icon, .service-card .service-icon, .case-card .case-img .case-info-wrap .read-more, .team-card.style1 .member-info-wrap .member-social-profile span, .promo-video .video-play, .product-card .product-info .product-info-right .add-to-cart, .product-quantity .qtySelector span, .project-desc .project-metainfo li, .btn.style1, .btn.style2, .btn.style3, .btn.style4, .btn.style5, .btn.style6, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-bottom-right, .select-lang .navbar-language .dropdown-toggle, .new-product-item, .hero-tablist-wrap, .about-wrap.style3 .about-content .ceo-message, .case-card .case-img .case-info-wrap, .counter-card.style1, .blog-card .blog-info .blog-metainfo .blog-author-info, .blog-card.style3 .blog-info .blog-metainfo, .post-navigation, .author-info-wrap, .author-info-wrap .author-info, .cart-table table tbody tr td .cart-item, .cart-total .cart-total-item, .team-card.style1 .member-info-wrap, .blog-card .blog-info .blog-metainfo, .product-card .product-info, .checkout-details .bill-item, .about-wrap.style3 .counter-box, .blog-card.style2 .blog-info .blog-metainfo .blog-author-info, .page-navigation .page-nav, .why-choose-wrap.style3 .brand-logo, .product-tablist, .newsleter-wrap .newsletter-form, .comment-item, .comment-author_info, .post-author, .checkout-details .select-payment-method, .footer-widget-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 .btn i, .btn.style1, .btn.style1 i, .btn.style2, .btn.style2 i, .btn.style3, .btn.style4, .btn.style5, .btn.style6, .btn.style6 i, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 .circle, .btn.style1 i, .btn.style2 i, .btn.style6 i, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .social-profile.style3 li a, .social-profile.style4 li a, .shopcart span, .search-area, .contact-widget .contact-icon, .contact-widget .contact-info span.contact-icon, .page-navigation .page-nav li a, #hero-thumbs .item .hero-thumb-item span, .category-card .cat-icon, .service-card .service-icon, .case-card .case-img .case-info-wrap .read-more, .team-card.style1 .member-info-wrap .member-social-profile span, .promo-video .video-play, .product-card .product-info .product-info-right .add-to-cart, .product-quantity .qtySelector span {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
 }
 .project-desc .project-metainfo li {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -ms-grid-row-align: start;
   align-items: flex-start
 }
 .btn.style1, .btn.style2, .btn.style3, .btn.style4, .btn.style5, .btn.style6, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-bottom-right, .select-lang .navbar-language .dropdown-toggle, .new-product-item, .hero-tablist-wrap, .about-wrap.style3 .about-content .ceo-message, .case-card .case-img .case-info-wrap, .counter-card.style1, .blog-card .blog-info .blog-metainfo .blog-author-info, .blog-card.style3 .blog-info .blog-metainfo, .post-navigation, .author-info-wrap, .author-info-wrap .author-info, .cart-table table tbody tr td .cart-item, .cart-total .cart-total-item {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center
 }
 .project-desc .project-metainfo li {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -ms-grid-row-align: flex-start;
   align-items: flex-start
 }
 .case-card .case-img .case-info-wrap, .team-card.style1 .member-info-wrap, .blog-card .blog-info .blog-metainfo, .post-navigation, .cart-total .cart-total-item, .product-card .product-info, .checkout-details .bill-item {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
 }
 .hero-tablist-wrap {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
 }
 .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-bottom-right, .about-wrap.style3 .counter-box, .blog-card.style2 .blog-info .blog-metainfo .blog-author-info {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end
 }
 .page-navigation .page-nav, .why-choose-wrap.style3 .brand-logo, .blog-card.style3 .blog-info .blog-metainfo, .product-tablist {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
 }
 .circle {
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-transition: 0.5s;
   transition: 0.5s
 }
 .circle i {
   color: #fff;
   line-height: 0.8
 }
 .circle:after {
   content: "";
   display: block;
   position: absolute;
   top: -15px;
   right: -15px;
   bottom: -15px;
   left: -15px;
   border-radius: 50%;
   animation: ripple 2s linear 1.5s infinite
 }
 .circle.style1 {
   right: -15px;
   bottom: -15px
 }
 .circle.style1:after {
   border: 15px solid rgba(216, 7, 88, 0.5)
 }
 .circle.style2 {
   right: -5px;
   bottom: -5px
 }
 .circle.style2:after {
   border: 5px solid rgba(112, 191, 74, 0.5)
 }
 .back-to-top {
   font-size: 24px;
   width: 45px;
   height: 45px;
   line-height: 50px;
   text-align: center;
   display: none;
   position: fixed;
   bottom: 230px;
   right: 20px;
   z-index: 999;
   border-radius: 5px;
   background: #10012A;
   box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .back-to-top.open {
   bottom: 30px
 }
 .back-to-top i {
   color: #fff
 }
 .preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   z-index: 20000;
   overflow-x: hidden !important;
   display: flex;
   align-items: center;
   justify-content: center
 }
 .preloader img {
   max-width: 50px
 }
 .btn {
   display: inline-block;
   font-family: "Nunito", sans-serif;
   font-size: 16px;
   line-height: 26px;
   font-weight: 600;
   border-radius: 5px;
   padding: 12px 25px;
   text-align: center;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   border: 2px solid transparent
 }
 .btn i {
   position: relative;
   height: auto;
   line-height: 0.8;
   font-size: 16px;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .btn.style1 {
   background: #D80758;
   color: #fff;
   padding: 8px 10px 8px 20px;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .btn.style1 span {
   margin-right: 20px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .btn.style1 i {
   width: 35px;
   height: 30px;
   background: #fff;
   border-radius: 4px;
   text-align: center;
   color: #10012A;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   line-height: 0.8;
   font-size: 16px;
   margin: 0 0 0 5px
 }
 .btn.style1:hover {
   background: #10012A
 }
 .btn.style2 {
   background: #10012A;
   color: #fff;
   padding: 8px 10px 8px 20px;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .btn.style2 span {
   margin-right: 20px
 }
 .btn.style2 i {
   width: 35px;
   height: 30px;
   background: #fff;
   border-radius: 4px;
   text-align: center;
   color: #10012A;
   line-height: 0.8;
   font-size: 16px;
   margin: 0 0 0 5px
 }
 .btn.style2:hover {
   background: #D80758
 }
 .btn.style3 {
   background: #D80758;
   color: #fff;
   padding: 8px 25px 8px 25px
 }
 .btn.style3 i {
   color: #fff;
   line-height: 0.8;
   font-size: 15px;
   margin: 0 0 0 10px
 }
 .btn.style3:hover {
   background: #10012A
 }
 .btn.style4 {
   background: #D80758;
   color: #fff;
   padding: 12px 30px
 }
 .btn.style4 i {
   color: #fff;
   line-height: 0.8;
   font-size: 15px;
   margin: 0 0 0 10px
 }
 .btn.style4:hover {
   background: #10012A
 }
 .btn.style5 {
   background: #10012A;
   color: #fff;
   padding: 8px 25px 8px 25px
 }
 .btn.style5 i {
   color: #fff;
   line-height: 0.8;
   font-size: 15px;
   margin: 0 0 0 10px
 }
 .btn.style5:hover {
   background: #fff;
   color: #10012A
 }
 .btn.style6 {
   background: #D80758;
   color: #fff;
   border-radius: 0;
   padding: 8px 10px 8px 10px
 }
 .btn.style6 span {
   margin-right: 20px
 }
 .btn.style6 i {
   width: 35px;
   height: 30px;
   background: #fff;
   text-align: center;
   border-radius: 0;
   color: #10012A;
   line-height: 0.8;
   font-size: 16px;
   margin: 0 0 0 5px
 }
 .btn.style6:hover {
   background: #10012A
 }
 .link {
   font-size: 16px;
   line-height: 26px;
   display: inline-block;
   position: relative;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .link i {
   position: absolute;
   top: 2px;
   right: -22px;
   font-size: 12px;
   font-weight: 700;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .link:hover {
   letter-spacing: 0.3px
 }
 .link.style1 {
   color: #D80758
 }
 .owl-carousel .owl-dots {
   height: 22px
 }
 .owl-carousel .owl-dots .owl-dot {
   margin: 0 5px
 }
 .owl-carousel .owl-dots .owl-dot:last-child {
   margin-right: 0
 }
 .owl-carousel .owl-dots .owl-dot span {
   display: inline-block;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background: #EEEFF2;
   border: 1px solid transparent;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   position: relative
 }
 .owl-carousel .owl-dots .owl-dot span:after {
   position: absolute;
   top: 50%;
   left: 50%;
   content: "";
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background: transparent;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .owl-carousel .owl-dots .owl-dot.active span {
   border-color: #D80758;
   background: transparent
 }
 .owl-carousel .owl-dots .owl-dot.active span:after {
   background: #D80758
 }
 .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
   width: 40px;
   height: 40px;
   text-align: center;
   background-color: #EEEFF2 !important;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .owl-carousel .owl-nav .owl-prev i, .owl-carousel .owl-nav .owl-next i {
   font-size: 16px;
   line-height: 0.8;
   margin: 0 auto;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
   background: #D80758 !important
 }
 .owl-carousel .owl-nav .owl-prev:hover i, .owl-carousel .owl-nav .owl-next:hover i {
   color: #fff
 }
 .owl-carousel .owl-nav .owl-prev {
   margin-right: 15px
 }
 .section-title, .content-title {
   position: relative
 }
 .section-title span, .content-title span {
   display: block;
   font-size: 18px;
   font-weight: 500;
   line-height: 1;
   margin: 0 0 8px;
   font-family: "Barlow Condensed", sans-serif
 }
 .section-title h2, .content-title h2 {
   font-size: 40px;
   line-height: 1.2;
   font-weight: 700;
   margin: 0
 }
 .section-title p, .content-title p {
   margin-bottom: 0
 }
 .section-title.style1 span, .content-title.style1 span {
   color: #D80758
 }
 .section-title.style1 p {
   margin: 10px auto 0
 }
 .discount {
   text-decoration: line-through;
   margin-right: 8px !important
 }
 .text-black {
   color: #000
 }
 .text-white {
   color: #fff
 }
 .bg-fixed {
   background-attachment: fixed
 }
 .bg-transparent {
   background-color: transparent
 }
 .bg-black {
   background-color: #000
 }
 .bg-white {
   background-color: #fff
 }
 .bg-albastor {
   background-color: #f9f9f9
 }
 .bg-russian {
   background-color: #10012A
 }
 .bg-razz {
   background-color: #D80758
 }
 .body_overlay {
   position: fixed;
   top: 0;
   left: 0;
   content: "";
   background-color: rgba(0, 0, 0, 0.7);
   width: 100%;
   height: 100%;
   z-index: 999;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .body_overlay.open {
   visibility: visible;
   opacity: 1
 }
 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 0
 }
 .op-1 {
   opacity: 0.1
 }
 .op-2 {
   opacity: 0.2
 }
 .op-3 {
   opacity: 0.3
 }
 .op-4 {
   opacity: 0.4
 }
 .op-5 {
   opacity: 0.5
 }
 .op-6 {
   opacity: 0.6
 }
 .op-7 {
   opacity: 0.7
 }
 .op-8 {
   opacity: 0.8
 }
 .op-9 {
   opacity: 0.9
 }
 .op-95 {
   opacity: 0.95
 }
 .op-10 {
   opacity: 1
 }
 .bg-f {
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   background-color: #ddd
 }
 .pos-rel {
   position: relative;
   z-index: 1
 }
 .bounce {
   -moz-animation: float 1500ms infinite ease-in-out;
   -webkit-animation: float 1500ms infinite ease-in-out;
   animation: float 1500ms infinite ease-in-out
 }
 .moveHorizontal {
   -moz-animation: moveHorizontal 3500ms infinite ease-in-out;
   -webkit-animation: moveHorizontal 3500ms infinite ease-in-out;
   animation: moveHorizontal 3500ms infinite ease-in-out
 }
 .moveHorizontal_reverse {
   -moz-animation: moveHorizontal_reverse 3500ms infinite ease-in-out;
   -webkit-animation: moveHorizontal_reverse 3500ms infinite ease-in-out;
   animation: moveHorizontal_reverse 3500ms infinite ease-in-out
 }
 .animationFramesTwo {
   -moz-animation: animationFramesTwo 20000ms infinite ease-in-out;
   -webkit-animation: animationFramesTwo 20000ms infinite ease-in-out;
   animation: animationFramesTwo 20000ms infinite ease-in-out
 }
 .rotate {
   -webkit-animation: rotation 20s infinite linear;
   animation: rotation 20s infinite linear
 }
 .rotate {
   -webkit-animation: rotation 20s infinite linear;
   animation: rotation 20s infinite linear
 }
 @keyframes float {
   0% {
     -webkit-transform: translateY(5px);
     -moz-transform: translateY(5px);
     transform: translateY(5px)
   }
   50% {
     -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     transform: translateY(-5px)
   }
   100% {
     -webkit-transform: translateY(5px);
     -moz-transform: translateY(5px);
     transform: translateY(5px)
   }
 }
 @-webkit-keyframes rotation {
   from {
     -webkit-transform: rotate(0deg)
   }
   to {
     -webkit-transform: rotate(359deg)
   }
 }
 @keyframes rotation {
   from {
     -webkit-transform: rotate(0deg)
   }
   to {
     -webkit-transform: rotate(359deg)
   }
 }
 @-webkit-keyframes ripple {
   0% {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     transform: scale(1)
   }
   50% {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     transform: scale(1.2);
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
   }
   100% {
     -webkit-transform: scale(1.4);
     -moz-transform: scale(1.4);
     transform: scale(1.4);
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
   }
 }
 @keyframes ripple {
   0% {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     transform: scale(1)
   }
   50% {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     transform: scale(1.2);
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
   }
   100% {
     -webkit-transform: scale(1.4);
     -moz-transform: scale(1.4);
     transform: scale(1.4);
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
   }
 }
 @-webkit-keyframes animationFramesTwo {
   0% {
     -webkit-transform: translate(0px, 0px) rotate(0deg)
   }
   20% {
     -webkit-transform: translate(73px, -1px) rotate(36deg)
   }
   40% {
     -webkit-transform: translate(141px, 72px) rotate(72deg)
   }
   60% {
     -webkit-transform: translate(83px, 122px) rotate(108deg)
   }
   80% {
     -webkit-transform: translate(-40px, 72px) rotate(144deg)
   }
   100% {
     -webkit-transform: translate(0px, 0px) rotate(0deg)
   }
 }
 @keyframes animationFramesTwo {
   0% {
     -webkit-transform: translate(0px, 0px) rotate(0deg)
   }
   20% {
     -webkit-transform: translate(73px, -1px) rotate(36deg)
   }
   40% {
     -webkit-transform: translate(141px, 72px) rotate(72deg)
   }
   60% {
     -webkit-transform: translate(83px, 122px) rotate(108deg)
   }
   80% {
     -webkit-transform: translate(-40px, 72px) rotate(144deg)
   }
   100% {
     -webkit-transform: translate(0px, 0px) rotate(0deg)
   }
 }
 @-webkit-keyframes moveHorizontal_reverse {
   0% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px)
   }
   50% {
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
   }
   100% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px)
   }
 }
 @keyframes moveHorizontal_reverse {
   0% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px)
   }
   50% {
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
   }
   100% {
     -webkit-transform: translateX(0px);
     transform: translateX(0px)
   }
 }
 @-webkit-keyframes moveVertical {
   0% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px)
   }
   50% {
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px)
   }
   100% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px)
   }
 }
 @keyframes moveVertical {
   0% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px)
   }
   50% {
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px)
   }
   100% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px)
   }
 }
 @-webkit-keyframes shine {
   100% {
     left: 125%
   }
 }
 @keyframes shine {
   100% {
     left: 125%
   }
 }
 @keyframes ripple {
   0% {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     transform: scale(1)
   }
   50% {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     transform: scale(1.2);
     opacity: 1
   }
   100% {
     -webkit-transform: scale(1.4);
     -moz-transform: scale(1.4);
     transform: scale(1.4);
     opacity: 0
   }
 }
 .social-profile li {
   display: inline-block;
   margin: 0 8px 0 0
 }
 .social-profile li:last-child {
   margin-right: 0
 }
 .social-profile li a {
   display: block;
   text-align: center;
   border: 1px solid transparent;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .social-profile li a i {
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .social-profile li a:hover {
   border-color: transparent
 }
 .social-profile.style1 li a {
   width: 25px;
   height: 25px;
   background: #fff;
   border-radius: 8px;
   text-align: center;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .social-profile.style1 li a i {
   font-size: 14px;
   line-height: 0.7
 }
 .social-profile.style1 li a:hover {
   background-color: #D80758
 }
 .social-profile.style1 li a:hover i {
   color: #fff
 }
 .social-profile.style2 li a {
   width: 40px;
   height: 40px;
   text-align: center;
   background-color: #fff;
   border-radius: 0
 }
 .social-profile.style2 li a i {
   font-size: 18px;
   line-height: 0.8;
   color: #10012A
 }
 .social-profile.style2 li a:hover {
   background-color: #D80758;
   border-radius: 50%
 }
 .social-profile.style2 li a:hover i {
   color: #fff
 }
 .social-profile.style3 li a {
   width: 35px;
   height: 35px;
   border-radius: 5px;
   text-align: center;
   background-color: #f9f9f9;
   border-radius: 5px
 }
 .social-profile.style3 li a i {
   font-size: 18px;
   line-height: 0.8;
   color: #10012A
 }
 .social-profile.style3 li a:hover {
   background-color: #D80758
 }
 .social-profile.style3 li a:hover i {
   color: #fff
 }
 .social-profile.style4 li {
   display: block;
   margin: 0 0 13px 0
 }
 .social-profile.style4 li a {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background: transparent;
   border: 1px solid #fff;
   border-radius: 50%;
   text-align: center;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .social-profile.style4 li a i {
   font-size: 14px;
   line-height: 0.7;
   color: #fff
 }
 .social-profile.style4 li a:hover {
   border-color: #D80758
 }
 .swiper-container {
   overflow: hidden
 }
 .circle, .btn.style1 i, .btn.style2 i, .btn.style6 i, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .social-profile.style3 li a, .social-profile.style4 li a, .shopcart span, .search-area, .contact-widget .contact-icon, .contact-widget .contact-info span.contact-icon, .page-navigation .page-nav li a, #hero-thumbs .item .hero-thumb-item span, .category-card .cat-icon, .service-card .service-icon, .case-card .case-img .case-info-wrap .read-more, .team-card.style1 .member-info-wrap .member-social-profile span, .promo-video .video-play, .product-card .product-info .product-info-right .add-to-cart, .product-quantity .qtySelector span, .project-desc .project-metainfo li, .btn.style1, .btn.style2, .btn.style3, .btn.style4, .btn.style5, .btn.style6, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-bottom-right, .select-lang .navbar-language .dropdown-toggle, .new-product-item, .hero-tablist-wrap, .about-wrap.style3 .about-content .ceo-message, .case-card .case-img .case-info-wrap, .counter-card.style1, .blog-card .blog-info .blog-metainfo .blog-author-info, .blog-card.style3 .blog-info .blog-metainfo, .post-navigation, .author-info-wrap, .author-info-wrap .author-info, .cart-table table tbody tr td .cart-item, .cart-total .cart-total-item, .team-card.style1 .member-info-wrap, .blog-card .blog-info .blog-metainfo, .product-card .product-info, .checkout-details .bill-item, .about-wrap.style3 .counter-box, .blog-card.style2 .blog-info .blog-metainfo .blog-author-info, .page-navigation .page-nav, .why-choose-wrap.style3 .brand-logo, .product-tablist, .newsleter-wrap .newsletter-form, .comment-item, .comment-author_info, .post-author, .checkout-details .select-payment-method, .footer-widget-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 .btn i, .btn.style1, .btn.style1 i, .btn.style2, .btn.style2 i, .btn.style3, .btn.style4, .btn.style5, .btn.style6, .btn.style6 i, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 .circle, .btn.style1 i, .btn.style2 i, .btn.style6 i, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .social-profile.style3 li a, .social-profile.style4 li a, .shopcart span, .search-area, .contact-widget .contact-icon, .contact-widget .contact-info span.contact-icon, .page-navigation .page-nav li a, #hero-thumbs .item .hero-thumb-item span, .category-card .cat-icon, .service-card .service-icon, .case-card .case-img .case-info-wrap .read-more, .team-card.style1 .member-info-wrap .member-social-profile span, .promo-video .video-play, .product-card .product-info .product-info-right .add-to-cart, .product-quantity .qtySelector span {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
 }
 .btn.style1, .btn.style2, .btn.style3, .btn.style4, .btn.style5, .btn.style6, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-bottom-right, .select-lang .navbar-language .dropdown-toggle, .new-product-item, .hero-tablist-wrap, .about-wrap.style3 .about-content .ceo-message, .case-card .case-img .case-info-wrap, .counter-card.style1, .blog-card .blog-info .blog-metainfo .blog-author-info, .blog-card.style3 .blog-info .blog-metainfo, .post-navigation, .author-info-wrap, .author-info-wrap .author-info, .cart-table table tbody tr td .cart-item, .cart-total .cart-total-item {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center
 }
 .case-card .case-img .case-info-wrap, .team-card.style1 .member-info-wrap, .blog-card .blog-info .blog-metainfo, .post-navigation, .cart-total .cart-total-item, .product-card .product-info, .checkout-details .bill-item {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
 }
 .hero-tablist-wrap {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
 }
 .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-bottom-right, .about-wrap.style3 .counter-box, .blog-card.style2 .blog-info .blog-metainfo .blog-author-info {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end
 }
 .page-navigation .page-nav, .why-choose-wrap.style3 .brand-logo, .blog-card.style3 .blog-info .blog-metainfo, .product-tablist {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
 }
 .header-wrap {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .header-wrap.sticky {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   -webkit-transition: 0.4s;
   transition: 0.4s;
   background-color: #fff
 }
 .header-wrap .header-top {
   padding: 10px 0
 }
 .header-wrap .header-top .header-top-left .contact-item {
   position: relative;
   padding-left: 27px;
   margin-left: 25px;
   color: #fff
 }
 .header-wrap .header-top .header-top-left .contact-item:first-child {
   margin-left: 0
 }
 .header-wrap .header-top .header-top-left .contact-item i {
   color: #fff;
   position: absolute;
   top: 5px;
   left: 0;
   font-size: 16px;
   line-height: 0.8
 }
 .header-wrap .header-top .header-top-left .contact-item a {
   color: #fff;
   font-size: 15px
 }
 .header-wrap .header-top .header-top-right .social-profile {
   margin-left: 20px
 }
 .header-wrap .header-top .header-top-right .social-profile.style4 li {
   display: inline-block;
   margin: 0 0 0 8px
 }
 .header-wrap .header-top .header-top-right .social-profile.style4 li:first-child {
   margin-left: 0
 }
 .header-wrap .header-top .header-top-right .social-profile.style4 li a {
   width: 28px;
   height: 28px
 }
 .header-wrap .header-top .header-top-right .social-profile.style4 li a i {
   font-size: 11px
 }
 .header-wrap .header-bottom {
   padding: 14px 0
 }
 .header-wrap .header-bottom .header-bottom-right .searchbox {
   position: relative;
   max-width: 220px
 }
 .header-wrap .header-bottom .header-bottom-right .searchbox input {
   width: 100%;
   background: #F9F9F9;
   height: 48px;
   border-radius: 5px;
   padding: 10px 15px;
   border: none
 }
 .header-wrap .header-bottom .header-bottom-right .searchbox button {
   position: absolute;
   top: 0;
   right: 15px;
   background-color: transparent;
   border: none;
   height: 100%;
   cursor: pointer
 }
 .header-wrap .header-bottom .header-bottom-right .searchbox button i {
   position: relative;
   top: 3px
 }
 .shopcart {
   position: relative;
   top: 2px;
   margin: 0 25px 0 20px
 }
 .shopcart i {
   font-size: 26px
 }
 .shopcart span {
   position: absolute;
   top: -5px;
   right: -5px;
   width: 15px;
   height: 15px;
   text-align: center;
   border-radius: 50%;
   color: #fff;
   background-color: #D80758;
   font-size: 10px;
   line-height: 1.2
 }
 .user-login {
   margin-right: 25px
 }
 .user-login a {
   color: #fff
 }
 .user-login a i {
   color: #fff;
   position: relative;
   top: 3px;
   font-size: 16px;
   margin-right: 3px
 }
 .select-lang {
   padding-left: 18px;
   position: relative
 }
 .select-lang i {
   position: absolute;
   top: 5px;
   left: 0;
   font-size: 16px;
   color: #fff
 }
 .select-lang .navbar-language .dropdown-toggle {
   background-color: transparent;
   border: none;
   color: #fff;
   font-size: 16px;
   padding-right: 16px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   font-family: "Nunito", sans-serif
 }
 .select-lang .navbar-language .dropdown-toggle:after {
   display: none
 }
 .select-lang .navbar-language .dropdown-toggle:before {
   position: absolute;
   top: 2px;
   right: 2px;
   content: "\f108";
   font-family: "Flaticon";
   font-weight: 500;
   border: 0;
   margin-left: 8px;
   font-size: 8px
 }
 .select-lang .navbar-language .dropdown-menu {
   margin: 0;
   padding: 5px 0;
   -webkit-box-shadow: 0 9px 54px 0 rgba(32, 32, 32, 0.1);
   box-shadow: 0 9px 54px 0 rgba(32, 32, 32, 0.1);
   left: auto;
   right: 0;
   border: 0;
   border-radius: 0;
   -webkit-transform: translateY(75px) !important;
   transform: translateY(75px) !important;
   display: block;
   opacity: 0;
   pointer-events: none;
   -webkit-transition: all .3s linear;
   transition: all .3s linear
 }
 .select-lang .navbar-language .dropdown-menu a {
   padding: 5px 10px;
   -webkit-transition: all .3s linear;
   transition: all .3s linear;
   font-size: 15px
 }
 .select-lang .navbar-language .dropdown-menu a.active {
   background-color: #f8f9fa
 }
 .select-lang .navbar-language .dropdown-menu a img {
   width: 20px;
   margin-right: 10px
 }
 .select-lang .navbar-language .dropdown-menu.show {
   -webkit-transform: translateY(40px) !important;
   transform: translateY(40px) !important;
   opacity: 1;
   pointer-events: all
 }
 .searchbtn {
   background: transparent;
   border: none;
   margin: 0 20px 0 15px
 }
 .searchbtn i {
   font-size: 18px;
   position: relative;
   top: 4px
 }
 .search-area {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: auto;
   padding: 15px 0;
   background: #fff;
   visibility: hidden;
   opacity: 0;
   z-index: 9;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .search-area.open {
   top: 128px;
   visibility: visible;
   opacity: 1
 }
 .search-area .close-searchbox {
   position: absolute;
   top: 0;
   right: 15px;
   width: 60px;
   height: 60px;
   background: transparent;
   border: 1px solid rgba(0, 0, 0, 0.1)
 }
 .search-area .close-searchbox i {
   color: #000;
   font-size: 35px
 }
 .search-area .form-group input {
   width: calc(100% - 75px);
   background: transparent;
   height: 60px;
   border: none;
   border: 1px solid rgba(0, 0, 0, 0.1);
   font-size: 20px;
   padding: 10px 20px;
   color: #000
 }
 .search-area .form-group input::placeholder {
   color: #000;
   opacity: 1
 }
 @media only screen and (max-width: 767px) {
   .header-wrap .logo img {
     max-width: 120px
   }
 }
 @media only screen and (max-width: 1199px) {
   .header-wrap .header-top .header-top-left .contact-item {
     width: 100%;
     margin: 0 0 15px;
     color: #10012A
   }
   .header-wrap .logo img {
     max-width: 120px
   }
   .header-wrap.style1 .header-top .header-top-left .contact-item i, .header-wrap.style1 .header-top .header-top-right .user-login i, .header-wrap.style1 .header-top .header-top-right .select-lang i {
     color: #D80758
   }
   .header-wrap.style1 .header-top .header-top-left .contact-item p, .header-wrap.style1 .header-top .header-top-left .contact-item a {
     color: #000;
     font-size: 15px
   }
   .header-wrap .header-top .header-top-right .social-profile {
     margin-left: 0;
     width: 100%;
     margin-top: 15px
   }
   .header-wrap .header-top .header-top-right .social-profile li a {
     border-color: #D80758
   }
   .header-wrap .header-top .header-top-right .social-profile li a i {
     color: #D80758
   }
   .header-wrap.style1 .header-top .header-top-right {
     justify-content: flex-start
   }
   .header-wrap.style1 .header-top .header-top-right .user-login {
     display: block;
     width: 100%;
     margin: 0 0 15px
   }
   .header-wrap.style1 .header-top .header-top-right .user-login a {
     color: #10012A
   }
   .header-wrap.style1 .header-top .header-top-right .select-lang i {
     top: 3px
   }
   .header-wrap.style1 .header-top .header-top-right .select-lang span {
     color: #10012A
   }
   .header-wrap.style1 .header-top .header-top-right .select-lang .dropdown-toggle::before {
     color: #10012A
   }
   .search-area.open {
     top: 68px;
     border-top: 1px solid #EEEFF2
   }
   .searchbtn {
     margin: 0 12px 0 10px
   }
   .searchbtn i {
     top: 0
   }
   .shopcart {
     top: 2px;
     margin: 0 5px 0 0px
   }
   .header-wrap .header-top {
     position: absolute;
     height: 100vh;
     width: 100%;
     top: 0;
     background: #EEEFF2;
     right: -100%;
     padding: 50px 0 !important;
     display: block;
     z-index: 999;
     visibility: hidden;
     opacity: 0;
     transition: 0.3s
   }
   .header-wrap .header-top .header-top-left .social-profile {
     width: 100%;
     margin-bottom: 15px
   }
   .header-wrap .header-top .header-top-left .social-profile li a i {
     color: #D80758
   }
   .header-wrap .header-top .header-top-left .select-lang {
     margin-bottom: 15px
   }
   .header-wrap .header-top .header-top-left .select-lang .navbar-language .dropdown-toggle {
     color: #000
   }
   .header-wrap .header-top .header-top-right .contact-item {
     display: block;
     width: 100%;
     margin-left: 0;
     margin-bottom: 15px
   }
   .header-wrap .header-top .header-top-right .contact-item a {
     color: #000
   }
   .header-wrap .header-top.open {
     visibility: visible;
     opacity: 1;
     right: 0
   }
   .header-wrap.style1 .header-bottom-right .mobile-bar-wrap {
     order: 3
   }
   .menu-bar {
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
   }
   .mobile-bar-wrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     text-align: right;
     position: relative;
     top: 4px
   }
   .menu-close {
     position: absolute;
     top: 13px;
     right: 16px
   }
   .menu-close i {
     color: #000;
     font-size: 22px
   }
   .mobile-menu {
     text-align: right
   }
   .mobile-menu a {
     width: 35px;
     height: 35px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     background: #D80758
   }
   .mobile-menu a i {
     color: #fff;
     font-size: 23px;
     line-height: 33px;
     position: relative;
     top: 1px
   }
   .mobile-top-bar, .mobile-menu {
     display: inline-block;
     position: relative;
     top: -3px
   }
   .mobile-top-bar {
     margin-right: 15px;
     cursor: pointer;
     position: relative;
     top: 0
   }
   .mobile-top-bar span {
     display: block;
     width: 20px;
     height: 2px;
     border-radius: 20px;
     background-color: #000;
     margin: 5.9px 0
   }
   .mobile-top-bar span:nth-child(1) {
     margin-top: 0
   }
   .mobile-top-bar span:nth-child(2) {
     width: 12px;
     margin-left: 8px
   }
   .close-header-top button {
     position: absolute;
     top: 14px;
     right: 10px;
     z-index: 999;
     background: transparent;
     border: none;
     border-radius: 50%;
     width: 30px;
     height: 30px;
     text-align: center;
     padding: 0
   }
   .close-header-top button i {
     color: #000;
     font-size: 20px
   }
   .main-menu-wrap {
     width: 100%;
     position: fixed;
     background: #fff;
     z-index: 999;
     top: 0;
     height: 100vh;
     transition: 0.5s;
     left: -100%;
     padding: 55px 20px 30px;
     overflow-y: auto;
     -webkit-transition: 0.4s;
     transition: 0.4s
   }
   .main-menu-wrap.open {
     left: 0
   }
   .main-menu > li.has-children.menu-open > span.menu-expand {
     transform: rotate(180deg)
   }
   .main-menu > li.has-children.menu-open > span.menu-expand i {
     color: #000
   }
   .main-menu > li > ul > li.has-children.menu-open > span.menu-expand {
     transform: rotate(180deg)
   }
   .main-menu li {
     position: relative
   }
   .main-menu li:last-child {
     margin: 0
   }
   .main-menu li > span.menu-expand {
     position: absolute;
     right: 0;
     top: 13px;
     cursor: pointer
   }
   .main-menu li > span.menu-expand i {
     color: #000;
     font-size: 14px
   }
   .main-menu li > span.menu-expand:hover {
     color: #000
   }
   .main-menu li a.active {
     color: #D80758
   }
   .main-menu li > a {
     font-size: 14px;
     font-weight: 400;
     color: #000;
     text-transform: capitalize;
     display: block;
     padding: 12px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.3)
   }
   .main-menu li > a:hover {
     color: #000
   }
   .main-menu li > ul.sub-menu {
     padding-left: 20px
   }
   .main-menu li a.active {
     font-weight: 600;
     color: #000;
     border-color: rgba(0, 0, 0, 0.3)
   }
 }
 @media only screen and (min-width: 1200px) {
   .header-wrap.sticky {
     margin-top: -48px
   }
   .header-wrap .container {
     max-width: 1140px
   }
   .header-wrap.style1 .main-menu-wrap {
     text-align: right;
     margin-right: 25px
   }
   .header-wrap.style2 .main-menu-wrap {
     text-align: center
   }
   .main-menu-wrap #menu ul li {
     display: inline-block;
     position: relative
   }
   .main-menu-wrap #menu ul li a {
     padding: 15px 20px 15px 20px;
     color: #000;
     font-family: "Nunito", sans-serif;
     font-size: 16px;
     -webkit-transition: 0.3s;
     transition: 0.3s
   }
   .main-menu-wrap #menu ul li a.active, .main-menu-wrap #menu ul li a:hover {
     color: #D80758
   }
   .main-menu-wrap #menu ul li a.active:before, .main-menu-wrap #menu ul li a:hover:before {
     visibility: visible;
     opacity: 1
   }
   .main-menu-wrap #menu ul li.has-children .sub-menu {
     position: absolute;
     top: 90px;
     left: 0;
     min-width: 200px;
     border-radius: 2px;
     background: #fff;
     visibility: hidden;
     opacity: 0;
     box-shadow: 0 24px 40px -4px rgba(0, 0, 0, 0.1);
     z-index: 10;
     display: block !important;
     -webkit-transition: 0.5s;
     transition: 0.5s;
     border-bottom: 1px solid #D80758
   }
   .main-menu-wrap #menu ul li.has-children .sub-menu li {
     margin: 0;
     display: block;
     text-align: left
   }
   .main-menu-wrap #menu ul li.has-children .sub-menu li a {
     font-size: 15px;
     font-weight: 500;
     line-height: 21px;
     margin: 0;
     display: block;
     padding: 15px 22px;
     margin: 0;
     color: #000;
     position: relative;
     z-index: 1;
     border-bottom: 1px solid #EEEFF2;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     position: relative
   }
   .main-menu-wrap #menu ul li.has-children .sub-menu li a:hover {
     padding-left: 30px;
     color: #D80758
   }
   .main-menu-wrap #menu ul li.has-children .sub-menu li a.active, .main-menu-wrap #menu ul li.has-children .sub-menu li a:hover {
     color: #D80758
   }
   .main-menu-wrap #menu ul li.has-children .sub-menu li a.active:before, .main-menu-wrap #menu ul li.has-children .sub-menu li a:hover:before {
     width: 100%;
     visibility: visible;
     opacity: 1
   }
   .main-menu-wrap #menu ul li.has-children .sub-menu li a.active:after, .main-menu-wrap #menu ul li.has-children .sub-menu li a:hover:after {
     border-color: #D80758
   }
   .main-menu-wrap #menu ul li.has-children .sub-menu li:last-child > a {
     border-bottom: none
   }
   .main-menu-wrap #menu ul li.has-children:hover > .sub-menu {
     top: 66px;
     visibility: visible;
     opacity: 1;
     -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
     transform: rotateY(0deg)
   }
   .main-menu-wrap #menu > ul > li {
     margin: 0
   }
   .main-menu-wrap #menu > ul > li > a {
     display: inline-block;
     position: relative;
     font-weight: 600;
     -webkit-transition: 0.3s;
     transition: 0.3s
   }
   .main-menu-wrap #menu > ul > li.has-children > a {
     position: relative
   }
   .main-menu-wrap #menu > ul > li.has-children > a:after {
     position: absolute;
     top: 16px;
     right: 9px;
     content: "\f14d";
     font-family: "Flaticon";
     font-size: 8px;
     font-weight: 500;
     -webkit-transition: 0.6s;
     transition: 0.6s
   }
   .main-menu-wrap #menu > ul > li.has-children > .sub-menu > .has-children > a {
     position: relative
   }
   .main-menu-wrap #menu > ul > li.has-children > .sub-menu > .has-children > a:after {
     position: absolute;
     top: 24px;
     right: 20px;
     content: "";
     width: 6px;
     height: 6px;
     border-width: 0 0 1px 1px;
     border-style: solid;
     transform: rotate(-135deg)
   }
   .main-menu-wrap #menu > ul > li.has-children > .sub-menu > .has-children > a:hover:after {
     border-color: #fff
   }
   .main-menu-wrap #menu > ul > .has-children {
     position: relative
   }
   .main-menu-wrap #menu ul > .has-children > .sub-menu > .has-children > .sub-menu {
     left: auto;
     right: 100%;
     top: 0 !important
   }
   .menu-expand i {
     display: none
   }
   .header-wrap .main-menu-wrap #menu ul li.has-children .sub-menu li a.active::before, .header-wrap .main-menu-wrap #menu ul li.has-children .sub-menu li a:hover::before {
     background-color: #D80758
   }
   .header-wrap .main-menu-wrap #menu ul > li > a {
     color: #000
   }
   .header-wrap .main-menu-wrap #menu ul li a.active, .header-wrap .main-menu-wrap #menu ul li a:hover {
     color: #D80758
   }
 }
 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
   .main-menu-wrap #menu ul li a {
     padding: 15px 15px 15px 15px !important;
     font-size: 16px !important
   }
   .main-menu-wrap #menu > ul > li.has-children > a::after {
     right: 3px !important
   }
 }
 @media only screen and (min-width: 1400px) and (max-width: 1599px) {
   .header-wrap .container {
     max-width: 1320px
   }
 }
 @media only screen and (min-width: 1600px) {
   .header-wrap .container {
     max-width: 1570px
   }
 }
 .br-1 {
   background-image: url(../img/breadcrumb/br-1.webp)
 }
 .br-2 {
   background-image: url(../img/breadcrumb/br-2.webp)
 }
 .br-3 {
   background-image: url(../img/breadcrumb/br-3.webp)
 }
 .br-4 {
   background-image: url(../img/breadcrumb/br-4.webp)
 }
 .breadcrumb-wrap {
   position: relative;
   height: 100%;
   padding: 100px 0;
   overflow: hidden;
   background-attachment: fixed
 }
 .breadcrumb-wrap .breadcrumb-title {
   position: relative;
   z-index: 1;
   width: 100%;
   text-align: center
 }
 .breadcrumb-wrap .breadcrumb-title h2 {
   font-size: 40px;
   font-family: "Barlow Condensed", sans-serif;
   color: #fff;
   line-height: 1.2;
   font-weight: 700;
   margin: 0 0 12px
 }
 .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li {
   display: inline-block;
   margin: 0 10px;
   font-size: 18px;
   font-family: "Barlow Condensed", sans-serif;
   position: relative;
   color: #fff
 }
 .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li:first-child {
   margin-left: 0
 }
 .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li:first-child a {
   padding-left: 0
 }
 .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li:last-child {
   margin-right: 0;
   color: #D80758
 }
 .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li a {
   line-height: 22px;
   color: #fff;
   display: inline-block;
   transition: 0.3s;
   -webkit-transition: 0.3s;
   position: relative
 }
 .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li a:hover {
   color: #D80758
 }
 .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li a:after {
   position: absolute;
   top: 0;
   right: -15px;
   content: "/";
   font-size: 18px;
   border-radius: 0
 }
 .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li:last-child a:after {
   display: none
 }
 .login-header {
   text-align: left;
   margin: 0 0 25px
 }
 .login-header h2 {
   font-size: 30px;
   font-weight: 600;
   line-height: 1.2;
   color: #000;
   margin-bottom: 0
 }
 .login-form {
   background-color: #F9F9F9;
   border-radius: 5px
 }
 .login-form .login-body {
   padding: 40px
 }
 .login-form .login-body .form-group {
   margin: 0 0 20px
 }
 .login-form .login-body .form-group label {
   font-size: 16px;
   color: #444;
   font-weight: 600;
   margin: 0 0 10px;
   display: block
 }
 .login-form .login-body .form-group input {
   border-radius: 5px;
   background: #fff;
   border: none;
   width: 100%;
   height: 60px;
   padding: 10px 15px
 }
 .login-form .login-body .btn {
   border-radius: 4px;
   display: block;
   width: 100%;
   padding: 15px
 }
 .login-form .login-body .form_group label {
   font-size: 16px
 }
 .or-text {
   position: relative;
   text-align: center;
   margin: 0 0 16px 0;
   font-size: 18px;
   z-index: 9
 }
 .or-text p {
   display: inline-block;
   padding: 0 10px;
   margin: 0 auto;
   z-index: 1;
   font-size: 18px;
   font-weight: 600;
   border-radius: 50%
 }
 .faq-item {
   margin: 0 0 25px
 }
 .faq-item:last-child {
   margin-bottom: 0
 }
 .faq-item h5 {
   font-size: 25px;
   line-height: 1.4;
   margin: 0 0 12px
 }
 .faq-item p {
   margin: 0
 }
 .faq-item.style2 {
   margin: 0 0 30px
 }
 .error-content {
   text-align: center
 }
 .error-content span {
   font-size: 110px;
   font-weight: 700;
   display: block;
   line-height: 82px;
   margin: 0 0 55px;
   color: #000
 }
 .error-content .btn i {
   margin-right: 5px;
   margin-left: 0;
   position: relative;
   top: 0
 }
 .error-content p {
   margin: 0 0 20px
 }
 .single-content h3 {
   font-size: 24px
 }
 .sidebar .sidebar-widget {
   margin: 0 0 30px;
   border-radius: 5px;
   background-color: #F9F9F9;
   padding: 22px 25px 25px;
   border-radius: 5px
 }
 .sidebar .sidebar-widget h4 {
   margin: 0 0 20px;
   font-size: 24px;
   font-weight: 600;
   position: relative;
   line-height: 1;
   position: relative;
   padding-bottom: 20px;
   border-bottom: 1px solid #EEEFF2
 }
 .sidebar .sidebar-widget h4:after {
   position: absolute;
   bottom: -1px;
   left: 0;
   width: 75px;
   height: 2px;
   content: "";
   background: #D80758
 }
 .sidebar .sidebar-widget:last-child {
   margin: 0
 }
 .sidebar .sidebar-widget.box {
   padding: 22px 25px
 }
 .search-box {
   position: relative
 }
 .search-box .form-group {
   position: relative
 }
 .search-box .form-group input {
   width: 100%;
   height: 54px;
   background: #fff;
   color: #10012A;
   font-size: 14px;
   line-height: 21px;
   padding: 10px 70px 10px 20px;
   border-radius: 5px;
   border: none
 }
 .search-box .form-group input:focus {
   border-color: #ABA8B0
 }
 .search-box .form-group button {
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 18px;
   height: 100%;
   border: none;
   border-radius: 0 5px 5px 0;
   text-align: center;
   background: #D80758
 }
 .search-box .form-group button i {
   color: #fff;
   top: 4px;
   left: 1px;
   font-size: 20px;
   position: relative
 }
 .category-box.style1 ul li {
   position: relative;
   padding-left: 16px;
   margin-bottom: 15px
 }
 .category-box.style1 ul li:last-child {
   margin-bottom: 0
 }
 .category-box.style1 ul li a {
   -webkit-transition: 0.4s;
   transition: 0.4s;
   color: #000;
   font-weight: 600;
   font-size: 16px
 }
 .category-box.style1 ul li a i {
   position: absolute;
   top: 1px;
   left: 0;
   font-size: 9px;
   color: #555555
 }
 .category-box.style1 ul li a span {
   font-weight: 400;
   opacity: 0.5;
   margin-left: 4px;
   font-size: 14px
 }
 .category-box.style1 ul li a:hover {
   color: #D80758;
   padding-left: 5px
 }
 .category-box.style1 ul li a:hover i {
   color: #D80758
 }
 .category-box.style2 ul li {
   position: relative;
   margin-bottom: 15px
 }
 .category-box.style2 ul li:last-child {
   margin-bottom: 0
 }
 .category-box.style2 ul li a {
   display: block;
   background-color: #fff;
   padding: 15px 15px 15px 20px;
   border-radius: 5px;
   font-family: "Barlow Condensed", sans-serif;
   font-size: 18px;
   font-weight: 500;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .category-box.style2 ul li a i {
   position: absolute;
   top: 18px;
   right: 15px;
   font-size: 10px;
   color: #555555;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .category-box.style2 ul li a.active {
   color: #D80758
 }
 .category-box.style2 ul li a.active i {
   color: #D80758
 }
 .category-box.style2 ul li a:hover {
   background-color: #D80758;
   color: #fff;
   border-color: transparent
 }
 .category-box.style2 ul li a:hover i {
   color: #fff
 }
 .new-product-item {
   margin: 0 0 20px
 }
 .new-product-item:last-child {
   margin: 0
 }
 .new-product-item .new-product-img {
   width: 80px;
   padding: 5px;
   text-align: center;
   background-color: #fff;
   border-radius: 4px
 }
 .new-product-item .new-product-img img {
   margin: 0 auto;
   display: block
 }
 .new-product-item .new-product-info {
   width: calc(100% - 95px);
   margin-left: 15px
 }
 .new-product-item .new-product-info h6 {
   font-size: 18px;
   margin: 0 0 5px
 }
 .new-product-item .new-product-info h6 a {
   color: #000
 }
 .new-product-item .new-product-info span {
   color: #D80758;
   font-size: 14px;
   font-weight: 600
 }
 .new-product-item .new-product-info span.discount {
   text-decoration: line-through;
   margin-left: 5px;
   color: #EEEFF2
 }
 .doc-widget .download-doc-btn a {
   display: block;
   width: 100%;
   padding: 15px 15px 17px;
   border-radius: 5px;
   position: relative;
   color: #fff;
   font-size: 22px;
   font-weight: 600;
   font-family: "Barlow Condensed", sans-serif;
   margin-bottom: 20px;
   background-color: #10012A
 }
 .doc-widget .download-doc-btn a:last-child {
   margin-bottom: 0
 }
 .doc-widget .download-doc-btn a i {
   color: #fff;
   position: relative;
   top: 1px;
   margin-right: 10px
 }
 .doc-widget .download-doc-btn a span {
   position: absolute;
   top: 0;
   right: 15px;
   display: inline-block;
   color: #fff;
   font-family: "Barlow Condensed", sans-serif;
   font-size: 16px;
   font-weight: 500;
   padding: 8px 7px;
   border-radius: 0 0 5px 5px;
   background-color: #D80758
 }
 .doc-widget .download-doc-btn a:hover {
   background-color: #D80758;
   color: #fff
 }
 .doc-widget .download-doc-btn a:hover span {
   background-color: #10012A
 }
 .price-range-widget .checkbox-item-wrap .checkbox-item {
   margin-bottom: 10px
 }
 .price-range-widget .checkbox-item-wrap .checkbox-item:last-child {
   margin-bottom: 0
 }
 .contact-widget {
   position: relative;
   text-align: left;
   z-index: 1;
   border-radius: 10px;
   overflow: hidden;
   padding: 45px 25px 50px;
   background-image: url(../img/contact-widget-bg.webp)
 }
 .contact-widget.style2 {
   padding: 76px 25px;
   margin-bottom: 25px
 }
 .contact-widget .overlay {
   border-radius: 5px
 }
 .contact-widget.sidebar-widget {
   padding: 45px 25px 50px
 }
 .contact-widget .contact-icon {
   width: 80px;
   height: 80px;
   border-radius: 50%;
   text-align: center;
   background-color: #D80758;
   margin-bottom: 20px;
   position: relative
 }
 .contact-widget .contact-icon i {
   color: #fff;
   font-size: 42px;
   line-height: 0.8
 }
 .contact-widget p, .contact-widget h5, .contact-widget a {
   color: #fff;
   z-index: 2;
   position: relative
 }
 .contact-widget h5 {
   font-size: 24px;
   line-height: 1.2;
   margin: 0 0 12px
 }
 .contact-widget p {
   margin-bottom: 20px
 }
 .contact-widget a {
   display: inline-block;
   background-color: #fff;
   padding: 10px 20px;
   border-radius: 5px;
   text-align: center;
   color: #D80758;
   font-family: "Barlow Condensed", sans-serif;
   font-weight: 500;
   font-size: 20px;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .contact-widget a i {
   position: relative;
   top: 2px;
   font-size: 17px;
   margin-right: 5px;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .contact-widget a:hover {
   background: #D80758;
   color: #fff
 }
 .contact-widget a:hover i {
   color: #fff
 }
 .contact-widget .contact-info {
   position: relative;
   padding-left: 55px;
   margin: 30px 0 0
 }
 .contact-widget .contact-info span.contact-icon {
   position: absolute;
   top: -7px;
   left: 0;
   width: 40px;
   height: 40px;
   background-color: #fff;
   border-radius: 4px;
   text-align: center
 }
 .contact-widget .contact-info span.contact-icon i {
   color: #D80758;
   font-size: 20px;
   line-height: 0.7
 }
 .contact-widget .contact-info a {
   color: #fff;
   font-size: 20px;
   font-family: "Barlow Condensed", sans-serif;
   font-weight: 600;
   display: block;
   margin: 0
 }
 .tag-list ul {
   margin-top: -12px
 }
 .tag-list ul li {
   display: inline-block;
   margin: 12px 8px 0px 0px
 }
 .tag-list ul li a {
   display: inline-block;
   font-size: 16px;
   line-height: 18px;
   padding: 12px 14px;
   color: #555555;
   border-radius: 3px;
   background-color: #fff;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .tag-list ul li a:hover {
   color: #fff;
   background: #D80758
 }
 .tag-list.style2 li a {
   box-shadow: none;
   padding: 0
 }
 .tag-list.style2 li a:hover {
   background: transparent
 }
 .tag-list.style3 li a {
   box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
   padding: 10px 12px;
   border: none
 }
 .popular-post .popular-post-slider .blog-card.style3 .blog-img {
   border-radius: 5px
 }
 .popular-post .popular-post-slider .blog-card.style3 .blog-img img {
   border-radius: 5px
 }
 .popular-post .popular-post-slider .blog-card.style3 .blog-info {
   background: transparent;
   padding: 20px 0 0;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .popular-post .popular-post-slider .blog-card.style3 .blog-info .blog-metainfo li a {
   color: #555
 }
 .popular-post .popular-post-slider .blog-card.style3:hover .blog-info {
   background-color: transparent
 }
 .popular-post .popular-post-slider .blog-card.style3:hover .blog-info .blog-metainfo li i {
   color: #D80758
 }
 .popular-post .popular-post-slider .blog-card.style3:hover .blog-info h3 a {
   color: #D80758
 }
 .popular-post .popular-post-slider .blog-card.style3:hover .blog-info p {
   color: #10012A
 }
 .popular-post .popular-post-slider .owl-dots {
   text-align: left
 }
 .popular-post .popular-post-slider .owl-dots .owl-dot span {
   background-color: #EEEFF2
 }
 .page-navigation {
   margin: 5px 0 0
 }
 .page-navigation .page-nav {
   text-align: center;
   align-items: center;
   flex-wrap: wrap
 }
 .page-navigation .page-nav li {
   margin: 0 5px
 }
 .page-navigation .page-nav li:first-child {
   margin-left: 0
 }
 .page-navigation .page-nav li:last-child {
   margin-right: 0
 }
 .page-navigation .page-nav li a {
   display: block;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   font-size: 20px;
   font-family: "Barlow Condensed", sans-serif;
   font-weight: 600;
   opacity: 0.7;
   color: #10012A;
   background: #F9F9F9;
   text-align: center
 }
 .page-navigation .page-nav li a i {
   font-size: 18px;
   line-height: 0.8;
   color: #10012A
 }
 .page-navigation .page-nav li a.active, .page-navigation .page-nav li a:hover {
   background: #D80758;
   color: #fff;
   opacity: 1
 }
 .page-navigation .page-nav li a.active i, .page-navigation .page-nav li a:hover i {
   color: #fff
 }
 .hero-bg-1 {
   background-image: url(../img/hero/hero-bg-1.webp)
 }
 .hero-bg-1 {
   background-image: url(../img/hero/hero-bg-1.webp)
 }
 .hero-bg-2 {
   background-image: url(../img/hero/hero-bg-2.webp)
 }
 .hero-wrap {
   margin-top: 160px
 }
 .hero-wrap .hero-content {
   overflow: hidden
 }
 .hero-wrap .hero-content > span {
   margin: 0 0 12px;
   font-size: 16px;
   color: #fff;
   margin-bottom: 10px;
   background-color: rgba(255, 255, 255, 0.23);
   display: inline-block;
   font-family: "Barlow Condensed", sans-serif;
   line-height: 18px;
   padding: 8px 20px 12px;
   border-radius: 5px
 }
 .hero-wrap .hero-content h1 {
   font-size: 54px;
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 25px;
   color: #fff
 }
 .hero-wrap .hero-content h1 span {
   color: #D80758
 }
 .hero-wrap .hero-content p {
   margin: 0 0 28px;
   padding-right: 60px;
   color: #fff
 }
 .hero-wrap .hero-content .btn.style1 {
   background-color: #D80758;
   color: #fff;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .hero-wrap .hero-content .btn.style1 span {
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .hero-wrap .hero-content .btn.style1 i {
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .hero-wrap .hero-content .btn.style1:hover {
   background-color: #fff;
   color: #10012A
 }
 .hero-wrap .hero-content .btn.style1:hover i {
   background-color: #10012A;
   color: #fff
 }
 .hero-wrap .hero-content .hero-btn .btn {
   font-size: 17px
 }
 .hero-wrap .hero-content .hero-btn .btn:nth-child(1) {
   margin-right: 12px
 }
 .hero-wrap.style1 {
   padding: 100px 0 140px;
   position: relative
 }
 .hero-wrap.style1 .social-profile {
   position: absolute;
   top: 50%;
   right: 15px;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%)
 }
 .hero-wrap.style2 {
   padding: 50px 0;
   position: relative
 }
 .hero-wrap.style2 .social-profile {
   position: absolute;
   top: 50%;
   right: 15px;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%)
 }
 .hero-wrap.style2 .hero-content > span {
   border-radius: 0
 }
 .hero-wrap.style2 .hero-content .btn {
   border-radius: 0
 }
 .hero-wrap.style2 .hero-content .btn i {
   border-radius: 0
 }
 .hero-wrap.style3 {
   padding: 50px 0;
   margin-bottom: 195px;
   position: relative
 }
 .hero-tablist-wrap {
   position: absolute;
   bottom: -90px;
   left: 50%;
   width: 100%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%)
 }
 .hero-tablist-wrap span {
   color: #fff;
   font-weight: 600;
   margin-right: 20px;
   position: relative;
   top: 5px
 }
 .hero-tablist-wrap span i {
   position: relative;
   top: 3px;
   margin-left: 8px
 }
 .hero-tablist-wrap .hero-tablist {
   border: none
 }
 .hero-tablist-wrap .hero-tablist .nav-item {
   border: none;
   background: transparent
 }
 .hero-tablist-wrap .hero-tablist .nav-item .nav-link {
   position: relative;
   background: transparent;
   border: none;
   padding: 20px;
   max-width: 100px
 }
 .hero-tablist-wrap .hero-tablist .nav-item .nav-link:after {
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%);
   content: "";
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #D80758;
   border: 2px solid #fff;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .hero-tablist-wrap .hero-tablist .nav-item .nav-link.active:after {
   visibility: visible;
   opacity: 1
 }
 .hero-slider-two {
   position: relative
 }
 .hero-slider-two.owl-carousel .owl-item {
   padding: 0 20px
 }
 .hero-slider-two.owl-carousel .owl-nav .owl-prev, .hero-slider-two.owl-carousel .owl-nav .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
   background: #fff
 }
 .hero-slider-two.owl-carousel .owl-nav .owl-prev:hover, .hero-slider-two.owl-carousel .owl-nav .owl-next:hover {
   background: #D80758
 }
 .hero-slider-two.owl-carousel .owl-nav .owl-prev {
   left: 0
 }
 .hero-slider-two.owl-carousel .owl-nav .owl-next {
   right: 0
 }
 #hero-slider-three .item {
   border-radius: 8px 0 0 8px
 }
 #hero-slider-three .item img {
   border-radius: 8px 0 0 8px
 }
 #hero-slider-three .owl-nav {
   position: absolute;
   bottom: -135px
 }
 #hero-slider-three .owl-nav .owl-prev, #hero-slider-three .owl-nav .owl-next {
   width: 62px;
   height: 62px;
   border-radius: 50%
 }
 #hero-slider-three .owl-nav .owl-prev i, #hero-slider-three .owl-nav .owl-next i {
   line-height: 0.5
 }
 #hero-thumbs {
   max-width: 600px;
   position: absolute;
   bottom: -145px;
   left: calc((100% - 1500px) /2 + 15px)
 }
 #hero-thumbs .item .hero-thumb-item {
   cursor: pointer;
   position: relative;
   border-radius: 8px
 }
 #hero-thumbs .item .hero-thumb-item img {
   border-radius: 8px
 }
 #hero-thumbs .item .hero-thumb-item span {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 65px;
   height: 65px;
   border-radius: 50%;
   background-color: #fff;
   text-align: center;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 #hero-thumbs .item .hero-thumb-item span:after {
   position: absolute;
   top: -10px;
   left: -10px;
   content: "";
   width: calc(100% + 20px);
   height: calc(100% + 20px);
   border-radius: 50%;
   background-color: transparent;
   border: 1px solid #D80758;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 #hero-thumbs .item .hero-thumb-item span i {
   color: #10012A;
   font-size: 30px;
   line-height: 0.8
 }
 #hero-thumbs .item h6 {
   font-size: 18px;
   margin: 10px 0 0;
   line-height: 1;
   font-weight: 500;
   text-align: center
 }
 #hero-thumbs .owl-item .item:hover .hero-thumb-item span:after {
   visibility: visible;
   opacity: 1
 }
 .category-card {
   padding: 25px 25px 22px;
   position: relative;
   border-radius: 5px;
   margin: 0 0 25px;
   position: relative;
   z-index: 1;
   overflow: hidden
 }
 .category-card:after {
   position: absolute;
   bottom: 0;
   left: 0%;
   content: "";
   background-color: #D80758;
   width: 0%;
   height: 0%;
   z-index: -1;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .category-card .cat-count {
   position: absolute;
   top: 30px;
   right: 20px;
   font-size: 70px;
   line-height: 0.8;
   font-weight: 800;
   color: #fff;
   color: transparent;
   -webkit-text-stroke: 2px rgba(255, 255, 255, 0.3);
   text-shadow: none
 }
 .category-card .cat-icon {
   width: 68px;
   height: 60px;
   background-color: #fff;
   text-align: center;
   border-radius: 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .category-card .cat-icon i {
   font-size: 30px;
   line-height: 0.8;
   color: #10012A;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .category-card .cat-info {
   margin-top: 22px
 }
 .category-card .cat-info h3 {
   font-size: 24px;
   margin-bottom: 15px;
   line-height: 1.2
 }
 .category-card .cat-info h3 a {
   color: #fff !important
 }
 .category-card .cat-info h3:hover a {
   color: #10012A
 }
 .category-card .cat-info p {
   color: #fff;
   margin: 0;
   opacity: 0.8
 }
 .category-card:hover:after {
   width: 100%;
   height: 100%
 }
 .category-card:hover .cat-icon {
   background-color: #10012A
 }
 .category-card:hover .cat-icon i {
   color: #fff
 }
 .process-bg-1 {
   background-image: url(../img/process/process-bg-1.webp)
 }
 .process-bg-2 {
   background-image: url(../img/process/process-bg-2.webp)
 }
 .process-bg-3 {
   background-image: url(../img/process/process-bg-3.webp)
 }
 .process-bg-4 {
   background-image: url(../img/process/process-bg-4.webp)
 }
 .process-card {
   position: relative;
   margin: 0 0 25px;
   padding: 25px;
   z-index: 1
 }
 .process-card:before {
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   width: 100%;
   height: 100%;
   background: rgba(16, 1, 42, 0.9);
   z-index: -1;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .process-card:after {
   position: absolute;
   bottom: 0;
   left: 0;
   content: "";
   width: 100%;
   height: 0%;
   background: #D80758;
   z-index: -1;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .process-card .process-count {
   font-size: 90px;
   font-weight: 700;
   line-height: 0.8;
   color: #fff;
   display: inline-block;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   font-family: "Barlow Condensed", sans-serif
 }
 .process-card .process-info h4 {
   line-height: 1;
   font-size: 24px;
   margin: 0 0 13px;
   color: #fff;
   margin-top: 15px
 }
 .process-card .process-info p {
   margin: 0;
   line-height: 1.4;
   color: #fff;
   opacity: .90
 }
 .process-card:hover:before {
   height: 0
 }
 .process-card:hover:after {
   visibility: visible;
   height: 100%;
   opacity: 1
 }
 .process-card:hover .process-count {
   color: #fff
 }
 .about-bg-1 {
   background-image: url(../img/about/about-bg.webp)
 }
 .about-img-1 {
   background-image: url(../img/about/about-img-1.webp)
 }
 .about-img-2 {
   background-image: url(../img/about/about-img-2.webp)
 }
 .about-img-3 {
   background-image: url(../img/about/about-img-3.webp)
 }
 .about-img-4 {
   background-image: url(../img/about/about-img-4.webp)
 }
 .about-img-5 {
   background-image: url(../img/about/about-img-5.webp)
 }
 .about-wrap {
   position: relative
 }
 .about-wrap .about-content p {
   margin-bottom: 22px
 }
 .about-wrap .about-content .feature-list {
   margin-bottom: 25px
 }
 .about-wrap .about-content .feature-list li p {
   padding-right: 60px;
   margin-bottom: 0
 }
 .about-wrap.style1 {
   overflow: hidden
 }
 .about-wrap.style1 .about-shape-1 {
   position: absolute;
   bottom: 150px;
   right: -150px
 }
 .about-wrap.style1 .about-img-wrap {
   position: relative
 }
 .about-wrap.style1 .about-img-wrap .about-img-1 {
   height: 660px;
   width: calc(100% - 200px);
   border-radius: 5px
 }
 .about-wrap.style1 .about-img-wrap .about-img-2 {
   height: 480px;
   width: 350px;
   position: absolute;
   top: 50%;
   right: 0;
   border-radius: 5px;
   z-index: 1;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%)
 }
 .about-wrap.style1 .about-content .btn.style1 {
   border-radius: 5px
 }
 .about-wrap.style2 {
   overflow: hidden
 }
 .about-wrap.style2 .about-img-wrap {
   position: relative;
   z-index: 1;
   min-height: 700px
 }
 .about-wrap.style2 .about-img-wrap:after {
   position: absolute;
   bottom: 0;
   left: -164%;
   content: "";
   background: #D80758;
   width: 200%;
   height: 160px;
   z-index: -1
 }
 .about-wrap.style2 .about-img-wrap .about-img-3 {
   height: 515px;
   width: calc(100% - 60px)
 }
 .about-wrap.style2 .about-img-wrap .about-img-4 {
   height: 350px;
   width: 60%;
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 1
 }
 .about-wrap.style2 .about-content .btn.style1 {
   border-radius: 0
 }
 .about-wrap.style2 .about-content .btn.style1 i {
   border-radius: 0
 }
 .about-wrap.style3 .about-img-wrap .about-img-5 {
   height: 780px;
   border-radius: 5px
 }
 .about-wrap.style3 .about-content p {
   margin-bottom: 12px
 }
 .about-wrap.style3 .about-content p:last-child {
   margin-bottom: 0
 }
 .about-wrap.style3 .about-content .ceo-message {
   margin: 20px 0 28px
 }
 .about-wrap.style3 .about-content .ceo-message .ceo-img {
   width: 80px;
   height: 80px;
   border-radius: 50%
 }
 .about-wrap.style3 .about-content .ceo-message .ceo-img img {
   border-radius: 50%
 }
 .about-wrap.style3 .about-content .ceo-message .ceo-info {
   width: calc(100% - 115px);
   margin-left: 15px
 }
 .about-wrap.style3 .about-content .ceo-message .ceo-info img {
   max-width: 120px
 }
 .about-wrap.style3 .about-content .ceo-message .ceo-info h5 {
   margin: 15px 0 0
 }
 .about-wrap.style3 .about-content .ceo-message .ceo-info h5 span {
   font-size: 15px;
   font-weight: 400;
   color: #555555;
   font-family: "Nunito", sans-serif;
   margin-left: 4px
 }
 .about-wrap.style3 .counter-box {
   position: absolute;
   bottom: 40px;
   right: 0;
   width: 100%
 }
 .about-wrap.style3 .counter-box .counter-card {
   margin-left: 20px
 }
 .about-wrap.style3 .counter-box .counter-card:first-child {
   margin-left: 0
 }
 .feature-list li {
   position: relative;
   padding-left: 35px;
   margin-bottom: 20px
 }
 .feature-list li:last-child {
   margin-bottom: 0
 }
 .feature-list li span {
   position: absolute;
   top: 6px;
   left: 0
 }
 .feature-list li span i {
   line-height: 0.8;
   display: inline-block
 }
 .feature-list li h5 {
   font-size: 24px;
   margin-bottom: 8px;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .feature-list li p {
   margin-bottom: 0
 }
 .feature-list li:hover h5 {
   color: #D80758
 }
 .feature-list li:hover h5 a {
   color: #D80758
 }
 .feature-list.style1 li {
   padding-left: 35px
 }
 .feature-list.style1 li span i {
   color: #D80758;
   font-size: 24px
 }
 .service-card {
   position: relative;
   margin-bottom: 25px
 }
 .service-card .service-icon {
   width: 65px;
   height: 55px;
   background: #10012A;
   text-align: center;
   margin: 0 0 18px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card .service-icon i {
   font-size: 30px;
   line-height: 0.8;
   color: #fff;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card .service-img {
   overflow: hidden;
   border-radius: 5px
 }
 .service-card .service-img img {
   border-radius: 5px;
   -webkit-transition: 0.8s;
   transition: 0.8s
 }
 .service-card .service-info {
   background-color: #F9F9F9;
   padding: 25px 25px 25px;
   position: relative
 }
 .service-card .service-info .service-blur-icon {
   position: absolute;
   top: 30px;
   right: 30px
 }
 .service-card .service-info .service-blur-icon i {
   font-size: 95px;
   color: #ABA8B0;
   opacity: 0.15;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card .service-info h3 {
   font-size: 24px;
   margin: 0 0 14px
 }
 .service-card .service-info h3 a {
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card .service-info p {
   margin: 0 0 20px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card:hover .service-img img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   transform: scale(1.05)
 }
 .service-card:hover .service-info .service-icon {
   background-color: #D80758
 }
 .service-card:hover .service-info h3 a {
   color: #D80758
 }
 .service-card.style1 {
   border-radius: 0 0 5px 5px
 }
 .service-card.style1 .service-img {
   border-radius: 5px 5px 0 0
 }
 .service-card.style1 .service-img img {
   border-radius: 5px 5px 0 0
 }
 .service-card.style1 .service-icon {
   border-radius: 4px;
   margin-bottom: 22px
 }
 .service-card.style1 .service-info p {
   margin-bottom: 12px
 }
 .service-card.style1 .service-info .btn.style2 {
   background-color: transparent;
   color: #D80758;
   padding: 0
 }
 .service-card.style1 .service-info .btn.style2 i {
   width: auto;
   height: auto;
   background-color: transparent;
   border-radius: 5px
 }
 .service-card.style1 .service-info .btn.style2:hover i {
   margin-left: 8px;
   color: #D80758
 }
 .service-card.style2 .service-info {
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card.style2 .service-info .btn {
   border-radius: 0
 }
 .service-card.style2 .service-info .btn i {
   border-radius: 0
 }
 .service-card.style2:hover .service-icon {
   background-color: #fff
 }
 .service-card.style2:hover .service-icon i {
   color: #10012A
 }
 .service-card.style2:hover .service-info {
   background-color: #D80758
 }
 .service-card.style2:hover .service-info .service-blur-icon i {
   opacity: 0.15;
   color: #fff
 }
 .service-card.style2:hover .service-info h3 a {
   color: #fff
 }
 .service-card.style2:hover .service-info p {
   color: #fff
 }
 .service-card.style2:hover .service-info .btn {
   background-color: #fff;
   color: #10012A
 }
 .service-card.style2:hover .service-info .btn i {
   background-color: #D80758;
   color: #fff
 }
 .service-card.style3 {
   padding-top: 50px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card.style3 .service-icon {
   margin-top: -50px;
   border-radius: 4px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card.style3 .service-info {
   border-radius: 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card.style3 .service-info h3 a {
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card.style3 .service-info p {
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .service-card.style3 .service-info .btn.style2 {
   border-radius: 5px
 }
 .service-card.style3 .service-info .btn.style2 i {
   border-radius: 5px
 }
 .service-card.style3:hover .service-icon {
   background-color: #fff
 }
 .service-card.style3:hover .service-icon i {
   color: #10012A
 }
 .service-card.style3:hover .service-info {
   background-color: #D80758
 }
 .service-card.style3:hover .service-info .service-blur-icon i {
   opacity: 0.15;
   color: #fff
 }
 .service-card.style3:hover .service-info h3 a {
   color: #fff
 }
 .service-card.style3:hover .service-info p {
   color: #fff
 }
 .service-card.style3:hover .service-info .btn.style1 {
   background-color: #fff;
   color: #10012A
 }
 .service-card.style3:hover .service-info .btn.style1 i {
   background-color: #D80758;
   color: #fff
 }
 .service-slider-one {
   position: relative;
   padding-bottom: 65px
 }
 .service-slider-one.owl-carousel .owl-dots {
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 100%;
   text-align: center
 }
 .service-slider-two {
   position: relative;
   padding-bottom: 65px
 }
 .service-slider-two.owl-carousel .owl-nav {
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 100%;
   text-align: center
 }
 .service-slider-three {
   position: relative;
   padding-bottom: 70px
 }
 .service-slider-three.owl-carousel .owl-nav {
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 100%;
   text-align: center
 }
 .service-slider-three.owl-carousel .owl-nav .owl-prev, .service-slider-three.owl-carousel .owl-nav .owl-next {
   width: 40px;
   height: 40px;
   border-radius: 50%
 }
 .owl-carousel .service-card {
   margin-bottom: 0
 }
 .service-desc h1 {
   font-size: 34px;
   line-height: 1.3;
   margin: 0 0 15px
 }
 .service-desc h2 {
   font-size: 30px;
   line-height: 1.3;
   margin: 0 0 15px
 }
 .service-desc h4 {
   font-size: 24px;
   line-height: 1.3;
   margin: 0 0 15px
 }
 .service-desc p {
   margin: 0 0 20px
 }
 .service-desc p:last-child {
   margin-bottom: 0
 }
 .service-desc .service-img {
   margin: 0 0 25px;
   display: block;
   border-radius: 10px
 }
 .service-desc .service-img img {
   border-radius: 10px
 }
 .service-desc img {
   border-radius: 10px
 }
 .service-desc .about-quote p {
   margin: 0 0 20px
 }
 .service-desc .content-feature-list {
   columns: 2;
   margin-bottom: 30px
 }
 .pricing-box {
   background-color: #fff;
   padding: 26px 30px 30px;
   margin: 0 0 30px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .pricing-box .pricing-box-header > span {
   -webkit-transition: 0.4s;
   transition: 0.4s;
   line-height: 1
 }
 .pricing-box .pricing-box-header h5 {
   font-family: "Nunito", sans-serif;
   font-weight: 700;
   line-height: 1;
   margin: 10px 0 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .pricing-box .pricing-box-header h5 span {
   font-size: 30px
 }
 .pricing-box .pricing-box-header img {
   display: block;
   max-width: 200px;
   margin: 30px 0 30px
 }
 .pricing-box .pricing-box-tag h6 {
   font-family: "Nunito", sans-serif;
   line-height: 1;
   margin: 10px 0 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .pricing-box .pricing-box-tag h6 span {
   color: #D80758;
   font-size: 50px;
   font-family: "Barlow Condensed", sans-serif;
   font-weight: 700
 }
 .pricing-box .pricing-box-features {
   margin: 30px 0
 }
 .pricing-box .pricing-box-features li {
   margin: 0 0 15px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .pricing-box .pricing-box-features li:last-child {
   margin-bottom: 0
 }
 .pricing-box .pricing-box-features li.unchecked {
   text-decoration: line-through
 }
 .pricing-box .btn.style2 {
   border-radius: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .pricing-box .btn.style2 i {
   border-radius: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .pricing-box.featured {
   background-color: #D80758
 }
 .pricing-box.featured .pricing-box-header > span {
   color: #fff
 }
 .pricing-box.featured .pricing-box-header h5 {
   color: #fff
 }
 .pricing-box.featured .pricing-box-tag h6 {
   color: #fff
 }
 .pricing-box.featured .pricing-box-tag h6 span {
   color: #fff
 }
 .pricing-box.featured .pricing-box-features li {
   color: #fff
 }
 .pricing-box.featured .btn.style2 {
   background-color: #fff;
   color: #10012A
 }
 .pricing-box.featured .btn.style2 i {
   background-color: #D80758;
   color: #fff
 }
 .pricing-box:hover {
   -webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
   transform: translateY(-10px);
   box-shadow: 0 6px 45px 6px rgba(0, 0, 0, 0.21)
 }
 .case-wrap.style1 {
   position: relative
 }
 .case-wrap.style1:after {
   position: absolute;
   bottom: -80px;
   left: 0;
   content: "";
   background-color: #D80758;
   width: 100%;
   height: 300px;
   z-index: -1
 }
 .case-card {
   margin: 0 0 25px
 }
 .case-card .case-img {
   position: relative;
   overflow: hidden
 }
 .case-card .case-img img {
   -webkit-transition: 0.8s;
   transition: 0.8s
 }
 .case-card .case-img .case-info-wrap {
   position: absolute;
   bottom: 25px;
   left: 25px;
   width: calc(100% - 50px);
   padding: 20px;
   background-color: #10012A;
   z-index: 1
 }
 .case-card .case-img .case-info-wrap:after {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 0;
   content: "";
   background-color: #D80758;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   z-index: -1
 }
 .case-card .case-img .case-info-wrap .case-info .case-category {
   color: #fff
 }
 .case-card .case-img .case-info-wrap .case-info h3 {
   font-size: 24px;
   margin-bottom: 0;
   margin-top: 0
 }
 .case-card .case-img .case-info-wrap .case-info h3 a {
   color: #fff
 }
 .case-card .case-img .case-info-wrap .read-more {
   width: 50px;
   height: 50px;
   background-color: #fff;
   text-align: center;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .case-card .case-img .case-info-wrap .read-more i {
   font-size: 18px;
   line-height: 0.8;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .case-card .case-img .case-info-wrap .read-more:hover {
   background: #10012A
 }
 .case-card .case-img .case-info-wrap .read-more:hover i {
   color: #fff
 }
 .case-card:hover .case-img img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   transform: scale(1.05)
 }
 .case-card:hover .case-img .case-info-wrap:after {
   height: 100%
 }
 .case-card:hover .case-img .case-info-wrap .read-more {
   background: #10012A
 }
 .case-card:hover .case-img .case-info-wrap .read-more i {
   color: #fff
 }
 .case-card:hover.style1 .case-img .case-info-wrap .read-more i {
   color: #000
 }
 .case-card.style1 .case-img {
   border-radius: 5px
 }
 .case-card.style1 .case-img img {
   border-radius: 5px
 }
 .case-card.style1 .case-img .case-info-wrap {
   border-radius: 5px
 }
 .case-card.style1 .case-img .case-info-wrap:after {
   border-radius: 5px
 }
 .case-card.style1 .case-img .case-info-wrap .read-more {
   border-radius: 5px
 }
 .case-card.style1:hover .case-img .case-info-wrap .read-more i {
   color: #fff
 }
 .case-card.style3 .case-img {
   border-radius: 5px
 }
 .case-card.style3 .case-img img {
   border-radius: 5px
 }
 .case-card.style3 .case-img .case-info-wrap {
   left: 0;
   bottom: -100%;
   width: 100%;
   border-radius: 0 0 5px 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .case-card.style3 .case-img .case-info-wrap .read-more {
   background: #fff;
   border-radius: 5px
 }
 .case-card.style3 .case-img .case-info-wrap .read-more i {
   color: #10012A
 }
 .case-card.style3:hover .case-info-wrap {
   bottom: 0
 }
 .case-slider-one {
   position: relative
 }
 .case-slider-one .owl-dots {
   position: absolute;
   top: -78px;
   right: 0;
   height: 21px
 }
 .case-slider-two {
   position: relative
 }
 .case-slider-two.owl-carousel .owl-nav {
   position: absolute;
   top: -95px;
   right: 0
 }
 .case-slider-three {
   position: relative
 }
 .case-slider-three.owl-carousel .owl-nav {
   position: absolute;
   top: -95px;
   right: 0
 }
 .owl-carousel .case-card {
   margin-bottom: 0
 }
 .single-case-1 {
   background-image: url(../img/case/case-details.webp);
   height: 540px;
   border-radius: 5px;
   margin-bottom: 25px;
   display: block
 }
 .project-details-wrap .post-navigation {
   border-top: 1px solid #EEEFF2;
   padding-top: 20px
 }
 .project-desc {
   -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
   padding: 35px;
   margin-bottom: 25px;
   border-radius: 5px
 }
 .project-desc h2 {
   margin-bottom: 15px;
   font-size: 26px
 }
 .project-desc p {
   margin-bottom: 15px
 }
 .project-desc .project-metainfo {
   margin-top: 25px
 }
 .project-desc .project-metainfo li {
   margin-bottom: 25px
 }
 .project-desc .project-metainfo li:last-child {
   margin-bottom: 0
 }
 .project-desc .project-metainfo li h6 {
   margin-bottom: 0;
   line-height: 1.2;
   font-size: 16px;
   font-weight: 700;
   width: 180px;
   font-family: "Nunito", sans-serif
 }
 .project-desc .project-metainfo li h6 i {
   position: relative;
   top: 2px;
   color: #D80758;
   margin-right: 7px
 }
 .project-desc .project-metainfo li p {
   width: calc(100% - 180px);
   margin-bottom: 0;
   font-size: 16px;
   line-height: 1.2
 }
 .project-desc-para {
   margin-bottom: 25px
 }
 .project-desc-para h3 {
   font-size: 26px;
   line-height: 1.2;
   margin-bottom: 15px
 }
 .project-gallery .single-project-img {
   border-radius: 5px;
   margin-bottom: 25px
 }
 .project-gallery .single-project-img a {
   display: block
 }
 .project-gallery .single-project-img a img {
   border-radius: 5px
 }
 .wh-bg-1 {
   background-image: url(../img/why-choose-us/wh-bg-1.webp)
 }
 .wh-img-1 {
   background-image: url(../img/why-choose-us/wh-img-1.webp)
 }
 .wh-img-2 {
   background-image: url(../img/why-choose-us/wh-img-2.webp)
 }
 .wh-img-3 {
   background-image: url(../img/why-choose-us/wh-img-3.webp)
 }
 .wh-img-4 {
   background-image: url(../img/why-choose-us/wh-img-4.webp)
 }
 .wh-img-5 {
   background-image: url(../img/why-choose-us/wh-img-5.webp)
 }
 .why-choose-wrap {
   position: relative
 }
 .why-choose-wrap.style1 .wh-img-wrap {
   position: relative
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-1 {
   height: 664px;
   width: calc(100% - 150px);
   border-radius: 5px;
   margin-left: auto
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-2 {
   height: 450px;
   width: 350px;
   position: absolute;
   top: 50%;
   left: 0;
   border-radius: 5px;
   z-index: 1;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%)
 }
 .why-choose-wrap.style1 .wh-content p {
   margin-bottom: 22px
 }
 .why-choose-wrap.style1 .wh-content .feature-list {
   margin-bottom: 25px
 }
 .why-choose-wrap.style1 .wh-content .feature-list li h5:hover a {
   color: #D80758
 }
 .why-choose-wrap.style1 .wh-content .feature-list li p {
   padding-right: 30px;
   margin-bottom: 0
 }
 .why-choose-wrap.style2 {
   overflow: hidden
 }
 .why-choose-wrap.style2 .wh-img-wrap {
   position: relative;
   z-index: 1;
   min-height: 700px
 }
 .why-choose-wrap.style2 .wh-img-wrap:after {
   position: absolute;
   bottom: 0;
   right: -100%;
   content: "";
   background: #D80758;
   width: 200%;
   height: 160px;
   z-index: -1
 }
 .why-choose-wrap.style2 .wh-img-wrap .wh-img-3 {
   height: 516px;
   width: calc(100% - 60px);
   margin-left: auto
 }
 .why-choose-wrap.style2 .wh-img-wrap .wh-img-4 {
   height: 350px;
   width: 60%;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1
 }
 .why-choose-wrap.style2 .wh-img-wrap .wh-img-4:after {
   position: absolute;
   bottom: 0;
   right: -25px;
   content: "";
   background: #fff;
   width: 25px;
   height: 160px;
   z-index: -1
 }
 .why-choose-wrap.style2 .wh-content .feature-list {
   margin-bottom: 25px
 }
 .why-choose-wrap.style2 .wh-content .btn.style2 {
   border-radius: 0
 }
 .why-choose-wrap.style2 .wh-content .btn.style2 i {
   border-radius: 0
 }
 .why-choose-wrap.style3 .wh-img-wrap .wh-img-5 {
   height: 830px;
   border-radius: 5px
 }
 .why-choose-wrap.style3 .brand-logo {
   position: absolute;
   bottom: 18px;
   left: 0;
   width: 100%
 }
 .why-choose-wrap.style3 .brand-logo .brand-item {
   margin-right: 20px;
   width: 225px;
   height: auto;
   border-radius: 5px;
   background-color: #fff;
   padding: 30px 25px 30px;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
   -webkit-transition: 0.4s;
   transition: 0.4s;
   position: relative;
   z-index: 1;
   overflow: hidden
 }
 .why-choose-wrap.style3 .brand-logo .brand-item:first-child {
   margin-left: 0
 }
 .why-choose-wrap.style3 .brand-logo .brand-item img {
   display: block;
   margin: 0 auto
 }
 .why-choose-wrap.style3 .brand-logo .brand-item:after {
   position: absolute;
   top: 0;
   right: 0;
   content: "";
   background-color: #D80758;
   width: 0;
   height: 0;
   visibility: hidden;
   opacity: 0;
   z-index: -1;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .why-choose-wrap.style3 .brand-logo .brand-item:hover:after {
   width: 100%;
   height: 100%;
   visibility: visible;
   opacity: 1
 }
 .why-choose-wrap.style3 .brand-logo .brand-item:hover img {
   filter: brightness(0) invert(1)
 }
 .team-card {
   margin-bottom: 25px
 }
 .team-card .member-info-wrap .member-name h4 {
   font-size: 24px
 }
 .team-card.style1 .member-img {
   position: relative;
   border-radius: 5px 5px 5px 0;
   z-index: 1
 }
 .team-card.style1 .member-img:after {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 80%;
   content: "";
   border-radius: 0 5px 0 0;
   background-color: #10012A;
   z-index: -1;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .team-card.style1 .member-img img {
   width: calc(100% - 25px);
   border-radius: 5px 5px 5px 0
 }
 .team-card.style1 .member-info-wrap {
   padding: 22px 25px 22px;
   border-radius: 0 0 5px 5px;
   background-color: #10012A;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .team-card.style1 .member-info-wrap .member-name {
   width: calc(100% - 55px)
 }
 .team-card.style1 .member-info-wrap .member-name h4 {
   color: #fff;
   margin: 0 0 10px;
   line-height: 1.1
 }
 .team-card.style1 .member-info-wrap .member-name span {
   font-size: 16px;
   color: #fff
 }
 .team-card.style1 .member-info-wrap .member-social-profile {
   position: relative
 }
 .team-card.style1 .member-info-wrap .member-social-profile span {
   width: 50px;
   height: 50px;
   background-color: #fff;
   border-radius: 5px;
   text-align: center
 }
 .team-card.style1 .member-info-wrap .member-social-profile span i {
   color: #10012A;
   font-size: 20px;
   line-height: 0.8
 }
 .team-card.style1 .member-info-wrap .member-social-profile .social-profile {
   position: absolute;
   bottom: 80px;
   right: 0;
   z-index: 1;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .team-card.style1 .member-info-wrap .member-social-profile .social-profile li {
   display: block;
   margin: 0 0 15px;
   -webkit-transform: translateX(40px);
   -moz-transform: translateX(40px);
   transform: translateX(40px)
 }
 .team-card.style1 .member-info-wrap .member-social-profile .social-profile li:last-child {
   margin-bottom: 0
 }
 .team-card.style1 .member-info-wrap .member-social-profile .social-profile li a {
   border-radius: 5px;
   width: 50px;
   height: 50px
 }
 .team-card.style1 .member-info-wrap .member-social-profile .social-profile li:nth-child(1) {
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .team-card.style1 .member-info-wrap .member-social-profile .social-profile li:nth-child(2) {
   -webkit-transition: 0.6s;
   transition: 0.6s
 }
 .team-card.style1 .member-info-wrap .member-social-profile .social-profile li:nth-child(3) {
   -webkit-transition: 0.9s;
   transition: 0.9s
 }
 .team-card.style1 .member-info-wrap .member-social-profile .social-profile li:nth-child(4) {
   -webkit-transition: 1.2s;
   transition: 1.2s
 }
 .team-card.style1:hover .member-img:after {
   background-color: #D80758
 }
 .team-card.style1:hover .member-info-wrap {
   background-color: #D80758
 }
 .team-card.style1 .member-social-profile:hover .social-profile {
   visibility: visible;
   opacity: 1
 }
 .team-card.style1 .member-social-profile:hover .social-profile li {
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
   transform: translateX(0)
 }
 .team-card.style2 .member-info-wrap {
   text-align: center;
   padding: 25px 30px 30px;
   background-color: #10012A;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .team-card.style2 .member-info-wrap h4 {
   line-height: 1;
   margin: 0 0 10px;
   color: #fff
 }
 .team-card.style2 .member-info-wrap span {
   font-size: 16px;
   color: #fff
 }
 .team-card.style2 .social-profile {
   margin-top: 25px
 }
 .team-card.style2 .social-profile.style2 li a {
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .team-card.style2 .social-profile.style2 li a:hover {
   background-color: #10012A;
   border-radius: 0
 }
 .team-card.style2:hover .member-info-wrap {
   background-color: #D80758
 }
 .team-card.style3 .member-info-wrap {
   text-align: center;
   padding: 22px 25px 22px;
   background-color: #F9F9F9;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .team-card.style3 .member-info-wrap h4 {
   font-size: 24px;
   line-height: 1;
   margin: 0 0 10px;
   color: #10012A
 }
 .team-card.style3 .member-info-wrap span {
   font-size: 16px;
   color: #555555
 }
 .team-card.style3 .social-profile {
   margin-top: 15px
 }
 .team-card.style3 .social-profile.style2 li a {
   -webkit-transition: 0.4s;
   transition: 0.4s;
   border-radius: 50%
 }
 .team-card.style3 .social-profile.style2 li a i {
   font-size: 18px
 }
 .team-card.style3 .social-profile.style2 li a:hover {
   background-color: #10012A
 }
 .team-card.style3:hover .member-info-wrap {
   background-color: #D80758
 }
 .team-card.style3:hover .member-info-wrap h4, .team-card.style3:hover .member-info-wrap span {
   color: #fff
 }
 .team-slider-one {
   position: relative;
   padding-bottom: 65px
 }
 .team-slider-one .owl-dots {
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 100%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%);
   text-align: center
 }
 .team-slider-two, .team-slider-three {
   position: relative;
   padding-bottom: 75px
 }
 .team-slider-two.owl-carousel .owl-nav, .team-slider-three.owl-carousel .owl-nav {
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 100%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%);
   text-align: center
 }
 .owl-carousel .team-card {
   margin-bottom: 0
 }
 .counter-bg-1 {
   background-image: url(../img/counter-bg.webp)
 }
 .counter-wrap {
   position: relative
 }
 .counter-wrap.style2 {
   height: 600px
 }
 .counter-card {
   margin: 0 0 25px
 }
 .counter-card.style1 .counter-icon {
   position: relative;
   padding-left: 15px;
   width: 65px
 }
 .counter-card.style1 .counter-icon:after {
   position: absolute;
   top: 0px;
   left: 0;
   content: "";
   background: #d80758;
   width: 28px;
   height: 75px;
   border-radius: 3px;
   z-index: -2
 }
 .counter-card.style1 .counter-icon i {
   color: #fff;
   font-size: 50px;
   line-height: 0.8;
   display: inline-block;
   position: relative;
   top: 15px
 }
 .counter-card.style1 .counter-info {
   width: calc(100% - 85px);
   margin-left: 20px
 }
 .counter-card.style1 .counter-info h2 {
   color: #fff;
   font-size: 55px;
   line-height: 1;
   font-weight: 700;
   margin: 0 0 5px
 }
 .counter-card.style1 .counter-info p {
   color: #fff;
   line-height: 1;
   margin: 0;
   opacity: 0.8
 }
 .counter-card.style2 {
   width: 225px;
   height: auto;
   border-radius: 5px;
   background-color: #fff;
   padding: 25px 25px 25px;
   margin: 0;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
   -webkit-transition: 0.4s;
   transition: 0.4s;
   position: relative;
   z-index: 1;
   overflow: hidden
 }
 .counter-card.style2:after {
   position: absolute;
   top: 0;
   right: 0;
   content: "";
   background-color: #D80758;
   width: 0;
   height: 0;
   visibility: hidden;
   opacity: 0;
   z-index: -1;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .counter-card.style2 .counter-icon {
   position: relative
 }
 .counter-card.style2 .counter-icon i {
   color: #D80758;
   font-size: 50px;
   line-height: 0.8;
   display: inline-block;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .counter-card.style2 .counter-info h2 {
   color: #10012A;
   font-size: 55px;
   line-height: 1;
   font-weight: 700;
   margin: 0 0 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .counter-card.style2 .counter-info h2 .target {
   position: relative;
   top: 3px;
   margin-left: 5px
 }
 .counter-card.style2 .counter-info p {
   color: #555555;
   line-height: 1;
   margin: 0;
   opacity: 0.8;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .counter-card.style2:hover:after {
   width: 100%;
   height: 100%;
   visibility: visible;
   opacity: 1
 }
 .counter-card.style2:hover .counter-icon i {
   color: #fff
 }
 .counter-card.style2:hover .counter-info h2 {
   color: #fff
 }
 .counter-card.style2:hover .counter-info p {
   color: #fff
 }
 .promo-bg-1 {
   background-image: url(../img/promo/promo-bg-1.webp)
 }
 .promo-video-wrap.style1 {
   margin-top: -300px;
   position: relative;
   z-index: 1
 }
 .promo-video-wrap.style1:after {
   position: absolute;
   bottom: 0;
   left: 0;
   content: "";
   width: 100%;
   height: calc(100% - 300px);
   background: #F9F9F9;
   z-index: -1
 }
 .promo-video-wrap.style2 {
   position: relative;
   z-index: 1
 }
 .promo-video-wrap.style2:after {
   position: absolute;
   bottom: 0;
   left: 0%;
   content: "";
   background-color: #F9F9F9;
   width: 100%;
   height: 50%;
   z-index: -1
 }
 .promo-video-wrap.style2 .promo-video {
   border-radius: 5px
 }
 .promo-video {
   height: 600px;
   position: relative
 }
 .promo-video .video-play {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 120px;
   height: 120px;
   border-radius: 50%;
   background-color: #D80758;
   text-align: center
 }
 .promo-video .video-play i {
   font-size: 26px;
   line-height: 0.8;
   color: #fff
 }
 .get-in-touch-wrap .get-in-touch-form {
   margin-bottom: 25px
 }
 .get-in-touch-wrap .get-in-touch-form p {
   margin-bottom: 24px;
   max-width: 650px
 }
 .get-in-touch-wrap .get-in-touch-form .form-group {
   position: relative;
   margin-bottom: 20px
 }
 .get-in-touch-wrap .get-in-touch-form .form-group.select_box i {
   opacity: 1
 }
 .get-in-touch-wrap .get-in-touch-form .form-group i {
   position: absolute;
   top: 21px;
   left: 17px;
   opacity: 0.6
 }
 .get-in-touch-wrap .get-in-touch-form .form-group input, .get-in-touch-wrap .get-in-touch-form .form-group textarea {
   width: 100%;
   background-color: #fff;
   padding: 10px 15px 10px 44px;
   border: none;
   border-radius: 0
 }
 .get-in-touch-wrap .get-in-touch-form .form-group select {
   width: 100%;
   background-color: #fff;
   padding: 10px 15px 10px 40px;
   border: none;
   height: 64px;
   border-radius: 0;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: url(../img/down-arrow.svg);
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: 94% 50%;
   opacity: 0.6
 }
 .get-in-touch-wrap .get-in-touch-form .form-group input {
   height: 64px
 }
 .get-in-touch-wrap .get-in-touch-form .form-group textarea {
   height: 150px;
   padding: 18px 15px 18px 45px;
   resize: none
 }
 .get-in-touch-wrap .get-in-touch-form .submit-btn {
   display: block;
   width: 100%;
   background-color: #10012A;
   color: #fff;
   text-align: center;
   border: none;
   padding: 17px 20px;
   border-radius: 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .get-in-touch-wrap .get-in-touch-form .submit-btn i {
   position: relative;
   top: 3px;
   margin-left: 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .get-in-touch-wrap .get-in-touch-form .submit-btn:hover {
   background-color: #10012A
 }
 .get-in-touch-wrap .get-in-touch-form .submit-btn:hover i {
   color: #fff
 }
 .get-in-touch-wrap.style1 {
   margin-top: 30px
 }
 .get-in-touch-wrap.style1 .container {
   position: relative
 }
 .get-in-touch-wrap.style1 .container:before {
   position: absolute;
   top: 0;
   right: 0;
   content: "";
   background: #F9F9F9;
   width: 80%;
   height: 100%;
   z-index: -1
 }
 .get-in-touch-wrap.style1 .get-touch-bg {
   background-image: url(../img/why-choose-us/wh-img-6.webp);
   height: 630px;
   margin-top: -30px;
   position: relative
 }
 .get-in-touch-wrap.style1 .get-in-touch-form {
   padding: 100px 50px 100px 0;
   margin: 0 0 15px
 }
 .get-in-touch-wrap.style2 .get-touch-bg {
   border-radius: 5px;
   height: 636px;
   margin-bottom: 25px
 }
 .get-in-touch-wrap.style2 .get-in-touch-form button {
   background-color: #D80758
 }
 .testimonial-item.style1 {
   background-color: #F9F9F9;
   padding: 23px 25px 22px;
   position: relative;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .testimonial-item.style1 .quote-icon {
   position: absolute;
   top: 60px;
   right: 25px
 }
 .testimonial-item.style1 .quote-icon i {
   font-size: 55px;
   opacity: 0.1;
   line-height: 0.8
 }
 .testimonial-item.style1 .client-info h5 {
   font-size: 24px;
   line-height: 1.1;
   margin: 0 0 10px;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .testimonial-item.style1 .client-info span {
   margin: 0 0 10px;
   display: block;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .testimonial-item.style1 .client-quote {
   margin: 20px 0 0;
   font-weight: 600;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .testimonial-item.style2 {
   background-color: #F9F9F9;
   padding: 22px 25px 22px;
   position: relative;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .testimonial-item.style2 .client-img {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   margin-bottom: 15px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .testimonial-item.style2 .client-img img {
   border-radius: 50%
 }
 .testimonial-item.style2 .quote-icon {
   position: absolute;
   top: 60px;
   right: 25px
 }
 .testimonial-item.style2 .quote-icon i {
   font-size: 95px;
   opacity: 0.1;
   line-height: 0.8;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .testimonial-item.style2 .client-info h5 {
   font-size: 24px;
   line-height: 1.1;
   margin: 0 0 8px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .testimonial-item.style2 .client-info span {
   margin: 0 0 10px;
   display: block;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .testimonial-item.style2 .client-quote {
   margin: 12px 0 0;
   font-weight: 600;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .testimonial-item.style2:hover {
   background-color: #D80758
 }
 .testimonial-item.style2:hover .client-img {
   border-color: #fff
 }
 .testimonial-item.style2:hover .client-info h5, .testimonial-item.style2:hover .client-info span {
   color: #fff
 }
 .testimonial-item.style2:hover .client-quote {
   color: #fff
 }
 .testimonial-item.style3 {
   background-color: #F9F9F9;
   padding: 22px 25px 22px;
   position: relative;
   border-radius: 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .testimonial-item.style3 .client-img {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   margin-bottom: 23px;
   border: 2px solid transparent;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .testimonial-item.style3 .client-img img {
   border-radius: 50%
 }
 .testimonial-item.style3 .quote-icon {
   position: absolute;
   top: 60px;
   right: 25px
 }
 .testimonial-item.style3 .quote-icon i {
   font-size: 60px;
   opacity: 0.1;
   line-height: 0.8
 }
 .testimonial-item.style3 .client-info h5 {
   font-size: 24px;
   line-height: 1.1;
   margin: 0 0 10px;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .testimonial-item.style3 .client-info span {
   margin: 0 0 10px;
   display: block;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .testimonial-item.style3 .client-quote {
   margin: 15px 0 0;
   font-weight: 600;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .testimonial-item.style3:hover {
   background-color: #D80758
 }
 .testimonial-item.style3:hover .client-img {
   border-color: #fff
 }
 .testimonial-item.style3:hover .client-info h5, .testimonial-item.style3:hover .client-info span {
   color: #fff
 }
 .testimonial-item.style3:hover .client-quote {
   color: #fff
 }
 .testimonial-thumbs {
   max-width: 200px;
   margin: 0 auto;
   padding: 30px 0 2px;
   display: none
 }
 .testimonial-thumbs .swiper-slide .thumb-item {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   border: 2px solid transparent;
   -webkit-transform: scale(0.8);
   -moz-transform: scale(0.8);
   transform: scale(0.8);
   -webkit-transition: 0.4s;
   transition: 0.4s;
   cursor: pointer
 }
 .testimonial-thumbs .swiper-slide .thumb-item img {
   border-radius: 50%
 }
 .testimonial-thumbs .swiper-slide.swiper-slide-active .thumb-item {
   border-color: #D80758;
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   transform: scale(1.05)
 }
 .testimonial-pagination .swiper-pagination-bullet {
   display: inline-block;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background: #EEEFF2;
   opacity: 1;
   margin-left: 10px;
   border: 1px solid transparent;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   position: relative
 }
 .testimonial-pagination .swiper-pagination-bullet:after {
   position: absolute;
   top: 50%;
   left: 50%;
   content: "";
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background: transparent;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   border-color: #D80758;
   background: transparent
 }
 .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
   background: #D80758
 }
 .ratings {
   line-height: 1
 }
 .ratings li {
   display: inline-block
 }
 .ratings li i {
   color: #FEBF08
 }
 .testimonial-slider-one .swiper-slide.swiper-slide-active .testimonial-item {
   background-color: #D80758
 }
 .testimonial-slider-one .swiper-slide.swiper-slide-active .testimonial-item .client-info h5, .testimonial-slider-one .swiper-slide.swiper-slide-active .testimonial-item .client-info span {
   color: #fff
 }
 .testimonial-slider-one .swiper-slide.swiper-slide-active .testimonial-item .client-quote {
   color: #fff
 }
 .testimonial-slider-one .swiper-slide.swiper-slide-active .testimonial-item .quote-icon i {
   opacity: 0.8;
   color: #fff
 }
 .testimonial-slider-two, .testimonial-slider-three {
   position: relative
 }
 .testimonial-slider-two.owl-carousel .owl-nav, .testimonial-slider-three.owl-carousel .owl-nav {
   position: absolute;
   top: -95px;
   right: 0
 }
 .blog-card {
   margin: 0 0 25px
 }
 .blog-card .blog-img {
   position: relative
 }
 .blog-card .blog-info {
   padding: 20px 25px 25px;
   background-color: #fff
 }
 .blog-card .blog-info h3 {
   font-size: 24px
 }
 .blog-card .blog-info h3 a {
   color: #10012A;
   font-size: 22px
 }
 .blog-card .blog-info .blog-metainfo .blog-author-info {
   width: 55%
 }
 .blog-card .blog-info .blog-metainfo .blog-author-info .author-img {
   width: 50px;
   height: 50px;
   border-radius: 50%
 }
 .blog-card .blog-info .blog-metainfo .blog-author-info .author-img img {
   border-radius: 50%
 }
 .blog-card .blog-info .blog-metainfo .blog-author-info .author-name {
   width: calc(100% - 60px);
   margin-left: 10px
 }
 .blog-card .blog-info .blog-metainfo .blog-author-info .author-name h6 {
   margin: 0;
   font-size: 18px;
   line-height: 1.2
 }
 .blog-card .blog-info .blog-metainfo .blog-author-info .author-name h6:hover a {
   color: #D80758
 }
 .blog-card .blog-info .blog-metainfo .blog-author-info .author-name .blog-date {
   color: #ABA8B0;
   font-size: 14px;
   line-height: 1
 }
 .blog-card.style1 .blog-img {
   border-radius: 5px 5px 0 0
 }
 .blog-card.style1 .blog-img img {
   border-radius: 5px 5px 0 0
 }
 .blog-card.style1 .blog-info h3 {
   margin: 0 0 12px
 }
 .blog-card.style1 .blog-info p {
   margin: 0 0 22px
 }
 .blog-card.style1 .blog-info .blog-metainfo .blog-author-info {
   width: calc(100% - 160px);
   margin-right: 3px
 }
 .blog-card.style1 .blog-info .blog-metainfo .btn {
   width: 157px
 }
 .blog-card.style1 .blog-info .blog-metainfo .btn span {
   margin-right: 10px
 }
 .blog-card.style1 .blog-info .btn.style1, .blog-card.style1 .blog-info .btn.style2 {
   padding: 8px 10px 8px 10px
 }
 .blog-card.style1:hover .blog-info h3 a {
   color: #D80758
 }
 .blog-card.style2 .blog-info h3 {
   margin: 0 0 12px
 }
 .blog-card.style2 .blog-info p {
   margin: 0 0 18px
 }
 .blog-card.style2 .blog-info .blog-metainfo .blog-author-info {
   width: calc(100% - 181px);
   margin-left: 20px
 }
 .blog-card.style2 .blog-info .blog-metainfo .btn {
   width: 157px;
   border-radius: 0
 }
 .blog-card.style2 .blog-info .blog-metainfo .btn span {
   margin-right: 10px
 }
 .blog-card.style2 .blog-info .blog-metainfo .btn i {
   border-radius: 0
 }
 .blog-card.style2 .blog-info .btn.style1, .blog-card.style2 .blog-info .btn.style2 {
   padding: 8px 10px 8px 10px
 }
 .blog-card.style2:hover .blog-info h3 a {
   color: #D80758
 }
 .blog-card.style3 .blog-img {
   border-radius: 5px 5px 0 0
 }
 .blog-card.style3 .blog-img img {
   border-radius: 5px 5px 0 0
 }
 .blog-card.style3 .blog-info {
   border-radius: 0 0 5px 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .blog-card.style3 .blog-info .blog-metainfo {
   padding: 0;
   margin-bottom: 10px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .blog-card.style3 .blog-info .blog-metainfo li a {
   color: #555555
 }
 .blog-card.style3 .blog-info .blog-metainfo li i {
   color: #D80758;
   margin-right: 8px;
   font-size: 15px;
   position: relative;
   top: 1px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .blog-card.style3 .blog-info .blog-metainfo li:first-child {
   margin-right: 18px
 }
 .blog-card.style3 .blog-info h3 {
   margin-bottom: 24px
 }
 .blog-card.style3 .blog-info h3 a {
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .blog-card.style3:hover .blog-info {
   background: #D80758
 }
 .blog-card.style3:hover .blog-info .blog-metainfo li a {
   color: #fff
 }
 .blog-card.style3:hover .blog-info .blog-metainfo li i {
   color: #fff
 }
 .blog-card.style3:hover .blog-info h3 a {
   color: #fff
 }
 .blog-card.style3:hover .blog-info .btn.style1 {
   background: #10012A
 }
 .blog-posts-wrap .blog-card.style3 .blog-info {
   background-color: #F9F9F9
 }
 .blog-posts-wrap .blog-card.style3:hover .blog-info {
   background-color: #D80758
 }
 .blog-slider-one {
   position: relative;
   padding-bottom: 60px
 }
 .blog-slider-one.owl-carousel .owl-dots {
   position: absolute;
   bottom: 0;
   left: 50%;
   height: 21px;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%)
 }
 .blog-slider-two {
   position: relative;
   padding-bottom: 65px
 }
 .blog-slider-two.owl-carousel .owl-nav {
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translate(-50%);
   -moz-transform: translate(-50%);
   transform: translate(-50%);
   width: 100%;
   text-align: center
 }
 .owl-carousel .blog-card {
   margin-bottom: 0
 }
 .newsleter-wrap {
   margin-bottom: -77px;
   background-color: #fff;
   padding: 50px;
   z-index: 1;
   position: relative
 }
 .newsleter-wrap .newsletter-form {
   position: relative
 }
 .newsleter-wrap .newsletter-form input {
   width: calc(100% - 177px);
   margin-right: 15px;
   border: none;
   background-color: #F9F9F9;
   height: 54px;
   padding: 14px 18px 10px
 }
 .newsleter-wrap .newsletter-form button {
   background-color: #D80758;
   padding: 10px 33px;
   color: #fff;
   text-align: center;
   border: none;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .newsleter-wrap .newsletter-form button i {
   color: #fff;
   font-size: 16px;
   line-height: 0.8;
   position: relative;
   top: 3px;
   margin-left: 5px
 }
 .newsleter-wrap .newsletter-form button:hover {
   background-color: #10012A
 }
 .newsleter-wrap.style1 {
   border-radius: 5px
 }
 .newsleter-wrap.style1 .newsletter-form input {
   border-radius: 5px
 }
 .newsleter-wrap.style1 .newsletter-form button {
   border-radius: 5px
 }
 .newsleter-wrap.style2 {
   border-radius: 0
 }
 .newsleter-wrap.style2 .newsletter-form input {
   border-radius: 0
 }
 .newsleter-wrap.style2 .newsletter-form button {
   border-radius: 0
 }
 .newsleter-wrap.style3 {
   border-radius: 5px;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)
 }
 .newsleter-wrap.style3 .newsletter-form input {
   border-radius: 5px
 }
 .newsleter-wrap.style3 .newsletter-form button {
   border-radius: 5px
 }
 .newsleter-wrap.style4 {
   background: #D80758;
   border-radius: 5px
 }
 .newsleter-wrap.style4 .content-title h2 {
   color: #fff
 }
 .newsleter-wrap.style4 .newsletter-form input {
   border-radius: 5px
 }
 .newsleter-wrap.style4 .newsletter-form button {
   background: #10012A;
   color: #fff;
   border-radius: 5px
 }
 .contact-item-box {
   background-color: #F9F9F9;
   text-align: left;
   padding: 22px 25px 22px;
   margin-bottom: 25px;
   border-radius: 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .contact-item-box .contact-icon {
   font-size: 50px;
   line-height: 0.8;
   color: #D80758;
   margin: 0 0 17px
 }
 .contact-item-box .contact-icon i {
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .contact-item-box h3 {
   font-size: 24px;
   margin: 0 0 10px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .contact-item-box a {
   display: block;
   color: #555555;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .contact-item-box p {
   line-height: 1.6;
   margin-bottom: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .contact-item-box:hover {
   background: #D80758
 }
 .contact-item-box:hover .contact-icon i {
   color: #fff
 }
 .contact-item-box:hover a, .contact-item-box:hover p, .contact-item-box:hover h3 {
   color: #fff
 }
 .btn.disabled {
   opacity: 1
 }
 #contactForm {
   margin-bottom: 25px;
   background-color: #F9F9F9;
   padding: 25px
 }
 #contactForm .form-group {
   margin: 0 0 20px
 }
 #contactForm .form-group input, #contactForm .form-group textarea {
   width: 100%;
   border: none;
   background: #fff;
   padding: 10px 15px;
   border-radius: 5px
 }
 #contactForm .form-group input {
   height: 54px
 }
 #contactForm .form-group textarea {
   height: 150px;
   resize: none
 }
 #contactForm .btn {
   padding: 15px 20px
 }
 .accordion-button:not(.collapsed) span {
   background: #D80758 !important
 }
 .accordion-button:not(.collapsed) span i.plus {
   visibility: hidden;
   opacity: 0
 }
 .accordion-button:not(.collapsed) span i.minus {
   visibility: visible !important;
   opacity: 1 !important
 }
 .accordion-item {
   border: none;
   margin: 0 0 25px;
   background: transparent
 }
 .accordion-item .accordion-header .accordion-button {
   border-radius: 5px !important;
   margin: 0;
   font-size: 20px;
   font-family: "Barlow Condensed", sans-serif;
   line-height: 30px;
   font-weight: 500;
   border-radius: 0;
   color: #10012A;
   text-align: left;
   align-items: center;
   border: none;
   padding-right: 65px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   background-color: #F9F9F9
 }
 .accordion-item .accordion-header .accordion-button:after {
   display: none
 }
 .accordion-item .accordion-header .accordion-button:focus {
   outline: none;
   box-shadow: none
 }
 .accordion-item .accordion-header .accordion-button.collapsed {
   color: #000
 }
 .accordion-item .accordion-header .accordion-button.collapsed span {
   background-color: #10012A !important
 }
 .accordion-item .accordion-header .accordion-button span {
   min-width: 60px;
   height: 100%;
   background-color: #D80758;
   text-align: center;
   position: absolute;
   top: 0;
   right: 0;
   border-radius: 0 5px 5px 0
 }
 .accordion-item .accordion-header .accordion-button span i {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-size: 18px;
   line-height: 0.8;
   color: #fff
 }
 .accordion-item .accordion-header .accordion-button span i.minus {
   visibility: hidden;
   opacity: 0
 }
 .accordion-item .accordion-header .accordion-button span i.minus {
   visibility: hidden;
   opacity: 0
 }
 .accordion-collapse {
   border: none
 }
 .accordion-button:not(.collapsed)::after {
   left: -4px
 }
 .accordion-body {
   border: none;
   padding: 20px 20px 20px;
   background: #F9F9F9
 }
 .accordion-body p {
   margin: 0
 }
 article {
   margin-bottom: 25px;
   padding-bottom: 30px;
   border-bottom: 1px solid #EEEFF2
 }
 article p {
   margin-bottom: 15px
 }
 article p:last-child {
   margin-bottom: 0
 }
 article .post-subtitle {
   margin: 0 0 15px
 }
 article h3, article h4 {
   margin-bottom: 15px
 }
 article .content-feature-list {
   columns: 2
 }
 .post-tag-title span {
   color: #D80758
 }
 .post-navigation {
   margin: 0 0 25px
 }
 .post-navigation .next-post, .post-navigation .prev-post {
   width: 50%;
   display: block;
   font-size: 12px;
   position: relative;
   color: #555555;
   font-weight: 500
 }
 .post-navigation .next-post span, .post-navigation .prev-post span {
   display: block;
   font-size: 16px;
   line-height: 1;
   font-weight: 700
 }
 .post-navigation .next-post i, .post-navigation .prev-post i {
   font-size: 10px;
   position: absolute;
   top: 60%;
   font-size: 16px;
   color: #555555;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%)
 }
 .post-navigation .next-post:hover, .post-navigation .prev-post:hover {
   color: #D80758
 }
 .post-navigation .next-post:hover i, .post-navigation .prev-post:hover i {
   color: #D80758
 }
 .post-navigation .next-post {
   text-align: right;
   padding-right: 24px
 }
 .post-navigation .next-post i {
   right: 0
 }
 .post-navigation .prev-post {
   text-align: left;
   padding-left: 24px
 }
 .post-navigation .prev-post i {
   left: 0
 }
 .author-info-wrap {
   margin-bottom: 18px
 }
 .author-info-wrap .author-img {
   width: 50px;
   height: 50px;
   border-radius: 50%
 }
 .author-info-wrap .author-img img {
   border-radius: 50%
 }
 .author-info-wrap .author-info {
   width: calc(100% - 90px);
   margin-left: 20px
 }
 .author-info-wrap .author-info p {
   line-height: 1.2;
   font-weight: 500;
   margin: 0
 }
 .author-info-wrap .author-info .post-date {
   margin-left: 23px;
   line-height: 1.2;
   display: inline-block
 }
 .author-info-wrap .author-info .post-date i {
   color: #D80758;
   margin-right: 6px;
   position: relative;
   top: 1px
 }
 .author-info-wrap .author-info .post-metainfo {
   line-height: 1
 }
 .author-info-wrap .author-info .post-metainfo li {
   display: inline-block;
   font-size: 14px;
   padding: 0 10px;
   border-right: 1px solid #ddd
 }
 .author-info-wrap .author-info .post-metainfo li:first-child {
   padding-left: 0
 }
 .author-info-wrap .author-info .post-metainfo li:last-child {
   padding-right: 0;
   border-right: none
 }
 .author-info-wrap .author-info .post-metainfo li a {
   position: relative;
   padding-left: 22px
 }
 .author-info-wrap .author-info .post-metainfo li a i {
   font-size: 16px;
   color: #D80758;
   position: absolute;
   top: 2px;
   left: 0
 }
 .post-img {
   border-radius: 10px;
   position: relative;
   margin: 0 0 25px
 }
 .post-img .post-date {
   position: absolute;
   bottom: 25px;
   left: 25px;
   display: inline-block
 }
 .post-img .post-date .date {
   display: inline-block;
   min-width: 58px;
   padding: 10px 5px;
   text-align: center;
   font-family: "Barlow Condensed", sans-serif;
   font-size: 17px;
   font-weight: 500
 }
 .post-img .post-date .month {
   display: inline-block;
   min-width: 58px;
   padding: 10px 5px;
   text-align: center;
   font-family: "Barlow Condensed", sans-serif;
   font-size: 17px;
   font-weight: 500
 }
 .post-img img {
   border-radius: 10px
 }
 .post-title {
   font-size: 36px;
   line-height: 1.3;
   margin: 0 0 20px
 }
 .wp-block-quote {
   position: relative;
   padding: 35px 45px 38px;
   background-color: #F9F9F9;
   text-align: left;
   margin: 30px 0 30px;
   border-left: 4px solid #D80758
 }
 .wp-block-quote p {
   font-size: 18px;
   color: #000;
   font-weight: 500;
   position: relative;
   margin: 0 0 15px
 }
 .wp-block-quote h6 {
   font-size: 18px;
   font-weight: 500;
   font-family: "Nunito", sans-serif;
   margin-bottom: 0;
   color: #D80758
 }
 .content-feature-list {
   margin: 0 0 28px 0
 }
 .content-feature-list li {
   position: relative;
   padding-left: 28px;
   margin: 0 0 10px
 }
 .content-feature-list li:last-child {
   margin-bottom: 0
 }
 .content-feature-list li i {
   position: absolute;
   top: 5px;
   left: 0;
   color: #D80758;
   font-size: 18px;
   line-height: 0.8
 }
 .post-meta-option {
   padding-bottom: 25px;
   border-bottom: 1px solid #EEEFF2
 }
 .post-meta-option .post-tag span, .post-meta-option .post-share span {
   font-family: "Barlow Condensed", sans-serif;
   font-weight: 500;
   font-size: 18px;
   color: #10012A
 }
 .comment-box-title {
   font-size: 28px;
   font-weight: 700;
   line-height: 1;
   margin: 0 0 30px;
   border-radius: 5px
 }
 .comment-box-title span {
   font-weight: 600
 }
 .comment-item {
   padding: 20px 20px 20px 0;
   background: transparent;
   border-bottom: 1px solid rgba(98, 131, 83, 0.2)
 }
 .comment-item.reply {
   margin-left: 40px
 }
 .comment-item:last-child {
   margin: 0
 }
 .comment-item .comment-author-img {
   width: 100px;
   height: 100px;
   border-radius: 50%
 }
 .comment-item .comment-author-img img {
   border-radius: 50%
 }
 .comment-item .comment-author-wrap {
   width: calc(100% - 120px);
   margin-left: 20px
 }
 .comment-item .comment-author-wrap .comment-author-name h5 {
   line-height: 1;
   margin: 0;
   font-size: 20px
 }
 .comment-item .comment-author-wrap .comment-author-name .comment-date {
   font-size: 16px;
   margin: 0;
   color: #888;
   margin-top: 10px
 }
 .comment-item .comment-author-wrap .comment-text {
   margin: 3px 0 7px
 }
 .comment-item .comment-author-wrap .comment-text p {
   margin: 0
 }
 .reply-btn {
   display: inline-block;
   border-radius: 5px;
   line-height: 1;
   margin-top: 5px;
   font-size: 16px;
   font-weight: 700;
   color: #D80758;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .reply-btn:hover {
   color: #10012A
 }
 .comment-item.review-box .comment-author-wrap .comment-author-name .comment-date i {
   top: 0px;
   margin-right: 5px
 }
 .comment-form .form-group {
   margin: 0 0 20px;
   position: relative
 }
 .comment-form .form-group i {
   position: absolute;
   top: 17px;
   right: 17px;
   color: #999
 }
 .comment-form .form-group label {
   font-weight: 500;
   display: block;
   margin: 0 0 5px
 }
 .comment-form .form-group input, .comment-form .form-group textarea {
   width: 100%;
   border: none;
   border-radius: 5px;
   padding: 15px;
   font-size: 14px;
   color: #000;
   background: #F9F9F9
 }
 .comment-form .form-group input:focus, .comment-form .form-group textarea:focus {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
 }
 .comment-form .form-group input {
   height: 60px
 }
 .comment-form .form-group textarea {
   height: 130px;
   resize: none
 }
 .comment-form .btn.style3 {
   padding: 15px 35px
 }
 .post-comment-wrap {
   border: 1px solid #ABA8B0;
   padding: 25px;
   margin: 0 0 25px
 }
 .post-comment-wrap.review-box {
   border: none;
   padding: 0
 }
 .post-comment-wrap .comment-title {
   line-height: 1;
   margin: 0 0 20px;
   padding: 0 0 20px;
   border-bottom: 1px solid #ABA8B0
 }
 .post-comment-wrap .comment-item {
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   margin: 0 0 20px
 }
 .post-comment-wrap .comment-item:last-child {
   margin: 0
 }
 .post-comment-wrap .comment-item .comment-author_img {
   width: 75px
 }
 .post-comment-wrap .comment-item .comment-author_text {
   width: calc(100% - 95px);
   margin-left: 20px
 }
 .post-comment-wrap .comment-item .comment-author_text p {
   font-size: 14px;
   line-height: 24px;
   opacity: 0.7;
   margin: 0
 }
 .comment-author_info {
   margin: 0 0 8px
 }
 .comment-author_info h6, .comment-author_info p {
   display: inline-block
 }
 .comment-author_info h6 {
   line-height: 21px;
   margin: 0;
   font-size: 16px;
   font-weight: 600
 }
 .comment-author_info span {
   margin-left: 10px;
   line-height: 1.4
 }
 .comment-author_info span i {
   color: #D80758;
   position: relative;
   top: -1px;
   left: 1px
 }
 .comment-author_info p {
   margin-left: 25px !important;
   font-size: 14px;
   line-height: 24px;
   margin: 0;
   opacity: 0.7
 }
 .post-tag span, .post-share span {
   margin-right: 10px
 }
 .post-tag span i {
   color: #D80758
 }
 .post-tag li {
   display: inline-block
 }
 .post-tag li a {
   color: #555;
   font-size: 15px
 }
 .post-tag li a:hover {
   color: #D80758
 }
 .post-tag ul {
   display: inline-block
 }
 .post-share {
   display: inline-block
 }
 .post-share ul {
   display: inline-block
 }
 .post-author {
   padding: 25px;
   margin: 34px 0;
   border-radius: 5px;
   border: 1px solid #EEEFF2
 }
 .post-author .post-author-img {
   width: 170px;
   height: 170px;
   border-radius: 50%;
   position: relative;
   top: 2px
 }
 .post-author .post-author-img img {
   border-radius: 50%
 }
 .post-author .post-author-info {
   width: calc(100% - 190px);
   margin-left: 20px
 }
 .post-author .post-author-info h4 {
   font-size: 20px
 }
 .post-author .post-author-info p {
   margin: 0 0 15px
 }
 .cart-table {
   margin: 0 0 25px
 }
 .cart-table table {
   margin: 0
 }
 .cart-table table thead tr {
   border-top: none;
   background: #10012A
 }
 .cart-table table thead tr th {
   border: none;
   padding: 20px 30px;
   text-align: center;
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   font-family: "Barlow Condensed", sans-serif
 }
 .cart-table table thead tr th:first-child {
   text-align: left
 }
 .cart-table table tbody tr {
   vertical-align: middle;
   border: 1px solid #EEEFF2
 }
 .cart-table table tbody tr td {
   padding: 10px 15px 10px;
   background: #fff;
   text-align: center;
   border-bottom: none
 }
 .cart-table table tbody tr td .cart-item a {
   font-size: 20px;
   font-weight: 500;
   margin-left: 15px;
   width: calc(100% - 80px)
 }
 .cart-table table tbody tr td .cart-item img {
   max-width: 72px;
   display: block
 }
 .cart-table table tbody tr td .cart-item span {
   margin-left: 15px;
   font-size: 16px;
   font-family: "Barlow Condensed", sans-serif;
   color: #10012A;
   line-height: 24px;
   font-weight: 500;
   display: block;
   -webkit-transition: 0.3s;
   transition: 0.3s
 }
 .cart-table table tbody tr td .cart-item-price {
   font-size: 16px;
   font-family: "Barlow Condensed", sans-serif;
   color: #10012A;
   font-weight: 600;
   text-align: center
 }
 .cart-table table tbody tr td p {
   margin: 0
 }
 .cart-table table tbody tr td button {
   background: transparent;
   display: block;
   margin: 0 auto;
   padding: 0;
   border: none;
   font-size: 20px
 }
 .cart-table table tbody tr td button i {
   color: #D80758
 }
 .cart-table table tbody tr td button span {
   font-size: 18px;
   line-height: 30px
 }
 .cart-qty .product-quantity {
   margin: 0 auto
 }
 .cart-qty .product-quantity input {
   left: 0 !important
 }
 .coupon-code {
   position: relative
 }
 .coupon-code input {
   width: 100%;
   height: 54px;
   background: #F9F9F9;
   padding: 10px 50px 10px 20px;
   border: none;
   border-radius: 5px
 }
 .coupon-code button {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   padding: 5px 15px;
   border-radius: 0 5px 5px 0;
   background-color: #D80758;
   text-align: center;
   color: #fff;
   font-weight: 500;
   border: none
 }
 .cart-total {
   padding: 25px 30px 30px
 }
 .cart-total .cart-box-title {
   font-weight: 700;
   margin-bottom: 25px
 }
 .cart-total .cart-total-item {
   background: #fff;
   padding: 10px 15px;
   margin-bottom: 15px
 }
 .cart-total .cart-total-item p, .cart-total .cart-total-item span {
   margin: 0;
   font-family: "Barlow Condensed", sans-serif;
   font-size: 18px;
   font-weight: 500;
   color: #10012A
 }
 .cart-total .btn.style3 {
   padding: 15px 15px
 }
 .cart-total .btn.style3 i {
   top: 3px
 }
 .wh_btn .btn:nth-child(1) {
   margin-right: 10px
 }
 .wishlist-table table tbody tr td:nth-child(4) {
   text-align: left
 }
 .wishlist-table table tbody tr td .product-quantity {
   margin: 0 auto
 }
 .checkout label {
   font-weight: 600;
   margin: 0 0 8px
 }
 .checkout .form-group input {
   border: none;
   border-radius: 5px;
   background: #F1F1F1;
   color: #999
 }
 .checkout .form-group textarea {
   border: none;
   border-radius: 5px;
   background: #F1F1F1;
   color: #999;
   height: 120px
 }
 .product-card {
   margin: 0 0 25px
 }
 .product-card .product-img {
   position: relative;
   padding: 20px;
   border: 1px solid #EEEFF2;
   border-bottom: none;
   border-radius: 5px 5px 0 0
 }
 .product-card .product-img img {
   max-width: 80%;
   margin: 0 auto;
   display: block
 }
 .product-card .product-img span {
   position: absolute;
   top: 15px;
   right: 15px;
   display: inline-block;
   line-height: 1;
   padding: 8px 12px;
   border-radius: 5px;
   color: #fff
 }
 .product-card .product-info {
   background-color: #F9F9F9;
   padding: 22px 25px 25px;
   border-radius: 0 0 5px 5px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .product-card .product-info .product-info-left {
   width: 80%
 }
 .product-card .product-info .product-info-left h4 {
   font-size: 22px;
   line-height: 1.2;
   margin: 0 0 10px;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .product-card .product-info .product-info-left .product-price {
   -webkit-transition: 0.4s;
   transition: 0.4s;
   font-weight: 500;
   display: block
 }
 .product-card .product-info .product-info-left .ratings {
   color: #FEBF08;
   text-align: left;
   display: block;
   margin: 10px 0 0
 }
 .product-card .product-info .product-info-left .ratings i {
   font-size: 14px;
   position: relative;
   top: 1px;
   margin-right: 3px
 }
 .product-card .product-info .product-info-right {
   width: 20%;
   position: relative;
   text-align: right
 }
 .product-card .product-info .product-info-right .add-to-cart {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   text-align: center;
   border: none;
   background: #10012A;
   display: none;
   position: absolute;
   bottom: 0;
   right: 0;
   visibility: hidden;
   opacity: 0;
   z-index: -1;
   position: absolute;
   top: 2px;
   right: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .product-card .product-info .product-info-right .add-to-cart i {
   font-size: 17px;
   line-height: 0.7;
   color: #fff;
   margin: 0 auto
 }
 .product-card .product-info:hover {
   background-color: #D80758
 }
 .product-card .product-info:hover .product-info-left h4 a {
   color: #fff
 }
 .product-card .product-info:hover .product-info-left span {
   color: #fff
 }
 .product-card .product-info:hover .product-info-right .add-to-cart {
   visibility: visible;
   opacity: 1;
   z-index: 1
 }
 .product-card .product-info:hover .product-info-right .ratings {
   visibility: hidden;
   opacity: 0;
   z-index: -1
 }
 .single-product-gallery .gallery-top {
   border: 1px solid #EEEFF2;
   margin-bottom: 20px;
   padding: 20px
 }
 .single-product-gallery .gallery-thumbs .swiper-slide-thumb-active .product-thumb {
   background-color: #F9F9F9
 }
 .single-product-gallery .gallery-thumbs .product-thumb {
   border: 1px solid #EEEFF2;
   padding: 20px;
   cursor: pointer
 }
 .single-product-details .single-product-title {
   position: relative
 }
 .single-product-details .single-product-title h2 {
   font-size: 30px;
   font-weight: 700;
   line-height: 1;
   margin: 0 0 13px
 }
 .single-product-details .single-product-title h3 {
   font-size: 20px;
   line-height: 1.5;
   font-weight: 500;
   margin: 7px 0 7px
 }
 .single-product-details .single-product-title h3 .discount {
   color: #888;
   margin-left: 5px
 }
 .single-product-details .single-product-desc p {
   margin: 0 0 15px
 }
 .product-tablist {
   border-bottom: 1px solid #EEEFF2
 }
 .product-tablist .nav-item {
   border-radius: 0;
   margin-right: 10px;
   background-color: transparent
 }
 .product-tablist .nav-item:last-child {
   margin: 0
 }
 .product-tablist .nav-item:last-child .nav-link {
   border-right: none
 }
 .product-tablist .nav-item .nav-link {
   font-size: 24px;
   font-weight: 600;
   color: #10012A;
   font-family: "Barlow Condensed", sans-serif;
   background-color: transparent;
   border-top: none;
   border-bottom: none;
   border-left: none;
   border-radius: 0;
   padding: 20px 32px;
   text-align: center;
   border-radius: 5px;
   opacity: 0.7;
   border-right: 1px solid #EEEFF2
 }
 .product-tablist .nav-item .nav-link.active {
   opacity: 1
 }
 .product-tab-content {
   margin: 20px 0 0
 }
 .product-tab-content .comment-form-title h4 {
   margin-bottom: 20px
 }
 .product-tab-content .comment-item {
   margin-bottom: 0
 }
 .product-tab-content .comment-item:first-child {
   padding-top: 0
 }
 .product-tab-content .comment-item .comment-author_text p {
   font-size: 16px
 }
 .product-tab-content .comment-item .comment-author_info h6 {
   font-size: 19px
 }
 .product-tab-content .comment-item .comment-author_info span {
   margin-left: 10px;
   line-height: 1.4;
   font-weight: 500
 }
 .product-tab-content .comment-item .comment-author_info span i {
   font-size: 12px;
   color: #FEBF08;
   top: 0px;
   margin-left: 3px
 }
 .product-tab-content .comment-form-wrap .form-group input, .product-tab-content .comment-form-wrap .form-group textarea {
   background-color: #f9f9f9;
   font-size: 16px
 }
 .single-product-option {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   margin: 20px 0 26px
 }
 .single-product-option button:nth-child(1), .single-product-option button:nth-child(2) {
   margin-right: 15px
 }
 .product-more-option-item {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin: 0 0 18px
 }
 .product-more-option-item:last-child {
   margin: 0
 }
 .product-more-option-item h5 {
   margin: 0 12px 0 0
 }
 .product-more-option-item a {
   position: relative;
   font-size: 18px;
   top: 2px
 }
 .product-large-img {
   max-width: 350px;
   margin: 0 auto
 }
 .product-thumb {
   max-height: 150px
 }
 .product-quantity {
   width: 144px;
   margin-right: 10px
 }
 .product-quantity .qtySelector {
   position: relative;
   height: 36px
 }
 .product-quantity .qtySelector span {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   background-color: #F9F9F9;
   position: absolute;
   top: 0;
   height: 100%;
   border: none;
   cursor: pointer;
   display: block;
   text-align: center;
   color: #000;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .product-quantity .qtySelector span:hover {
   background-color: #D80758
 }
 .product-quantity .qtySelector span:hover i {
   color: #fff
 }
 .product-quantity .qtySelector span i {
   font-size: 10px;
   line-height: 0.8;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .product-quantity .qtySelector span.decreaseQty {
   left: 0
 }
 .product-quantity .qtySelector span.increaseQty {
   right: 0
 }
 .product-quantity .qtySelector input {
   width: calc(100% - 96px);
   background: transparent;
   border: none;
   left: 45px;
   position: relative;
   height: 36px;
   font-size: 18px;
   font-weight: 600;
   font-family: "Barlow Condensed", sans-serif;
   top: -1px;
   text-align: center;
   color: #000
 }
 .add-cart button {
   margin-right: 10px;
   font-weight: 400 !important
 }
 .add-cart button i {
   margin-right: 10px;
   top: 1px !important
 }
 .add-cart button.v3 {
   border-color: rgba(0, 0, 0, 0.2)
 }
 .product-description-box {
   border: 1px solid #ddd;
   border-radius: 20px 0;
   padding: 25px
 }
 .product-description-box .product-desc h3 {
   margin: 0 0 20px
 }
 .product-description-box .product-desc p {
   margin: 0
 }
 .additional-info li {
   margin: 0 0 10px
 }
 .additional-info li:last-child {
   margin-bottom: 0
 }
 .additional-info li p span {
   width: 100px;
   font-weight: 600;
   display: inline-block
 }
 .checkout-promobox {
   background: #F9F9F9;
   padding: 15px;
   margin: 0 0 25px
 }
 .checkbox input {
   padding: 0;
   height: initial;
   width: initial;
   margin-bottom: 0;
   display: none;
   cursor: pointer
 }
 .checkbox label {
   position: relative;
   cursor: pointer;
   padding-left: 24px
 }
 .checkbox label::before {
   content: '';
   -webkit-appearance: none;
   background-color: transparent;
   border: 2px solid #D80758;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   cursor: pointer;
   margin-right: 5px;
   position: absolute;
   top: 4px;
   left: 0;
   width: 15px;
   height: 15px
 }
 .checkbox input:checked + label:after {
   content: '';
   display: block;
   position: absolute;
   top: 4px;
   left: 6px;
   width: 5px;
   height: 11px;
   border: solid #D80758;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg)
 }
 .checkout-box-subtitle {
   font-weight: 500;
   margin-bottom: 18px
 }
 .checkout-form {
   padding: 25px 30px 30px;
   border-radius: 5px;
   margin: 0 0 25px
 }
 .checkout-form .checkout-form-title {
   font-weight: 700;
   margin-bottom: 25px
 }
 .checkout-form .form-group {
   margin: 0 0 15px
 }
 .checkout-form .form-group input, .checkout-form .form-group textarea {
   border: none;
   border-radius: 5px;
   background: #fff;
   color: #000;
   width: 100%;
   padding: 13px 15px 13px 20px
 }
 .checkout-form .form-group input::placeholder, .checkout-form .form-group textarea::placeholder {
   color: #10012A;
   opacity: 0.9
 }
 .checkout-form .form-group input {
   height: 60px
 }
 .checkout-form .form-group textarea {
   height: 212px;
   resize: none
 }
 .checkout-form .form-group select {
   border: none;
   border-radius: 5px;
   background: #fff;
   color: #000;
   width: 100%;
   height: 60px;
   padding: 10px 15px 10px 20px;
   cursor: pointer;
   opacity: 0.9;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: url(../img/down-arrow.svg);
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: 96% 50%
 }
 .checkout-form .form-group .btn {
   padding: 15px 15px
 }
 .checkout-details {
   background: #F9F9F9;
   padding: 20px 30px 30px;
   margin: 0 0 25px
 }
 .checkout-details .checkout-box-title {
   font-weight: 700;
   margin-bottom: 25px
 }
 .checkout-details .bill-item {
   margin-bottom: 15px
 }
 .checkout-details .bill-item:last-child {
   margin-bottom: 0
 }
 .checkout-details .bill-item .bill-item-name {
   width: 65%;
   margin: 0;
   font-weight: 500;
   background: #fff;
   padding: 16px 15px;
   font-family: "Barlow Condensed", sans-serif;
   font-size: 18px;
   line-height: 1.2;
   font-weight: 500;
   color: #10012A
 }
 .checkout-details .bill-item .bill-item-price {
   width: 32%;
   background: #fff;
   font-size: 16px;
   font-family: "Barlow Condensed", sans-serif;
   font-size: 16px;
   font-weight: 500;
   color: #555555;
   padding: 16px 15px;
   text-align: center
 }
 .checkout-details .coupon-item {
   margin: 15px 0
 }
 .checkout-details .coupon-item h4 {
   margin-bottom: 15px
 }
 .checkout-details .coupon-item .form-group {
   position: relative
 }
 .checkout-details .coupon-item .form-group input {
   width: 100%;
   height: 60px;
   background: #fff;
   padding: 10px 50px 10px 20px;
   border: none;
   border-radius: 5px
 }
 .checkout-details .coupon-item .form-group button {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   border: none;
   padding: 0 10px;
   border-radius: 0 5px 5px 0;
   background-color: #D80758;
   text-align: center;
   color: #fff;
   font-weight: 500
 }
 .checkout-details .form-group input {
   height: 52px;
   font-size: 14px;
   line-height: 20px;
   padding: 10px 40px 10px 15px;
   border: 1px solid #EEEFF2
 }
 .checkout-details .form-group button {
   position: absolute;
   top: 0;
   right: 0;
   border: none;
   height: 100%;
   color: #fff;
   font-size: 16px;
   padding: 0 25px
 }
 .checkout-details .select-payment-method {
   margin: 15px 0 0
 }
 .checkout-details .select-payment-method div {
   margin: 0 0 15px;
   display: block;
   width: 100%;
   background: #fff;
   padding: 25px 25px 23px
 }
 .checkout-details .select-payment-method div label {
   padding-left: 28px !important;
   font-family: "Barlow Condensed", sans-serif;
   color: #10012A;
   font-weight: 500;
   font-size: 20px;
   position: relative;
   padding-left: 24px;
   cursor: pointer;
   line-height: 20px;
   display: inline-block
 }
 .checkout-details .select-payment-method div p {
   margin: 0 0 0 28px;
   color: #555555
 }
 .select-payment-method [type="radio"]:checked, .select-payment-method [type="radio"]:not(:checked) {
   position: absolute;
   left: -9999px
 }
 .select-payment-method [type="radio"]:not(:checked) + label::before, .select-payment-method [type="radio"]:checked + label::before {
   content: "";
   position: absolute;
   left: 0;
   top: 2px;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: transparent
 }
 .select-payment-method [type="radio"]:not(:checked) + label::before {
   border: 2px solid #ddd
 }
 .select-payment-method [type="radio"]:checked + label::before {
   border: 2px solid #D80758
 }
 .select-payment-method [type="radio"]:checked + label::after, .select-payment-method [type="radio"]:not(:checked) + label::after {
   position: absolute;
   content: "";
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #D80758;
   top: 7px;
   left: 6px;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease
 }
 .select-payment-method [type="radio"]:not(:checked) + label::after {
   background: #ddd
 }
 .select-payment-method [type="radio"]:checked + label::after {
   background: #D80758
 }
 .checkout-footer .btn {
   margin-top: 15px;
   padding: 15px 15px
 }
 .circle, .btn.style1 i, .btn.style2 i, .btn.style6 i, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .social-profile.style3 li a, .social-profile.style4 li a, .shopcart span, .search-area, .contact-widget .contact-icon, .contact-widget .contact-info span.contact-icon, .page-navigation .page-nav li a, #hero-thumbs .item .hero-thumb-item span, .category-card .cat-icon, .service-card .service-icon, .case-card .case-img .case-info-wrap .read-more, .team-card.style1 .member-info-wrap .member-social-profile span, .promo-video .video-play, .product-card .product-info .product-info-right .add-to-cart, .product-quantity .qtySelector span, .project-desc .project-metainfo li, .btn.style1, .btn.style2, .btn.style3, .btn.style4, .btn.style5, .btn.style6, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-bottom-right, .select-lang .navbar-language .dropdown-toggle, .new-product-item, .hero-tablist-wrap, .about-wrap.style3 .about-content .ceo-message, .case-card .case-img .case-info-wrap, .counter-card.style1, .blog-card .blog-info .blog-metainfo .blog-author-info, .blog-card.style3 .blog-info .blog-metainfo, .post-navigation, .author-info-wrap, .author-info-wrap .author-info, .cart-table table tbody tr td .cart-item, .cart-total .cart-total-item, .team-card.style1 .member-info-wrap, .blog-card .blog-info .blog-metainfo, .product-card .product-info, .checkout-details .bill-item, .about-wrap.style3 .counter-box, .blog-card.style2 .blog-info .blog-metainfo .blog-author-info, .page-navigation .page-nav, .why-choose-wrap.style3 .brand-logo, .product-tablist, .newsleter-wrap .newsletter-form, .comment-item, .comment-author_info, .post-author, .checkout-details .select-payment-method, .footer-widget-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 .btn i, .btn.style1, .btn.style1 i, .btn.style2, .btn.style2 i, .btn.style3, .btn.style4, .btn.style5, .btn.style6, .btn.style6 i, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 .circle, .btn.style1 i, .btn.style2 i, .btn.style6 i, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .social-profile.style3 li a, .social-profile.style4 li a, .shopcart span, .search-area, .contact-widget .contact-icon, .contact-widget .contact-info span.contact-icon, .page-navigation .page-nav li a, #hero-thumbs .item .hero-thumb-item span, .category-card .cat-icon, .service-card .service-icon, .case-card .case-img .case-info-wrap .read-more, .team-card.style1 .member-info-wrap .member-social-profile span, .promo-video .video-play, .product-card .product-info .product-info-right .add-to-cart, .product-quantity .qtySelector span {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
 }
 .btn.style1, .btn.style2, .btn.style3, .btn.style4, .btn.style5, .btn.style6, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-bottom-right, .select-lang .navbar-language .dropdown-toggle, .new-product-item, .hero-tablist-wrap, .about-wrap.style3 .about-content .ceo-message, .case-card .case-img .case-info-wrap, .counter-card.style1, .blog-card .blog-info .blog-metainfo .blog-author-info, .blog-card.style3 .blog-info .blog-metainfo, .post-navigation, .author-info-wrap, .author-info-wrap .author-info, .cart-table table tbody tr td .cart-item, .cart-total .cart-total-item {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   align-items: center
 }
 .case-card .case-img .case-info-wrap, .team-card.style1 .member-info-wrap, .blog-card .blog-info .blog-metainfo, .post-navigation, .cart-total .cart-total-item, .product-card .product-info, .checkout-details .bill-item {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
 }
 .hero-tablist-wrap {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
 }
 .header-wrap .header-top .header-top-right, .header-wrap .header-bottom .header-bottom-right, .about-wrap.style3 .counter-box, .blog-card.style2 .blog-info .blog-metainfo .blog-author-info {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end
 }
 .page-navigation .page-nav, .why-choose-wrap.style3 .brand-logo, .blog-card.style3 .blog-info .blog-metainfo, .product-tablist {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
 }
 .footer-bg-1 {
   background-image: url(../img/footer/footer-bg-1.webp)
 }
 .footer-wrap .footer-bottom {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   padding: 20px 0
 }
 .footer-wrap .footer-bottom .copyright {
   text-align: center;
   padding: 0 15px
 }
 .footer-wrap .footer-bottom .copyright p {
   color: #fff;
   margin: 0
 }
 .footer-wrap .footer-bottom .copyright p a {
   color: #D80758;
   font-weight: 600
 }
 .footer-widget-wrap .footer-widget:nth-child(1) {
   width: 34%;
   padding-right: 45px
 }
 .footer-widget-wrap .footer-widget:nth-child(2), .footer-widget-wrap .footer-widget:nth-child(3), .footer-widget-wrap .footer-widget:nth-child(4) {
   width: 22%;
   padding-left: 0
 }
 .footer-widget-wrap .footer-widget {
   position: relative;
   margin: 0 0 30px
 }
 .footer-widget-wrap .footer-widget .footer-logo {
   margin: 0 0 25px;
   display: block
 }
 .footer-widget-wrap .footer-widget .comp-desc {
   color: #fff;
   margin: 0 0 27px
 }
 .footer-widget-wrap .footer-widget .footer-widget-title {
   font-size: 22px;
   color: #fff;
   margin: 0 0 35px;
   position: relative
 }
 .footer-widget-wrap .footer-widget .footer-widget-title:after {
   position: absolute;
   bottom: -10px;
   left: 0;
   width: 50px;
   height: 2px;
   content: "";
   background-color: #D80758
 }
 .footer-widget-wrap .footer-widget .contact-item {
   position: relative;
   padding-left: 32px;
   margin: 0 0 20px
 }
 .footer-widget-wrap .footer-widget .contact-item:last-child {
   margin-bottom: 0
 }
 .footer-widget-wrap .footer-widget .contact-item i {
   color: #D80758;
   position: absolute;
   top: 3px;
   left: 0;
   font-size: 18px
 }
 .footer-widget-wrap .footer-widget .contact-item p, .footer-widget-wrap .footer-widget .contact-item a {
   color: #fff;
   margin-bottom: 0
 }
 .footer-widget-wrap .footer-widget .contact-item p:hover, .footer-widget-wrap .footer-widget .contact-item a:hover {
   color: #D80758
 }
 .footer-widget-wrap .footer-widget .footer-menu li {
   margin: 0 0 15px
 }
 .footer-widget-wrap .footer-widget .footer-menu li:last-child {
   margin-bottom: 0
 }
 .footer-widget-wrap .footer-widget .footer-menu li a {
   color: #fff;
   position: relative;
   margin-left: 30px;
   position: relative
 }
 .footer-widget-wrap .footer-widget .footer-menu li a:after {
   position: absolute;
   bottom: -2px;
   left: 0;
   content: "";
   background-color: #D80758;
   width: 0;
   height: 1px;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s
 }
 .footer-widget-wrap .footer-widget .footer-menu li a:hover {
   color: #D80758
 }
 .footer-widget-wrap .footer-widget .footer-menu li a:hover:after {
   visibility: visible;
   opacity: 1;
   width: 100%
 }
 .footer-widget-wrap .footer-widget .footer-menu li a i {
   font-size: 15px;
   position: absolute;
   top: 0;
   left: -30px
 }
 @media only screen and (min-width: 992px) {
   .footer-wrap .footer-top {
     padding-top: 160px
   }
   .footer-wrap .footer-top .footer-widget-wrap .footer-widget .footer-widget-title {
     margin-top: 10px
   }
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .footer-wrap .footer-top .footer-widget:nth-child(1) {
     width: 34%;
     padding-right: 25px
   }
   .footer-wrap .footer-top .footer-widget:nth-child(2), .footer-wrap .footer-top .footer-widget:nth-child(3), .footer-wrap .footer-top .footer-widget:nth-child(4) {
     width: 22%;
     padding-left: 25px
   }
 }
 @media only screen and (min-width: 576px) and (max-width: 991px) {
   .footer-wrap .footer-top .footer-widget {
     width: 50%;
     padding-right: 30px;
     padding-left: 0
   }
   .footer-wrap .footer-top .footer-widget:after {
     display: none
   }
 }
 @media only screen and (max-width: 575px) {
   .footer-wrap .footer-top .footer-widget {
     width: 100%;
     padding-right: 20px;
     padding-left: 0
   }
   .footer-wrap .footer-top .footer-widget:after {
     display: none
   }
 }
 @media only screen and (max-width: 767px) {
   .footer-wrap .footer-top .footer-widget {
     width: 100%;
     padding-right: 20px;
     padding-left: 0
   }
   .footer-wrap .footer-top .footer-widget:after {
     display: none
   }
   .footer-wrap .footer-top .footer-widget .footer-widget-title {
     margin-bottom: 30px
   }
   .footer-wrap .footer-top .footer-widget .footer-menu li {
     margin-bottom: 10px
   }
   .footer-wrap .footer-top .footer-widget .footer-menu li a {
     font-size: 14px
   }
   .footer-wrap .footer-top .footer-widget .contact-item a {
     font-size: 14px
   }
 }