/*
Theme Name: VW Ecommerce Landing Page Pro
Theme URI: https://www.vwthemes.com/themes/landing-page-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description:
Version: 0.0.7
Requires at least: 5.8.0
Tested up to: 6.4.3
Requires PHP: 7.2
License: GNU General Public License
License URI:license.txt
Text Domain: vw-ecommerce-landing-page-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Ecommerce Landing Page Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Ecommerce Landing Page Pro WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

 :root {
     --white: #ffffff;
     --black: #000000;
     --green: #e4573d;
     --orange: #e4573d;
     --lightorange: #e4573d;
     --black1: #191b27;
     --black2: #3f3f3f;
     --black3: #5b5b5b;
     --grey1: #1a1616;
     --grey2: #333333;
     --grey3: #6649a6;
     --grey4: #444444;
     --grey5: #424648;
     --grey6: #464a4c;
     --lightgrey2: #d7d7d7;
     --lightgrey3: #bbbbbb;
     --lightgrey4: #838384;
     --lightgrey5: #e4e4e4;
     --lightgrey6: #e8e8e8;
     --lightgrey7: #002b46;
     --lightgrey8: #e7e7e7;
     --lightgrey9: #dddddd;
     --white11: #f2f2f2;
     --white12: #f7f7f7;
     --lightgrey10: #454242;
     scroll-behavior: auto !important;
}

/* Basic Style */
 body{

         padding-right: unset !important;
}
html{
  scroll-behavior: smooth !important;
}
 html body {
     margin: 0;
     padding: 0;
     -ms-word-wrap: break-word;
     word-wrap: break-word;
     background-color: white;
     position: relative;
     font-size: 14px;
     color: var(--black3);
    font-family: 'Kumbh Sans', sans-serif;
}
 label {
     margin-bottom: 0 !important;
}
 img {
     margin: 0;
     padding: 0;
     border: none;
     max-width: 100%;
     height: auto;
     width: auto;
}

 section img {
     max-width: 100%;
}
 h1, h2, h3, h4, h5, h6 {
     margin: 0;
     color: #000;
     font-family: 'Kumbh Sans', sans-serif;
     font-weight: bold;
}
 p {
     margin: 0 0 15px;
     padding: 0;
     font-size: 14px;
     font-weight: normal;
     font-family: 'Kumbh Sans', sans-serif;
}
 p, ul li a {
     letter-spacing: 0px;
     font-family: 'Kumbh Sans', sans-serif;
}
 body a {
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
     color: #fff
}
 a:focus, a:hover {
     text-decoration: none !important;
}
 ul, ol {
     margin: 0 0 0 0;
     padding: 0;
}
 .sub-menu li a:before{
     display: none;
}
 ul li, ol li {
     font-size: 14px;
}
 :hover {
     -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
     -o-transition-duration: 1s;
     transition-duration: 1s;
}
 blockquote {
     font-size: 18px;
     font-style: italic;
     width: 800px;
     margin:auto;
     padding: 0.25em 40px;
     line-height: 1.45;
     position: relative;
     color: var(--black3);
}
 blockquote cite {
     color: var(--black3);
     font-size: 14px;
     display: block;
     margin-top: 5px;
}
 .footer-contact input[type="email"]{
     background: #fff;
     border:none;
     border-radius: 50px;
     width: 100%;
}
 input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea {
     border: none;
     font-size: 16px;
     padding: 10px 10px;
     margin: 0 0 0px 0;
     height: auto;
     width: 100%;
     background: transparent;
}
 .footer-contact-detail form{
     position: relative;
}
 .footer-contact-detail .wpcf7-submit{
     position: absolute;
     top: 3px;
     right: 10px;
     padding: 10px 10px;
     font-weight: bold;
     color: #e22b25;
     text-transform: uppercase;
     border: none;
     font-size: 14px;
     font-family: FontAwesome !important;
     background-color: transparent;
     width: 10%;
}
 section{
     background-size: cover !important;
     background-repeat: no-repeat !important;
     padding: 50px 0;
     background-attachment: scroll;

}
 select {
     width: 100%;
     padding: 6px;
}
 input[type="submit"]:hover {
     cursor: pointer;
}
 /* .bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp {
     -webkit-animation-duration: 5s;
     animation-duration: 5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     visibility: visible!important;
} */
 .wp-caption {
     margin: 0;
     padding: 0;
     font-size: 13px;
     max-width: 100%;
}
 .wp-caption-text {
     margin: 0;
     padding: 0;
}
 .gallery-caption {
     margin: 0;
     padding: 0;
}
 .bypostauthor {
     margin: 0;
     padding: 0;
}
 .hovereffect a {
     border: 1px solid var(--grey2);
     padding: 10px;
     color: var(--grey2);
     font-weight: bold;
}
 .screen-reader-text {
     position: absolute;
     top: -9999em;
     left: -9999em;
}
 /* .sticky {
     margin: 0;
     padding: 0;
     background-color: var(--lightgrey2);
} */
 .alignleft, img.alignleft {
     display: inline;
     float: left;
     margin-right: 20px;
     margin-top: 4px;
     margin-bottom: 10px;
     padding: 0;
     padding: 5px;
}
 .alignright, img.alignright {
     display: inline;
     float: right;
     padding: 5px;
     margin-bottom: 10px;
     margin-left: 25px;
     padding: 5px;
}
 .aligncenter, img.aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: 0;
     padding: 5px;
}
 .comment-list .comment-content ul {
     list-style: none;
     margin-left: 15px;
}
 .comment-list .comment-content ul li {
     margin: 5px;
}
 .toggleMenu {
     display: none;
}
 table, td, th {
     border: 1px solid var(--lightgrey2);
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
     border-width: 1px 0 0 1px;
     margin: 0 0 1.75em;
     table-layout: fixed;
     width: 100%;
}

/* ---------Buttons--------- */


.woocommerce-account .addresses .title h3{
    font: normal normal 600 24px/40px Open Sans;
}
.woocommerce-Address-title.title a{
  background: #D50000;
  color: #fff;
  padding: 8px 25px;
  border-radius: 20px;
  font: 600 14px/20px Jost;
}
.woocommerce-MyAccount-content button:hover,.woocommerce-Address-title.title a:hover, form.woocommerce-EditAccountForm.edit-account  .woocommerce-Button.button:hover, .woocommerce-info .woocommerce-Button.button:hover, .woocommerce-info .button.wc-forward:hover, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover, .woocommerce #review_form #respond .form-submit input:hover{
  background: #000 !important;
  color: #fff !important;
}
.woocommerce-EditAccountForm input, .woocommerce-form.woocommerce-form-login.login input, .woocommerce-MyAccount-content .woocommerce-address-fields input, .woocommerce-form.woocommerce-form-register.register input{
  border: 1px solid #bbbbbb;
    border-radius: 5px
}
.woocommerce-EditAccountForm  fieldset legend{
  font: normal normal 600 26px/65px Jost;
  color: #000;
}
.woocommerce-LostPassword.lost_password a:hover, .woocommerce-privacy-policy-link:hover{
  color: #000;
}
.woocommerce-form-row.form-row{
  line-height:25px
}
.woocommerce-privacy-policy-text p{
  margin-bottom: 0
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account, .woocommerce form.login,.woocommerce-MyAccount-content .woocommerce-address-fields, .woocommerce-form.woocommerce-form-register.register{
  background: #FFFFFF;
  padding: 16px 30px;
  border:none;
}
.select2-container .select2-selection--single{
    height: 40px;
    border-radius: 22px;
}
.select2-container .select2-selection--single .select2-selection__rendered{
      padding: 6px;
}
/*------------------------- Headings --------------------------*/


 .vw-fixed{
     background-attachment: fixed !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
}
 .vw-scroll{
     background-attachment: scroll !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
}
/* ---------- Return to Top ------------ */
 #return-to-top {
     position: fixed;
     bottom: 10px;
     right: 20px;
     background:#F2612B;
     width: 70px;
     height: 70px;
     display: block;
     text-decoration: none;
     border-radius: 50%;
     border: 10px solid rgb(243 243 243 / 69%);
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index: 9999;
     transition: border-width 0.3s ease-in-out;
}
 #return-to-top i {
     position: relative;
     top: 13px;
     font-size: 25px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     padding: 0px 0px;
     color: #fff !important;
}
 #return-to-top:hover {
     background:#000;
     border-width: 4px; /* Increase border width on hover */
}
 #return-to-top:hover i {
     top: 5px;
}
/* ----------- Spinner ------------- */
 .eco-box{
     position: fixed;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 2;
     cursor: pointer;
     z-index: 999999;
     background-color:#F2612B;
     width: 100%;
}

/* .loader-33 {
  border: 2px solid;
  border-color: transparent #FFF;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-animation: rotation 2s linear infinite;
          animation: rotation 2s linear infinite;
} */
.spinner,.loader-inner {
  width: 50px;
  height: 50px;
  position: relative;
  left: 50%;
  top: 50%;
}
.loader-inner{
  width: 70px;
  height: 70px;
}
.eco-box.medical-eco-box{
  background: #3FBAD9;
}
.eco-box.education-eco-box{
  background: #41246D;
}
.spinner > div {
  background: #fff;
  height: 100%;
  width: 3px;
  float: left;
  margin: 0 1px;
  animation: stretch 2s infinite;
  animation-timing-function: cubic-bezier(.62,.28,.23,.99);
}

.spinner .r1 {
  animation-delay: -1s;
}

.spinner .r2 {
  animation-delay: -.9s;
}

.spinner .r3 {
  animation-delay: -.8s;
}

.spinner .r4 {
  animation-delay: -.7s;
}

.spinner .r5 {
  animation-delay: -.6s;
}

@keyframes stretch {
  0%, 20%, 49% {
    transform: scaleY(0.4);
    background-color: $color-alpha;
  }

  10% {
    transform: scaleY(1.0);
  }

  50%, 70%, 100% {
    transform: scaleY(0.4);
    background-color: $color-beta;
  }

  60% {
    transform: scaleY(1.0);
    background-color: $color-beta;
  }
}
 .not_sticky {
     position: unset !important;
}
 .woocommerce div.product form.cart .variations tr{
     display: block !important;
}
 .woocommerce div.product form.cart table td{
     padding-left: 18px !important;
}
 .btn:hover{
     box-shadow: 0px 6px #7B0404;
     transition: .3s;
     background-color: ##F82938;
     border-color: ##F82938;
     color: #fff;
}

 .woocommerce-message a{
     padding: 10px 10px !important;
     font-size: 12px !important;
}

.sticky.stickynavbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  box-shadow: 0px 0px 20px #0000002B;
  /* background: #ebebeb; */
}

/* #menu-primary-menu>li:nth-child(1)>ul>li:nth-child(3)>a, #menu-primary-menu>li:nth-child(2)>ul>li:nth-child(3)>a,
#menu-primary-menu>li:nth-child(3)>ul>li:nth-child(4)>a{
opacity: 0;
} */
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{
  border-color: #D50000;
  color: #fff;
}
#about-us-page .wpcf7 form.failed .wpcf7-response-output,#about-us-page  .wpcf7 form.sent .wpcf7-response-output{
  color: #000;
}
.wpcf7 form.invalid .wpcf7-response-output{
  border-color: #46b450;
  color: #fff;
}
#about-us-page .wpcf7 form.invalid .wpcf7-response-output{
  color: #000;
}
#full-width-blog .navigation, .archive .navigation,.archive .nav-links{
  display: flex;
  justify-content: center;
}

#blog-left-sidebar, #blog-right-sidebar{
  margin-top: 5rem;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){
  padding-right: unset !important;
  overflow: unset !important;
}

.hvr-sweep-to-cornerbottom , #respond .form-submit .submit{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0) !important;
    transform: perspective(1px) translateZ(0) !important;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%) !important;
    position: relative !important;
    -webkit-transition-property: color;
    transition-property: color !important;
    -webkit-transition-duration: 0.3s !important;
    transition-duration: 0.3s !important;
}
.hvr-sweep-to-cornerbottom:before,  #respond .form-submit .submit:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 28px;
    border-radius: 20px;
    background: #000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#product-banner .hvr-sweep-to-cornerbottom:before, #latest-news  .hvr-sweep-to-cornerbottom:before,  #respond .form-submit .submit:before{
  background: #D50000;
}
.hvr-sweep-to-cornerbottom:hover:before, .hvr-sweep-to-cornerbottom:focus:before, .hvr-sweep-to-cornerbottom:active:before,   #respond .form-submit .submit:hover:before{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
/* rating css */
.star-rating{
  color: #FFC400;
  margin: 0 auto;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  margin-top: 3%;
}
.star-rating:before{
 content: "\73\73\73\73\73";
 color: #d3ced2;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
}
.star-rating span{
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
}
.star-rating span:before{
 content: "\53\53\53\53\53";
 top: 0;
 position: absolute;
 left: 0;
}
.quantity-section, .woocommerce a.added_to_cart,.woocommerce a.button.added::after{
  display: none;
}
/* body:not(.home) .site-header{
height: unset !important;
} */
#loginModal .woocommerce{
      padding: 20px;
}
.woocommerce-MyAccount-navigation ul{
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li a{
  font: 400 16px/30px Outfit;
  padding: 5px;
  color: #000000;
}
.woocommerce-MyAccount-navigation-link.is-active a{
  background: #F2612B;
  color: #fff;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-content{
      padding-left: 20px;
}
.woocommerce-MyAccount-navigation{
  width: 25%;
      float: left;
}
.woocommerce-MyAccount-content{
  width: 75%;
}
/* Custom Rating css START */
.single-pr-rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}
.single-pr-rating input {
  display: none;
}
.single-pr-rating label {
  display: inline-block;
  padding: 5px;
  font-size: 24px;
  cursor: pointer;
}
.single-pr-rating label:before {
  content: '☆';
  color: #ddd; /* Unfilled star color */
}
.single-pr-rating input:checked ~ label:before {
  content: '★'; /* Filled star color */
  color: #ffcc00;
}
/* Custom Rating css END */


.summary.entry-summary form:nth-child(2){
  display: none;
}


#business-why-choose .choose-check-icon i{
  background: #2979BF;
  color: #fff;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
}
#business-vision-mission{
 /* -webkit-mask-image: url(http://localhost/test/wp-content/themes/vw-ecommerce-landing-page-pro/assets/images/business-template/our-vision/vision-mask-img.png); */
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  position: relative;
overflow-x: hidden;

  background: linear-gradient(180deg, #2979BF 0%, #2979BF 75%, #fff 100%)
}


.testimonial-image-bg-box{
  position: relative !important;
  -webkit-mask-image:url(assets/images/services-template/Testimonial/left-mask-img.png) !important;
   -webkit-mask-repeat: no-repeat !important;
   -webkit-mask-size: 100% 100% !important;
}

.man-img{
  -webkit-mask-image:url(assets/images/services-template/slider/men-mask.png) !important;
   -webkit-mask-size: 100% 100% !important;
}