:root {
  --sky: #0175fc;
  --white: #fff;
  --black: #363636;
}

body{ margin: 0; padding: 0; font-family: 'Montserrat', sans-serif;}
ul, ol { padding: 0; }
a:hover{text-decoration: none;}
.m-50{ margin: 50px 0; }
.p-40{ padding: 40px 0; }
.bg-gray{ background-color: #f5f5f5; }
.mb-30{ margin-bottom:30px }

/* header start */
.e-home-wapper{ background: var(--white); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.e-toggle-btn{ display: none; }
.e-header-logo{ width:250px }
.e-header-nav {display: flex; align-items: center; justify-content: space-between; background-color: var(--white);}
.e-main-menu ul{ padding: 0; margin: 0; }
.e-main-menu ul li{ list-style-type: none; display: inline-block; }
.e-main-menu ul li a{
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: var(--black);
  padding: 36px 12px;
  display: block;
  transition: 0.5s all;
}
.contact-card-wapper .form-group .iti{ width: 100%; }
.user-menu ul{ margin: 0; padding: 0; }
.user-menu ul li{ display: inline-block; list-style-type: none; }
.user-menu ul li a{
 font-style: normal;
 font-weight: 400;
 font-size: 20px;
 line-height: 28px;
 color: var(--black);
 padding: 36px 12px;
 display: block;
 transition: 0.5s all;
}
.e-header-menu{ display:flex; align-items:center; }
/* header end */
/*for msg error color*/
.error .errors{
    color:red !important;
}
/* new css details page start */
.shop-details-tab-btn{ padding:50px 0; border-top:2px solid #f5f5f5; }
.cpa-details-card h2{
  font-weight: 700;
  display: block;
  margin-bottom: 12px;
  font-size: 26px;
  color: var(--black);
  text-decoration: none;
  transition: 0.3s;
  font-family: 'Montserrat', sans-serif;
}
.cpa-details-card p{
  font-weight: 400;
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 30px;
  color: var(--black);
  text-decoration: none;
  transition: 0.3s;
  font-family: 'Montserrat', sans-serif;
}
.cpa-details-about{ padding:30px 0; } 
.cpa-details-responsive{ padding:30px 0 }

/* new css details page end */
/* home page css start */

.main-banner{
 background-image: url(../img/banner-min2.png);
 background-position: top;
 background-repeat: no-repeat;
 background-size: cover;
 height: 768px;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 position: relative;
}
.main-banner:before{
  content: '';
  background-color: rgba(1, 117, 252, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main-banner-text h1{
  font-size: 50px;
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  position: relative;
  margin-top: 0;
}
.main-banner-text p{
  font-size: 18px;
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  position: relative;
  margin-top: 0;
}
.main-banner-text h3{
  font-size: 30px;
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  position: relative;
  margin-top: 0; 
}
.main-banner-text p{
  font-size: 20px;
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  position: relative;
  margin-top: 0; 
}
.main-banner-text{ padding-bottom:80px; }
.svg-waves {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 180px;
}
.svg-waves__parallax > use {
  -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.svg-waves__parallax > use:nth-child(1) {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
  fill: rgba(255, 255, 255, 0.7);
}
.svg-waves__parallax > use:nth-child(2) {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  fill: rgba(255, 255, 255, 0.5);
}
.svg-waves__parallax > use:nth-child(3) {
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
  -webkit-animation-duration: 13s;
  animation-duration: 13s;
  fill: rgba(255, 255, 255, 0.3);
}
.svg-waves__parallax > use:nth-child(4) {
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  fill: white;
}
@-webkit-keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

/* home page css end */


/* product section css start */

.pr-section-wapper { padding:50px 0; }
.pr-section-wapper .row { display: flex; flex-flow: row wrap; }
.product-card {
  position: relative;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
  background: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
}
.product-tumb {
  display: flex;
  align-items: center;
  justify-content: center;
/*  height: 270px;*/
height: 330px;
/*height: 180px;*/
background: #f0f0f0;
border-radius: 10px 10px 0 0;
}
.product-tumb img { max-width: 100%; max-height: 100%; width: 100%;height:330px; object-fit: cover; border-radius: 10px 10px 0 0; }
.product-details { 
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-bottom-details {
    display: flex;
    align-items: center;
    padding: 16px 15px;
    justify-content: space-between;
}
.product-details h4, .product-details h3 { margin:0 }
.product-details h3 a {
  font-weight: 600;
  display: block;
  margin-bottom: 0px;
  font-size: 20px;
  color: #363636;
  text-decoration: none;
  transition: 0.3s;
  font-family: 'Montserrat', sans-serif;
}
.product-details h4 a{
  font-weight: 600;
  display: block;
  margin-bottom: 0px;
  font-size: 20px;
  color: #363636;
  text-decoration: none;
  transition: 0.3s;
  font-family: 'Montserrat', sans-serif;
}
.product-price {
  font-size: 18px;
  color:var(--white);
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  line-height: 50px;
}
.product-btn-main {
    border-radius: 0 0 10px 10px;
    display: flex;
    margin-top: auto;
    align-items: center;
}
.buy-now-btn, .price-card{ width:50%; }
.price-card{ background-color: #363636; height: 50px; border-radius:0 0 0px 10px; }
.buy-now-btn button i { margin-right:8px }
.buy-now-btn button {
  text-align: center;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  line-height: 50px;
  border-radius:0 0 10px 0px;
  border: none;
} 
.buy-now-btn button { background-color: var(--sky); color: var(--white); }
.product-slide{  display:none; }

.load-more-btn{ margin-top:25px }
#p_game_load_more, #ps_load_more{
  background: var(--sky);
  box-shadow: inset 0 0 0 5px #fff, 0 0 0 7px var(--sky);
  -moz-box-shadow: inset 0 0 0 5px #fff,0 0 0 7px var(--sky);
  -webkit-box-shadow: 0 0 0 5px #fff, 0 0 0 7px var(--sky);
  height: 55px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  font-weight: 500;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  max-width: 300px;
  width: 100%;
  margin: auto;
  position: relative;
}
#ps_load_more{
  max-width: 500px;
}
#ps_load_more .fas{     
    position: relative;
    top: 1px;
    padding-left: 10px; 
}
#p_game_load_more:after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 0;
  font-size: 16px;
  font-weight: 900;
  right: 50px;
  line-height: 59px;
}
/* product section css end */

/* Testimonials css start */

.e-testimonial-img{
  position:absolute;
  width:100%;
  text-align:center;
  top:-25%;
  left:0%;
}
.e-title h2 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  color: var(--black);
  padding-bottom: 30px;
  margin: 0;
  text-align: center;
}
#e-testimonials-slider .owl-stage {
    padding: 9% 1% 4%;
    display: flex;
}
.e-testimonial-img-card{ border: 1px solid var(--sky); margin: auto; width: 130px; height: 130px; border-radius: 100%; }
.e-testimonial-img img{
  margin:0 auto;
  width: 100% !important; 
  height: 100%;
  object-fit: cover;
  max-width: unset;
  border-radius: 100%;
}
.e-testimonial-text{
    background: var(--white);
    box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
    border-radius: 10px;
    padding: 60px 25px 15px;
    margin: 0.4rem 0;
    text-align: center;
    height: 100%;
}
.e-testimonial-text h3{ font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 25px; line-height: 40px; color: var(--black); }
.e-testimonial-text h4{ font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; color: var(--black); }
.e-testimonial-text p{
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--black);
  margin-bottom: 0;
}
#e-testimonials-slider .owl-item.center .e-testimonial-text, .e-testimonial-text:hover{ background-color: var(--sky); }
#e-testimonials-slider .owl-item.center .e-testimonial-text h3, .e-testimonial-text:hover h3{ color: #fff; }
#e-testimonials-slider .owl-item.center .e-testimonial-text h4, .e-testimonial-text:hover h4 { color: #fff; }
#e-testimonials-slider .owl-item.center .e-testimonial-text p, .e-testimonial-text:hover p{ color: #fff; }
#e-testimonials-slider .owl-dots{ display: flex; align-items: center; justify-content: center; }
#e-testimonials-slider .owl-dots span{
  border: 1px solid var(--sky);
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  margin: 0 5px;
}
#e-testimonials-slider .owl-dots .owl-dot.active span{ background-color: var(--sky); }
#e-testimonials-slider .item { height:100%; }
/* Testimonials css end */


/* footer section start */
.e-footer-wapper{ background-color: #f5f5f5; padding-top: 40px; margin-top:0px;}
.e-footer-logo{ padding: 0px 0 20px; text-align: center; }
.e-footer-logo img{ width: 250px; margin: auto; }
.e-footer-menu ul{ padding: 0; margin: 0; text-align: center;}
.e-footer-menu ul li{ list-style-type: none; display: inline-block; padding: 5px 10px;}
.e-footer-menu ul li a{
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 18px;
  color: var(--black);
}
.e-footer-social-icon { padding: 20px 0 30px; }
.e-footer-social-icon ul{ padding: 0; margin: 0; text-align: center; }
.e-footer-social-icon ul li{ display: inline-block; list-style-type: none; }
.e-footer-social-icon ul li a i{
  width: 40px;
  height: 40px;
  background-color: var(--black);
  font-size: 20px;
  color: var(--white);
  border-radius: 100%;
  text-align: center;
  line-height: 40px;
}
.e-footer-top{ border-bottom: 2px solid var(--black); }
.e-footer-bottom p{
  margin: 0;
  padding: 10px 0;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: var(--black);
  text-align: center;
}
/*.e-footer-bottom p a{ color:var(--black); }*/

.e-footer-bottom p a {
  color: #007bff;
}
.e-footer-bottom p a:hover {
  color: #0056b3;
}
/* footer section end */

/* details page start */

.main-banne-innner{
  height: 250px;
  background-image: url(../img/inner-page-banner.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}

.main-banner-innner-text h1{
  font-size: 40px;
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  position: relative;
  margin-top: 0;
}
.breadcrumbs-inner-text ul { padding:0; margin:0; }
.breadcrumbs-inner-text ul li{
  display: inline-block;
  padding: 10px 15px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  color: var(--white);
  position: relative;
}
.breadcrumbs-inner-text ul li a {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 29px;
  color: var(--white);
  display: block;
  position: relative;
}
.breadcrumbs-inner-text ul li a:before {
  content: "\f054";
  position: absolute;
  right: -23px;
  top: 0;
  font-size: 20px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: var(--white);
}
.details-page-wapper { padding: 40px 0; }
.product-img-wapper{
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  padding: 40px 20px;
  border-radius: 10px;
}
.product-details-text h2{
  font-weight: 700;
  display: block;
  margin-bottom: 12px;
  font-size: 26px;
  color: var(--sky);
  text-decoration: none;
  transition: 0.3s;
  font-family: 'Montserrat', sans-serif;
}
.product-details-text p{
  font-weight: 400;
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  color: var(--black);
  text-decoration: none;
  transition: 0.3s;
  font-family: 'Montserrat', sans-serif;
}

.product-info-row{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.product-row-label{
  font-weight: 500;
  font-size: 20px;
  color: var(--black);
  text-decoration: none;
  transition: 0.3s;
  font-family: 'Montserrat', sans-serif;
  margin-right: 10px;
}

.d-product-price{
  font-size: 26px;
  font-weight: 600;
  color: var(--sky);
  font-family: 'Montserrat', sans-serif;
}
.product-text{
  font-weight: 500;
  font-size: 20px;
  color: var(--black);
  text-decoration: none;
  transition: 0.3s;
  font-family: 'Montserrat', sans-serif;
  margin-right: 10px;
}
.product-row-btn{
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.d-buy-now-btn, .d-demo-img {
    width: 47%;
}
.d-buy-now-btn .add-btn{
  background: var(--sky);
  box-shadow: inset 0 0 0 5px #fff, 0 0 0 7px var(--sky);
  -moz-box-shadow: inset 0 0 0 5px #fff,0 0 0 7px var(--sky);
  -webkit-box-shadow: 0 0 0 5px #fff, 0 0 0 7px var(--sky);
  height: 55px;
  width:100%;
  padding: 0 30px;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  font-weight: 500;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  border:none;
}
#gallery_one{ display:none; }
.d-demo-img a{
  background: var(--black);
  box-shadow: inset 0 0 0 5px #fff, 0 0 0 7px var(--black);
  -moz-box-shadow: inset 0 0 0 5px #fff,0 0 0 7px var(--black);
  -webkit-box-shadow: 0 0 0 5px #fff, 0 0 0 7px var(--black);
  height: 55px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  font-weight: 500;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
}

/* details page end */


/* contact css start */
.contact-wapper-title h2{
 font-family: 'Montserrat', sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 30px;
 line-height: 40px;
 color: var(--black);
 padding-bottom: 30px;
 margin: 0;
 text-align: center;
}
.contact-card-wapper{
  background: var(--white);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 30px;
}
.contact-card-wapper .form-group{ margin-bottom: 20px; }
.contact-card-wapper .form-control{
  background: var(--white);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: var(--black);
  height: 50px;
}
.form-control.textarea-card{ height: auto !important; }
.form-submit-btn button{
    background: var(--sky);
    border: 1px solid var(--sky);
    border-radius: 100px;
    display: inline-block;
    width: 200px;
    /*height: 50px;*/
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 47px;
    color: var(--white);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.form-submit-btn button:hover{ background-color: #fff; color:var(--sky); }
/* contact css end */

@media(max-width:1199px){
    .buy-now-btn button{ font-size:16px; }
}

@media(max-width: 991px){
  /* mobile header start */
  .e-toggle-btn{ display: block; }
  .e-header-nav{ padding: 14px 0; }
  .e-header-menu .e-toggle-btn {
    margin-right: 16px;
    width: 18px;
    height: auto;
    position: relative;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in;
    cursor: pointer;
    display: inline-block;
  }
  .e-header-menu .line-card {
    width: 100%;
    height: 3px;
    background: #000;
    margin: 4px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
  }
  #e-toggle-btn.open .one { transform: rotate(45deg) translate(2px, 5px); }
  #e-toggle-btn.open .two { opacity: 0; }
  #e-toggle-btn.open .three { transform: rotate(-45deg) translate(5px, -8px); }
  #e-sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 0;
    height: 100vh;
    margin-left: 0;
    background-color: var(--black);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
    top: 86px;
  }
    #e-sidebar-wrapper.e-menu-active {
        width: 100%;
        opacity: 1;
        visibility: visible;
    }
  .e-header-menu{ position: relative; z-index: 1000; }
  #e-sidebar-wrapper ul{ margin: 0; padding: 0; }
  #e-sidebar-wrapper ul li{ list-style-type: none; display:block;  }
  #e-sidebar-wrapper ul li a{ color: #fff; font-size: 20px; padding:15px 20px; border-bottom: 1px solid #D1D0D0; display: block; }
  .overlay_bg{  display: none; position: fixed; width: 100%; height: 100%; background: rgba(86, 86, 86, 0.4); z-index: 1000; transition: all 0.5s ease-in-out; }
  .overlay_bg.e-bg-active { display: block; width: 100%; left: auto; top: 0; cursor: pointer; }
  .user-menu ul li a{ padding:15px 10px; } 
  .open-nav{ overflow: hidden; }
  .e-header-menu{ flex-direction:row-reverse; }
  .user-menu{ margin-right:10px; }
  /*mobile header end*/
  .buy-now-btn button{ font-size:18px; }

}
@media(max-width:767px){
     .d-buy-now-btn .add-btn, .d-demo-img a{ font-size:16px; padding:0 10px; }
    .pd-flex{ flex-direction: column-reverse; }
    .d-demo-img a { padding:0 10px; }
    .main-banner-innner-text h1 { font-size: 30px; }
    .breadcrumbs-inner-text ul li { padding:0 10px; }
     .product-details-text, .cpa-details-card, .about-text-card, .wcu-text-card{ padding-top:26px; }
 
           
  .e-header-logo { width: 170px; }
  .main-banner-text h1{ font-size:30px; }
  .svg-waves { height:80px; }
  .main-banner{ height:600px; }
  .main-banner-text{ padding-bottom:60px; }
    #e-testimonials-slider .owl-stage { padding: 30% 1% 4%; }
    #ps_load_more { padding:0 10px; font-size:16px; }
    #ps_load_more:after{ right:5px; font-size: 16px; }
}


/* new section css start */
.pr-section-wapper, .e-testimonials-wapper, .e-contact-wapper{ padding:50px 0; }
.pr-section-title h2 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  color: var(--black);
  padding-bottom: 30px;
  margin: 0;
  text-align: center;
}

/* product page css start */
.campaing-wapper { padding: 100px 0 50px; }
.campaing-card{
 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
 padding: 20px;
 border-radius: 10px;
}

.campaing-card h4{
 font-size: 24px;
 color: var(--black);
 font-family: 'Montserrat', sans-serif;
 font-weight: 600;
 position: relative;
 margin: 0; 
 padding-bottom: 14px;
}
.campaing-card h5{
 font-size: 20px;
 color: var(--black);
 font-family: 'Montserrat', sans-serif;
 font-weight: 500;
 position: relative;
 margin: 0; 
 padding-bottom: 14px;
}
.campaing-card ul{
  columns: 2;
  margin: 0;
  padding: 0;
  margin-top: 14px;
}
.campaing-card ul li{
 font-family: 'Montserrat', sans-serif;
 font-style: normal;
 font-weight: 600;
 font-size: 18px;
 line-height: 24px;
 color: var(--black);
 margin-bottom: 10px;
 list-style-type: none;
 display: flex;
 align-items: baseline;
}
.campaing-card ul li i.fas {
  margin-right: 5px;
}
.product-grid-wapper{
  padding: 50px 0;
}
.product-grid-wapper .row{ flex-flow:row wrap; }
.product-grid-wapper form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* product page css end */


/*about section css start */
.about-wappper { padding: 100px 0 50px; }
.about-text-card h3 {
  font-size: 26px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: var(--sky);
  margin: 0;
  margin-bottom: 16px;
}
.about-text-card h2 {
    font-size: 32px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
    margin: 0;
    margin-bottom: 16px;
}
.about-text-card p {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
    margin: 0;
    margin-bottom: 10px;
}

/*about section css end */
#product form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/*Why Choose Us start*/
.wcu-wapper{ padding:50px 0; }

.wcu-title h2, .diff-title h2{
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  color: var(--black);
  padding-bottom: 30px;
  margin: 0;
  text-align: center;
}
.wcu-text-card h3{
  font-size: 26px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: var(--sky);
  margin: 0;
  margin-bottom: 16px;
}
.wcu-text-card p{
  font-size: 18px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: var(--black);
  margin: 0;
}
.wcu-main-wapper{
  background-color: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  padding: 40px;
  width: 100%;
  border-radius: 10px;
  margin: auto;
}
#wcu-slider .owl-stage-outer { padding: 2% 1%; }
#wcu-slider  .owl-dots{ display: flex; align-items: center; justify-content: center; }
#wcu-slider  .owl-dots span{
  border: 1px solid var(--sky);
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: block;
  margin: 0 5px;
}
#wcu-slider  .owl-dots .owl-dot.active span{ background-color: var(--sky); }
/*Why Choose Us end*/

/*Our Process css start*/

.process-wapper{ padding:50px 0; }
.process-title h2{
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  color: var(--black);
  padding-bottom: 15px;
  margin: 0;
  text-align: center;
}
.process-title p{
  font-size: 18px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: var(--black);
  margin: 0;
  text-align: center;
  padding-bottom: 30px;
}
.process {
  background: url(../img/process-bg1.png) no-repeat;
  text-align: center;
  background-size: 100%;
  width: 100%;
}
.process-img { 
  width:130px; 
  height:130px; 
  border: 3px solid var(--sky); 
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: relative;
}
.process-img:before{
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  position: absolute;
  content: "";
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  left: 11px;
  top: 10px;
  z-index: 1;
  border-width: 2px;
  border-style: dashed;
  border-color: var(--sky);
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgb(1 117 252 / 10%);
  -webkit-animation: spin 5s infinite linear;
  animation: spin 5s infinite linear;
}
.process-img img{
  width: 60px;
  max-width: unset;
  height: 60px;
  object-fit: cover;
}
.process-card:hover .process-img:before {
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.process .row{ max-width:1040px; width:100%; margin:auto; margin-left: 56px;}
.process:before, .process:after{ display: table; content: " "; }
.process:after{ clear: both; }
.process1 { padding-top: 182px; }
.process2 { padding-top: 182px; }
.process3 { padding-top: 182px; }
.process4 { padding-top: 71px; }
.process p {
  padding-top: 15px;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  color: var(--black);
  margin: 0;
}

/*Our Process css end*/

/* CPA Marketing VS Affiliate Marketing difference css start */
.diff-wapper .row { flex-flow: row wrap; }
.diff-wapper{ padding:50px 0; }
.diff-card{
    height:100%;
  background-color: #fff;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
  padding: 20px;
  border-radius: 10px;
}
.diff-card h3{
  font-size: 26px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: var(--sky);
  margin: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--black);
}
.diff-card ul{ padding:0; margin:0; padding-top:10px; }
.diff-card ul li{
  list-style-type: none;
  padding: 5px 0;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  color: var(--black);
  margin: 0;
}

/* CPA Marketing VS Affiliate Marketing difference css end */

/* CPA Marketing Glossary of terms css start */
.cmg-wapper { padding:50px 0; }
.cmg-title h2{
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  color: var(--black);
  padding-bottom: 20px;
  margin: 0;
  text-align: center;
}
.cmg-inner-wapper h3{
 font-size: 26px;
 font-weight: 700;
 font-family: 'Montserrat', sans-serif;
 color: var(--black);
 margin: 0;
 padding-bottom: 16px;
}
.cmg-inner-wapper h2 {
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    font-size: 30px;
    color: var(--black);
    text-decoration: none;
    transition: 0.3s;
    font-family: 'Montserrat', sans-serif;
}
.cmg-inner-wapper p{
  font-size: 18px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: var(--black);
  margin: 0;
  margin-bottom: 20px;
}
.pd-cmg-wapper{ 
    padding-top:30px !important;
    padding-bottom:30px !important;
 } 
 .pd-cmg-wapper p:last-child{ margin-bottom:0 !important; }
/* CPA Marketing Glossary of terms css end */

/*FAQ Section css start */
.faq-wapper{ padding:50px 0; }
.faq-title h2{
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  color: var(--black);
  padding-bottom: 30px;
  margin: 0;
  text-align: center;
}
.faq-accordion-item { margin-bottom: 10px; }
.faq-accordion-wapper h3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  font-size: 20px;
  font-weight:600;
  font-family: 'Montserrat', sans-serif;
  color: var(--black) !important;
  margin:0;
}
.faq-accordion-wapper h3 { width: 95% !important; }
.faq-accordion-wapper .faq-content {
    border-radius: 0px 0px 5px 5px;
    display: none;
    padding: 10px 20px 20px;
    overflow: hidden;
}

.faq-accordion-wapper .faq-content p {
 font-size: 16px;
 font-weight: 400;
 font-family: 'Montserrat', sans-serif, sans-serif; 
 color: var(--black); 
}
.faq-accordion-wapper .faq-content ul{
    padding-left:20px;
}
.faq-accordion-wapper .faq-content ul li{
 font-size: 16px;
 font-weight: 400;
 font-family: 'Montserrat', sans-serif, sans-serif; 
 color: var(--black); 
}
.faq-accordion-wapper .faq-content p:last-child {
    margin-bottom: 0;
}
.faq-accordion-item .faq-menu:after {
  font-family: 'Font Awesome\ 5 Free';
  content: '\f078';
  position: absolute;
  right: 18px;
  top: 12px;
  font-size: 30px;
  color: var(--black);
  text-align: center;
  font-weight: 900;
}
.faq-accordion-item.active{ background-color: #fff; border-radius:10px; box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);}
.faq-accordion-item.active .faq-menu::after {top: 12px; content: '\f077';  color: var(--black);  }
.faq-accordion-item{border-radius: 10px; margin-bottom: 10px; box-shadow: 0px 0px 4px rgb(0 0 0 / 25%); background-color: #fff; }
.faq-accordion-item .faq-menu{
  border-radius: 10px;
  background-color: #fff;
  padding: 20px 20px;
  position: relative;
}
.faq-accordion-item.active .faq-menu{ background-color: #fff; border-radius: 10px 10px 0px 0px; color: var(--black); }
.faq-accordion-item.active .faq-menu h3{  color: var(--black); }
.pr-details-faq-card {
    background-color: var(--sky);
}
.pr-details-faq-card .faq-title h2{ color:var(--white); }
/*FAQ Section css end */

/* new css start */
		.gallery-wapper{ padding:50px 0; }
		.gallery-wapper .faq-title h2{ padding-bottom:10px; }
		.gallery-img{ padding: 20px; width:100%; height:300px; border-radius: 10px; box-shadow: 0px 0px 4px rgb(0 0 0 / 25%); }
		.gallery-img img{ width:100%; height:100%; object-fit:contain; max-width:unset; }
		#gallery-slider .owl-stage-outer { padding: 2% 1%; }
		#gallery-slider  .owl-dots{ display: flex; align-items: center; justify-content: center; }
		#gallery-slider  .owl-dots span{
			border: 1px solid var(--sky);
			width: 20px;
			height: 20px;
			border-radius: 100%;
			display: block;
			margin: 0 5px;
		}
		#gallery-slider  .owl-dots .owl-dot.active span{ background-color: var(--sky); }
		/* new css end */
@media(min-width:576px){
  .wcu-main-wapper{ max-width: 540px; }
}
@media(min-width:768px){
  .wcu-main-wapper{ max-width: 650px; }
}
@media(min-width:992px){
  .wcu-main-wapper{ max-width: 900px; }
}
@media(min-width:1200px){
  .wcu-main-wapper{ max-width: 1000px; }
}

@media(max-width:1199px){
  .process1 { padding-top: 146px; }
  .process2 { padding-top: 142px; }
  .process3 { padding-top: 138px; }
  .process4 { padding-top: 25px; }
  .process .row { margin-left: 15px; }
  #e-testimonials-slider .owl-stage { padding: 13% 0% 4%; }
  /*.product-tumb { height: 275px; }*/
}

@media(max-width:991px){
  .process .row { max-width:1040px; width:100%; margin:auto;}
  .process-img {  width:90px;  height:90px;  }
  .process-img img { width: 40px; height: 40px; }
  .process1 { padding-top: 114px; }
  .process2 { padding-top: 112px; }
  .process3 { padding-top: 111px; }
  .process4 { padding-top: 21px; }
  .process .row { margin-left: 15px; }
  .campaing-card ul{ columns: 1; }
  /*.product-tumb { height: 300px; }*/
}

@media(max-width:767px){
  .about-text-card h3{ font-size:18px; }
  .about-text-card h2, .process-title h2, .contact-wapper-title h2, .pr-section-title h2, .diff-title h2 { font-size:26px; }
  .about-text-card p, .process-title p { font-size:16px; } 
  .wcu-title h2{ font-size:26px; }
  .wcu-text-card h3{ font-size:24px; }
  .wcu-text-card p{ font-size:16px; }
  .cmg-title h2{ font-size:26px; }
  .faq-title h2{ font-size:26px; }
  .process{ background-image:unset; }
  .process .row{ margin:auto; }
  .process1 { padding-top: 30px; }
  .process2 { padding-top: 30px; }
  .process3 { padding-top: 30px; }
  .process4 { padding-top: 30px; }

  .diff-card h3 { font-size:18px; }
  .diff-card ul li{ font-size:16px; }
  .cmg-inner-wapper h3{ font-size:18px; }
  .cmg-inner-wapper p { font-size:16px; }
  #e-testimonials-slider .owl-stage { padding: 30% 1% 4%; }
  .e-testimonial-img { top: -18%; }
}

/* new section css end */


/* start header cart css*/
.badge{
  border-radius: 50%;
  
 position: relative;
 top:-15px;
 left:-5px;
  font-size:14px;
}
.t-msg{
  color:green;
  text-align: center;
  margin-top:120px;
  margin-bottom: 150px;
  margin-left:260px;
}
.t-msg h1{
  text-align: center;
}
.t-link{
    margin-top:80px;
    color:black;
}
/* end header cart css*/

/*cart page css start*/
.cart-area-wapper{ padding-top:80px; }
.cart-card-wapper .table { border-bottom: 1px solid #F6F7F8; }
.cart-card-wapper .table thead th {
	vertical-align: bottom;
	border-bottom: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--black);
}
.cart-card-wapper .cart-product-thumbnail { max-width: 150px; width: 150px; }
.cart-card-wapper .table td, .cart-card-wapper .table th {
	vertical-align: middle;
	border-top: 1px solid var(--black);;
	padding: 20px 15px;
	text-align: center;
}
.cart-card-wapper .table .cart-product-name h4 a{
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 23px;
	text-transform: capitalize;
	color: var(--black);
}
.cart-card-wapper .cart-product-price, .cart-card-wapper .cart-product-subtotal {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: var(--sky);
}
.cart-product-delete .rm-val{ font-family: 20px; color: var(--sky);border:none; background-color: white;}

.cart-bottom-area{ margin-top: 80px; }
.voucher-wapper .form-control{
	display: inline-block;
	border: 2px solid #F1F3F4;
	width: 369px;
	height: 57px;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	color: #262626
}
.voucher-wapper{ display: flex; align-items: center; }
.voucher-wapper .form-control:focus{ outline: unset; box-shadow: unset; }
.voucher-wapper span button{
    width: 160px;
	height: 57px;
	background: var(--sky);
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 57px;
	color: #FFFFFF;
	text-align: center;
  border:none;
}
.continue-shoping-btn{ margin-top: 30px; display: inline-block; }
.continue-shoping-btn a{
	width: 300px;
	height: 50px;
	border: 1px solid var(--sky);
	box-sizing: border-box;
	border-radius: 6px;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 50px;
	color:  var(--sky);
	text-align: center;
	border-radius: 6px;
	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.continue-shoping-btn a:hover{ background-color:  var(--sky); color: #fff; }
.cart-order-details-wapper table tr { border-bottom: 0px solid  var(--black); }
.cart-order-details-wapper table tr td {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	color: #262626;
	border-top: 0;
	border-bottom: 0px solid #000000;
	padding: 15px 0;
}
.cart-order-details-wapper table tr:last-child { border-top: 1px solid #F6F7F8; }
.cart-order-details-wapper table tr td:last-child { text-align: right; }
.cart-order-details-wapper table tr:last-child td { font-weight: 800; font-size: 30px; line-height: 35px; }
.cart-order-btn{ margin-top: 10px; }
.cart-order-btn a{
	display: block;
	background:  var(--sky);
	border: 1px solid   var(--sky);
	border-radius: 6px;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.cart-order-btn a:hover{ background-color: #fff; color: var(--sky); }
/*cart page css end*/

/*check out form css start */
.checkout-main-wapper{ padding-top: 80px; }
.checkout-form-wapper{
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	padding: 20px;
}
.checkout-title{
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 33px;
	text-transform: capitalize;
	color: var(--black);
	margin-bottom: 15px;
}

.checkout-form-card label{
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	text-transform: capitalize;
	color: var(--black);
	margin-bottom: 10px;
}
.checkout-form-card .form-control{
	background: #F2F1F1;
	border-radius: 6px;
	height: 50px;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 50px;

	color: var(--black);
}
.textarea-card-check{ height: 100px !important; }
.checkout-form-card .form-control:focus{ outline: unset; box-shadow: unset; }
.order-details-wapper{
	background: #F2F1F1;
	padding: 20px;
}
.order-details-wapper table tr td{
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	text-transform: capitalize;
	color: var(--black);
	border-top: 0;
	border-bottom: 0px solid var(--black);
	padding: 10px 0;
	vertical-align: middle;
}
.order-details-wapper table tr{ border-bottom:1px solid var(--black) ; }
.order-details-wapper table tr:last-child{ border-bottom:0px solid var(--black) ; }
.order-details-wapper table tr:last-child td{ font-weight: 800; }
.order-details-wapper table tr td:last-child{ text-align: right; }

.order-btn{ margin-top: 30px; }
.order-btn .btn {
    display: block;
    background: var(--sky);
    border: 1px solid var(--sky);
    border-radius: 100px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    height: 50px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    line-height: 50px;
    padding: 0 !important;
}
.order-btn .btn:hover{ background-color: #fff; color: var(--sky); }
.add-b{
  background-color: #EFEFEF;
  text-align: center;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;

  border-radius:0 0 10px 10px;
  border:none;
   /*box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px var(--sky);*/
}
.add-b p{
  color:#0175fc;
}
.shop-page-banner{
	background-image: url(../img/inner-page-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 238px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.shop-page-banner:before{
	content: '';
	background-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.breadcrumb-title{ font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 32px; line-height: 38px; color: #FFFFFF; margin: 0; }
.breadcrumb-list{ margin: 0; padding: 0; margin-top: 14px;}
.breadcrumb-list li{ display: inline-block; font-size: 20px; line-height: 23px; text-transform: uppercase; font-weight: 700; color: #fff; }
.breadcrumb-item+.breadcrumb-item::before{
	float: left;
	padding-right: 0.5rem;
	color: #fff;
	content: "\f054";
	font-family: "Font Awesome 5 Free";
}
.breadcrumb-list li a{ color: #fff; }
/*check out form css end */

@media(max-width:991px){
    .voucher-wapper { flex-wrap: wrap; }
  .voucher-wapper span { width:100%; margin-top: 10px; }
  .voucher-wapper span button { width:100%; }
}


.whatsapp-icon {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 10000;
}


/*// custom request landing page*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.contact-card-wapper label {
  margin-right: 15px;
}