@media screen and (max-width: 660px) {
	.h1-desktop-black{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 32px;
		line-height: 135%;
		letter-spacing: -0.02em;
		text-transform: capitalize;
		color: #0B0033;
	  
	  }
	  .h2-desktop-black{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 32px;
		line-height: 135%;
		text-transform: capitalize;
		color: #0B0033;
	  
	  }
	  .h2-desktop-white{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 32px;
		line-height: 135%;
		text-transform: capitalize;
		color: #ffffff;
	  
	  }
	  .h4-desktop-white{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 24px;
		line-height: 135%;
		text-align: center;
		text-transform: capitalize;
		color: #FFFFFF;
	  
	  }
	  .h4-desktop-black{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 24px;
		line-height: 135%;
		text-transform: capitalize;
		color: #0B0033;
	  
	  }
	  .h4-desktop-yellow{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 24px;
		line-height: 135%;
		text-transform: capitalize;
		color: #FFDD60;
	  }
	  .para-blue{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #2B67F6;
	  
	  }
	  .para-yellow{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #FFDD60;
	  
	  }
	  .para-black{
		font-family: Apercu;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #0B0033;
	  }
	  .para-black-op{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #0B0033;
		opacity: 0.7;
	  }
	  .para-grey{
		font-family: Jost;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 23px;
		color: #EFEFEF;
	  
	  }
	  .footer-a{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #EFEFEF;
	  
	  }
  }
  @media screen and (max-width: 660px) {
	#webmobile-menu {
		clear: both;
		position: absolute;
		top: 116px;
		padding: 25px;
		width: 100%;
		background: #0B0033;
		border-top: 1.5px solid #fcdd60;
		height: 100%;

	}
	#webmobile-menu .navbar-nav .nav-link.active{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 32px;
		line-height: 135%;
		text-align:left;
		color: #FFDD60 !important;
		margin-bottom: 20px;

	}
	#webmobile-menu .navbar-nav .nav-link{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 32px;
		line-height: 135%;
		text-align:left;
		color: #FFFFFF;
		margin-bottom: 20px;

	}
	.login-btn-mo{
		background: #FFDD60;
		border-radius: 30px;
		font-family: Jost !important;
		font-style: normal;
		font-weight: 600 !important;
		font-size: 14px !important;
		line-height: 20px !important;
		align-items: center !important;
		text-align: center !important;
		text-transform: uppercase;
		color: #0B0033 !important;
		height: 50px;
   		padding: 16px 23px;

	}
	.nav-item .form-select{
		background: #FFDD60;
		border-radius: 30px;
		font-family: Jost !important;
		font-style: normal;
		font-weight: 600 !important;
		font-size: 14px !important;
		line-height: 20px !important;
		align-items: center !important;
		text-align: center !important;
		text-transform: uppercase;
		color: #0B0033 !important;
		height: 50px;
   		padding: 16px 23px;

	}
	.nav-item .form-select {
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
		text-overflow: '';
		background-image: url(../img/select-icon.svg) !important;
		background-repeat: no-repeat !important;
		background-position: 59% center !important;
	}
	section {
		padding: 5rem 0;
		position: relative;
		overflow: hidden;
	}	
}
/* ---------------------------------------index-page---------------------------------------- */
@media screen and (max-width: 660px) {
	.home-hero-banner {
		padding: 7rem 0 1rem;
		position: relative;
		z-index: 1;
	}
	.home-hero-banner::before {
		content: '';
		background: none;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 995px;
	  }
	.home-top-content {
		padding: 43px 1px;
	}
	.we-pride-content {
		padding: 0px 0px;
		margin-top: 17px;
		margin-bottom: 30px;
	}
	.ever-top .container {
		padding: 0rem 0.75rem;
	}
	
	.home-hero-banner .container {
		padding: 0 1rem;
	}
	.ever-top {
		background: #0B0033;
		padding-top: 0px;
		padding-bottom: 3rem;
		overflow:visible;
	}
	.ever-top img {
		margin-left: 20px;
		margin-top: -30px;
	}
	.our-services-say:after {
		content: '';
		background: none;
		background-size: contain;
		position: absolute;
		left: 7rem;
		top: -3rem;
		right: 0;
		bottom: 0;
		width: 1044px;
		height: 503px;
	}
	.our-services-say:before{
		content: '';
		background: none;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 0rem;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 440px;
	}
	.post-slide  .btn-yellow {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		align-items: center;
		text-align: right;
		text-transform: capitalize;
		color: #0B0033;
		background: url(../img/btn-yellow-bg.png) no-repeat;
		width: 151px;
		padding: 14px 20px;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.our-services-say {
		background: #ffffff;
		padding: 3rem 0 1rem;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	.our-services-say h2 {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 32px;
		line-height: 135%;
		text-align: center;
		text-transform: capitalize;
		color: #0B0033;
	}
	.post-slide {
		background: transparent;
		margin: 7px 2px 10px;
		padding-top: 1px;
		text-align: center;
	}
	.post-slide-content p {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		text-align: center;
		color: #2B67F6;
	}
	.ever-content {
        padding:1rem 0 0;
    }
	
}

@media screen and (max-width: 660px) {
	.login-top {
		padding: 7rem 0 0rem;
		position: relative;
		background: #efefef;
	}
	.login-box {
		background: #EFEFEF;
		padding: 2rem 0rem;
		position: relative;
	}
	.login-box .active {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 32px;
		line-height: 135%;
		text-decoration: none;
		letter-spacing: -0.02em;
		text-transform: capitalize;
		color: #0B0033 !important;
	}
	.login-box .unactive {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 32px;
		line-height: 135%;
		text-decoration: none;
		letter-spacing: -0.02em;
		text-transform: capitalize;
		color: #0B0033;
		opacity: 0.2;
	}
}
/* -----------------------------------------serviecs-page---------------------------------------- */
@media screen and (max-width: 600px){
	.lets-team-top {
		padding: 8rem 0 1rem;
		position: relative;
		z-index: 1;
		background:#FFFDF5;
	}
	.lets-your-team-content {
		padding: 3rem 2rem 0;
	}
	.we-put-all .container {
		padding-right: var(--bs-gutter-x,.75rem);
		padding-left: var(--bs-gutter-x,.75rem);
	
	}
	.we-put-all {
		padding: 0rem 0;
		position: relative;
		z-index: 1;
	}
	.we-put-all-content {
		padding: 2rem 0rem;
	}
	.explore-services {
		background: #ffffff;
		padding: 2rem 0 1rem;
		position: relative;
		z-index: 1;
	}
	.code-pen-3 #lottie {
        height: 300px;
    }
    .lets-your-team-content .btn-yellow {
        font-family: 'Apercu';
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        align-items: center;
        text-align: right;
        text-transform: capitalize;
        color: #0B0033;
        background: url(../img/btn-yellow-bg.png) no-repeat 95% 5%;
        width: 189px;
        padding: 16px 22px;
        margin-left: -23px;
    }
	.serviecs-card-slider .item {
		width: 325px;
		height: 281px;
		background: #0B0033;
		box-shadow: 20px 35px 35px rgb(98 171 173 / 3%);
		margin-left: 13px;
	}
	.using-data .container {
		padding-right: var(--bs-gutter-x,.75rem);
		padding-left: var(--bs-gutter-x,.75rem);
	}
	.using-data-content {
		padding: 0rem 1rem;
		margin-top: 20px;
	}
	.using-data {
		padding: 1rem 0;
		position: relative;
		z-index: 1;
	}
	.using-data-content  .para-blue {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 200%;
		color: #2B67F6;
	}
	
	
}
/* -----------------------------------------about-page---------------------------------------- */

@media screen and (max-width: 600px){
	.how-it-work-top {
		padding: 9rem 0 1rem;
		position: relative;
		z-index: 1;
		background: #FFFDF5;
	}
	.how-it-work-top-content {
		padding: 1rem 1rem;
	}
	.hire-an-expert:after {
		content: '';
		background: none;
		background-size: cover;
		position: absolute;
		top: -54px;
		width: 100%;
		height: 500px;
		z-index: 1000;
	}
	.how-it-work-top .code-pen-4 #lottie {
        width: 100%;
        height: 330px !important;
        transform: translate3d(0px, 2px, 0px) !important;
    }
	.how-it-work-top-content .btn-yellow {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		align-items: center;
		text-align: right;
		text-transform: capitalize;
		color: #0B0033;
		background: url(../img/btn-yellow-bg.png) no-repeat;
		width: 151px;
		padding: 14px 20px;
		margin-top: 10px;
	}
	.hire-an-expert {
		padding: 3rem 0;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	.what-other-say {
		background: #0B0033;
		text-align: center;
		z-index: auto;
		padding: 2rem 0 4rem;
	}
	.what-other-say .what-say-slider .owl-nav .owl-prev {
		width: 32px;
		height: 32px;
		margin: 5px;
		position: absolute;
		top: 97%;
		left: 34%;
		background: url(../img/prevarrowblue.svg) no-repeat 10% 20% !important;
		background-size: cover;
	}
	.what-other-say .what-say-slider .owl-nav .owl-next {
		width: 32px;
		height: 32px;
		margin: 5px;
		position: absolute;
		top: 97%;
		right: 34%;
		background: url(../img/nextarrowblue.svg) no-repeat 10% 20% !important;
		background-size: cover;
	}
	.free-customer-content p {
		padding: 0px 0rem 0 0;
	}
	.free-customer-content{
		padding: 0rem 1rem;
	}
	.you-success-content{
		padding: 0 1rem;
	}
	.three-img-box {
		width: 357px;
		position: relative;
		z-index: 1;
		padding: 8px 0px;
	}
	.easy-to-easy{
		padding: 0 11px;
	}
	.three-img-box img{
		margin-left: 9px;
	}
	.your-success {
		padding-top: 1rem;
		padding-bottom: 2rem;
		position: relative;
		z-index: 1;
	}
	.easy-top {
		margin-top: 1rem;
	}
	
	.free-customer-support {
        background: #FFFDF5;
        padding-top: 0rem;
        padding-bottom: 3rem;
    }
    .btn-black_border {
        font-family: 'Apercu';
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        align-items: center;
        text-align: right;
        text-transform: capitalize;
        color: #0B0033;
        width: 152px;
        padding: 14px 30px;
        background: url(../img/border-img.png) no-repeat 100% 0%;
    }
    .count-down-btns-mo .btn-blue {
        font-family: 'Apercu';
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        align-items: center;
        text-align: right;
        text-transform: capitalize;
        color: #0B0033;
        background: url(../img/btn-blue-bg.svg) no-repeat;
        width: 151px;
        padding: 14px 20px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
  
}
/* -----------------------------------------join-us-page---------------------------------------- */
@media screen and (max-width: 600px){
	.join-us-top {
		padding: 9rem 0 1rem;
		position: relative;
		z-index: 1;
		background: #FFFDF5;
	}
	.join-top-content {
		padding: 1rem 1rem;
	}
	.code-pen-4 #lottie {
        width: 100%;
        height: 380px;
        transform: translate3d(0px, 2px, 0px) !important;
    }

	.get-rewarded-content {
		padding: 26px 1rem;
	}
	.get-rewoarded {
		padding: 1.5rem 0 0rem;
		position: relative;
		z-index: 1;
	}
	.join-us-form .input-group {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		width: 100%;
		margin-top: 16px;
	}
	
	
	
}

/* -----------------------------------------contact-page---------------------------------------- */
@media screen and (max-width: 600px){
	.contact-form {
		padding: 3rem 0;
		position: relative;
		z-index: 1;
	}
	.contact-top {
		padding: 5rem 0 0rem;
		position: relative;
		z-index: 1;
	}
	.contact-para {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #0B0033;
		margin-top: 12px;
	}
	.contact-head{
		padding: 0px 27px;
	}
	.contact-top-content {
		padding: 0rem 1rem;
		margin-top: 20px;
	}
	.contact-us-form .input-group {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		width: 100%;
		margin-top: 15px;
	}
	
	
}
/* ----------------------------cart----------------------------------- */
@media screen and (max-width: 767.5px){
	.cart-table-mo h6{
		font-family: Apercu;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #0B0033;
		opacity: 0.87;
	}
	.cart-table-mo .p-ebook{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 24px;
		line-height: 135%;
		text-transform: capitalize;
		color: #0B0033;
		opacity: 0.87;
		margin-bottom: 0px;
	}
	.your-shopping-table {
		background: #FFFFFF;
		border-radius: 0px;
		padding: 20px;
		margin-top: 35px;
	}
	.your-shopping-table .c-checkbox {
		position: relative;
		margin-top: 20px;
		margin-left: 20px;
	}
	.coupon-box .btn-blue {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		align-items: center;
		text-align: right;
		text-transform: capitalize;
		color: #0B0033;
		background: url(../img/btn-blue-bg.svg) no-repeat;
		width: 150px;
		padding: 7px 16px;
		height: 50px;
		float: right;
		margin-bottom: 24px;
	}
	.coupon-box .form-control-lg {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #0B0033;
		opacity: 1;
		background: #FFFFFF;
		border: 0px solid #FFFFFF;
		box-sizing: border-box;
		box-shadow: none;
		border-radius: 0px;
		width: 100%;
		height: 50px;
		margin-bottom: 25px;
	}
	.coupon-box {
		position: relative;
		display: inline-grid;
		flex-wrap: wrap;
		align-items: stretch;
		width: 100%;
		padding: 0 16px;
	}
	.your-shopping-cart .btn-yellow {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		align-items: center;
		text-align: right;
		text-transform: capitalize;
		color: #0B0033;
		background: url(../img/btn-yellow-bg.png) no-repeat;
		width: 151px;
		padding: 14px 20px;
		margin-right: 14px;
	}
	.your-shopping-head{
		padding: 0px 21px;
	}
}
/* -----------------------------------------order-details-page---------------------------------------- */
@media screen and (max-width: 600px){
	.order-count-down-block {
		background: #ffffff;
		padding: 20px;
	}
	.order-simple-top {
		padding: 9rem 0 0rem;
		position: relative;
		z-index: 1;
		background: #E5E5E5;
	}
	.count-down-btns {
		margin-left: 12rem;
	}
	.count-down-btns  .clear-detail{
		margin-top: 20px;
		margin-bottom:20px;
	}
	.order-details-form .inpur-group{
		padding: 0px 13px;
	}
}
/* -----------------------------------------checkout-page---------------------------------------- */
@media screen and (max-width: 600px){
	.overview-box {
		padding: 19px 0rem;
	}
	.ckeckout-btn-box {
		display: block;
		margin: auto;
		width: 61%;
	}
	.coupon-btn-box .btn-blue {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		align-items: center;
		text-align: right;
		text-transform: capitalize;
		color: #0B0033;
		background: url(../img/btn-blue-bg.svg) no-repeat 95% 5%;
		width: 193px;
		padding: 14px 20px;
		margin-bottom: 20px;
		margin-left: 2%;
	}
	.order-checkout-top .h2-desktop-black {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 25px;
		line-height: 135%;
		text-transform: capitalize;
		color: #0B0033;
		text-align: center;
	}
	.order-checkout-top {
		padding: 10rem 0 1rem;
		position: relative;
		z-index: 1;
		background: #E5E5E5;
	}
}
/* ----------------------------account----------------------------------- */
@media screen and (max-width: 767.5px){
	.dashboard-top {
		background: #ffffff;
		padding: 11rem 0 0rem;
		position: relative;
	}
	.dashboard-right {
		padding: 70px 6px 0px;
	}
    
	.fixed-action-btn {
		position: absolute;
		left: 0;
		right: 0;
		top: 138px;
		padding: 28px 16px 27px 13px;
		z-index: 99;
		width: 93%;
		height: 77px;
		margin: auto;
		background: #0B0033;
		border-radius: 0px;
		border-left: 0px solid #1158cf;
		text-align: center;
	}
	.overlaybtm-menu {
		height: 0;
		width: 93%;
		position: absolute;
		z-index: 1000;
		top: 200px;
		left: 0;
		background: #0B0033;
		overflow-x: hidden;
		transition: 0.5s;
		bottom: 0;
		margin: 13px 34px 18px 13px;
	}
	.btn-floating{
		position: absolute;
		top: 24px;
		left: 14rem;
	}
	.footer-title{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		text-transform: capitalize;
		color: #FFFFFF;
		opacity: 0.87;
	}
	.overlaybtm-menu .overlay-content {
		position: relative;
		top: 0;
		width: 100%;
		text-align: center;
		height: 100%;
		padding-top: 0;
		background: #0B0033;
	}
	.overlay-content .menu {
		padding: 0;
		list-style: none;
	}
	.mobile-logout {
		margin: 0px;
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		text-transform: capitalize;
		color: #FFFFFF;
		opacity: 0.87;
		text-decoration: none;
	}
	.logout #closeNav {
		position: absolute;
		bottom: 3px;
		right: 162px;
		font-size: 30px;
		text-align: center;
		text-decoration: none;
		color: red;
	}
	
	
	.overlay-content .menu .page-title {
		font-family: Inter;
		font-style: normal;
		font-weight: bold;
		font-size: 30px;
		line-height: 82px;
		color: #161616;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		padding: 0px 25px !important;
		text-align: left;
	}
	.overlay-content .menu li {
		text-align: left;
		padding: 0px 25px;
	}
	.overlay-content .menu li a {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		text-transform: capitalize;
		color: #FFFFFF;
		opacity: 0.87;
		display: block;
		margin-bottom: 30px;
	}
	.order-head-mo{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #0B0033;
		opacity: 0.87;
		margin-top: 20px;
	}
	.order-table-mo .p-e-book{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 24px;
		line-height: 135%;
		text-transform: capitalize;
		color: #0B0033;
		opacity: 0.87;
		margin-bottom: 0px;
	}
	.p-blue{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 17px;
		color: #2B67F6;
		margin-top: 10px;
	}
	.p-e-book{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 200%;
		color: #0B0033;
		opacity: 0.87;
	}
	.order-right .dashboard-right {
		padding: 23px 0px 34px !important;
	}
	.p-mo-0{
		padding: 0px;
	}
	.p-date{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 200%;
		color: #0B0033;
		opacity: 0.87;
		margin-top: 14px;
	}
	.p-qty{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 200%;
		color: #0B0033;
		opacity: 0.87;
		margin-top: 0px;
	}
	.order-mo-box .fixed-action-btn {
		position: absolute;
		left: 0;
		right: 0;
		top: 205px;
		padding: 28px 16px 27px 13px;
		z-index: 99;
		width: 93%;
		height: 77px;
		margin: auto;
		background: #0B0033;
		border-radius: 0px;
		border-left: 0px solid #1158cf;
		text-align: center;
	}
	.h2-desktop-black-mo{
		margin-top: -42px;
		margin-bottom: 134px;
		margin-left: 4px;
	}
	.order-mo-box .overlaybtm-menu {
		height: 0;
		width: 93%;
		position: absolute;
		z-index: 1000;
		top: 200px;
		left: 0;
		background: #0B0033;
		overflow-x: hidden;
		transition: 0.5s;
		bottom: 0;
		margin: 83px 34px 18px 13px;
	}
	.order-mo-box .overlaybtm-menu .overlay-content {
		position: relative;
		top: 0;
		width: 100%;
		text-align: center;
		height: 100%;
		padding-top: 22px;
		background: #0B0033;
	}
	.order-table-mo  a{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #0B0033;
		opacity: 0.87;
		text-decoration: none;
	}
	
	.order-top {
		background: #E5E5E5;
		padding: 11rem 0 0rem;
		position: relative;
	}
	.break-div{
		height: 30px;
		width: 100%;
		background: #E5E5E5;
		margin-top: 17px;
	}
	.address-details {
		background: #0B0033;
		margin-bottom: 30PX;
	}
	.address-right {
        padding: 20px 0px;
        margin-top: 18px;
    }
	.dashboard-head-mo{
		height: 166px;
		margin-top: -35px;
	}
	.address-details-mo .fixed-action-btn {
		position: absolute;
		left: 0;
		right: 0;
		top: 218px;
		padding: 28px 16px 27px 13px;
		z-index: 99;
		width: 93%;
		height: 77px;
		margin: auto;
		background: #0B0033;
		border-radius: 0px;
		border-left: 0px solid #1158cf;
		text-align: center;
	}
	.address-details-mo .overlaybtm-menu {
		height: 0;
		width: 93%;
		position: absolute;
		z-index: 1000;
		top: 200px;
		left: 0;
		background: #0B0033;
		overflow-x: hidden;
		transition: 0.5s;
		bottom: 0;
		margin: 91px 34px 37px 13px;
	}
	.address-head p {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #2B67F6;
		margin-bottom: 0px;
	}
	.address-details-box h6 {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 200%;
		color: #2B67F6;
		opacity: 0.87;
	}
	.address-details-box p {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #EFEFEF;
	}
	.account-box label {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #0B0033;
		margin-bottom: 14px;
	}
	.order-complete-content {
		background: #FFFFFF;
		border-radius: 0px;
		padding: 29px 27px;
		margin-top: 36px;
	}
	.ebook-and-count p{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #0B0033;
	}
	.order-complete-top {
        padding: 10rem 0 2rem;
        position: relative;
	}
	.image-and-qty p{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #0B0033;
	}
	.bill-and-tolal p{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #0B0033;
	}
	.ebook-and-count-p p{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 200%;
		color: #0B0033;
		opacity: 0.87;
	}
	.ebook-and-count-p .p-ebook{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 24px;
		line-height: 135%;
		text-transform: capitalize;
		color: #0B0033;
		opacity: 0.87;
		margin-bottom: 5px;
	}
	.ebook-and-count-p .p-blue{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 17px;
		color: #2B67F6;
	}
	.image-and-qty-p .p-ebook{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 200%;
		color: #0B0033;
		opacity: 0.87;
	}
	.image-and-qty-p .p-ebook{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 200%;
		color: #0B0033;
		opacity: 0.87;
	}
	.bill-and-tolal-p p{
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 200%;
		color: #0B0033;
		opacity: 0.87;
	}
	.order-complete-content .break-div {
		height: 30px;
		width: 100%;
		background: #E5E5E5;
		margin-top: 17px;
		margin-bottom: 32px;
	}
	.order-btn-box {
		margin-top: 40px;
		display: none !important;
	}
	.thanks-hade{
		padding: 0px 20px;
	}
	.order-btn-box-mo {
		margin-top: 40px;
		margin-right: 20px;
	}
	.order-btn-box-mo .btn-yellow {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		align-items: center;
		text-align: right;
		text-transform: capitalize;
		color: #0B0033;
		background: url(../img/btn-yellow-bg.png) no-repeat 95% 5%;
		width: 210px;
		padding: 15px 21px;
	}
	
	
	
}

@media screen and (max-width: 660px) {
	.error-content {
		text-align: center;
		padding: 20px 10px;
	}
	.error-top {
		padding: 7rem 0 2rem;
		position: relative;
	}
	.error-top img{
		margin-top: 37px;
	}
	.error-top .btn-yellow {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		align-items: center;
		text-align: right;
		text-transform: capitalize;
		color: #0B0033;
		background: url(../img/btn-yellow-bg.png) no-repeat;
		width: 151px;
		padding: 14px 20px;
		float: right;
	}
	.breadcrumb-top {
        padding: 10rem 0 1rem;
        position: relative;
    }
}
  @media screen and (max-width: 660px) {
	.footer-head {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #2B67F6;

	}
	.footer-bg {
		background: #0B0033;
		padding: 2rem 0;
		padding-bottom: 24px;
	}
	.footer-sub {
        margin-top: 20px;
    }
	.footer-logo{
		text-align: center;
	}
	.footer-navigation{
		margin-top: 0px;
		padding: 20px 27px;
	}
	.footer-legals{
		margin-top: 0px;
		padding: 20px 27px;
	}
	.footer-contact{
		text-align: center;
		margin-bottom: 30px;
	}
	.footer-a {
		font-family: 'Apercu';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		text-transform: capitalize;
		color: #EFEFEF;
	}
	
	
}