html {scroll-behavior: smooth;}
body, html {margin: 0;padding: 0;font-family: 'Mukta', sans-serif;}
* {box-sizing: border-box;}
.d-grid {display: grid;}
.d-flex {display: flex;display: -webkit-flex;}
.d-inline-block{display: inline-block;}
.d-table{display: table;table-layout: fixed;}
.d-table-cell{display: table-cell;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
button,
input,
select {-webkit-appearance: none;outline: none;font-family: 'Mukta', sans-serif;}
button,
.btn,
select {cursor: pointer;}
a {text-decoration: none;}
img {max-width: 100%;}
ul {margin: 0;padding: 0}
h1,
h2,
h3,
h4,
h5,
h6,
p {margin: 0;padding: 0}
p {color: #666;font-size: 18px;line-height: 25px;}
.p-relative {position: relative;}
.p-absolute {position: absolute;}
.p-fixed {position: fixed;}
.p-sticky {position: sticky;}
.btn,
button,
.actionbg,
input {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;}
.btn:hover,
button:hover {transition: 0.5s ease;-webkit-transition: 0.5s ease;-o-transition: 0.5s ease;-ms-transition: 0.5s ease;-moz-transition: 0.5s ease;}
a:hover{text-decoration: none;}
.pt-80{padding-top: 80px;}
.pb-80{padding-bottom: 80px;}
@keyframes slide{
0%{transform: translate3d(0, 0, 0);}
100%{transform: translate3d(-1221px, 0, 0);}
}



/*-- wrapper start --*/
.wrapper {width: 100%;}
.shell {max-width: 1300px;padding-left: 20px;padding-right: 20px;margin: 0 auto;}
.section-title-wrap{margin-bottom: 80px;}
.section-title-wrap h2{letter-spacing: -.025em;color: #4c4c4c;font-weight: 800;font-size: 1.875rem;}
.section-title-wrap h2 span {color: #ff603c;}
.section-title-wrap > p{max-width: 48rem;display: inline-block;color: #2d3748;margin-top: 1.25rem;font-size: 1rem !important;}



/*Header*/
header{box-shadow: 0 4px 16px 0 rgba(0,0,0,.06) !important;padding: 6px 0;}
.header-logo{width: 30%;}
.header-logo a{}
.header-logo img{width: 180px;}
.header-logo a:hover img{}
.header-nav, .header-logo{vertical-align: middle;}
.header-nav{text-align: right;width: 69%;}
.header-nav nav{}
.header-nav ul{}
.header-nav li{list-style: none;display: inline;padding: 10px;}
.header-nav a{color: #3d3d3d;font-weight: 600;font-size: 15px;}
.header-nav a:hover{color: #ff603c;}
.header-nav a.btn{color: #ff603c;border: 1px solid;padding: 10px 15px;font-weight: bold;font-size: 14px;}
.header-nav a.btn:hover{background: #ff603c;color: #fff;}
/*Cover*/
.cover-wrap{background: #f8f9fd;padding: 30px 0;}
.cover-left{}
.cover-left h1{margin-bottom: 20px;color: #3a4250;font-weight: 400;font-size: 30px;line-height: 40px;}
.cover-left h1 span{color: #ff603c;}
.cover-left p{font-size: 17px;line-height: 1.65;color: #53607e;margin-bottom: 20px;}
.cover-left a{padding: 13px 20px;color: #fff;background-color: #ff603c;border-radius: 5px;display: inline-block;vertical-align: middle;text-align: center;cursor: pointer;box-shadow: 2px 2px rgba(0,0,0,.2);width: 150px;font-size: 13px;margin: 8px 4px;}
.cover-left a:hover{opacity: .7;}
.cover-left, .cover-right{width: 49%;vertical-align: middle;}
.cover-right{}
.cover-right img{}
/*How it Work*/
.how-it-work{}
.how-it-work .box-row{}
.how-it-work .box-single{transition-duration: .5s;box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background-color: rgb(247,250,252);width: 300px;margin: 0 15px;vertical-align: top;padding: 1.5rem 1rem 2rem;}
.how-it-work .box-single:hover{box-shadow: 0 8px 38px rgba(65, 85, 108, .4);--transform-translate-y: -0.25rem;}
.how-it-work i{color: #6969c1;font-size: 2.25rem;line-height: 1;}
.how-it-work h3{color: #4c4c4c;line-height: 1.5rem;font-size: 1.125rem;font-weight: 500;margin: 16px 0;}
.how-it-work p{line-height: 1.5rem;font-size: .875rem;}


/*Features*/
.features-wrap{background: #f8f9fd;}
.features-wrap .d-table{width: 100%;}
.features-left{}
.features-left img{}
.features-left, .features-right{vertical-align: middle;width: 50%;}
.features-right{}
.feature-single{margin: 40px 0;}
.feature-single-left{width: 19%;text-align: center;}
.feature-single-left i{font-size: 80px;color: #ff603c;}
.feature-single-left, .feature-single-right{vertical-align: middle;}
.feature-single-right{width: 80%;}
.feature-single-right h3{font-size: 17px;margin-bottom: 5px;color: #ff603c;}
.feature-single-right p{font-size: 14px;margin-top: 15px;}


/* Sliding Div*/
.sliding-wrap {overflow: hidden;background: linear-gradient(to bottom, #ff603c 1%,#ed3a11 100%);}
.sliding-background {background: url("../images/scrolling-div.webp") repeat-x;height: 149px;width: 5000px;animation: slide 40s linear infinite;margin-top: 50px;}

/*Reviews*/
.reviews-wrap{background: #efefef;}
#carouselExampleControls {display: inline-block;width: 500px;}
.reviews-wrap p{font-size: 15px;margin-bottom: 20px;}
.reviews-wrap h4{color: #fd5d38;font-size: 16px;letter-spacing: 2px;}
.reviews-wrap .uk-slidenav-position{position: relative;display: inline-block;width: 500px;}
.reviews-wrap a.uk-slidenav{}
.reviews-wrap a.uk-slidenav.uk-slidenav-previous{}
.reviews-wrap a.uk-slidenav.uk-slidenav-next{}
.reviews-wrap a.uk-slidenav:after{position: absolute;font-family: ionicons;color: #333;top: 31%;font-size: 22px;}
.reviews-wrap a.uk-slidenav.uk-slidenav-previous:after{content: "\f124";left: -50px;}
.reviews-wrap a.uk-slidenav.uk-slidenav-next:after{content: "\f125";right: -50px;}

/*Footer*/
footer{}
footer > div > div{width: 24%;vertical-align: top;padding: 0 20px;}
footer > div > div > a{}
footer p{font-size: 13px;}
footer img{width: 170px;margin-bottom: 10px;}
footer h3{font-size: 16px;text-transform: uppercase;font-weight: bold;letter-spacing: 2px;margin-bottom: 20px;}
footer ul{}
footer li{list-style: none;}
footer a{color: #777;font-size: 15px;line-height: 40px;}
footer a:hover{color: #ff603c;  }




/*Checkout Page*/
.filterPackagingWrap{background: #f9f9f9;}
.orderFormWrap {width: 500px;display: inline-block;background: #fff;padding: 40px;margin-top: 40px;border-radius: 15px;box-shadow: 0 2px 27px 3px rgb(0 0 0 / 6%);border: 1px solid #ddd;}
.formMeta h2 {font-size: 30px;}
.formMeta p {font-size: 14px;}
.formArea form {margin-top: 30px;text-align: left;}
.inputArea label {display: block;width: 100%;color: #999;margin-bottom: 10px;position: relative;}
.inputArea label i {position: absolute;right: 14px;top: 47px;font-size: 17px;color: #444;pointer-events: none;}
.inputArea select, .inputArea input {width: 100%;border: none;height: 50px;padding: 0px 15px;color: #626161;font-size: 16px;border: 1px solid #ddd;border-radius: 6px;margin-bottom: 20px;}
.submit input {width: 100%;height: 60px;background: #ff7e25;color: #fff;border: none;letter-spacing: 4px;}
.submit input:hover{opacity: .7;}
.submit p {font-size: 11px;text-align: center;letter-spacing: 3px;margin-top: 10px;text-transform: uppercase;}
/*Step 2*/
.user-profile-info{margin-top: 30px;text-align: center;}
.user-profile{padding:10px;display: inline-block;width: 150px;height: 150px;border-radius: 50%;background: #ff7e25;overflow: hidden;margin-bottom: 30px;}
.user-profile img{width: 100%;border-radius: 50%;position: relative;top: -2px;}
.profile-info {width: 32%;text-align: center;}
.user-profile-info h3{color: #fe7d27;font-size: 24px;}
.user-profile-info p{font-size: 14px;}
.user-posts{}
.user-posts > p{color: #999;font-size: 14px;letter-spacing: 1px;}
.user-posts > p span{background: #fe7d27;padding: 6px;border-radius: 20px;color: #fff;}
.single-post{vertical-align: top;}
.single-post.selected{border-radius: 50%;overflow: hidden;}
.single-post{width: 120px;margin: 5px;position: relative;}
.single-post img{width: 100%;}
.single-post p{display: none;}
.single-post.selected img{border-radius: 50%;}
.single-post.selected p{display: block;position: absolute;z-index: 1050;background: rgba(0,0,0,.5);left: 0;top: 0;right: 0;bottom: 0;line-height: 122px;color: #fff;font-size: 30px;}
.formArea > a {margin-top: 50px;width: 100%;display: block;background: #fe7f26;height: 50px;line-height: 50px;color: #fff;font-size: 18px;text-transform: uppercase;letter-spacing: 10px;border-radius: 5px;}
.formArea > a:hover{opacity: .7;}
/*Step 3*/
.order-summary{}
.order-summary h3{text-transform: uppercase;letter-spacing: 2px;font-size: 25px;margin-bottom: 20px;}
.order-summary table{width: 100%;text-align: left;}
.order-summary tr{}
.order-summary td{font-size: 16px;color: #888;height: 40px;}
.order-summary .total{border-top: 1px solid #ccc;}
.order-summary .total td{color: #333;font-weight: bold;}
.payment-methods{}
.payment-methods a{}







/*Category Page*/
.breadcrums-wrap{padding: 15px;background: #ececec;}
.breadcrums-wrap p{font-size: 16px;letter-spacing: 2px;color: #000;}
.breadcrums-wrap a{color: #ff7e28;display: inline-block;margin-right: 20px;position: relative;}
.breadcrums-wrap a:after{position: absolute;content: "\f30f";font-family: ionicons;color: #333;right: -20px;}
.breadcrums-wrap a:hover{text-decoration: none;}
/*Package*/
.packages .uk-slider > li{padding: 10px;}
.packages-single {border: 1px solid #ff7e28;}
.packages-single .name{padding: 20px;}
.packages-single .name .number{font-size: 24px;color: #ff7e28;margin-bottom: 14px;}
.packages-single .name span{font-size: 18px;}
.packages-single .price{background: #ff7e28;padding: 30px;color: #fff;}
.packages-single .price .symbol{position: relative;top: -15px;left: -4px;}
.packages-single .price .big{font-size: 30px;}
.packages-single .features{}
.packages-single ul li{padding: 14px;border-bottom: 1px solid #efefef;list-style: none;font-size: 13px;letter-spacing: 1px;}
.packages-single li i{color: #ff7e28;}
.packages-single li.text-success{}
.packages-single .order_button{padding:10px;}
.packages-single .order_button span{}
.packages-single .order_button span i{}
.packages-single .order_button a{background: #ff7e28;color: #fff;display: inline-block;width: 180px;position: relative;height: 40px;line-height: 40px;letter-spacing: 1px;}
.packages-single .order_button a i{position: absolute;left: 0;width: 35px;background: #e9640c;pointer-events: none;}
.packages-single .order_button a:hover{text-decoration: none;opacity: .7;}
/*Category Content*/
.cat-content{background: #f4f4f4;}
.cat-content h2{margin-bottom: 10px;}
.cat-content h3{margin-bottom: 10px;letter-spacing: 1px;}
.cat-content p{font-size: 14px;letter-spacing: 1px;margin-bottom: 20px;}



/*Login Page*/
.login-box{background: #f9f9f9;}
.login-box > div{width: 500px;background: #fff;padding: 50px 30px;border-radius: 10px;box-shadow: 0 2px 27px 3px rgb(0 0 0 / 6%);}
.login-box h2{font-size: 24px;letter-spacing: 2px;color: #555;}
.login-box p{font-size: 13px;letter-spacing: 2px;margin-top: 10px;}
.login-box form{margin-top: 20px;}
.login-box .input-wrap{position: relative;margin: 20px 0;}
.login-box .input-wrap input{width: 100%;height: 50px;border: 1px solid #e3e0e0;padding-left: 40px;color: #555;font-size: 15px;letter-spacing: 2px;}
.login-box .input-wrap i{position: absolute;left: 14px;font-size: 22px;top: 13px;color: #999;}
.login-box .input-wrap input[type="submit"]{padding-left: 0;border: none;background: #ff7e25;color: #fff;letter-spacing: 2px;text-transform: uppercase;margin-top: 10px;}
.login-box .input-wrap input[type="submit"]:hover{opacity: .7;}
.login-box a{font-size: 16px;letter-spacing: 3px;color: #ff7e25;}
.login-box a:hover{color: #777;}



/*User Dashboard*/
.login-box{}
.login-box > h2{}
.login-box > p{}
.login-box > p > a{font-size: 14px;margin: 10px 10px 30px;display: inline-block;}
.login-box > p > a:hover{}
.login-box .u-title{}
.login-box .u-title h3{border-bottom: 1px solid #eee;margin-bottom: 30px;text-align: left;padding-bottom: 10px;font-size: 22px;letter-spacing: 2px;text-transform: uppercase;}
.login-box .u-title h3 i{margin-right: 10px;font-size: 23px;}
.u-info-wrap{text-align: left;margin-bottom: 20px;}
.u-info-wrap h3{font-size: 18px;margin-bottom: 0;}
.u-info-wrap p{margin-top: 1px;}
.login-box .d-inline-block > a{display: inline-block;background: #ff7e25;color: #fff;padding: 18px;border-radius: 5px;margin: 0 5px;}
.login-box .d-inline-block > a:hover{opacity: .7;}
.order-history{width: 700px !important;}
.order-history table{}
.order-history th{width: 110px;}
.order-history thead{}
.order-history tbody{}
.order-history th td{}
.order-history tr{border: 1px #333 dashed;}
.order-history tr td{}
.order-history td a{font-size: 12px;letter-spacing: 1px;}
.order-history td a:hover{}
.order-history th.order-id{}
.order-history th.order-account{}
.order-history th.order-package{}
.order-history th.order-status{}
.order-history th.order-tracking{}
.order-history th.order-receipt{}



/* Responsive */
@media (max-width: 1200px) {
.header-logo {width: 20%;}
.header-nav {width: 79%;}
.how-it-work .box-single {width: 280px;}
}
@media (max-width: 1024px) {
.header-logo, .header-nav{width: 100%;text-align: center;}
.header-nav ul {margin-top: 20px;}
.header-nav a {font-size: 13px;}
.how-it-work .box-single {margin: 15px;}
}
@media (max-width: 800px) {
.header-nav {display: none;}
header {padding: 16px 0;}
.cover-left, .cover-right, .features-left, .features-right{width: 100%;}
.features-left.d-table-cell, .features-right.d-table-cell {display: block;}
footer > div > div {width: 48%;}
.reviews-wrap a.uk-slidenav.uk-slidenav-next::after {right: 0;}
.reviews-wrap a.uk-slidenav.uk-slidenav-previous::after {left: 0px;}
}
@media (max-width: 567px) {
.how-it-work .box-single {margin: 15px 0;}
.sliding-wrap.pt-80 {padding-top: 0px;}
.sliding-wrap.pb-80 {padding-bottom: 20px;}
.reviews-wrap .uk-slidenav-position, footer > div > div{width: 100%;}
.orderFormWrap{width: 95%}
}



/*-- //responsive design --*/