@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700;800&display=swap');

body * {
	font-family: 'Manrope';
}

.gtoffrbtn {     
    padding:15px 58px;
    border-radius: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #fff!important;
   background: linear-gradient(90deg, #0F0F0F -9.39%, rgba(15, 15, 15, 0) 175.59%);
border-radius: 20px;
    border-width: 0px;
}
.hero1 {
  /*background-image:url( "/wp-content/themes/bootstradash/images/summersale/winter.png");
  background-size: cover;*/
 background: url(/wp-content/themes/bootstradash/images/summersale/summersale.jpg);
/* background:url(/wp-content/themes/bootstradash/images/summersale/freedom.png);*/
    padding-bottom: 155px;
    background-size: cover;
}
@media (min-width: 568px){
.top-bar{
  margin-top: -84px;
  }
}
 .coupon {

/*opacity: 0.7;
border: 1px solid #FFFFFF;
box-sizing: border-box;
border-radius: 15px;
*/
border-radius: 10px;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
   /* border: 2px solid rgba(255, 255, 255, 0.3);*/
    box-sizing: border-box;
    backdrop-filter: blur(10px);
}
.coupon h4{
    /*font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 38px;
    color: #FFFFFF;
    align-content: center;
    padding: 30px 0px;
    margin: auto;*/
    padding: 24px;
    margin: auto;
    background: #466469;
    backdrop-filter: blur(10px);
    border-radius: 14px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
   /* background: #7BB0CD;
    backdrop-filter: blur(10px);*/
    border-radius: 14px;
    color: #FFFFFF;
}
.sale-desc {
   /*font-weight: 500;
    font-size: 25px;
    line-height: 34px;
    text-align: center;
    color: #000;
        margin-bottom: 115px;
    padding-top: 11px;*/
        padding-bottom: 24px;
    padding-top: 11px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #141105;

}

.sale-head h1 { 
  /*  padding-top: 76px;
    font-style: normal;
    font-weight: 800;
    font-size: 150px;
    line-height: 225px;
    color: #141105;
    text-align: center;
    font-family: 'Poppins';
    padding-top: 172px;
    font-family: 'AppleMyungjo';
    font-style: normal;
    font-weight: 400!important;
    font-size: 60px!important;
    line-height: 71px!important;*/
    color: #141105!important;
    text-align: center;
    padding-top: 172px;
    align-items: center;
    font-family: 'Arial Black';
    font-style: normal;
    font-weight: 900!important;
    font-size: 66px!important;
    line-height: 93px!important;
    padding-bottom: 0px!important;
  }
.sale-head h3 {
    font-style: normal;
    font-weight: 800;
    font-size: 75px;
    line-height: 68px;
    color: #141105;
    text-align: center;
    font-family: 'POPPINS';
    margin-top: -48px;
}
.sale-head p {
    font-weight: 700;
    font-size: 26px;
    line-height: 55px;
    text-align: center;
    color: #141105;
    font-family: 'Poppins';
}
    @media(max-width: 568px){
      .sale-head h1 {
         font-size: 75px;
    line-height: 81px;
    padding-top: 43px;
       }
      .sale-desc {
        padding-bottom: 20px;
      } 
     .sale-head h3 {
      margin-top: 0px;
      font-size: 60px;
     } 
    }

    .sale-head h4 {
     text-align: center;
    font-weight: 500;
    font-size: 28px;
    line-height: 38px;
    color: #757575;
    margin-top: 11px;
    }
    .sale-head span {
     color: #fad149;
    }
    .sale-head h6 {
    font-size: 15px;
    line-height: 20px;
    color: #757575;
    text-align: center;
    margin-bottom: 19px;
    }

.bundle-section h4{
  padding-left: 14px;
  font-size: 20px;
    line-height: 33px;
    margin-bottom: 0px;
}

.bundle-section p{
  padding-left: 14px;
      font-weight: 600;
    font-size: 14px;
}
 .mega-bundle h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 38px;
  line-height: 33px;
  color: #2D2C2E;
 	padding-bottom:20px;

 }
.mega-tools {
  margin-top: 40px;
    margin-left: -10px;
}
.bundle-image .badge-left {
    position: absolute;
    top: -38px;
    left: -26px;
    background: #353A3F;
    border-radius: 100px;
    width: 106px;
    height: 104px;
  }
  .bundle-image .badge-left p.regular-price {
    text-decoration: line-through;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    width: auto;
    color: #bababa;
    margin: 0;
  }
  .bundle-image .badge-left p.sale-price {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    width: auto;
    margin: 0;
  }
 
 .bundle-list span {

 	display: block;
 	padding-bottom: 18px;

 }
  .bundle-list span svg {
    height: 19px;
    width: 19px;
}
 .mega-bundle p  {

 	font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 34px;
 	color: #000;
  margin-bottom: 60px;
 }

 .main-sec {
 	padding-top: 2px;
  background: #F7F7F7;
 	
 }

 button:focus{
 	outline:none!important;
 	box-shadow:none;
 }
 .buttonoff:hover {
 	opacity:0.8;
  text-decoration: none;
 }
 .gtoffrbtn:hover {
  opacity:0.8;
  text-decoration: none;
 }

 .buttonoff {
 	padding: 14px 69px;
 	margin-top: 30px;
 	margin-bottom: 15px;
 	background: #353A3F;
 	border-radius: 10px;
 	color: #FFF!important;
 	border-width: 0px;
  text-decoration: none;
 }

 /*=========*/
.review-bar{
  background: #fff;
  border-radius: 10px;
}
.review-bar h3 {

  font-style: normal;
  font-weight: bold;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -0.05em;
  color: #233C58;
  } 

.review-bar p {

  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.05em;
margin-bottom:0;
} 



 .bundle-image{
 	position:relative;
 }

 /*===============mega bundle=========================*/


 .megabutton1 {

 	padding: 14px 58px;
 	background: #517953;
 	border-radius: 10px;
 	color: white;
 	border-width: 0px;
 	margin-top: 39px;

 }


 .bndleimagemega {

 	width:100%;
 }

 /*=========== questions====================*/

 .drpdwn {
 	display:inline;
 	float:right;
 }

 .drpdwnsec {
 	background: #FFFFFF;
 }
 .drpdwnhead {
 	padding-bottom: 100px;
 	background: #FFFFFF;
 }


 .drpdwnhead h3 {


 	font-style: normal;
 	font-weight: bold;
 	font-size: 27px;
 	line-height: 37px;
 	text-align  :center;
 	color: #29324F;
 	padding-bottom:54px;
 }



 .drpdwnhead p{


 	font-style: normal;
 	font-weight: bold;
 	font-size: 17px;
 	line-height: 23px;
 	cursor:pointer;
 	color: #29324F;
 }



 /*======quote=====*/
.owl-carousel-offer .owl-stage{
	display: flex;
	    padding-bottom: 20px;
}
.owl-carousel-offer .item {
    height: 100%;
}
 .quotebox {


 	background: #f7f7f7!important;
 	box-shadow: 0px 10px 20px rgb(0 0 0 / 4%), 0px 2px 6px rgb(0 0 0 / 4%), 0px 0px 1px rgb(0 0 0 / 4%)!important;
 	border-radius: 10px!important;
 	height: 100%!important;    
 	border: 0px!important;

 }




 .quote-body {
 	padding: 0!important;
 }


 .quotebox hr {
 	opacity: 0.6!important;
 	border: 1px solid #80819B!important;
 }

 .quotebox p {

 	padding-bottom:10px!important;
 }

 .fa {
 	font: normal normal normal 14px/1 FontAwesome!important;
 }

 .checked {
 	color: gold;
 }

 .quote-image {
 	width:auto!important;
 }
 .quotehead {

 	font-style: normal;
 	font-weight: bold;
 	font-size: 27px;
 	line-height: 37px;
 	text-align:center;
 	color: #29324F;
 	padding-top: 16px;
 	padding-bottom: 60px;
 }	  

 .quotebox-footer {  
 	background: #f7f7f7!important;
 	padding: 16px 0px 0px 1px!important;
 }

 .author-name {	
 	display: inline-flex;
 	float: right;	
 	font-style: normal;
 	font-weight: bold;
 	font-size: 16px;
 	line-height: 22px;
 	color: #29324F;
 }

 /*======faq===========*/

 .faq-padding {

 	padding-bottom: 59px;
 }

 .faq-padding2 {

 	padding-bottom: 36px;

 }

 .collapse .card-body {

 	background: #e2eaea30;
 	border-radius: 13px;
 }

 @media only screen and (min-width:992px){

 	.prgsbar .prgsbar-wrapper {

 		border-right: 1px solid rgb(86 86 86 / 10%);
 	}

 	.prgsbar:last-child .prgsbar-wrapper{
 		border-right: none;
 	}
   .prgsbar:first-child .prgsbar-wrapper{
    margin-left: 24px;
 }
}
 @media(min-width:768px) and (max-width:991px){

 	.prgsbar:nth-child(2n+1) .prgsbar-wrapper{

 		 border-right: 1px solid rgb(86 86 86 / 10%);
 	}

 }


 @media only screen and (max-width:767px){

 	.prgsbar .prgsbar-wrapper {

 		border-bottom:  1px solid rgb(86 86 86 / 10%);
     text-align: center;
 	}

 	.prgsbar:last-child .prgsbar-wrapper{

 		border-bottom: none;
 	}


 }
 @media (max-width: 991px){
.bundle-image .badge-left {
    position: absolute;
    top: -31px;
    left: -14px;
    background: #353A3F;
    border-radius: 100px;
    width: 85px;
    height: 85px;
}
}
 .badge-right {
  position:absolute;
      top: 0px;
    right: 19px;
  background: #353A3F;
  border-radius: 100px;
      width: 106px;
    height: 104px;

}

.badge-right p.regular-price {
  text-decoration:line-through;
  font-weight: normal;
font-size: 17px;
line-height: 20px;
width:auto;
color: #BABABA;
margin:0; 
  
}

.bundle-image .badge-right p.sale-price {
  
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #FFFFFF;
width:auto; 
margin:0;
}
@media(max-width:991px) {
  
     .badge-right {
      position: absolute;
      top: 0px;
      right: 0px;
      background: #353A3F;
      border-radius: 100px;
      width: 85px;
      height: 85px;

    }

   .badge-right p.regular-price {
      text-decoration:line-through;
      font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    width:auto;
    color: #BABABA;
    margin:0; 
      
    }


 .badge-right p.sale-price {
      
    font-weight: 500;
    font-size: 17px;
    line-height: 29px;
    color: #FFFFFF;
    width:auto; 
    margin:0;
    }
}
.bundle-category{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media(max-width: 568px){
  .bundle-category{
    padding-top: 0px!important;
  }
}
span.bootstrap-bundle {
  color: #B778FF;
}
span.angular-bundle{
  color: #FF7D98;
}
span.vue-bundle{
  color: #7EAD98;
}
span.react-bundle{
  color: #95C7D0;
}
.circle {
    margin-top: 12px;
    width: 64px;
    height: 64px;
    padding: 13px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0px 4px 25px rgb(0 0 0 / 18%);
}
.second-circle {
    margin-top: 12px;
    width: 64px;
    height: 64px;
    padding: 18px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0px 4px 25px rgb(0 0 0 / 18%);
}
.padd-60 {
  padding-left: 60px!important;
  padding-right: 60px!important;
}
@media(max-width: 568px){
  .padd-60 {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}
.bundle-list li{
  margin-left: 27px;
    display: block;
    padding-bottom: 8px;
}
.bundle-list li:before{
  content: "";
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/themes/bootstradash/images/summersale/test.svg);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 3px;
       margin-left: -27px;
}
.button2{
  padding: 14px 69px;
  margin-top: 30px;
  margin-right: 20px;
  margin-bottom: 15px;
  background: #353A3F;
  border-radius: 10px;
  color: #FFF!important;
  border-width: 0px;
  text-decoration: none;
}
.button2:hover {
  opacity:0.8;
  text-decoration: none;
 }
 @media(max-width: 1344px){
    .button2{
      margin-top: 15px;
    margin-bottom: 6px;
    margin-right: 20px;
  }
}
.bundle-area {
background: #F7F7F7;
}