body {
  font-family: 'Roboto Condensed', Arial, sans-serif
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

.about-info li {
    font-size:smaller;
}

ul,
li,
p {
  margin: 0px;
  padding: 0px;
}
.h5,
h5 {
  font-size: 1rem;
}

/*blogs*/
.latest-blog {
    padding: 20px;
    box-shadow: 0px 0px 4px #ddd;
    border-radius: 10px;
    background: #f4f4ff;margin-bottom:20px;
}
.latest-blog h4 {
    font-weight: bold;
    border-bottom: 1px solid #ff5d33;
    padding-bottom: 10px;
    color: #ff5d33;
}
#blogdetails .latest-blog ul li {list-style:none;}
.blog-categories {padding:20px; box-shadow:0px 0px 4px #ddd; border-radius:10px;background: #f4f4ff;}
.blog-categories ul {margin-left:20px;}
.blog-categories h4 {font-weight: bold;
    border-bottom: 1px solid #ff5d33;
    padding-bottom: 10px;color:#ff5d33;}
.blog-categories ul li a {color: #000;display: block;padding: 6px 0px;font-size:15px;font-weight:bold;}
#blogdetails .newpost {display:flex;gap:10px;align-items:center;}
#blogdetails .newpost img {
    width:100px;
    padding: 0px;
    border-radius: 5px;
}
.blogname h5 {color: #ff5d33;font-weight: bold;}
.blogname p {color:#000;}
#blogdetails .blogdetailcontent {
    margin-bottom: 20px;
}
#blogdetails ul li {margin-bottom: 10px;}
#blogdetails .blogdetailcontent h4 {
    font-weight: bold;
    padding-bottom: 10px;
    color: #ff5d33;
}
/*end */


/*top*/
.top {
    background: #ff5d33;
}
.left-top {gap:10px;}
.topin li {
    list-style: none;
    border-right: 1px solid #fff;
    padding-right: 10px;
}
#map{padding:30px 0px;}
.topin li:last-child {border-right:none;}
.topin {
    display: flex;
    padding: 5px 0px;
    justify-content: space-between;
}
.topin li a {color:#fff;}
.right-top {
    display: flex;
    gap: 20px;
}
.rightside-box a {
    background: #ff7652;
  font-size: 19px;
  padding:10px 20px;
  border-radius: 30px;
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
}


/*end*/


/*team*/
.team-detail {
    width: 300px;
    background: #ff7855;
    padding: 30px;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    position: absolute;
    bottom:-110px;
    right:-50px;
}
.team-detail h5 {
    font-size: 20px;
    font-weight: bold;
}
.team-detail h3 {font-size:30px;margin:20px 0px;line-height: 40px;}

#team-member {
    background: #ffe6df;
    padding: 40px 0px 100px;
    text-align: center;
}
#prof-team {padding: 40px 0px;}
.member-detail p {
    padding-bottom: 20px;
}
#prof-team h5 {
    font-size: 20px;
    font-weight: bold;
}

.leaderimg {position:relative;}
.leaderimg .leader-details {
    position: absolute;
    background: #fff;
    padding: 10px;
    bottom: -30px;
    left: 30px;
    right: 30px;
    border-radius: 10px;
}
.leader-details i {
    position: absolute;
    font-size: 20px;
    color: #ffffff;
    bottom: -20px;
    right: 40px;
    background: #ff7a57;
    width: 35px;
    height: 35px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.leaderimg img {width:100%;}
/*end */


/* gallery */

#gallery{padding: 60px 0px;}

  #gallery h2{text-align: center; margin-bottom: 25px;}

  @media screen and (max-width: 991px) {
    #gallery {
      padding: 60px 30px 25px 30px;
    }
  }
  .prof-teamin {position:relative;}
  .prof-teamin img {width:100%; border-radius:10px;}
  .img-wrapper {
    position: relative;
    margin-top: 15px;
  }
  .img-wrapper img {
    width: 100%;
  }
  
  .img-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
  }
  .img-overlay i {
    color: #fff;
    font-size: 3em;
  }
  
  #overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    padding: 5%;
  }
  @media screen and (min-width: 768px) {
    #overlay img {
      width: 60%;
    }
  }
  @media screen and (min-width: 1200px) {
    #overlay img {
      width: 50%;
    }
  }
  
  #nextButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #nextButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #nextButton {
      font-size: 3em;
    }
  }
  
  #prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #prevButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #prevButton {
      font-size: 3em;
    }
  }
  
  #exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  #exitButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #exitButton {
      font-size: 3em;
    }
  }

/*packages*/

li.offerbtn {
  position: relative;
}
.giftoffer {
  background: #000000;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  display: none;
  top: 2px;
  right: -73px;
}
span.giftoffer::before {content: "";
  border-right: 9px solid #000;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  position: absolute;
  left: -9px;
  top: 0px;}
.plantabs {justify-content: center;margin-bottom: 40px;}
.plansbtn {border: none; margin: 0px 10px; padding: 3px 15px; background: #fff4f1;}
.price_item {display:flex; justify-content:center;}
.price {font-size: 44px;}
.price sup {
  vertical-align: super;
  font-size: 18px;
}
.price sub, .price sub {
  vertical-align: middle;
  font-size: 18px;
  bottom: 0px;
}
#slide-boxes .plantitle {
  margin-bottom: 40px;
}
#slide-boxes .plantitle h2 {color: #ff7855;font-weight: bold;}
#slide-boxes .room-inf p {margin-bottom: 20px;}
#slide-boxes {text-align: center;padding: 30px 0px;}
#slide-boxes img {margin: auto; width: 14px; margin: 0px;}
#slide-boxes h4 a {font-weight:bold; text-align: center;display: block;color: #ff7855;font-size: 30px;}
#slide-boxes .slidebox {border:2px solid #fff;box-shadow: 0px 0px 5px #919191; background-color: #fff;border-radius: 15px; color: #000;padding: 40px 10px;transition: 1s;margin-bottom:30px;}
#slide-boxes .pricers {font-weight: bold;}
.button-trial {border: 2px solid #ff7855; color: #ff7855; padding: 8px 20px; display: inline-block;
  margin-top:20px; transition: .5s;border-radius: 5px;}
#slide-boxes .slidebox:hover {border:2px solid #ff7855}
.button-trial:hover {color: #000;background: #ff7855;}
#slide-boxes .slidebox.active-price-box {
  border: 2px solid #ff7855;
}
.slidebox.active-price-box .button-trial {
  color: #fff;
  background: #ff7855;
}
.slidebox-content {padding: 20px 0px;}
.slidebox-content ul li i {color: #ff7855;}
.slidebox-content ul {padding:0px 20px;margin-top:0px;}
.slidebox-content ul li {list-style:none;text-align: left;border-bottom: 1px dotted #ddd; padding: 6px 0px;}

/* end */

/*ppc*/
.membership-pricing-table {
    width: 100%
}
.btncolor {background: #ff7855; color: #fff;}
.btncolor:hover {background:#000; color:#fff;}
.membership-pricing-table .fa-check {color: #25a909;}
.membership-pricing-table .fa-close {color: #d01212;}
.membership-pricing-table table .icon-no {
    background: url(../img/no.png) no-repeat;
    height: 19px;
    width: 19px;
    line-height: 19px;
    display: block;
    margin: 0 auto
}
.membership-pricing-table table .icon-yes {
    background: url(../img/yes.png) no-repeat;
    height: 19px;
    width: 19px;
    line-height: 19px;
    display: block;
    margin: 0 auto
}
.membership-pricing-table table .plan-header {
    text-align: center;
    font-size: 48px;
    border: 1px solid #e2e2e2;
    padding: 25px 0;
}
.membership-pricing-table table .plan-header-free {
    background-color: #eee;
    color: #555;
}
.membership-pricing-table table .plan-light-orange {
    color: #fff;
    background-color:#ff7957;
    border-color: #b97100;
}
.membership-pricing-table table .plan-orange {
    color: #fff;
    background-color:#ff4313;
    border-color:#ff3500;
}
.membership-pricing-table table .plan-dark-orange {
    color: #fff;
    background-color:#a32100;
    border-color: #ff3500;
}
.membership-pricing-table table td {
    text-align: center;
    width: 15%;
    padding: 7px 10px;
    background-color: #fafafa;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}
.membership-pricing-table table,.membership-pricing-table table td {
    border: 1px solid #ebebeb
}
.membership-pricing-table table tr td:first-child {
    background-color: transparent;
    text-align: left;
    width: 24%
}
.membership-pricing-table table tr td:nth-child(5) {
    background-color: #FFF
}
.membership-pricing-table table tr:first-child td,.membership-pricing-table table tr:nth-child(2) td {
    -webkit-box-shadow: none;
    box-shadow: none
}
.membership-pricing-table table tr:first-child th:first-child {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: #e2e2e2
}
.membership-pricing-table table tr:first-child th .pricing-plan-name {
    font-size: 22px
}
.membership-pricing-table table tr:first-child th .pricing-plan-price {
    line-height: 35px
}
.membership-pricing-table table tr:first-child th .pricing-plan-price>sup {
    font-size: 45%
}
.membership-pricing-table table tr:first-child th .pricing-plan-price>span {
    font-size: 30%
}
.membership-pricing-table table tr:first-child th .pricing-plan-period {
    margin-top: -7px;
    font-size: 25%
}
.membership-pricing-table table .header-plan-inner {
    position: relative
}
.membership-pricing-table table .recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #dc3b5d;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 11px!important;
    font-weight: 500;
    left: -6px;
    top: -22px;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset;
    box-shadow: 0 -1px #c2284c inset;
    text-shadow: 0 -1px #c2284c
}
.membership-pricing-table table .recommended-plan-ribbon:before {
    border: solid;
    border-color: #c2284c transparent;
    border-width: 6px 0 0 6px;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 90
}
.membership-pricing-table table .recommended-plan-ribbon:after {
    border: solid;
    border-color: #c2284c transparent;
    border-width: 6px 6px 0 0;
    bottom: -5px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 90
}
.membership-pricing-table table .plan-head {
    box-sizing: content-box;
    background-color: #ff9c00;
    border: 1px solid #cf7300;
    position: absolute;
    top: -33px;
    left: -1px;
    height: 30px;
    width: 100%;
    border-bottom: none
}

/*end*/


.accordion-button:focus {box-shadow:none;}
.accordion-button:not(.collapsed)::after {filter: brightness(0.5);}

.secondpart {background: #f4f4ff;padding:40px 0px 1px;}

/* faq */
.faqs {padding: 40px 0px;}
.faqs .faqtitle {text-align: center;margin-bottom: 30px;}
.faqs h3 img {width:30px;}
.faqs .accordion-button:not(.collapsed) {background:#ffe0d7;color:#000;}
/*  */

/* related products */
.related-product .detels-services {
  text-align: center;
  margin-bottom: 30px;
}
.breadcrumb {
  background: #f4f4ff;
}
.related-product h3 img {width: 30px;}
.detels-services h4 {font-size: 30px;margin-bottom: 20px;}
.reverse {flex-direction:row-reverse;}
.iti {width: 100%;}
.theme-form-floating .form-control,
.theme-form-floating .form-select {
  height: 50px;
}
.breadcrumb ul li {color:#000; padding: 20px 0px;}
.breadcrumb ul li a {color:#000; padding: 10px 0px;}
header .offcanvas .offcanvas-body .navbar-nav .down ul.dropdown {width:auto; left:0; top:100%;}
header .offcanvas .offcanvas-body .navbar-nav .down.megamenu ul.dropdown {width:100%; left:0; top:100%;}
header .megamenu ul .nav-link {position:static;}
header .offcanvas .offcanvas-body .navbar-nav .down.megamenu {position: static;}
.megamenu h5 a {color:#ff6b44; padding-bottom:5px; border-bottom: 1px solid; font-weight: bold; display: block;}
.form-control:focus {
  box-shadow: none;
}
#getconsultation .row{align-items: center;}
#getconsultation .btn-a .btn-b {
  background: #ff7652;
  font-size: 19px;
  padding: 14px 40px;
  border-radius: 30px;
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  margin-top: 13px;
}
#getconsultation {
  background-image: url(../images/consultbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0px;
  position: relative;
  text-align: center;
}
.consultbtn {text-align:center; z-index:2;position: relative;}
.consulttext {position:relative; z-index:2; color:#fff;text-align: left;}
.consulttext h3 {margin-bottom: 20px; font-weight: bold; line-height: 40px;}
#getconsultation::after {
  background: linear-gradient(90deg, #000000d1 16%, #000000ba 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: .95;
}

/* header dropdown  */

.mobile-menu {
  position: fixed;
  bottom: 0;
  padding: 5px;
  padding-bottom: 3px;
  width: 100%;
  background-color: #000;
  z-index: 4;
  overflow: hidden;
  -webkit-box-shadow: 0 -3px 10px 0 rgba(0,0,0,.08);
  box-shadow: 0 -3px 10px 0 rgba(0,0,0,.08)
}

.mobile-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin: 0 auto
}

@media (max-width: 767px) {
  .mobile-menu ul {
      width:80%
  }
}

@media (max-width: 480px) {
  .mobile-menu ul {
      width:95%
  }
}

@media (max-width: 360px) {
  .mobile-menu ul {
      width:100%
  }
}
.mobile-menu ul li {
  width: 100%;
  text-align: center;
  list-style: none;
}

.mobile-menu ul li i {
  color: #fff;
}

.mobile-menu ul li.active {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  position: relative
}
.mobile-menu ul li.active::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  background-color: #fff;
  border-radius: 100%
}
.mobile-menu ul li a {
  display: block
}

.mobile-menu ul li a img {
  display: block;
  margin: 0 auto
}
.mobile-menu ul li a.active,.mobile-menu ul li a:hover {
  color: #222
}
@media (max-width: 360px) {
  .mobile-menu ul li a {
      font-size:11px
  }
}
.mobile-menu ul li a .icli {
  display: inline-block;
  margin: 0 auto;
  font-size: calc(15px + (22 - 20) * ((100vw - 320px)/ (1920 - 320)));
  color: #fff;
  width: 15px;
  height: 15px
}
.mobile-menu ul li a span {
  display: block;
  color: #fff
}


.navbar-nav {
  --bs-nav-link-padding-x: none;
}

.navbar-expand-lg .offcanvas .offcanvas-body {
  justify-content: space-around;
}

header .offcanvas .offcanvas-body .navbar-nav .down {
  position: relative;
}
header .offcanvas .offcanvas-body .navbar-nav .down .dropdown {
  transform-origin: top;
  display: none;
  position: absolute;
  top: 24px;
  z-index: 99;
  padding: 15px 15px;
  width: 250px;
  background-color: #000;
  border-top:1px solid #ff765233;
  transition: 1s all;
}

header .nav-link:focus,
.nav-link:hover {
  color: #ff7652;
}

header .offcanvas .offcanvas-body .navbar-nav .down a i {
  transition: .3s;
}

header .offcanvas .offcanvas-body .navbar-nav .down:hover a i {
  transform: rotate(180deg);
}

header .offcanvas .offcanvas-body .navbar-nav .down:hover .dropdown {
  display: block;
}

header .offcanvas .offcanvas-body .navbar-nav .down .dropdown li:first-child {
  margin-top: 5px;
}

header .offcanvas .offcanvas-body .navbar-nav .down .dropdown li {
  margin-bottom: 4px;
  padding-bottom: 0px;
}

header .offcanvas .offcanvas-body .navbar-nav .down .dropdown li:last-child {
  border: none;
}

header .offcanvas .offcanvas-body .navbar-nav .down .dropdown li a {
  color: #ffffff;
  border-left: 3px solid #ff7754;
  padding-left: 5px;
  text-wrap: nowrap;
}


/* header */
header {
  background-color: #000000;
  /*position: absolute;*/
  z-index: 99;
  top: 0px;
  left: 0px;
  right: 0px;
}

header .navbar-brand {
  width: 20%;
}

header .nav-link {
  font-size: 15px;
  color: white;
  font-weight: 600;
  padding:33px 10px !important;
  transition: .5s;
}

header .nav-link:hover {
  color: #ff7652;
}

header .navbar {
  padding-top: 0px;
  padding-bottom: 0px;
}
header .navbar .navbar-nav {
  gap: 10px;
}
header .nav-link:before {
  width: 0;
  height: 2px;
  background-color: #ff7652;
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: .5s;
}

header .nav-link:hover:before {
  width: 100%;
}

header .book a {
  background: #ff7652;
  font-size: 16px;
  padding:5px 20px;
  border-radius: 10px;
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
}

header .navbar-toggler {
  color: #ff7652;
  font-size: 25px;
  border-color: #000;
  padding: 6px 9px;
}

header .navbar-toggler:focus {
  box-shadow: none;
}

header .offcanvas-title {
  font-size: 25px;
  color: #ff7652;
}

header .offcanvas.offcanvas-start {
  background-color: #000000;
}

header .offcanvas-header .close {
  background-color: transparent;
  color: #fff;
  border: none;
  margin-top: -75px;
}

.sticky {
  background-color: #000000;
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
}

/* header ko sticky karna ki */

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}



/* header right */
.rightside-box i {
  color: #fff;
}

header .onhover-dropdown:hover .onhover-div i {
  color: #000;
}

header .onhover-dropdown {
  position: relative;
}

header .onhover-dropdown:hover .onhover-div {
  opacity: 1;
  top: 50px;
  visibility: visible;
}

header .onhover-dropdown .onhover-div {
  position: absolute;
  top: 60px;
  right: -10px;
  background-color: #fff;
  z-index: 1001;
  width: 320px;
  border-radius: 10px;
  padding: calc(14px + (30 - 14) * ((100vw - 320px)/ (1920 - 320))) calc(11px + (20 - 11) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
  box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  visibility: hidden;
}

/* .mainheader {display: flex; justify-content: space-between;} */
header .onhover-dropdown .onhover-div-login {
  right: 0;
  width: 160px;
  padding: 20px
}

header .onhover-dropdown .onhover-div-login .user-box-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

header .onhover-dropdown .onhover-div-login .user-box-name li {
  display: block;
  width: 100%
}

header .onhover-dropdown .onhover-div-login .user-box-name li a {
  color: #222;
  display: block;
  position: relative;
  font-size: 15px;
}

header .onhover-dropdown .onhover-div-login .user-box-name li a:hover::after {
  width: 40%
}

header .onhover-dropdown .onhover-div-login .user-box-name li a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 4px;
  bottom: 2px;
  left: 0;
  background-color: #ff7957;
  opacity: .3;
  border-radius: 50px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: -1;
}

.reviewbtn {
  padding: 6px 10px;
}

header .onhover-dropdown .onhover-div .cart-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(10px + (25 - 10) * ((100vw - 320px)/ (1920 - 320)));
  border-bottom: 1px solid #ececec;
  padding-bottom: calc(12px + (22 - 12) * ((100vw - 320px)/ (1920 - 320)))
}

header .onhover-dropdown .onhover-div .cart-list li {
  background: #f3f3f3;
  display: block;
  margin-bottom: 4px !important
}

header .onhover-dropdown .onhover-div .cart-list li::after {
  content: none !important
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart::after {
  content: none
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-image img {
  width: 87px;
  background: #f8f8f8;
  padding: 10px
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h5 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 5px;
  font-size: calc(15px + (17 - 15) * ((100vw - 320px)/ (1920 - 320)));
  color: #ff7957;
  font-weight: 500
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 5px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 span {
  margin-top: -2px;
  color: #4a5568
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .close-button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  border: none;
  padding: 0;
  color: #4a5568
}

header .onhover-dropdown .onhover-div .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px)/ (1920 - 320)))
}

header .onhover-dropdown .onhover-div .button-group .cart-button {
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  border: 2px solid #fff;
  color: #fff;
  padding: 6px 10px;
}

header .onhover-dropdown .onhover-div .button-group .cart-button:hover {
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
}

header .onhover-dropdown .onhover-div .price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px)/ (1920 - 320)))
}



header .search-full {
  width: 0;
  height: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

header .search-full .input-group {
  border: 1px solid #f0f3f8
}

header .search-full .input-group .input-group-text {
  background-color: transparent;
  border: none
}

header .search-full .input-group .input-group-text.close-search {
  cursor: pointer
}

header .search-full .input-group .input-group-text svg {
  height: 18px
}

header .search-full .input-group input {
  border: none
}

header .search-full.open {
  width: 100%;
  height: 100%;
  -webkit-animation: zoomIn .5s ease-in-out;
  animation: zoomIn .5s ease-in-out;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

header .search-full.show .search-suggestion {
  padding: 10px;
  border: 1px solid #f0f3f8;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: 500px;
  -webkit-transition: max-height 1s cubic-bezier(.27, .7, 0, .99);
  transition: max-height 1s cubic-bezier(.27, .7, 0, .99)
}


.right-side-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.right-side-menu .right-side {
  position: relative;
  padding-right: 12px;
  list-style: none;
}

@media (max-width: 767px) {
  .right-side-menu .right-side {
    display: none
  }

  .right-side-menu .right-side:last-child {
    display: block
  }
}

@media (max-width: 1199px) {
  .right-side-menu .right-side:first-child {
    display: block
  }
}

@media (max-width: 767px) {
  .right-side-menu .right-side:first-child {
    display: none
  }
}

.right-side-menu .right-side:last-child {
  padding-right: 0
}

.right-side-menu .right-side:last-child::before {
  content: none
}

.right-side-menu .right-side .delivery-login-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
}

.right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
  color: #222;
  margin-right: 14px;
  stroke-width: 1.5;
}

@media (max-width: 1660px) {
  .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
    margin-right: 0;
  }

  .right-side-menu .right-side .delivery-login-box .delivery-detail {
    display: none;
  }
}

.right-side-menu .right-side .delivery-login-box .delivery-detail h6 {
  color: #4a5568;
  margin-bottom: 3px;
}

.right-side-menu .right-side .delivery-login-box .delivery-detail h5 {
  font-weight: 500;
  color: #222;
}

.right-side-menu .right-side .header-badge {
  padding-right: 9px
}

.right-side-menu .right-side .header-wishlist .feather {
  stroke-width: 1.5;
  color: #4a5568;
}

@media (max-width: 1660px) {
  .right-side-menu .right-side .header-wishlist .feather {
    color: #222;
  }
}

.right-side-menu .right-side .header-wishlist:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.right-side-menu .right-side .header-wishlist span {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ff7272;
  font-size: 12px;
  padding: 0;
  border-radius: 2px;
}

.right-side-menu .right-side .header-wishlist span {
  right: 0 !important;
}

/* end */



/* slider */
#slider {
  margin-bottom:0px;
  margin-top: 0px;
}

#slider video {
  object-fit: cover;
  width: 100%;
  height: 600px;
}

/* about */

#about {
  padding: 70px 0;
}

#about h3 img {
  max-width: 22px;
  vertical-align: middle;
  margin-right: 10px;
}
#about h3 {
  color: #ff7652;
  font-size: 15px;
}
#about h2 {
  font-size: 35px;
  line-height: 56px;
  margin-top: 0px;
}
#about .text {
  margin-top: -13px;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
}
#about .about-info {
  columns: 2;
  margin-bottom: 10px;
}

#about .btn-a .btn-b {
  background: #ff7652;
  font-size: 19px;
  padding:10px 20px;
  border-radius: 30px;
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  margin-top: 13px;
}

/* service */

/* #service{background-image: url(../images/wave_shape.webp); background-repeat: no-repeat; background-position: center; background-size: cover;  padding: 100px 0px;} */
#service {
  padding: 50px 0px;
}

#service h5 {
  color: #ff7652;
  font-family: var(--bs-font-sans);
  font-size: 20px;
}

#service h2 {
  font-size: 35px;
  font-weight: 600;
  color: #000;
}

#service .service-inr {
  padding: 20px;
  background-color: #efefef;
}

#service .service-inrr {
  padding: 20px;
  background-color: #efefef;
  border-radius: 0px 80px 0px 0px;
}

#service .row {
  row-gap: 15px;
  overflow: hidden;
}

#service .service-inerr {
  background: #efefef;
  border: 1px solid #dbdbdb;
  transition: .5s;
  padding: 13px 14px 35px 10px;
  margin-bottom: 10px;
  position: relative;
  height: 100%;
  overflow: hidden;
}

#service .service-inerr h5 {
  font-size: 50px;
  color: #ff7652;
  opacity: .3;
  position: absolute;
  right: 11px;
  bottom: 0px;
  transition: .5s;
}

#service .service-inerr h3 {
  font-size: 30px;
  color: #ff7652;
  margin-bottom: 0px;
  transition: .5s;
  font-weight: bold;
}

#service .service-inerr h3 i {
  color: #ff7652;
  font-size: 18px;
  position: relative;
  top: -5px;
  left: -5px;
  transition: .5s;
}

#service .service-inerr .text {
  font-size: 18px;
  font-weight: 450;
  line-height: 28px;
}

#service .service-inerr .textt {
  font-size: 25px;
  color: #ff7652;
  line-height: 28px;
  transition: .5s;
}

#service .service-inerr .awaede {
  font-size: 18px;
  font-weight: 450;
  transition: .5s;
}

#service .service-inerr::before {
  position: absolute;
  z-index: 99;
  transition: .5s;
  width: 100%;
  height: 0%;
  content: '';
  left: 0;
  top: 0;
  background-color: #ff7855b5;
}

#service .service-inerr:hover .text {
  font-size: 18px;
  font-weight: 450;
  line-height: 28px;
  color: #fff;
  position: relative;
  z-index: 999;
}

#service .service-inerr:hover .textt {
  font-size: 25px;
  color: #ff7652;
  line-height: 28px;
  color: #fff;
  position: relative;
  z-index: 999;
}

#service .service-inerr:hover h5 {
  font-size: 50px;
  color: #ffffff;
  opacity: .3;
  position: absolute;
  z-index: 9999;
  right: 11px;
  bottom: 0px;
}

#service .service-inerr:hover h3 {
  color: #ffffff;
  margin-bottom: 0px;
  position: relative;
  z-index: 999;
}

#service .service-inerr:hover h3 i {
  color: #ffffff;
  font-size: 18px;
  position: relative;
  z-index: 999;
  top: -5px;
  left: -5px;
}

#service .service-inerr:hover::before {
  height: 100%;
  color: #fff;
}

#service .inerr2 {
  border-radius: 30px 0px 0px 0px;
}

#service .inerr1 {
  border-radius: 0px 0px 0px 30px;
}

#service .powered-block {
  background-image: url(../images/service1.png);
  height: 100%;
  padding: 190px 0;
  position: relative;
  z-index: 1;
  background-size: cover;
  border-radius: 0 0 30px 0px;
  overflow: hidden;
}

#service .powered-block::after {
  content: "";
  background: #000000cf;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .9;
}

#service .content1 {
  text-align: center;
}

#service .content1 p {
  color: #fff;
  font-size: 18px;
  position: relative;
  top: 31px;
  font-weight: 600;
}

#service .content1 img {
  width: 250px;
}

/* service-a */
.book {
  position: fixed;
  right: -50px;
  transform: rotate(-90deg);
  top: 300px;
  z-index: 1;
}

#service-a {
  padding: 40px 0px;
}

#service-a .row {
  row-gap: 30px;
}

#service-a .service-inr {
  background: #f4f4ff;
  border-radius: 34px;
  overflow: hidden;
  height: 100%;
}
#android-development .imgsc {
  position:sticky;
  top:100px;
}
#secondpart .imgsc {
  position:sticky;
  top:100px;
}
#service-a .service-inr .content {
  padding: 15px 14px 20px;
}

#service-a .service-inr .content h2 a {
  color: #ff7652;
  padding-bottom: 12px;
  font-size: 17px;
  font-weight: bold;
}

#service-a .service-inr .content p {
  font-size: 14px;
  line-height: 26px;
}

#service-a .service-inr .imgsc {
  position: relative;
}

#service-a .service-inr .imgsc .icon {
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  border-radius: 34px;
  z-index: 9;
  width: 100%;
  padding-top: 20px;
  padding-left: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .5s ease-in;
}

#service-a .service-inr .imgsc .icon img {width: auto;}
#service-a .service-inr .imgsc:hover .icon {
  background: #ff7652;
  background: linear-gradient(90deg, #fdbb5a 0%, #0c0b0b 100%);
}

#service-a .service-inr .imgsc .mn {
  position: relative;
  z-index: 99;
}

#service-a .service-inr {
  position: relative;
}

/* industries */

#industries {
  padding: 80px 0px 30px;
  background-color: #fff5f3;
  text-align: center;
}

#industries .continer-inr {
  position: relative;
}

#industries .box {
    animation: animName 18s linear infinite;
    padding-top: 160px;
    width: 80%;
    margin: auto;
}

@keyframes animName {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#industries h2 {
  text-align: center;
  font-size: 36px;
  color: #000;
  text-transform: uppercase;
}

#industries .irn {
  position: absolute;
  top: 0px;
  row-gap: 30px;
}

#industries h4 {
  margin: 20px 0px;
  text-transform: uppercase;
  font-size: 20px;
}

#industries .col-md-4 {
  padding-right: 0px;
}

#industries .industeies-irn {
  padding: 40px 20px;
  overflow: hidden;
}

#industries .industeies-irn {
  transition: .5s;
}

#industries .industeies-irn:hover {
  background-color: #fff;
  border-radius: 10px;
  transform: translateY(5px);
  text-align: center;
  box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
}

/* contact-a */
#contact-a {
  padding: 0px 0px 50px;
}

#contact-a .contact-info {
  columns: 6;
  align-items: center;
  justify-content: space-between;
}

#contact-a .contact-bg {
  width: 100%;
  padding: 11px 20px;
  background-color: #ff7652;
  border-radius: 70px;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  border: 10px solid #fff;
  margin-bottom: -93px;
  position: relative;
}

#contact-a .contact-bg .contact-info {
  text-align: center;
}

#contact-a .contact-bg .contact-info li .imgs {
  width: 70px;
  height: 70px;
  background-color: #f4f4f4;
  border-radius: 100px;
  text-align: center;
  line-height: 66px;
  margin: auto;
}

#contact-a .contact-bg .contact-info li .imgs img {
  width: 40px;
}

#contact-a .contact-bg .contact-info li h4 {
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 13px;
}


/* contact */
#contact {
  background-image: url(../images/contact-shape.png);
  background-repeat: no-repeat;
  background-size: cover;
}

#contact .row {
  row-gap: 30px;
}

#contact .contact-bg {
  background-color: #000000e3;
  padding: 50px 0px;
}

#contact .contact-bg .imgsc img {
  border-radius: 50px;
  width: 100%;
}

#contact .content h3 img {
  width: 26px;
}

#contact .content h3 {
  font-size: 20px;
  padding-bottom: 18px;
  color: #fff;
}

#contact .content h2 {
  font-size: 36px;
  line-height: 56px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 40px;
}

#contact .forem .form-control {
  background: #f4f4f4;
  border-radius: 30px;
  border: 0;
  padding: 15px 26px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

#contact .forem .btn {
  background: #ff7652;
  font-size: 19px;
  padding:10px 20px;
  border-radius: 30px;
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
}



/* cart section */

.cart-section .deliver-box {
  padding: 22px 18px;
  background-color: #f8f8f8;
  border-radius: 6px;
  position: relative;
  margin-bottom: calc(22px + (40 - 22) * ((100vw - 320px)/ (1920 - 320)))
}

.cart-section .deliver-box .btn-close {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 18px
}

.cart-section .deliver-box h5:first-child {
  margin-bottom: 8px
}

.cart-section .deliver-box h5:last-child {
  font-weight: 500;
  line-height: 1.4
}

.cart-section .deliver-box h5:last-child a {
  text-decoration: underline;
  margin-left: 5px
}

.cart-section .cart-title {
  margin-bottom: calc(18px + (30 - 18) * ((100vw - 320px)/ (1920 - 320)))
}

.cart-section .promo-code-box {
  margin-bottom: calc(18px + (22 - 18) * ((100vw - 320px)/ (1920 - 320)))
}

.cart-section .promo-code-box .form-label {
  font-size: calc(16px + (20 - 16) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500
}

.cart-section .total-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 22px 28px;
  border: 1px solid #ececec
}

.cart-section .member-button {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500;
  letter-spacing: 1.4px
}

.cart-section .special-seller-box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 6px;
  border-radius: 5px;
  border: 1px dashed #bfbfbf
}

.cart-section .special-seller-box h5 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0;
  padding-bottom: 18px;
  border-bottom: 1px solid #4a5568;
  margin-bottom: 25px
}

.cart-section .special-seller-box .sub-total-table tbody tr td:last-child {
  font-weight: 500
}

.cart-section .special-seller-box .sub-total-table tbody tr.sub-totle td {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 26px
}

.cart-section .special-seller-box .sub-total-table tbody tr.sub-totle td:last-child {
  text-align: right
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-title td {
  border: none;
  padding-top: 20px;
  padding-bottom: 10px
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td {
  border: none
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check {
  margin-bottom: 0
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-right: 10px
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input:checked {
  background-color: #ff7957;
  border-color: #ff7957
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}

.cart-section .cart-total-box {
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 6px;
  text-align: center
}

.cart-section .cart-total-box h3 {
  font-weight: 700;
  color: #222;
  margin-bottom: 15px
}

.cart-section .cart-total-box h6 {
  width: 100%;
  margin: 20px 0 10px;
  color: #222;
  font-weight: 500;
  font-size: 16px
}

.cart-section .cart-total-box p {
  margin: 0;
  font-size: 14px;
  letter-spacing: .5px;
  line-height: 1.4
}

.cart-section .cart-total-box .checkout-button {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  margin-top: 12px
}

.cart-table {
  background-color: #f8f8f8;
  padding: calc(15px + (20 - 18) * ((100vw - 320px)/ (1920 - 320))) calc(0px + (12 - 12) * ((100vw - 320px)/ (1920 - 320)))
}

.cart-table.cart-table-2 {
  background-color: transparent;
  padding: 0
}

.cart-table.cart-table-2 table {
  margin-bottom: 0
}

.cart-table.cart-table-2 table thead tr th {
  font-size: 20px;
  font-weight: 500;
  color: #4a5568;
  padding: 0 22px 16px
}

.cart-table.cart-table-2 table tbody {
  border-top: 1px solid #ececec
}

.cart-table.cart-table-2 table tbody tr td {
  vertical-align: middle
}

.cart-table.cart-table-2 table tbody tr:first-child td {
  padding: 22px 16px
}

.cart-table table {
  margin-bottom: 0
}

.cart-table table tbody tr:last-child td {
  border: none;
  padding-bottom: 0;
}

.cart-table table tbody tr:first-child td {
  padding-top: 0;
}
.save-remove {text-align: right;}
.cart-table table tbody tr td {
  padding: 20px;
  min-width: calc(135px + (170 - 135) * ((100vw - 320px)/ (1920 - 320)));
}

.cart-table table tbody tr td .table-title {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px
}

.cart-table table tbody tr td.product-detail:hover .product .product-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.cart-table table tbody tr td.product-detail ul li+li {
  margin-bottom: 2px
}

.cart-table table tbody tr td.product-detail .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}

@media (max-width: 1366px) {
  .cart-table table tbody tr td.product-detail .product {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.cart-table table tbody tr td.product-detail .product .product-image {
  width: 70px
}

@media (max-width: 1366px) {
  .cart-table table tbody tr td.product-detail .product .product-image {
    width: 80px
  }
}

@media (max-width: 575px) {
  .cart-table table tbody tr td.product-detail .product .product-image {
    width: 90px
  }
}

@media (max-width: 480px) {
  .cart-table table tbody tr td.product-detail .product .product-image {
    width: 100px
  }
}

@media (max-width: 360px) {
  .cart-table table tbody tr td.product-detail .product .product-image {
    width: 70px
  }
}

.cart-table table tbody tr td.product-detail .product .product-image img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.cart-table table tbody tr td.product-detail .product .product-detail {
  margin-left: calc(16px + (25 - 16) * ((100vw - 320px)/ (1920 - 320)));
  margin-top: 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li {
  display: block;
  white-space: nowrap;
  margin-bottom: 8px;
  font-size: 14px;
  padding: 0 10px 0 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li+li {
  margin-bottom: calc(0px + (2 - 0) * ((100vw - 320px)/ (1920 - 320)))
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .saving {
  font-weight: 500
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li span {
  font-weight: 500
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.name a {
  font-weight: 500;
  font-size: 16px;
  color: #222
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.name a:hover {
  color: #222
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li:nth-child(n+4) {
  display: none
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .price h6 {
  margin-left: 8px;
  text-decoration: line-through
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
  border: 1px solid #ececec;
  border-radius: 5px;
  width: 62%
}

@media (max-width: 575px) {
  .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
    width: 80%
  }
}

@media (max-width: 360px) {
  .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
    width: 90%
  }
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box .cart_qty button {
  padding: calc(3px + (10 - 3) * ((100vw - 320px)/ (1920 - 320))) calc(10px + (18 - 10) * ((100vw - 320px)/ (1920 - 320)));
  border: none
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box .cart_qty button input {
  padding: 10px 18px;
  border: none;
  text-align: center
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity {
  margin: 6px 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price {
  width: 50%
}

@media (max-width: 480px) {
  .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price {
    width: 60%
  }
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty button {
  width: calc(26px + (35 - 26) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(26px + (35 - 26) * ((100vw - 320px)/ (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  background-color: #e3e0e0;
  border-radius: 100% !important;
  padding: 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty button i {
  margin-top: 2px
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty input {
  padding: 0;
  border: none;
  text-align: center;
  background-color: transparent
}

.cart-table table tbody tr td.price h5 {
  font-weight: 500;
  font-size: calc(15px + (16 - 15) * ((100vw - 320px)/ (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cart-table table tbody tr td.price h5 del {
  font-size: calc(13px + (16 - 13) * ((100vw - 320px)/ (1920 - 320)));
  margin-left: 4px
}

.cart-table table tbody tr td.price h6 {
  margin-top: 5px;
  white-space: nowrap;
  font-size: calc(15px + (16 - 15) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500;
  color: #ff5139;
}

.cart-table table tbody tr td.saving {
  font-size: 16px;
  font-weight: 500;
  color: #ff7957
}

.cart-table table tbody tr td.quantity {
  width: 20%;
  padding: 0px 20px;
}

.cart-table table tbody tr td .quantity-price {
  width: 62%
}

@media (max-width: 1460px) {
  .cart-table table tbody tr td .quantity-price {
    width: 80%
  }
}

@media (max-width: 1199px) {
  .cart-table table tbody tr td .quantity-price {
    width: 90%
  }
}

@media (max-width: 991px) {
  .cart-table table tbody tr td .quantity-price {
    width: 100%
  }
}

.cart-table table tbody tr td .quantity-price .cart_qty button {
  width: calc(29px + (35 - 29) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(29px + (35 - 29) * ((100vw - 320px)/ (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  background-color: #e3e0e0;
  border-radius: 100% !important;
  padding: 0;
}

.cart-table table tbody tr td .quantity-price .cart_qty button i {
  font-size: 14px;
  padding-top: 3px;
}

.cart-table table tbody tr td .quantity-price .cart_qty input {
  padding: 0;
  border: none;
  text-align: center;
  background-color: transparent;
}

.cart-table table tbody tr td.subtotal h5 {
  font-size: calc(16px + (18 - 16) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500;
  display: inline-block;
}

.cart-table table tbody tr td.subtotal .btn-close {
  margin-left: 50px;
}

.cart-table table tbody tr td.save-remove .save {
  font-weight: 400;
  white-space: nowrap;
  font-size: 16px;
  display: block;
  color: #ff7855;
  text-decoration: underline;
}

.cart-table table tbody tr td.save-remove .save:hover {
  color: #ff5139;
}

.cart-table table tbody tr td.save-remove .remove {
  font-weight: 400;
  font-size: 15px;
  color: #bf2020;
  text-decoration: underline;
}

.cart-table table tfoot {
  border-top: 1px solid #ececec
}

.cart-table table tfoot tr td:first-child {
  border: none
}

.cart-table table tfoot tr td:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  padding: 16px;
  border-left: 1px solid #ececec
}

.cart-table table tfoot tr td:last-child {
  font-size: 16px;
  font-weight: 500;
  border-right: 1px solid #ececec
}

.summery-box {
  border-radius: 5px;
  background-color: #f8f8f8
}

.summery-box .summery-header {
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ececec
}

.summery-box .summery-header h3 {
  font-weight: 600
}

.summery-box .summery-header a {
  font-weight: 500;
  margin-left: auto;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.summery-box .summery-header a:hover {
  color: #ff7957
}

.summery-box .summery-contain {
  padding: 16px calc(16px + (22 - 16) * ((100vw - 320px)/ (1920 - 320)));
  border-bottom: 1px solid #ececec
}

.summery-box .summery-contain::-webkit-scrollbar-track {
  background-color: #4a5568
}

.summery-box .summery-contain::-webkit-scrollbar {
  width: 3px;
}

.summery-box .summery-contain::-webkit-scrollbar-thumb {
  background-color: #ff7957;
  border-radius: 4px
}

.summery-box .summery-contain .coupon-cart .coupon-box {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.summery-box .summery-contain .coupon-cart .coupon-box .btn-apply {
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
  padding: 0 calc(16px + (30 - 16) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 700;
  border: none
}

.summery-box .summery-contain .coupon-cart .coupon-box .form-control {
  border: 2px solid #ff7957;
  padding: 10px
}

.btn-animation,
.shopping-button {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  background: 0 0;
  transition: all .3s ease;
  position: relative;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  border: none;
  z-index: 0;
  margin-top: 15px;
}

.shopping-button i {
  margin-right: 10px;
}

.summery-box .summery-contain ul li {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.summery-box .summery-contain ul li:last-child {
  border-bottom: none;
}

.summery-box .summery-contain ul li h4 {
  font-size: 15px;
  color: #4a5568;
}

.summery-box .summery-contain ul li h4.price {
  color: #4a5568;
  margin-left: auto;
}

.summery-box .summery-contain ul li h4.price .shpping-contain {
  display: block;
  font-weight: 400;
  font-size: 13px;
  margin-top: 3px
}

.summery-box .summery-contain ul li h4 span {
  font-weight: 600
}

.summery-box .summery-contain {
  padding: calc(11px + (16 - 11) * ((100vw - 320px)/ (1920 - 320))) calc(11px + (22 - 11) * ((100vw - 320px)/ (1920 - 320)));
  border-bottom: 1px solid #ececec
}

.summery-box .summery-contain::-webkit-scrollbar-track {
  background-color: transparent
}

.summery-box .summery-contain::-webkit-scrollbar {
  width: 3px
}

.summery-box .summery-contain::-webkit-scrollbar-thumb {
  background-color: #ff7957;
  border-radius: 4px
}

.summery-box .summery-contain li {
  padding: calc(6px + (10 - 6) * ((100vw - 320px)/ (1920 - 320))) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.summery-box .summery-contain li:last-child {
  border-bottom: none
}

.summery-box .summery-contain li p {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  line-height: 1.6;
  margin: 0
}

.summery-box .summery-contain li h4 {
  font-size: 15px;
  color: #4a5568
}

.summery-box .summery-contain li h4.price {
  color: #4a5568;
  margin-left: auto
}

.summery-box .summery-contain li h4.price .shpping-contain {
  display: block;
  font-weight: 400;
  font-size: 13px;
  margin-top: 3px
}

.summery-box .summery-contain li h4 span {
  font-weight: 600
}

.summery-box .summery-total {
  padding: 0 calc(16px + (22 - 16) * ((100vw - 320px)/ (1920 - 320)));
  padding: 16px 20px
}

.summery-box .summery-total {
  padding: 16px 20px;
  border-top: 1px solid #ececec
}

.summery-box .summery-total li {
  padding-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.summery-box .summery-total li h4 {
  font-size: 17px;
  color: #222
}

.summery-box .summery-total li h4.price {
  margin-left: auto
}

.summery-box .summery-total li h4 span {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 600
}

.summery-box .summery-total li:nth-child(4) {
  padding: calc(12px + (16 - 12) * ((100vw - 320px)/ (1920 - 320))) 0
}

.summery-box .summery-total li:nth-child(4) h4 {
  font-weight: 600;
  color: #ff7957
}

.summery-box .summery-total li:last-child {
  padding: 0
}

.summery-box .summery-total li:last-child h4 {
  font-weight: 600;
  font-size: calc(16px + (20 - 16) * ((100vw - 320px)/ (1920 - 320)))
}

.cart-summary .summery-header,
.cart-summary .summery-total {
  padding: 15px 0
}

.button-group {
  text-align: right;
  margin-top: calc(14px + (20 - 14) * ((100vw - 320px)/ (1920 - 320)));
  padding: calc(11px + (16 - 11) * ((100vw - 320px)/ (1920 - 320))) calc(11px + (22 - 11) * ((100vw - 320px)/ (1920 - 320)))
}

.button-group.cart-button {
  margin-top: 0;
  padding: 0 calc(16px + (22 - 16) * ((100vw - 320px)/ (1920 - 320))) calc(14px + (20 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.cart-section .proceed-btgroup button {
  display: block;
  width: 220px;
  margin: auto;
}

.cart-section .proceed-btgroup ul {
  display: block;
}
.cart-section .proceed-btgroup.checkout-btn ul {
  display: flex;
  gap: 20px;width: 460px;
}
.cart-section .proceed-btgroup ul li {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

.cart-section .order-invoice {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.cart-section .order-invoice a {
  display: block;
  padding: 10px 20px;
  font-size: 18px;
  color: #ff7957;
}

.cart-section .order-invoice .invoice-print a {
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
}

button#promo-apply {
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
}

/* end */



/* checkout section */


.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(17px + (45 - 17) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li {
  position: relative;
  width: 100%;
  list-style: none;
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li:last-child .checkout-box::before {
  content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 6px;
  background-color: #f8f8f8
}

@media (max-width: 575px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
    display: none
  }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon .lord-icon {
  width: 100%;
  height: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
  padding: calc(14px + (29 - 14) * ((100vw - 320px)/ (1920 - 320)));
  background-color: #f8f8f8;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 8px #eee;
  box-shadow: 0 0 8px #eee;
  margin-left: 66px;
  position: relative
}

@media (max-width: 575px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
    margin-left: 0
  }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
  content: "";
  position: absolute;
  top: 25px;
  left: -42px;
  width: 0;
  height: 115%;
  border-left: 1px dashed rgba(34, 34, 34, .18);
  z-index: -1
}

@media (max-width: 575px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
    content: none
  }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title {
  margin-bottom: calc(9px + (17 - 9) * ((100vw - 320px)/ (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title h4 {
  font-weight: 600;
  font-size: calc(16px + (19 - 16) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box {
  border-radius: 8px;
  padding: calc(12px + (24 - 12) * ((100vw - 320px)/ (1920 - 320)));
  background-color: #fff;
  height: 100%;
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .07);
  box-shadow: 0 0 9px rgba(0, 0, 0, .07)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .label {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ff7957;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  letter-spacing: .8px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input {
  width: calc(15px + (17 - 15) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(15px + (17 - 15) * ((100vw - 320px)/ (1920 - 320)));
  margin-top: 2px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked {
  background: #ff7957;
  border-color: #ff7957;
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: 10px;
  width: calc(85% + (75 - 85) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail li {
  display: block;
  width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p {
  line-height: 1.4;
  margin-bottom: 0;
  font-weight: 400;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6 span,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p span {
  margin-right: 4px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .add-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px;
  height: 100%;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .07);
  box-shadow: 0 0 9px rgba(0, 0, 0, .07);
  border-radius: 8px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option {
  padding: calc(17px + (26 - 17) * ((100vw - 320px)/ (1920 - 320)));
  background-color: #fff;
  border-radius: 5px
}

@media (max-width: 1460px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .select-option {
    margin-top: 6px
  }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box {
  position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box i {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 17px;
  font-size: 18px;
  color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media (max-width: 767px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
    display: block
  }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  min-height: auto
}


.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check .form-check-label {
  font-size: calc(15px + (19 - 15) * ((100vw - 320px)/ (1920 - 320)));
  padding-left: 12px;
  font-weight: 500
}

.custom-form-check .form-check-input:checked {
  background-color: #ff7957;
  border-color: #ff7957;
}

button#promo-btn {
  padding: 10px 0;
  display: block;
  text-align: center;
  width: 100%;
  background: 0 0;
  text-decoration: underline;
  line-height: 24px;
  border: none;
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500;
  border: 1px solid #ececec;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4a5568;
  width: 100%;
  padding: calc(8px + (10 - 8) * ((100vw - 320px)/ (1920 - 320))) calc(15px + (25 - 15) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date input {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500;
  border: none;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4a5568;
  width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500;
  border: 1px solid #ececec;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle i {
  -webkit-text-stroke: 1px #4a5568;
  color: transparent;
  font-size: 18px;
  margin-right: 10px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::after {
  content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 6px 5px rgba(0, 0, 0, .1);
  box-shadow: 0 6px 5px rgba(0, 0, 0, .1)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li a:active {
  color: #000;
  text-decoration: none;
  background-color: #ececec
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li+li {
  margin-top: 5px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box {
  display: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box.show {
  display: block
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option {
  padding: calc(17px + (26 - 17) * ((100vw - 320px)/ (1920 - 320)));
  background-color: #fff;
  border-radius: 5px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media (max-width: 575px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media (max-width: 480px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
    display: block
  }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 {
  letter-spacing: .5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
  margin-bottom: 5px
}

@media (max-width: 575px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
    margin-bottom: 0
  }
}

@media (max-width: 480px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
    margin-bottom: 5px
  }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items span {
  text-decoration: underline
}

@media (max-width: 575px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.charge {
    margin-top: 8px
  }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 i {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px)/ (1920 - 320)));
  margin-left: 7px;
  color: rgba(0, 0, 0, .25)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-button {
  padding: calc(14px + (20 - 14) * ((100vw - 320px)/ (1920 - 320))) calc(15px + (25 - 15) * ((100vw - 320px)/ (1920 - 320)));
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-method .custom-form-check label {
  font-weight: 500;
  font-size: 17px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-card-box .credit-detail {
  position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-info label {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option {
  padding: 20px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .17);
  box-shadow: 0 0 5px rgba(0, 0, 0, .17);
  border-radius: 8px;
  position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check .form-check-input {
  margin-top: 4px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check label {
  font-weight: 500;
  font-size: 18px;
  padding-left: 10px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option img {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 20px;
  width: 60px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(10px + (30 - 10) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item {
  border: none;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button {
  color: #4a5568;
  position: relative;
  padding: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::after {
  content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: #222;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
  top: 20%;
  -webkit-transform: rotate(-180deg) translateY(-50%);
  transform: rotate(-180deg) translateY(-50%)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
  font-weight: 500;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: calc(15px + (18 - 15) * ((100vw - 320px)/ (1920 - 320)));
  padding: 16px 20px
}


@media (max-width: 480px) {
  .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    margin-top: 5px
  }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
  margin-right: calc(6px + (10 - 6) * ((100vw - 320px)/ (1920 - 320)));
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body {
  padding-top: 0;
}

.accordion-collapse ul li {
  list-style: none;
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review {
  margin: 0;
  line-height: 1.5;
  color: #4a5568;
}

.theme-bg-color {
  background: #ff7957;
}

.theme-bg-color:hover {
  background: #ff7957;
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review a:hover {
  color: #ff7957
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
  margin-bottom: calc(5px + (8 - 5) * ((100vw - 320px)/ (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: calc(14px + (17 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
  margin-right: 10px
}

.checkout-section-2 .right-side-summery-box {
  position: sticky;
  top: 110px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 {
  border-radius: 7px;
  background-color: #f8f8f8;
  padding: calc(14px + (29 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header {
  padding-bottom: calc(12px + (16 - 12) * ((100vw - 320px)/ (1920 - 320)));
  border-bottom: 1px solid #ececec;
  margin-bottom: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header h3 {
  font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a {
  font-weight: 500;
  margin-left: auto;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a:hover {
  color: #ff7957
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
  border-bottom: 1px solid #ececec
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
  background-color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
  width: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
  background-color: #ff7957;
  border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .checkout-image {
  width: calc(41px + (52 - 41) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(41px + (52 - 41) * ((100vw - 320px)/ (1920 - 320)));
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box {
  position: relative;
  overflow: hidden;
  border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .btn-apply {
  background: #ff7957;
  color: #fff;
  padding: 0 calc(16px + (30 - 16) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 700;
  border: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .form-control {
  border: 2px solid #ff7957;
  padding: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li:last-child {
  border-bottom: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4 {
  font-size: 15px;
  color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price {
  color: #4a5568;
  margin-left: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price .shpping-contain {
  display: block;
  font-weight: 400;
  font-size: 13px;
  margin-top: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4 span {
  font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
  border-bottom: 1px solid #ececec;
  padding-bottom: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
  background-color: transparent
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
  width: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
  background-color: #ff7957;
  border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li {
  padding: calc(6px + (8 - 6) * ((100vw - 320px)/ (1920 - 320))) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li:last-child {
  border-bottom: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li p {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  line-height: 1.6;
  margin: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4 {
  font-size: 15px;
  color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price {
  color: #4a5568;
  margin-left: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price .shpping-contain {
  display: block;
  font-weight: 400;
  font-size: 13px;
  margin-top: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4 span {
  font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total {
  margin-top: 0;
  padding-top: 5px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li {
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4 {
  font-size: 17px;
  color: #222;
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4.price {
  margin-left: auto;
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4 span {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 600;
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) {
  padding: calc(12px + (16 - 12) * ((100vw - 320px)/ (1920 - 320))) 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) h4 {
  font-weight: 600;
  color: #ff7957
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:last-child {
  border-top: 1px solid #ececec;
  padding-top: calc(12px + (16 - 12) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:last-child h4 {
  font-weight: 600;
  font-size: calc(16px + (20 - 16) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .right-side-summery-box .checkout-offer {
  margin-top: 24px;
  border-radius: 7px;
  background-color: #f8f8f8;
  padding: calc(14px + (29 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(9px + (12 - 9) * ((100vw - 320px)/ (1920 - 320)));
  margin-bottom: calc(13px + (20 - 13) * ((100vw - 320px)/ (1920 - 320)))
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title .offer-icon {
  width: 20px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title .offer-name h6 {
  font-weight: 600;
  font-size: calc(15px + (16 - 15) * ((100vw - 320px)/ (1920 - 320)));
  line-height: 1;
  margin-bottom: -2px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(11px + (16 - 11) * ((100vw - 320px)/ (1920 - 320)));
  height: 100%;
  overflow: hidden auto;
  max-height: 104px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(85, 85, 85, .14)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
  border-radius: 50px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(85, 85, 85, .5)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li {
  display: block
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p {
  color: #4a5568;
  line-height: 1.5;
  position: relative;
  padding-left: 23px;
  font-size: calc(13px + (13 - 13) * ((100vw - 320px)/ (1920 - 320)));
  margin: 0
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 5px;
  height: 5px;
  background-color: #4a5568;
  border-radius: 100%;
}

/* end */


/* success  */


.order-success .breadscrumb-order {
  display: block;
  text-align: center
}

.order-success .breadscrumb-order .order-box .order-image {
  width: calc(170px + (250 - 170) * ((100vw - 320px)/ (1920 - 320)));
  height: auto;
  margin: 0 auto calc(16px + (28 - 16) * ((100vw - 320px)/ (1920 - 320)))
}

.order-success .breadscrumb-order .order-box .order-image .checkmark {
  position: relative;
  padding: 30px;
  -webkit-animation: checkmark 5m cubic-bezier(.42, 0, .275, 1.155) both;
  animation: checkmark 5m cubic-bezier(.42, 0, .275, 1.155) both;
  display: inline-block;
  -webkit-transform: scale(.8);
  transform: scale(.8);
  margin: -20px
}

.order-success .breadscrumb-order .order-box .order-image .checkmark__check {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  fill: #fff
}

.order-success .breadscrumb-order .order-box .order-image .checkmark__background {
  fill: #ff7957;
  -webkit-animation: rotate 35s linear both infinite;
  animation: rotate 35s linear both infinite
}

.order-success .breadscrumb-order .order-box .order-image .star {
  position: absolute;
  -webkit-animation: grow 3s infinite;
  animation: grow 3s infinite;
  fill: #ff7957;
  opacity: 0;
}

.order-success .breadscrumb-order .order-box .order-image .checkmark {
  position: relative;
  padding: 30px;
  -webkit-animation: checkmark 5m cubic-bezier(.42, 0, .275, 1.155) both;
  animation: checkmark 5m cubic-bezier(.42, 0, .275, 1.155) both;
  display: inline-block;
  -webkit-transform: scale(.8);
  transform: scale(.8);
  margin: -20px;
}

.order-success .breadscrumb-order .order-box .order-image .checkmark__check {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  fill: #fff
}

.order-success .breadscrumb-order .order-box .order-image .checkmark__background {
  fill: #ff7957;
  -webkit-animation: rotate 35s linear both infinite;
  animation: rotate 35s linear both infinite
}

.order-success .breadscrumb-order .order-box .order-image i {
  font-size: 50px;
  color: #4ead4e
}

.order-success .breadscrumb-order .order-box .order-image h2 {
  margin-top: 10px;
  margin-bottom: 15px
}

.order-success .breadscrumb-order .order-box .order-image p {
  font-size: 18px;
  text-transform: capitalize
}

.order-success .breadscrumb-order .order-box .order-image.order-fail i {
  color: #ff7957
}

.order-success .breadscrumb-order .order-box .order-contain h3 {
  font-size: calc(21px + (24 - 21) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 700;
  margin-bottom: 6px
}

.order-success .breadscrumb-order .order-box .order-contain h5 {
  margin-bottom: 8px;
  line-height: 1.4
}

/* end */



#testimonaion {
  background-image: url(../images/map.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ff6a43;
  padding: 20px 0px;
}

#testimonaion .row {
  row-gap: 30px;
}

#testimonaion h4 {
  font-size: 22px;
  color: #fff;
  text-align: center;
}

#testimonaion h3 {
  font-size: 36px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  position: relative;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#testimonaion .owl-carousel {
  margin-top: 50px;
}

#testimonaion .owl-carousel .owl-stage-outer .owl-item {
  height: 250px;
}



/* blog */
#blog {
  padding: 70px 0;
}

#blog h2 {
  font-size: 36px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  text-transform: uppercase;
}

#blog h5 {
  text-align: center;
  color: #ff7652;
  font-size: 22PX;
}

#blog .row {
  row-gap: 30px;
}

#blog .blog-inr {
  background-color: #f4f4ff;
  border-radius:10px;
}

#blog .blog-inr .imgsc {
  position: relative;
  overflow: hidden;
  border-radius:10px 10px 0px 0px;
}

#blog .blog-inr .imgsc img {
  transition: .5s;
}

#blog .blog-inr .imgsc:hover img {
  transform: scale(1.05);
}

#blog .blog-inr .imgsc .cat {
  display: block;
  position: absolute;
  left: 60px;
  bottom: 0;
  background: #ff744f;
  border-radius: 30px;
  padding: 6px 16px 6px 73px;
  text-align: right;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}

#blog .blog-inr .imgsc .date {
  background: #ff744f;
  border-radius: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  max-width: 118px;
  text-align: center;
  color: #fff;
  padding:5px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  z-index: 1;
}

#blog .blog-inr .content {
  padding: 30px 30px 26px;
}

#blog .blog-inr .content .blog-info {
  margin-bottom: 10px;
}

#blog .blog-inr .content .blog-info li i {
  color: #ff6f04;
}

#blog .blog-inr .content h4 a {
  color: #ff5d33;
  font-weight: bold;
}








/* footer */
footer {
  background-color: #000;
  background-image: url(../images/footer-shape.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 50px 0px 0px;
}

footer h2 {
  color: #fff;
  font-size: 20px;
  padding-bottom: 14px;
  position: relative;
  margin-bottom: 23px;
}

footer h2::after {
  content: '';
  width: 87px;
  height: 2px;
  background: -webkit-linear-gradient(90deg, #fe651b -.02%, #ffaa52 100.06%);
  background: linear-gradient(90deg, #fe651b -.02%, #ffaa52 100.06%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

footer .text {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
}

footer .socials {
  margin-top: 14px;
}

footer .socials li a {
  background: #fff;
  box-shadow: 0 4px 8px 2px rgba(0, 124, 251, .16);
  display: inline-block;
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
  vertical-align: middle;
  color: #ff744f;
  font-size: 14PX;
}

footer .nav {
  display: block;
}

footer .nav-a {
  margin-top: 61px;
  display: block;
  margin-bottom: 15px;
}

footer .nav li a,
footer .nav-a li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  position: relative;
  display: inline-block;
  padding-left: 12px;
  transition: .5s;
}

footer .nav li a:hover,
footer .nav-a li a:hover {
  color: #ff744f;
}

footer .nav li a::after,
footer .nav-a li a::after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff744f;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: .3s ease-in;
}

footer .recent-posts {
  margin-bottom: 30px;
}

footer .recent-posts li img {
  width: 115px;
  border-radius: 5px;
}

footer .recent-posts li .post {
  color: #fff;
  line-height: 24px;
  display: inline-block;
}

footer .recent-posts li p {
  color: #fff;
  font-size: 12px;
  margin-top: 11px;
}

footer .recent-posts li p i {
  color: #ff744f;
}

footer .navv li a {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
}

footer .navv li {
  display: inline-block;
  width: 100%;
  margin-bottom: 13px;
  padding-left: 0px;
  color: #ffffff;
}

footer .navv li i {
  color: #ff744f;
}

footer .copyright-conts {
  background: #ff744f;
  display: inline-block;
  width: 100%;
  padding: 12px 0;
  margin-top: 20px;
}

footer .copyright-conts p {
  color: #fff;
}

footer .copyright-conts .sosial-info {
  display: flex;
  list-style: none;
  justify-content: end;
  gap: 20px
}

footer .copyright-conts .sosial-info li {
  position: relative;
}

footer .copyright-conts .sosial-info li a {
  color: #fff;
}

footer .copyright-conts .sosial-info li:after {
  content: '';
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: -11px;
  top: 0;
}

footer .copyright-conts .sosial-info li:last-child:after {
  display:none;
}

/*footer .copyright-conts .sosial-info li:last-child:after {*/
/*  content: '';*/
/*  width: 1px;*/
/*  height: 100%;*/
/*  background: #fff;*/
/*  position: absolute;*/
/*  left: -11px;*/
/*  top: 0;*/
/*}*/


/* quickcontact */
.quickcontact {
  width: 40px;
  position: fixed;
  bottom: 60px;
  right: 15px;
  z-index: 102;
}


/* thanks-banner */


#thanks {
  padding: 100px 0px;
}

.section-b-space {
  padding: 20px 0px;
  margin: 20px 0px;
}

/* about start */

#about-slider {
  background-image: url(../images/about_baner-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 135px 0px;
  margin-top:0px;
  position: relative;
  text-align: center;
}

#about-slider::after {
  background:linear-gradient(90deg, #000000d1 16%, black 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: .95;
}

#about-slider h3 {
  font-size: 43px;
  color: #fff;
  position: relative;
  z-index: 9;
}
#about-slider p {color:#fff; position: relative; z-index: 1;}
#about-slider h1 {color:#fff; position: relative; z-index: 1;}

#about-slider h3::after {
  content: '';
  width: 178px;
  height: 2px;
  background: -webkit-linear-gradient(90deg, #fe651b -.02%, #ffaa52 100.06%);
  background: linear-gradient(90deg, #fe651b -.02%, #ffaa52 100.06%);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -5px;
  z-index: 1;
}

#about-slider h5 {
  color: #fff;
  position: relative;
  z-index: 9;
  margin-top: 5px;
}
#about-slider h5 a {color:#fff;}
#about-slider .service-bannerinfo {
  position: relative;
  z-index: 9;
}

#about-slider .service-bannerinfo li,
#about-slider .service-bannerinfo li a {
  color: #fff;
}

#about-service {
  padding: 50px 0px;
  background-color: #f2f5f8;
}

#about-service h2 {
  text-align: center;
  font-size: 35px;
}

#about-service p {
  text-align: justify;
  font-size: 16px;
  margin: 15px 0px 30px;
}

#about-service .about-service-inr {
  text-align: center;
}

#about-service .row {
  row-gap: 50px;
}

#about-service .about-service-inr .imgsc {
  overflow: hidden;
}

#about-service .about-service-inr .imgsc img {
  transition: .5s;
}

#about-service .about-service-inr .imgsc:hover img {
  transform: rotate(10deg);
}

#about-service .about-service-inr h3 a {
  font-size: 20px;
  font-weight: bold;
  color: #145581;
}

#about-visen {
  padding: 50px 0px;
}

#about-visen .row {
  row-gap: 30px;
}

#about-visen .about-visen-inr h2 {
  color: #ff6841;
  font-size: 37px;
}

#about-visen .about-visen-inr .text {
  text-align: justify;
}

#about-visen .imgsc {
  overflow: hidden;
  border-radius: 20px;
}

#about-visen .imgsc img {
  transition: .5s;
}

#about-visen .imgsc:hover img {
  transform: scale(1.2);
}
.location {border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px;}
.location h2 {text-align: center;}
.location h2::after {
  content: '';
  width: 87px;
  height: 2px;
  background: -webkit-linear-gradient(90deg, #fe651b -.02%, #ffaa52 100.06%);
  background: linear-gradient(90deg, #fe651b -.02%, #ffaa52 100.06%);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  z-index: 1;
}

#about-visen .about-visen-inr .btn {
  background: #ff7652;
  font-size: 19px;
  padding: 14px 40px;
  border-radius: 7px;
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  margin-top: 30px;
}


/* contact-us start */

#contact-info {
  background: #f4f4ff;
  padding:40px 0px;
}
#contact-info .detels-services {padding:0px 20px;}
/* #contact-info .row{row-gap: 30px;} */
#contact-info h3 {
  font-size: 40px;
  text-align: center;
  margin: 10px 0px 15px;
}

#contact-info .contacet-det li i {
display: inline-block;
height: 33px;
width: 33px;
border-radius: 50px;
border: 2px solid #f58634;
text-align: center;
line-height: 30px;
color: #f58634;}

#contact-info .contacet-det li h4 {
  font-size: 18px;
  color: #000000;
}

#contact-info .detels{margin-left: 73px;}

#contact-info .contacet-det li .textt, #contact-info .contacet-det li .textt a {
  font-size: 14px;
  color: #000;
}


#contact-info .contacet-det{margin-bottom: 20px;}
#contact-info .contacet-det li a{color: #000;}

#contact-info .text {
  font-size: 25px;
  text-align: center;
  margin-bottom: 60px;
}

#contact-info .forem .form-label {
  color: #f58634;
  font-size: 18px;
  font-weight: 550;
}

#contact-info .forem .form-control {
  line-height: 1.5;
  background-color: #fff;
  box-shadow: none;
  padding: 10px;
  background-clip: padding-box;
  border: #c8c8c8 solid 1px;
  appearance: none;
}

#contact-info .control-a {
  width: 258px;
  margin-left: -43px;
}

#contact-info .form-select {
  padding: 10px;
  box-shadow: none;
  width: 94px;
}



#contact-info .contact-form-fild {
  padding-bottom: 30px;
  margin-top: 32px;
}

#contact-info .budget-title {
  position: relative;
  color: #f58634;
  font-size: 18px;
  top: -29px;
}

#contact-info .range__amount {
  text-align: center;
  margin-left: -132px;
}

#contact-info .contact-form-fild input {
  border-radius: 7px;
  border: 1.5px solid #f58634;
  color: #f58634;
}

#contact-info .contact-form-fild input:focus-visible {
  border-color: #f58634 !important;
  border: transparent;
}

#contact-info .forem .btn {
  background: #ff7652;
  font-size: 19px;
  padding: 10px 20px;
  border-radius: 30px;
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  margin-top: 30px;
}

#contact-info .ez-contact {
  background: #ff6f04;
  border-radius: 15px;
  margin-bottom: 10px;
}

#contact-info .contact-icons {
  background: linear-gradient(180deg, #ff6f04 0%, #ae500a 100%);
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#contact-info .contact-icons span {
  font-size: 60px;
  width: 57px;
  display: block;
  margin: 0 auto;
}

#contact-info .content-part {
  padding: 0 15px 15px;
}

#contact-info .card-title {
  text-align: start;
  margin-bottom: 10px;
  margin-top: 25px;
}

#contact-info .fleg-item {
  font-size: 35px;
}

#contact-info .fw-regular {
  font-weight: 400;
}

/* service page start */

#service-gogle {
  padding: 50px 0px;
}

#service-gogle .gogle-adword {
  justify-content: space-between;
  align-items: center;
  background-color: #000000;
  padding: 22px 20px;
  border-radius: 15px;
  margin-bottom: 10px;
}

#service-gogle .gogle-adword li a {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

#service-gogle .gogle-adword li i {
  height: 32px;
  width: 32px;
  background-color: #ffffff;
  color: #000000;
  font-size: 20px;
  border-radius: 15px;
  text-align: center;
  line-height: 31px;
  transition: all.5s;
}

#service-gogle .gogle-adword li i:hover {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
}

#service-gogle .gogle-adword li .active {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #ffffff;
}

#service-gogle .service-details-help {
  position: relative;
  display: block;
  padding: 50px 25px 50px;
  margin-top: 30px;
  text-align: center;
  z-index: 1;
  background-color: #18191c;
  border-radius: 15px;
  overflow: hidden;
}

.contanct {
  justify-content: center;
}

#service-gogle .help-shape-1 {
  position: absolute;
  bottom: -215px;
  left: -95px;
  width: 220px;
  height: 500px;
  background-color: #303030;
  mix-blend-mode: soft-light;
  border-radius: 150px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}

#service-gogle .help-shape-2 {
  position: absolute;
  top: -118px;
  right: -130px;
  width: 180px;
  height: 350px;
  background-color: #fff;
  mix-blend-mode: soft-light;
  border-radius: 186px;
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}

#service-gogle .help-title {
  font-size: 38px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 21px;
  font-weight: 700;
}

#service-gogle .help-icon {
  height: 73px;
  width: 73px;
  background-color: #fff;
  color: #191825;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#service-gogle .help-contact {
  position: relative;
  display: block;
  margin-top: 21px;
}

#service-gogle .help-contact p {
  font-size: 18px;
  color: #fff;
  margin: 0;
  line-height: 32px;
  font-weight: 600;
  opacity: 0.7;
}

#service-gogle .help-contact a {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#service-gogle h3 {
  font-size: 30px;
  text-transform: uppercase;
  color: #ff7652;
  margin: 20px 0px 30px;
}

#service-gogle .text {
  color: #000;
  font-size: 16px;
  text-align: justify;
}

#service-gogle h5 {
  letter-spacing: 0px;
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-top: 30px;
}

#service-gogle .gogle-info {
  margin-top: 30px;
}

#service-gogle .gogle-info li {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 31px;
  color: #000;
  text-align: justify;
}

#service-gogle .gogle-info li::before {
  display: inline-block;
  width: 14px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
  left: 0;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 10px;
}

#service-gogle .forem {
  margin-top: 40px;
}

#service-gogle .forem .form-control {
  border-radius: 0px;
  padding: 10px;
}

#service-gogle .forem .btn {
  display: block;
  background-color: #ff7652;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 13px 20px;
  margin-top: 20px;
  border-radius: 0px;
}

/* seo-service */

#service-gogle .row {
  row-gap: 30px;
}

#service-gogle .seo-box {
  margin-top: 40px;
}

#service-gogle .seo-box .box {
  border: 1px solid #d1d4d8;
  padding: 30px 20px;
  background: #ff7652;
  /* background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%); */
  text-transform: uppercase;
  font-family: heading;
  text-align: center;
  transition: .5s;
  color: #fff;
  margin-bottom: 20px;
  font-size: 14px;
  height: 100%;
}

#service-gogle .seo-box .box:hover {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #ffffff;
}

/* service-map */

#service-map {
  padding: 50px 0px;
}

#service-map .gogle-adword {
  justify-content: space-between;
  align-items: center;
  background-color: #000000;
  padding: 22px 20px;
  border-radius: 15px;
  margin-bottom: 10px;
}

#service-map .gogle-adword li a {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

#service-map .gogle-adword li i {
  height: 32px;
  width: 45px;
  background-color: #ffffff;
  color: #000000;
  font-size: 20px;
  border-radius: 15px;
  text-align: center;
  line-height: 31px;
  transition: all.5s;
}

#service-map .gogle-adword li i:hover {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
}

#service-map .gogle-adword li .active {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #ffffff;
}

#service-map .service-details-help {
  position: relative;
  display: block;
  padding: 57px 55px 50px;
  margin-top: 30px;
  text-align: center;
  z-index: 1;
  background-color: #18191c;
  border-radius: 15px;
  overflow: hidden;
}

#service-map .help-shape-1 {
  position: absolute;
  bottom: -215px;
  left: -95px;
  width: 220px;
  height: 500px;
  background-color: #303030;
  mix-blend-mode: soft-light;
  border-radius: 150px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}

#service-map .help-shape-2 {
  position: absolute;
  top: -118px;
  right: -130px;
  width: 180px;
  height: 350px;
  background-color: #fff;
  mix-blend-mode: soft-light;
  border-radius: 186px;
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}

#service-map .help-title {
  font-size: 38px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 21px;
  font-weight: 700;
}

#service-map .help-icon {
  height: 73px;
  width: 73px;
  background-color: #fff;
  color: #191825;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#service-map .help-contact {
  position: relative;
  display: block;
  margin-top: 21px;
}

#service-map .help-contact p {
  font-size: 14px;
  color: #fff;
  margin: 0;
  line-height: 32px;
  font-weight: 600;
  opacity: 0.7;
}

#service-map .help-contact a {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#service-map h3 {
  font-size: 30px;
  text-transform: uppercase;
  color: #ff7652;
  margin: 20px 0px 30px;
}

#service-map .text {
  color: #000;
  font-size: 16px;
  text-align: justify;
}

#service-map h5 {
  letter-spacing: 2px;
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-top: 30px;
}

#service-map .gogle-info {
  margin-top: 30px;
}

#service-map .gogle-info li {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 31px;
  color: #000;
}

#service-map .gogle-info li::before {
  display: inline-block;
  width: 14px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
  left: 0;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 10px;
}

#service-map .forem {
  margin-top: 40px;
}

#service-map .forem .form-control {
  border-radius: 0px;
  padding: 10px;
}

#service-map .forem .btn {
  display: block;
  background-color: #ff7652;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 13px 20px;
  margin-top: 20px;
  border-radius: 0px;
}

/* service-smo */

#service-smo {
  padding: 50px 0px;
}

#service-smo .gogle-adword {
  justify-content: space-between;
  align-items: center;
  background-color: #000000;
  padding: 22px 20px;
  border-radius: 15px;
  margin-bottom: 10px;
}

#service-smo .gogle-adword li a {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

#service-smo .gogle-adword li i {
  height: 32px;
  width: 45px;
  background-color: #ffffff;
  color: #000000;
  font-size: 20px;
  border-radius: 15px;
  text-align: center;
  line-height: 31px;
  transition: all.5s;
}

#service-smo .gogle-adword li i:hover {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
}

#service-smo .gogle-adword li .active {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #ffffff;
}

#service-smo .service-details-help {
  position: relative;
  display: block;
  padding: 57px 55px 50px;
  margin-top: 30px;
  text-align: center;
  z-index: 1;
  background-color: #18191c;
  border-radius: 15px;
  overflow: hidden;
}

#service-smo .help-shape-1 {
  position: absolute;
  bottom: -215px;
  left: -95px;
  width: 220px;
  height: 500px;
  background-color: #303030;
  mix-blend-mode: soft-light;
  border-radius: 150px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}

#service-smo .help-shape-2 {
  position: absolute;
  top: -118px;
  right: -130px;
  width: 180px;
  height: 350px;
  background-color: #fff;
  mix-blend-mode: soft-light;
  border-radius: 186px;
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}

#service-smo .help-title {
  font-size: 38px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 21px;
  font-weight: 700;
}

#service-smo .help-icon {
  height: 73px;
  width: 73px;
  background-color: #fff;
  color: #191825;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#service-smo .help-contact {
  position: relative;
  display: block;
  margin-top: 21px;
}

#service-smo .help-contact p {
  font-size: 14px;
  color: #fff;
  margin: 0;
  line-height: 32px;
  font-weight: 600;
  opacity: 0.7;
}

#service-smo .help-contact a {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#service-smo h3 {
  font-size: 30px;
  text-transform: uppercase;
  color: #ff7652;
  margin: 20px 0px 30px;
}

#service-smo .text {
  color: #000;
  font-size: 16px;
  text-align: justify;
}

#service-smo h5 {
  letter-spacing: 2px;
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-top: 30px;
}

#service-smo .gogle-info {
  margin-top: 30px;
}

#service-smo .gogle-info li:first-child {
  text-align: center;
  padding: 20px;
  border-radius: 20%;
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
  font-size: 20px;
}

#service-smo .gogle-info li h6 {
  color: #ff7652;
}

#service-smo .gogle-info li .text-a {
  color: #000;
  font-size: 16px;
}

#service-smo h4 {
  color: #ff7652;
  text-transform: uppercase;
  font-size: 23px;
  margin: 40px 0px;
}

#service-smo .smo-iner {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}

#service-smo .smo-iner .imgs img {
  width: 50px;
}

#service-smo .gogle-infoo #service-smo .gogle-infoo {
  margin-top: 30px;
}

#service-smo .gogle-infoo li {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 31px;
  color: #000;
}

#service-smo .gogle-infoo li::before {
  display: inline-block;
  width: 14px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
  left: 0;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 10px;
}

#service-smo .forem {
  margin-top: 40px;
}

#service-smo .forem .form-control {
  border-radius: 0px;
  padding: 10px;
}

#service-smo .forem .btn {
  display: block;
  background-color: #ff7652;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 13px 20px;
  margin-top: 20px;
  border-radius: 0px;
}

/* android-development */

#android-development {
  padding:40px 0px 0px;
}

#android-development .gogle-adword {
  justify-content: space-between;
  align-items: center;
  background-color: #000000;
  padding: 22px 20px;
  border-radius: 15px;
  margin-bottom: 10px;
}

#android-development .gogle-adword li a {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

#android-development .gogle-adword li i {
  height: 32px;
  width: 45px;
  background-color: #ffffff;
  color: #000000;
  font-size: 20px;
  border-radius: 15px;
  text-align: center;
  line-height: 31px;
  transition: all.5s;
}

#android-development .gogle-adword li i:hover {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
}

#android-development .gogle-adword li .active {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #ffffff;
}

#android-development .service-details-help {
  position: relative;
  display: block;
  padding: 57px 55px 50px;
  margin-top: 30px;
  text-align: center;
  z-index: 1;
  background-color: #18191c;
  border-radius: 15px;
  overflow: hidden;
}

#android-development .help-shape-1 {
  position: absolute;
  bottom: -215px;
  left: -95px;
  width: 220px;
  height: 500px;
  background-color: #303030;
  mix-blend-mode: soft-light;
  border-radius: 150px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}

#android-development .help-shape-2 {
  position: absolute;
  top: -118px;
  right: -130px;
  width: 180px;
  height: 350px;
  background-color: #fff;
  mix-blend-mode: soft-light;
  border-radius: 186px;
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}

#android-development .help-title {
  font-size: 38px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 21px;
  font-weight: 700;
}

#android-development .help-icon {
  height: 73px;
  width: 73px;
  background-color: #fff;
  color: #191825;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#android-development .help-contact {
  position: relative;
  display: block;
  margin-top: 21px;
}

#android-development .help-contact p {
  font-size: 14px;
  color: #fff;
  margin: 0;
  line-height: 32px;
  font-weight: 600;
  opacity: 0.7;
}

#android-development .help-contact a {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#android-development h3 {
  font-size:30px;
  color:#ff7652;
  margin: 20px 0px 30px;
}
#android-development h2 {margin-bottom: 20px;}

#android-development .text {
  color: #000;
  font-size: 16px;
  text-align: justify;
}

#android-development h5 {
  letter-spacing: 2px;
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-top: 30px;
}

#android-development .gogle-info {
  margin-top: 30px;
}

#android-development .gogle-info li {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 31px;
  color: #000;
}

#android-development .gogle-info li::before {
  display: inline-block;
  width: 14px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
  left: 0;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 10px;
}

#android-development .forem {
  margin-top: 40px;
}

#android-development .forem .form-control {
  border-radius: 0px;
  padding: 10px;
}

#android-development .forem .btn {
  display: block;
  background-color: #ff7652;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 13px 20px;
  margin-top: 20px;
  border-radius: 0px;
}

#android-development .android-inr {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}

#android-development .android-inr .imgsc-b img {
  transition: .5s;
  margin-bottom: 7px;
  width: 65px;
}

#android-development .android-inr .imgsc-b img:hover {
  transform: rotate(10deg);
}

#android-development .android-inr .img-text {
  font-size: 11px;
  font-weight: bold;
}

#android-development .ios-inr .imgsc-c img {
  transition: .5s;
  margin-bottom: 7px;
}

#android-development .ios-inr .imgsc-c img:hover {
  transform: rotate(10deg);
}


/* wa-marketing */

#wa-marketing {
  padding: 50px 0px;
}

#wa-marketing .gogle-adword {
  justify-content: space-between;
  align-items: center;
  background-color: #000000;
  padding: 22px 20px;
  border-radius: 15px;
  margin-bottom: 10px;
}

#wa-marketing .gogle-adword li a {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

#wa-marketing .gogle-adword li i {
  height: 32px;
  width: 45px;
  background-color: #ffffff;
  color: #000000;
  font-size: 20px;
  border-radius: 15px;
  text-align: center;
  line-height: 31px;
  transition: all.5s;
}

#wa-marketing .gogle-adword li i:hover {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
}

#wa-marketing .gogle-adword li .active {
  background: #ff7652;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #ffffff;
}

#wa-marketing .service-details-help {
  position: relative;
  display: block;
  padding: 57px 55px 50px;
  margin-top: 30px;
  text-align: center;
  z-index: 1;
  background-color: #18191c;
  border-radius: 15px;
  overflow: hidden;
}

#wa-marketing .help-shape-1 {
  position: absolute;
  bottom: -215px;
  left: -95px;
  width: 220px;
  height: 500px;
  background-color: #303030;
  mix-blend-mode: soft-light;
  border-radius: 150px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}

#wa-marketing .help-shape-2 {
  position: absolute;
  top: -118px;
  right: -130px;
  width: 180px;
  height: 350px;
  background-color: #fff;
  mix-blend-mode: soft-light;
  border-radius: 186px;
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}

#wa-marketing .help-title {
  font-size: 38px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 21px;
  font-weight: 700;
}

#wa-marketing .help-icon {
  height: 73px;
  width: 73px;
  background-color: #fff;
  color: #191825;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#wa-marketing .help-contact {
  position: relative;
  display: block;
  margin-top: 21px;
}

#wa-marketing .help-contact p {
  font-size: 14px;
  color: #fff;
  margin: 0;
  line-height: 32px;
  font-weight: 600;
  opacity: 0.7;
}

#wa-marketing .help-contact a {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#wa-marketing h3 {
  font-size: 30px;
  text-transform: uppercase;
  color: #ff7652;
  margin: 20px 0px 30px;
}

#wa-marketing .text {
  color: #000;
  font-size: 16px;
  text-align: justify;
}

#wa-marketing h5 {
  letter-spacing: 2px;
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-top: 30px;
}

#wa-marketing .gogle-info {
  margin-top: 30px;
}

#wa-marketing .gogle-info li {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 31px;
  color: #000;
}

#wa-marketing .gogle-info li::before {
  display: inline-block;
  width: 14px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
  left: 0;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 10px;
}

#wa-marketing .forem {
  margin-top: 40px;
}

#wa-marketing .forem .form-control {
  border-radius: 0px;
  padding: 10px;
  box-shadow: none;
}

#wa-marketing .forem .btn {
  display: block;
  background-color: #ff7652;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 13px 20px;
  margin-top: 20px;
  border-radius: 0px;
}

#wa-marketing .android-inr {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}

#wa-marketing .packagestable {
  width: 100%;
}

#wa-marketing .packagestable th {
  padding: 15px 10px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  background-color: #111;
}

#wa-marketing .packagestable td {
  padding: 10px 10px;
  text-align: center;
  background-color: #eee;
  border: 1px solid #e1e1e1;
  text-align: center
}

#wa-marketing .packagestable tr:hover td {
  background-color: #ff7652;
  color: #fff;
}

/*  */

#payus {
  padding: 50px 0px;
}

#payus h2 {
  text-align: center;
  margin-bottom: 50px;
}

#payus .imgsc img {
  transition: 1s;
}

#payus .imgsc:hover img {
  transform: rotate(5deg);
}

/* blog-detel start */

/* blog-details */
#blog-details {
  padding: 155px 0 30px;
  position: relative;
  overflow: hidden;
}

#blog-details::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  content: '';
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  height: 70%;
  border-radius: 0 0 50% 50%/0 0 100% 100%;
  -webkit-transform: scaleX(2.1);
  transform: scaleX(2.1);
}

#blog-details .row {
  align-items: center;
  justify-content: center;
}

#blog-details .content {
  text-align: center;
}

#blog-details .content span {
  color: #ffffff;
}

#blog-details .content span b {
  color: #000000;
}

#blog-details .content h2 {
  font-size: 33px;
  color: #fff;
  font-weight: bold;
  margin: 20px 0;
}

#blog-details .content p {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}


#blog-details .content img {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.322);
  border-radius: 20px;
}

#blogdetails {
    padding: 40px 0px;
}
#blogdetails img {
    width:100%;
    padding: 20px 0px;
}
/* pera */
#pera {
  padding-bottom: 40px;
}

#pera .row {
  align-items: center;
  justify-content: center;
}

#pera .p1 p {
  text-align: justify;
  font-size: 16px;
  font-weight: 500;
  color: #616161;
  margin-bottom: 15px;
}

#pera .p1 p b {
  color: #000;
}

#pera .video {
  padding: 20px 0;
}

#pera ul {
  padding-left: 20px;
}

#pera h4 {
  margin-top: 20px;
}

/* portfolio */

#portfolio-info {
  padding: 50px 0px 20px;
  background: #fff;
  text-align: left;
}

#portfolio-info h2 {
  text-align: center;
  margin-bottom: 40px;
}

#portfolio-info .row {
  row-gap: 40px;
}

#portfolio-info .portfolio {
  height: 270px;
  width: 100%;
  color: #fff;
  bottom: 0;
  left: 0%;
  text-align: center;
  display: inline-block;
  background: url(../images/portfolio.jpg) no-repeat;
  background-size: 100% 100%;
  position: relative;
  text-align: center;
}

#portfolio-info .portfolio a {
  text-align: center;
  font-size: 20px;
  color: #052149;
}
.portfoliotext {text-align:center; padding: 10px 0px;}
.portfoliotext h5 {text-align:center;}
#portfolio-info .portfolio .overlay {
    position: absolute;
    top: 10%;
    left: 8%;
    width: 84.5%;
    text-align: center;
    height: 63%;
    background-position: top center;
}

#portfolio-info .portfolio:hover .overlay {
  background-position: bottom center;
  -webkit-transition: all 15ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 15ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#portfolio-info .portfolio .batterynearby {
  background: url(../images/batterynearby.jpg) no-repeat 0px 0px;
  background-size: 100%;
}

/*  */

#portfolio-info .portfolio .roopjicaterers {
  background: url(../images/roopjicaterers.jpg) no-repeat 0px 0px;
  background-size: 100%;
}

/*  */

#portfolio-info .portfolio .findmyplace {
  background: url(../images/findmyplace.jpg) no-repeat 0px 0px;
  background-size: 100%;
}

/*  */

#portfolio-info .portfolio .starcarcaresolutions {
  background: url(../images/starcarcaresolutions.jpg) no-repeat 0px 0px;
  background-size: 100%;
}

/*  */

#portfolio-info .portfolio .genixfertilitycare {
  background: url(../images/genixfertilitycare.jpg) no-repeat 0px 0px;
  background-size: 100%;
}

/*  */

#portfolio-info .portfolio .maruticreation {
  background: url(../images/maruticreation.jpg) no-repeat 0px 0px;
  background-size: 100%;
}

/*  */

#portfolio-info .portfolio .kanvaskidz {
  background: url(../images/kanvaskidz.jpg) no-repeat 0px 0px;
  background-size: 100%;
}

/*  */

#portfolio-info .portfolio .sangamsweet {
  background: url(../images/sangamsweet.jpg) no-repeat 0px 0px;
  background-size: 100%;
}

/*  */

#portfolio-info .portfolio .sparshortho {
  background: url(../images/sparshortho.jpg) no-repeat 0px 0px;
  background-size: 100%;
}

/* careers */

#career {
  padding: 50px 0px;
}

#career ul {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  list-style: none;
  padding: 10px 20px;
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  margin-bottom: 20px;
}

#career ul li,
#career ul li a {
  color: #fff;
}

#careers-d {
  padding: 70px 0px;
}

#careers-d .row {
  row-gap: 30px;
}

#careers-d h2 {
  font-size: 23px;
}

#careers-d h4 {
  font-size: 14px;
  color: #ff7652;
}

#careers-d p {
  text-align: justify;
  margin-bottom: 7px;
  font-size: 13px;
}

#careers-d .text-a {
  font-weight: bold;
}

#careers-d ul {
  margin: 5px 0px 7px 30px;
}

#careers-d ul li {
  font-size: 13px;
}

#careers-d .btn-a {
  padding: 10px 20px;
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
  border-radius: 6px;
}

#careers-d .imgsc {
  overflow: hidden;
  position: relative;
}

#careers-d .imgsc img {
  transition: .5s;
}

#careers-d .imgsc:hover img {
  transform: scale(1.2);
}

#careers-d .imgsc::before {
  content: '';
  position: absolute;
  background-color: #ff7652ad;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

#careers-d .img2 {
  position: relative;
  top: -180px;
  left: 380px;
  z-index: 2;
  width: 92px;
}

#careers-a {
  padding: 70px 0px;
}

#careers-a .row {
  row-gap: 30px;
}

#careers-a h2 {
  font-size: 23px;
}

#careers-a h4 {
  font-size: 14px;
  color: #ff7652;
}

#careers-a p {
  text-align: justify;
  margin-bottom: 7px;
  font-size: 13px;
}

#careers-a .text-a {
  font-weight: bold;
}

#careers-a ul {
  margin: 5px 0px 7px 30px;
}

#careers-a ul li {
  font-size: 13px;
}

#careers-a .btn-a {
  padding: 10px 20px;
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
  border-radius: 6px;
}

#careers-a .imgsc {
  overflow: hidden;
  margin-top: 60px;
  position: relative;
}

#careers-a .imgsc img {
  transition: .5s;
}

#careers-a .imgsc:hover img {
  transform: scale(1.2);
}

#careers-a .imgsc::before {
  content: '';
  position: absolute;
  background-color: #ff7652ad;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

#careers-a .img2 {
  position: relative;
  top: -180px;
  left: 380px;
  z-index: 2;
  width: 92px;
}

/*  */

#careers-b {
  padding: 30px 0px;
}

#careers-b .row {
  row-gap: 30px;
}

#careers-b h2 {
  font-size: 23px;
}

#careers-b h4 {
  font-size: 14px;
  color: #ff7652;
}

#careers-b p {
  text-align: justify;
  margin-bottom: 7px;
  font-size: 13px;
}

#careers-b .text-a {
  font-weight: bold;
}

#careers-b ul {
  margin: 5px 0px 7px 30px;
}

#careers-b ul li {
  font-size: 13px;
}

#careers-b .btn-a {
  padding: 10px 20px;
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
  border-radius: 6px;
}

#careers-b .imgsc {
  overflow: hidden;
  margin-top: 60px;
  position: relative;
}

#careers-b .imgsc img {
  transition: .5s;
}

#careers-b .imgsc:hover img {
  transform: scale(1.2);
}

#careers-b .imgsc::before {
  content: '';
  position: absolute;
  background-color: #ff7652ad;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

#careers-b .img2 {
  position: relative;
  top: -177px;
  left: -181px;
  z-index: 2;
  width: 92px;
}

/*  */

#careers-c {
  padding: 30px 0px;
}

#careers-c .row {
  row-gap: 30px;
}

#careers-c h2 {
  font-size: 23px;
}

#careers-c h4 {
  font-size: 14px;
  color: #ff7652;
}

#careers-c p {
  text-align: justify;
  margin-bottom: 7px;
  font-size: 13px;
}

#careers-c .text-a {
  font-weight: bold;
}

#careers-c ul {
  margin: 5px 0px 7px 30px;
}

#careers-c ul li {
  font-size: 13px;
}

#careers-c .btn-a {
  padding: 10px 20px;
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
  border-radius: 6px;
}

#careers-c .imgsc {
  overflow: hidden;
  margin-top: 60px;
  position: relative;
}

#careers-c .imgsc img {
  transition: .5s;
}

#careers-c .imgsc:hover img {
  transform: scale(1.2);
}

#careers-c .imgsc::before {
  content: '';
  position: absolute;
  background-color: #ff7652ad;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

#careers-c .img2 {
  position: relative;
  top: -177px;
  left: -181px;
  z-index: 2;
  width: 92px;
}

#careers-e {
  padding: 70px 0px;
}

#careers-e .row {
  row-gap: 30px;
}

#careers-e h2 {
  font-size: 23px;
}

#careers-e h4 {
  font-size: 14px;
  color: #ff7652;
}

#careers-e p {
  text-align: justify;
  margin-bottom: 7px;
  font-size: 13px;
}

#careers-e .text-a {
  font-weight: bold;
}

#careers-e ul {
  margin: 5px 0px 7px 30px;
}

#careers-e ul li {
  font-size: 13px;
}

#careers-e .btn-a {
  padding: 10px 20px;
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
  border-radius: 6px;
}

#careers-e .imgsc {
  overflow: hidden;
  margin-top: 0px;
  position: relative;
}

#careers-e .imgsc img {
  transition: .5s;
}

#careers-e .imgsc:hover img {
  transform: scale(1.2);
}

#careers-e .imgsc::before {
  content: '';
  position: absolute;
  background-color: #ff7652ad;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

#careers-e .img2 {
  position: relative;
  top: -180px;
  left: 380px;
  z-index: 2;
  width: 92px;
}

#careers-f {
  padding: 30px 0px;
}

#careers-f .row {
  row-gap: 30px;
}

#careers-f h2 {
  font-size: 23px;
}

#careers-f h4 {
  font-size: 14px;
  color: #ff7652;
}

#careers-f p {
  text-align: justify;
  margin-bottom: 7px;
  font-size: 13px;
}

#careers-f .text-a {
  font-weight: bold;
}

#careers-f ul {
  margin: 5px 0px 7px 30px;
}

#careers-f ul li {
  font-size: 13px;
}

#careers-f .btn-a {
  padding: 10px 20px;
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
  border-radius: 6px;
}

#careers-f .imgsc {
  overflow: hidden;
  margin-top: 60px;
  position: relative;
}

#careers-f .imgsc img {
  transition: .5s;
}

#careers-f .imgsc:hover img {
  transform: scale(1.2);
}

#careers-f .imgsc::before {
  content: '';
  position: absolute;
  background-color: #ff7652ad;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

#careers-f .img2 {
  position: relative;
  top: -177px;
  left: -181px;
  z-index: 2;
  width: 92px;
}

/* modal */
.modal .btn {
  border-radius: 0px;
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: #fff;
}

.modal .btn:hover {
  background: #ff7652;
  width: 100%;
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%);
  color: white;
}



/* login section */


.log-in-section {
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 0
}

.log-in-section.otp-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.log-in-section .image-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.log-in-section .log-in-form .form-control {
  border: none;
}

.log-in-section .inputs {
  margin: calc(-2px + (-8 - 2) * ((100vw - 320px)/ (1920 - 320)))
}

.log-in-section .inputs input {
  margin: calc(2px + (8 - 2) * ((100vw - 320px)/ (1920 - 320)));
  border: none
}

.log-in-section .log-in-box {
  background-color: #f8f8f8;
  padding: calc(16px + (50 - 16) * ((100vw - 320px)/ (1920 - 320)));
  border-radius: calc(8px + (12 - 8) * ((100vw - 320px)/ (1920 - 320)))
}

.log-in-section .log-in-box .logo-name {
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px)/ (1920 - 320)));
  margin-top: -10px
}

.log-in-section .log-in-box .logo-name a {
  font-size: calc(28px + (35 - 28) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 700;
  color: #222;
  font-family: "Public Sans", sans-serif;
  display: block
}

.log-in-section .log-in-box .logo-name a img {
  width: calc(150px + (225 - 150) * ((100vw - 320px)/ (1920 - 320)))
}

.log-in-section .log-in-box .log-in-title {
  margin-bottom: calc(12px + (20 - 12) * ((100vw - 320px)/ (1920 - 320)))
}

.log-in-section .log-in-box .log-in-title h3 {
  margin-bottom: calc(1px + (6 - 1) * ((100vw - 320px)/ (1920 - 320)));
  font-size: calc(18px + (21 - 18) * ((100vw - 320px)/ (1920 - 320)))
}

.log-in-section .log-in-box .log-in-title h4,
.log-in-section .log-in-box .log-in-title h5 {
  color: #ff7855;
  margin-top: 8px;
}

.log-in-section .log-in-box .log-in-title h4 {
  font-size: 18px;
}

.log-in-section .log-in-box .log-in-button {
  margin-top: 20px;
  padding: 1px 0
}

.checkbox_animated:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}

.checkbox_animated:after {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  top: -2px;
  left: 0;
  background-color: #fff;
  border: 2px solid #ececec;
  cursor: pointer;
}

.checkbox_animated:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 6px;
  -webkit-transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
  transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
  transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
  transition: transform .4s cubic-bezier(.45, 1.8, .5, .75), -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
  left: 4px;
  top: 4px;
  z-index: 1;
  border: 2px solid #ff7652;
  border-top-style: none;
  border-right-style: none;
}

.log-in-section .log-in-box .log-in-button ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.log-in-section .log-in-box .log-in-button ul li {
  display: block;
  width: 100%;
}

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin-right: 16px;
  height: 100%;
}

.log-in-section .log-in-box .log-in-button ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  color: #222;
  border-radius: 5px;
  padding: calc(10px + (16 - 10) * ((100vw - 320px)/ (1920 - 320))) calc(18px + (30 - 18) * ((100vw - 320px)/ (1920 - 320)));
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(8px + (10 - 8) * ((100vw - 320px)/ (1920 - 320)));
  background-color: #fff
}

.log-in-section .log-in-box .log-in-button ul li a img {
  width: calc(18px + (24 - 18) * ((100vw - 320px)/ (1920 - 320)))
}

.theme-color {
  color: #ff7652 !important;
}

.log-in-section .log-in-box .forgot-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width: 360px) {
  .log-in-section .log-in-box .forgot-box {
    display: block
  }
}

.log-in-section .log-in-box .remember-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.log-in-section .log-in-box .remember-box .check-box {
  display: block;
  margin-top: -6px
}

.log-in-section .log-in-box .remember-box label {
  font-size: 16px
}

.log-in-section .log-in-box .remember-box label span {
  font-weight: 500;
  color: #ff7652
}

.log-in-section .log-in-box .forgot-password {
  font-size: 16px;
  font-weight: 500;
  display: block;
  color: #ff7652;
  font-weight: bold;
}

.log-in-section .log-in-box .forgot-password:hover {
  color: #ff7652
}

.log-in-section .log-in-box .other-log-in {
  margin-top: 15px;
  text-align: center;
  position: relative
}

.log-in-section .log-in-box .other-log-in::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  left: 0;
  background-color: #ddd;
  z-index: 0
}

.log-in-section .log-in-box .other-log-in h6 {
  color: #4a5568;
  position: relative;
  background-color: #f9f9f9;
  padding: 0 14px;
  display: inline-block;
  text-transform: uppercase
}

.log-in-section .log-in-box .sign-up-box {
  margin-top: 20px;
  text-align: center
}

.log-in-section .log-in-box .sign-up-box h4 {
  color: #4a5568;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  margin-bottom: calc(0px + (3 - 0) * ((100vw - 320px)/ (1920 - 320)))
}

.log-in-section .log-in-box .sign-up-box a {
  color: #ff7855;
  font-weight: 500;
  font-size: calc(15px + (17 - 15) * ((100vw - 320px)/ (1920 - 320)));
  margin-bottom: -4px;
  display: block;
}

.log-in-section .log-in-box .sign-up-box a:hover {
  color: #ff7652
}

.log-in-section .log-in-box .contact-title {
  margin-bottom: 30px
}

.log-in-section .log-in-box .contact-title h2 {
  margin-bottom: 15px
}

.log-in-section .log-in-box .contact-title h5 {
  width: 53%;
  font-size: 18px;
  line-height: 1.3;
  color: #4a5568
}

/* end */




.wishlist-section .show-button .top-filter-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.wishlist-section .show-button .top-filter-menu .category-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.wishlist-section .show-button .top-filter-menu .grid-option {
  margin-left: auto
}

.wishlist-section .show-button .top-filter-menu .category-dropdown .dropdown {
  margin-left: 10px
}

.wishlist-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  background-color: #f6f5f2;
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  padding: calc(9px + (10 - 9) * ((100vw - 320px)/ (1920 - 320))) 15px;
  border-radius: 5px;
  color: #777;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px
}

.wishlist-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle i {
  margin-top: 2px
}

.wishlist-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li {
  display: block
}

.wishlist-section .show-button .top-filter-menu .grid-option ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(5px + (10 - 5) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.wishlist-section .show-button .top-filter-menu .grid-option ul li {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background: linear-gradient(149.8deg, #f6f5f2 17.21%, #fbfaf9 79.21%)
}

.wishlist-section .show-button .top-filter-menu .grid-option ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.wishlist-section .show-button .top-filter-menu .grid-option ul li.active {
  background: #ff744f
}

.wishlist-section .show-button .top-filter-menu .grid-option ul li {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background: linear-gradient(149.8deg, #f6f5f2 17.21%, #fbfaf9 79.21%);
  list-style: none;
}

.wishlist-section .show-button .top-filter-menu .grid-option ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.wishlist-section .show-button {
  margin-bottom: 14px
}

.wishlist-section .list-style .product-box-3 .product-header .product-header-top {
  position: static;
}

.wishlist-section .product-box-3 .product-header a {
  display: inline-block
}

.product-box-3 {
  padding: calc(7px + (14 - 7) * ((100vw - 320px)/ (1920 - 320)));
  position: relative;
  background-color: #f8f8f8;
  border-radius: 5px;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.product-box-3.theme-bg-white {
  background-color: #fff
}

.product-box-3:hover {
  -webkit-box-shadow: 0 0 8px rgba(34, 34, 34, .08);
  box-shadow: 0 0 8px rgba(34, 34, 34, .08);
}

.product-box-3:hover .product-header .product-image .product-option {
  bottom: 10px;
  opacity: 1;

}

.product-box-3:hover .product-header .product-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.01);

}

.product-box-3 .product-header {
  position: relative;
}

.product-box-3 .product-header .product-image {
  text-align: center;
  padding: 10px;
  display: block;
}

.product-box-3 .product-header .product-image .product-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  bottom: -5px;
  background-color: #fff;
  width: 100%;
  padding: 10px 5px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 8px rgba(34, 34, 34, .12);
  box-shadow: 0 0 8px rgba(34, 34, 34, .12);
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  max-width: 230px;
  justify-content: center;
}
.product-list-section.list-style>div .product-box-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
}
.product-list-section.list-style>div .product-box-3 .product-header {
  width: 180px;
}
.product-list-section.list-style>div .product-box-3 .product-footer {
  padding-left: 20px;
  width: calc(100% - 180px);
}
.product-list-section.list-style>div .product-box-3 .product-footer .product-detail .span-name {
  display: none;
}
.product-list-section.list-style>div {
  width: 100%;
}
@media (max-width: 767px) {
  .product-list-section.list-style>div .product-box-3 .product-footer {
      padding:0;
      width: 100%;
      margin-top: 0;
  }
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-content {
  display: block;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-detail .qty-box {
  width: unset
}

.product-box-3 {
  padding: calc(7px + (14 - 7) * ((100vw - 320px)/ (1920 - 320)));
  position: relative;
  background-color: #f8f8f8;
  border-radius: 5px;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.product-box-3.theme-bg-white {
  background-color: #fff
}

.product-box-3:hover {
  -webkit-box-shadow: 0 0 8px rgba(34,34,34,.08);
  box-shadow: 0 0 8px rgba(34,34,34,.08)
}

.product-box-3:hover .product-header .product-image .product-option {
  bottom: 10px;
  opacity: 1
}

.product-box-3:hover .product-header .product-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.product-box-3 .product-header {
  position: relative
}

.product-box-3 .product-header .product-image {
  text-align: center;
  padding: 10px;
  display: block
}

@media (max-width: 480px) {
  .product-list-section.list-style>div .product-box-3 .product-header {
      width:100%
  }
}

@media (max-width: 480px) {
  .product-box-3 .product-header .product-image {
      padding:0
  }

  .product-box-3 {
      padding: 0
  }
}




.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.rating li {
  line-height: 0;
  list-style: none;
}

.rating li+li {
  margin-left: 2px
}

.rating li .fa-star {
  color: #ffb321;
}

.product-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.product-box-3:hover .product-header .product-image .product-option {
  bottom: 10px;
  opacity: 1;
}

.product-box-3 .product-header .product-header-top .wishlist-button {
  position: relative;
  padding: 5px;
  margin-left: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(34, 34, 34, .24);
  box-shadow: 0 3px 3px rgba(34, 34, 34, .24);
  border-radius: 100%;
  z-index: 1;
  height: 30px;
  width: 30px;
}

.product-box-3 .product-header .product-header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.product-box-3 .product-header .product-image .product-option li {
  position: relative;
  width: 33.33%;
  list-style: none;
}

.product-box-3 .product-header .product-image .product-option li a {
  color: #222;
}

.product-box-3 .product-header .product-image .product-option li a .feather {
  width: 17px;
  height: auto;
  color: #ff744f
}

.product-box-3 .product-header .product-image .product-option li+li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #4a5568;
  opacity: .3
}

.product-box-3 .product-header .product-header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.product-box-3 .product-header .product-header-top .label-new {
  position: relative;
  border-radius: 4px;
  padding: 3px 8px;
  color: #fff
}

.product-box-3 .product-header .product-header-top .label-new.bg-warning {
  background: -webkit-gradient(linear, right top, left top, color-stop(-14.53%, #ffbf65), color-stop(99.15%, #ffad39)) !important;
  background: linear-gradient(-90deg, #ffbf65 -14.53%, #ffad39 99.15%) !important
}

.product-box-3 .product-header .product-header-top .label-new.bg-theme {
  background: linear-gradient(90deg, #ff7652 0%, #ff9800 100%) !important
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-rating {
  border-bottom: 1px dashed #ececec;
  padding-bottom: 14px;
  margin-top: 14px;
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .modal-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .modal-button .add-cart-button {
  background: #222;
  color: #fff;
  font-weight: 600;
}

#view .brand-list .brand-box h4 {
  font-size: 20px;
}

#view .brand-list li {
  list-style: none;
}

#view .modal-button {
  gap: 20px;
}

#view p {
  margin-bottom: 10px;
}

.product-box-3 .product-header .product-header-top .label-new label {
  font-size: 13px;
  margin-top: 1px;
  font-weight: 600;
}

.product-box-3 .product-header .product-header-top .wishlist-button {
  position: relative;
  padding: 0px;
  margin-left: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(34, 34, 34, .24);
  box-shadow: 0 3px 3px rgba(34, 34, 34, .24);
  border-radius: 100%;
  z-index: 1;
  height: 30px;
  width: 30px;
}

.product-box-3 .product-header .product-header-top .wishlist-button .feather {
  width: 15px;
  height: 15px;
  color: #4a5568;
}

.product-box-3 .product-header .product-header-top .close-button {
  position: relative;
  padding: 0;
  z-index: 0;
}

.product-box-3 .product-header .product-header-top .close-button .feather {
  width: 20px;
  height: auto;
  color: #4a5568
}

.product-box-3 .product-footer .product-detail .span-name {
  font-size: 13px;
  color: #50607c;
  margin-bottom: calc(4px + (8 - 4) * ((100vw - 320px)/ (1920 - 320)))
}

.product-box-3 .product-footer .product-detail .product-content {
  display: none
}

.product-box-3 .product-footer .product-detail a {
  color: #222
}

.product-box-3 .product-footer .product-detail a:hover {
  color: #222
}

.product-box-3 .product-footer .product-detail .name {
  font-weight: 500;
  line-height: calc(21px + (24 - 21) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden
}

.product-box-3 .product-footer .product-detail .unit {
  font-size: 13px;
  font-weight: 500;
  margin-top: calc(6px + (10 - 6) * ((100vw - 320px)/ (1920 - 320)));
  color: #777
}

.product-box-3 .product-footer .price {
  margin-top: 6px;
  font-weight: 600
}

.product-box-3 .product-footer .price del {
  margin-left: 4px;
  font-weight: 400;
  color: #777;
  font-size: calc(13px + (14 - 13) * ((100vw - 320px)/ (1920 - 320)))
}

.product-box-3 .product-footer .price span {
  font-size: calc(15px + (16 - 15) * ((100vw - 320px)/ (1920 - 320)))
}

.product-section-3 .circle-box {
  position: relative
}

.product-section-3 .circle-box .shape-circle {
  position: absolute;
  top: 0;
  left: 0
}

.product-section-3 .circle-box .shape-circle img {
  width: 100%;
  height: auto;
  margin: 0;
  -webkit-animation: rounded 15s linear infinite;
  animation: rounded 15s linear infinite
}

.product-section-3 .circle-box .shape-text {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff
}

.product-section-3 .circle-box .shape-text h6 {
  display: block;
  margin: 0;
  font-weight: 500
}

.product-section-3 .product-title {
  padding: 16px;
  text-align: center;
  background-color: #ff744f;
  color: #fff;
  border-radius: 8px 8px 0 0;
  border: 2px solid transparent;
  background-size: contain;
  background-clip: border-box;
  background-position: 0 0;
  -webkit-animation: shape 15s linear infinite;
  animation: shape 15s linear infinite
}

.product-section-3 .product-title.product-warning {
  background-color: transparent;
  color: #222;
  margin: 0;
  border: none;
}
.cart-table table tbody tr td.price h5 del {
  color: #ff7855;
}
.checkout-btn ul {
  display: flex;
  gap: 20px;
}
.checkout-btn ul li {
  list-style: none;
}


.search-box {
  background-color: rgb(255 255 255 / 96%);
}
.search-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color:#fff;
  display: none;
}
.search-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10%;
  right: 8%
}
.search-close span {
  width: 20px;
  height: 2px;
  background-color: #1d1e1e;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  position: relative
}
.search-close span:first-of-type {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 8px
}
.search-close span:nth-of-type(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px
}
.search-wrapper {
  width: 60%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
  .search-wrapper {
    width: 80%
  }
}

.search-wrapper input {
  width: 100%;
  height: 70px;
  font-size: 20px;
  border: 0;
  background: none;
  border-bottom: 2px solid #d2dfd5;
  padding: 0 20px;
  padding-right: 60px;
}

.search-wrapper input:focus {
  outline: none;
}

.search-wrapper button {
  position: absolute;
  font-size: 20px;
  padding: 0;
  height: 70px;
  width: 70px;
  top: 0;
  right: 0;
  border: 0;
  background-color: transparent;
}

/* userdashboard */

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li {
  display: block;
}

.dashboard-title {
  margin-bottom: 22px
}

.dashboard-title h3 {
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  font-weight: 600
}

.dashboard-title.dashboard-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.dashboard-title.dashboard-flex button {
  margin-left: auto
}

.user-dashboard-section .dashboard-left-sidebar {
  background: #f8f8f8;
  -webkit-box-shadow: 0 0 8px rgba(34,34,34,.14);
  box-shadow: 0 0 8px rgba(34,34,34,.14);
  border-radius: 10px;
  overflow: hidden;
  position: sticky;
  top: 107px;
  z-index: 0
}

@media (max-width: 991px) {
  .user-dashboard-section .dashboard-left-sidebar {
      width:300px;
      height: 100vh;
      position: fixed;
      top: 0;
      left: -320px;
      border-radius: 0;
      z-index: 6010;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }

  .user-dashboard-section .dashboard-left-sidebar.show {
      left: 0
  }
}

.user-dashboard-section .dashboard-left-sidebar .close-button {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  background: #f8f8f8;
  border-radius: 100%
}

.user-dashboard-section .dashboard-left-sidebar .close-button .close-sidebar {
  border: none;
  font-size: 15px;
  background-color: transparent;
  color: #4a5568;
  padding: 2px 0 0
}

.user-dashboard-section .dashboard-left-sidebar .profile-box {
  position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image {
  position: relative;
  overflow: hidden
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 991px) {
  .user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image img {
      height:120px
  }
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #222;
  opacity: .15
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image .cover-icon {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  background-color: #fff;
  border-radius: 100%;
  color: #4a5568
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain {
  padding: 0 15px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image {
  margin: 0 auto;
  text-align: center;
  margin-top: -50px;
  z-index: 1;
  position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image img {
  width: calc(93px + (108 - 93) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(93px + (108 - 93) * ((100vw - 320px)/ (1920 - 320)));
  -o-object-fit: contain;
  object-fit: contain;
  background-color: #f8f8f8;
  border-radius: 100%;
  padding: 5px;
  border: 1px solid #ececec;
  -webkit-box-shadow: 2px 3px 8px rgba(34,34,34,.32);
  box-shadow: 2px 3px 8px rgba(34,34,34,.32)
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 55%;
  z-index: 1;
  background-color: #fff;
  border-radius: 100%;
  color: #4a5568
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i {
  position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
  width: 35px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name {
  margin-top: calc(10px + (13 - 10) * ((100vw - 320px)/ (1920 - 320)));
  text-align: center;
  padding-bottom: calc(12px + (18 - 12) * ((100vw - 320px)/ (1920 - 320)));
  border-bottom: 1px solid #ddd
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h3 {
  font-size: calc(18px + (22 - 18) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 600;
  letter-spacing: .7px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  margin-top: 4px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 span {
  margin: 0 8px
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(2px + (7 - 2) * ((100vw - 320px)/ (1920 - 320)));
  margin: calc(10px + (20 - 10) * ((100vw - 320px)/ (1920 - 320))) 0 6px
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item {
  width: 100%;
  display: block
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
  font-size: calc(17px + (18 - 17) * ((100vw - 320px)/ (1920 - 320)));
  position: relative;
  color: #4a5568;
  width: 100%;
  text-align: left;
  padding: calc(10px + (13 - 10) * ((100vw - 320px)/ (1920 - 320))) calc(10px + (13 - 10) * ((100vw - 320px)/ (1920 - 320))) calc(10px + (13 - 10) * ((100vw - 320px)/ (1920 - 320))) calc(19px + (23 - 19) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 500;
  z-index: 0;
  overflow: hidden;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link,.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active {
  border-left: 3px solid #ff744f;
  font-weight: 600;
  background-color: transparent;
  color: #ff744f
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link::before,.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: var(--theme-color2);
  z-index: -1;
  opacity: .1
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .feather {
  width: calc(18px + (19 - 18) * ((100vw - 320px)/ (1920 - 320)));
  height: auto;
  margin-right: 10px
}

.user-dashboard-section .dashboard-right-sidebar {
  background-color: #f8f8f8;
  padding: calc(20px + (40 - 20) * ((100vw - 320px)/ (1920 - 320)));
  border-radius: 8px;
  height: 100%
}

@media (max-width: 991px) {
  .user-dashboard-section .dashboard-right-sidebar {
      height:auto
  }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box {
  padding: calc(12px + (20 - 12) * ((100vw - 320px)/ (1920 - 320)));
  background-color: #fff;
  border-radius: 6px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box+.dashboard-bg-box {
  margin-top: 24px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name h6 {
  font-size: 16px;
  margin-bottom: 10px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name p {
  margin: 0;
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  line-height: 1.5;
  letter-spacing: .3px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box {
  margin: 30px 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .totle-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 15px;
  background-color: #fff;
  padding: calc(16px + (25 - 16) * ((100vw - 320px)/ (1920 - 320)));
  border-radius: 9px;
  -webkit-box-shadow: 0 0 8px rgba(34,34,34,.08);
  box-shadow: 0 0 8px rgba(34,34,34,.08);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 100%
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .totle-contain:hover .img-1 {
  width: calc(84px + (96 - 84) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-transform: translateY(-50%) rotate(-7deg);
  transform: translateY(-50%) rotate(-7deg);
  opacity: .2;
  right: -19px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .totle-contain img {
  width: calc(54px + (60 - 54) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .totle-contain .img-1 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(78px + (90 - 78) * ((100vw - 320px)/ (1920 - 320)));
  position: absolute;
  opacity: .12;
  right: -30px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .totle-contain .totle-detail h5 {
  margin-bottom: calc(3px + (7 - 3) * ((100vw - 320px)/ (1920 - 320)));
  color: #4a5568;
  overflow: hidden;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .totle-contain .totle-detail h3 {
  font-weight: 600
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-contant-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: calc(5px + (10 - 5) * ((100vw - 320px)/ (1920 - 320)));
  margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-contant-title h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-contant-title h4 a {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320))); color: #ff7855;
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-contant-title h4 a:hover {
  color: #ff744f
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail h6 {
  margin-bottom: calc(4px + (8 - 4) * ((100vw - 320px)/ (1920 - 320)));
  line-height: 1.6
}
.dashboard-detail a {color: #ff744f;}
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail a:hover {
  color: #ff744f;
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(14px + (30 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(8px + (14 - 8) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon {
  position: relative;
  z-index: 0;
  color: #ff744f;
  padding: 9px;
  border-radius: 100%;
  overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #ff744f;
  opacity: .1;
  z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .6px;
  font-size: calc(17px + (20 - 17) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  background: -webkit-gradient(linear,right top,left top,from(#ff6b6b),to(#ff4f4f));
  background: linear-gradient(-90deg,#ff6b6b 0,#ff4f4f 100%);
  padding: 4px 6px;
  border-radius: 4px;
  margin-left: calc(9px + (20 - 9) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 600
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span.success-bg {
  background: var(--theme-color2)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h6 {
  margin-top: 6px;
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)));
  letter-spacing: .6px;
  font-weight: 300;
  line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 20px;
  background-color: #f8f8f8;
  padding: calc(15px + (20 - 15) * ((100vw - 320px)/ (1920 - 320)));
  margin-top: 30px;
  border-radius: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.product-order-detail .btn-animation {
  padding: 5px 10px;
  margin-top: 10px
}

@media (max-width: 1199px) {
  .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
      display:block
  }
}

@media (max-width: 991px) {
  .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
      display:-webkit-box;
      display: -ms-flexbox;
      display: flex
  }
}

@media (max-width: 767px) {
  .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
      display:block
  }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail:hover .order-image img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image {
  display: block
}

@media (max-width: 1199px) {
  .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image {
      text-align:center;
      margin-bottom: calc(14px + (30 - 14) * ((100vw - 320px)/ (1920 - 320)))
  }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 200px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a {
  display: block;
  color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a:hover {
  color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a h3 {
  font-weight: 600;
  margin-bottom: 6px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap p {
  line-height: 1.5;
  font-size: calc(14px + (15 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(6px + (9 - 6) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li {
  width: 100%;    list-style: none;
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box h5 {
  font-weight: 600;
  margin-left: 8px;
  font-size: 14px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box {
  border-radius: 8px;
  padding: calc(12px + (24 - 12) * ((100vw - 320px)/ (1920 - 320)));
  background-color: #fff;
  -webkit-box-shadow: 0 0 9px rgba(0,0,0,.07);
  box-shadow: 0 0 9px rgba(0,0,0,.07);
  position: relative;
  height: 100%;
  overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .label {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ff744f;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  letter-spacing: .8px
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check {
  margin-top: 3px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input {
  width: calc(15px + (17 - 15) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(15px + (17 - 15) * ((100vw - 320px)/ (1920 - 320)));
  margin-top: 2px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked {
  background-color: #ff744f;
  border-color: #ff744f
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table {
  margin-bottom: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr:first-child td {
  padding-top: 0;
  font-weight: 600;
  font-size: calc(17px + (18 - 17) * ((100vw - 320px)/ (1920 - 320)));
  color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td {
  border: none;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  padding: 4px 0;
  color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:first-child {
  min-width: 90px;
  padding-left: 8px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:last-child p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  margin-bottom: 0;
  line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 span {
  background-color: #ff744f;
  padding: 4px 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  letter-spacing: .8px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button {
  background-color: #f8f8f8;
  font-weight: 600
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button:hover {
  background-color: #ff744f;
  color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button .feather {
  width: calc(16px + (18 - 16) * ((100vw - 320px)/ (1920 - 320)));
  height: auto;
  margin-right: calc(6px + (8 - 6) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .add-address .address-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail {
  position: relative
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail:hover .edit-card {
  opacity: 1;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card {
  background-color: #f9f9f9;
  cursor: pointer;
  padding: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 130px;
  background: #d2d2d2;
  color: #222;
  text-align: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details h5 {
  margin-bottom: 0;
  text-transform: capitalize
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details {
  height: 100%;
  color: #fff;
  padding: 30px 20px;
  border-radius: 5px;
  background-color: #4b77a0;
  background-image: repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.card-visa {
  background-color: #777876
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.dabit-card {
  background-color: #86b8cf
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number {
  margin-bottom: 10px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number h4 {
  color: #fff;
  font-size: calc(16px + (18 - 16) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title {
  margin-bottom: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title span {
  display: block;
  color: rgba(255,255,255,.7);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.3
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .date h3 {
  margin-bottom: 0;
  color: #fff;
  margin-left: 15px;
  font-size: calc(16px + (18 - 16) * ((100vw - 320px)/ (1920 - 320)));
  font-weight: 400
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary {
  margin-left: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary span {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px)/ (1920 - 320)));
  padding: 0;
  font-weight: 400;
  text-transform: capitalize
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(10px + (25 - 10) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .name h5 {
  text-transform: uppercase;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  margin-bottom: 0;
  color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .card-img {
  width: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  background-color: rgba(34,34,34,.8);
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

@media (max-width: 767px) {
  .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card {
      display:none
  }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card a {
  padding: 0 10px;
  text-transform: capitalize;
  color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
  display: none
}

@media (max-width: 767px) {
  .user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
      display:-webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 10px
  }

  .user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile a {
      padding: 0 10px;
      text-transform: capitalize;
      color: #222
  }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
  font-weight: 400;
  font-size: 16px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 360px) {
  .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
      margin-right:0
  }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 span {
  background: var(--theme-color2);
  color: #fff;
  padding: 3px 8px;
  margin-left: 10px;
  border-radius: 5px;
  font-size: 13px
}

@media (max-width: 575px) {
  .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail .profile-rating {
      margin-top:3px
  }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
  margin-left: auto;
  padding: 8px 14px;
  position: relative;
  z-index: 0;
  border-radius: 5px;
  overflow: hidden;
  display: inline-block
}

@media (max-width: 575px) {
  .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
      margin-top:10px
  }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--theme-color2);
  opacity: .08;
  z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a:hover {
  color: #ff744f
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile {
  margin-top: 20px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul {
  display: block;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(10px + (26 - 10) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-bottom: calc(4px + (8 - 4) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li {
  display: block;
  padding: 12px 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 7px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box .feather {
  width: calc(18px + (20 - 18) * ((100vw - 320px)/ (1920 - 320)));
  height: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box h6 {
  font-size: calc(15px + (16 - 15) * ((100vw - 320px)/ (1920 - 320)))
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-description p {
  margin: 20px 0 0;
  color: #4a5568;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about {
  margin-top: 20px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table {
  margin-bottom: 36px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td {
  vertical-align: middle;
  border: none;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  white-space: nowrap
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td:first-child {
  color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a:hover {
  color: #ff744f
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span {
  margin-left: calc(8px + (20 - 8) * ((100vw - 320px)/ (1920 - 320)));
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 5px;
  position: relative;
  font-weight: 600;
  overflow: hidden;
  z-index: 0
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--theme-color2);
  opacity: .08;
  z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box+.privacy-box {
  margin-top: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box h6 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px)/ (1920 - 320)));
  margin-bottom: 6px;
  line-height: 1.5;
  font-weight: 700
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box p {
  margin: 0;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px)/ (1920 - 320)));
  line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch {
  position: absolute;
  -webkit-clip-path: circle(0);
  clip-path: circle(0);
  opacity: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label {
  width: 62px;
  height: 25px;
  position: relative;
  border-radius: 50px;
  cursor: pointer;
  background-color: #0e997e26;
  border: 1px solid #ddd
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:after,.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before {
  display: inline-block;
  position: absolute
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before {
  width: 19px;
  height: 19px;
  content: "";
  border-radius: 100%;
  left: 2px;
  top: 2px;
  background: var(--theme-color2);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch:checked+label:before {
  left: 39px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input {
  position: absolute;
  -webkit-clip-path: circle(0);
  clip-path: circle(0);
  opacity: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label {
  width: 62px;
  height: 25px;
  position: relative;
  border-radius: 50px;
  cursor: pointer;
  border: 1px solid #ff744f
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:after,.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before {
  display: inline-block;
  position: absolute
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before {
  width: 19px;
  height: 19px;
  content: "";
  border-radius: 100%;
  left: 2px;
  top: 2px;
  background-color: #ff744f;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label {
  background-color: #ff744f
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label:before {
  left: 39px;
  background: #fff
}

/* end */




@media only screen and (max-width:767px) {
  .search-wrapper button {
    font-size: 18px;
    width: 50px;
    height: 50px;
  }
  .search-wrapper input {
    font-size: 18px;
    height: 50px;
  }
  .search-close {
    right: 12%;
    top: 8%
  }

}











@media (max-width: 480px) {
  .product-box-3 .product-header .product-image {
    padding: 0;
  }

  .product-box-3 {
    padding: 0;
  }
}

@media (max-width: 376px) {
  .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}