/* --open sans-- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* font-family: "Poppins", sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* font-family: "Quicksand", sans-serif; */

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

select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:30px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Poppins", sans-serif;}
h2 {font-size:25px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Poppins", sans-serif;}
h3 {font-size:24px;color:#222222; margin:0px 0px 10px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Poppins", sans-serif;}
h4 {font-size:22px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:500;font-family: "Poppins", sans-serif;}
h5 {font-size:20px;color:#222222; margin:0px 0px 15px 0px;line-height: 1.4;font-weight:600;font-family: "Poppins", sans-serif;}
h6 {font-size:18px;color:#222222;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:500;font-family: "Poppins", sans-serif;}
.spacer1pxborder {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background: rgba(26,28,38,0.1); margin:20px 0px 20px 0px;width:100%; border:none;}
body {overflow-x:hidden;color:#505050;font-size:15px;line-height:1.4; margin:0px; padding:0px; outline:none;text-decoration:none;list-style:none;box-sizing: border-box;font-family: "Poppins", sans-serif;background-color:#fff;font-weight: 400;}
body,html{padding: 0;margin: 0;}
p {color: #222222;font-size: 15px;line-height: 1.4;margin: 0px 0px 20px 0px;font-family: "Poppins", sans-serif;font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
.form-control::-webkit-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-ms-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
:focus, button:focus {outline-style:none;box-shadow:none;}
*:focus {outline: none;}
input:focus{outline:1px;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;text-decoration: none;}
.header-sticky{position: relative;z-index: 9;}
.fixedhead{position: fixed;top: -48px; animation: slide-down 0.7s; opacity: 1;width: 100%;background: #fff;z-index: 9;left: 0px;box-shadow: 0 1px 7px 0 rgb(227 227 227 / 72%);}


.bg-1 {background-color:#F2FCE4 ; }
.bg-2 {background-color: #FFFCEB ;}
.bg-3 {background-color: #ECFFEC ;}
.bg-4 {background-color: #FEEFEA;}
.bg-5 {background-color: #FFF3EB ;}
.bg-6 {background-color: #FFF3FF;}
.bg-7 {background-color: #e7eaf3 ;}
.bg-8 {background-color: #f0e8d5;}
.bg-9 {background-color: #fbffd0}
.bg-10 {background-color: #ffe4e4}
.bg-11 {background-color: #e4fff5}
.bg-12 {background-color: #e4f0ff}
.bg-13 {background-color : #e7e4ff}
.bg-14 {background-color: #f7e4ff }
.bg-15 {background-color: #f9c3c3}


@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.mb-50 {margin-bottom: 50px;}

.header {display: flex; align-items: center;justify-content: space-between;}

.header h2{font-size: 30px;font-weight: 500;}

.header a{    color: #3bb77e;}

.header a:hover{color: #023a20;}

/* -- Header -- */

.top-menu{background: whitesmoke; padding: 5px 0;}

.t-item ul li a img{width: 35px;}

.top-menu-inner{display: flex; align-items: center; justify-content: space-between;font-family: "Quicksand", sans-serif;}

.t-item ul{display: flex; align-items: center;justify-content: center;  gap: 15px;}

.t-item ul li a{ padding: 6px 10px;background: #3bb77e; color: #fff; border-radius: 5px; display: block;}

.loc p{font-size: 14px;margin: 0; padding: 8px 15px; background: white;border-radius: 3px;}

.loc p img{width: 20px;margin-right: 5px;}

.cont a{padding: 0px 0px;background: linear-gradient(90deg, white 23%, #3bb77e 23%);color: #fff; display: flex; align-items: center; justify-content: space-between;border-radius: 3px; overflow: hidden;}

.cont a img{ width: 38px;height: 38px; padding: 10px; animation: gtwss-vibrateq 1.5s linear infinite;}

.cont a span{padding: 0 8px;}

.bottom-menu{background: #fff; padding: 8px 0; border-bottom: 1px solid #f2f2f2;}

.top-logo .log-1{width: 200px;}

.mid-menu-flex{display: flex; align-items: center;justify-content: space-between;}

.login-page a{ padding: 10px 20px;background: #023a20;border-radius: 5px;color: #ffff;transition: all .5s ease-in-out;}

.login-page a i{margin-right: 6px;}

.login-page a:hover{background: #3bb77e;}

.menu-nav{  display: flex;align-items: center;gap: 15px;}

@keyframes  gtwss-vibrateq {
  0% {
  transform: rotate(0deg) scale(1) skew(1deg);
  }
  
  10% {
  transform: rotate(-25deg) scale(1) skew(1deg);
  }
  
  20% {
  transform: rotate(25deg) scale(1) skew(1deg);
  }
  
  30% {
  transform: rotate(-25deg) scale(1) skew(1deg);
  }
  
  40% {
  transform: rotate(25deg) scale(1) skew(1deg);
  }
  
  50% {
  transform: rotate(0deg) scale(1) skew(1deg);
  }
  
  100% {
  transform: rotate(0deg) scale(1) skew(1deg);
  }
}

/* cart */

.head-kar img{width: 25px; height: 25px;}

.head-kar {position: relative;text-align: center;}

.kt-count {font-size: 10px; background: #3bb77e ; display: flex; height: 15px; width: 15px; justify-content: center;color: #fff;border-radius: 50%; position: absolute; top: 0; right: -5px;animation: bg-circle-one 3s infinite alternate;}

.head-kar-head .head-kar-item{display: flex; align-items: center;}

.head-kar-head .head-kar-item .head-kar-item-inner{margin-left: 20px;}

.login-profile .dropdown:hover .dropdown-menu {display: block !important;}

.login-profile .dropdown .btn { background: unset;color: #3bb77e; border-color: #3bb77e; padding: 8px 20px;font-size: 14px;border-radius: 5px;}

.login-profile .dropdown .dropdown-item{ padding: 8px 10px;font-size: 14px;}

.login-profile .dropdown .dropdown-item:hover{background: #3bb77e; color: #fff;}

@keyframes bg-circle-one {
  0% {
      transform: scale(.9);
  }

  100% {
      transform: scale(1.1);
  }
}

.animate-item-count { animation: bounceIn 0.1s 0ms ease-in-out 2 alternate-reverse;}

@keyframes bounceIn {
  0% {
    transform: translateX(-3px);
  }
  50% {
    transform: translateX(3px);
  }
  70% {
    transform: translateX(-3px);
  }
  100% {
    transform: translateX(3px);
  }
}

.cart-nav{padding: 0;}

.cart-nav .offcanvas.offcanvas-end{width: 40%;}

.cart-nav .view-cart-item {display: flex;padding: 15px; margin-top: 15px; border: 1px solid #e7e7e7; border-radius: 5px;  background: #f7f7f7;   }

.cart-nav .view-cart-item .vci-left{ flex: 0 0 90px; text-align: center;margin-right: 30px;}

.cart-nav .view-cart-item  .vcic-img{height: 85px; width: 100%; padding: 10px; border: 1px solid #bfbfbf; margin-bottom: 10px; border-radius: 5px;display: flex;align-items: center;justify-content: center; background: #fff;}

.cart-nav .view-cart-item .counter-add-item{ margin-top: 10px;}

.cart-nav .view-cart-item .vci-right{width: 100%;}

.cart-nav .view-cart-item .vci-right p{margin: 0;}

.cart-nav .view-cart-item .remove-btn{text-align: right; float: right;}

.cart-nav .view-cart-item .remove-btn button{ display: inline-flex; align-items: center; padding: 8px 20px; font-size: 12px;border-radius: 5px; border: 1px solid #fd0000;  background: red; color: #fff;font-weight: 500;}

.cart-nav .view-cart-item .remove-btn button i{margin-right: 5px;}

.cart-nav .offcanvas-header{background: #1d5b3f;}

.cart-nav .offcanvas-header .btn-close{filter: invert(1); opacity: 1;}

.cart-nav .offcanvas-header h5{color: #fff;}

.cart-nav .price-details{ width: 60%; border: 1px solid #e7e7e7; padding: 15px;border-radius: 5px;}

.cart-nav .price-details h5{padding: 10px;background: #e2fff2; border-radius: 5px;}

.cart-nav .adkt-price p{color: #000;}

.cart-nav  .cart-item-body ul li{border-bottom: unset;}

.cart-nav .cart-item-body { border-bottom: 1px dashed #c4c4c4;}

.cart-nav .total-count li{display: flex; align-items: center;justify-content: space-between;}

.cart-nav .total-count li p{ margin: 0; font-size: 20px;}

.place-order a{ padding: 8px 14px;border: 1px solid; text-align: center; font-size: 18px;border-radius: 5px; transition: all .3s ease; border-color: #3bb77e; background: #3bb77e; color: #fff;}

/* .product-list, .cart {
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 45%;
}
.product-item, .cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
button {
  padding: 5px 10px;
  font-size: 14px;
}  */

/* .product-list, .cart {
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 45%;
}
.product, .cart-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
button {
  padding: 5px 10px;
  font-size: 16px;
} */

/* .product-list, .cart {
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 300px;
}
.product, .cart-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
button {
  padding: 5px 10px;
  font-size: 14px;
}
.cart-item span {
  display: inline-block;
  margin-right: 10px;
} */


/* Banner */

.banner-section{ width: 100%;margin: 0 auto; margin-top: 35px;border-radius: 30px; overflow: hidden;}

.banner-section .fc-banner-item{overflow: hidden; border-radius: 30px;}

.banner-section .fc-banner-item img{width: 100%; height: 100%;}

/* popular-product */

.popular-product{padding: 35px 0;}

.popular-product-slide .pp-inner { border-radius: 20px;overflow: hidden; box-shadow: 0 0 10px #cfcfcf; width: 100%; height: 250px;}

.popular-product-slide .pp-inner img{width: 100%; height: 100%;}

.video-container video {width: 100%;height: 100%;object-fit: fill;    border-radius: 10px;}

.tab-vdo {position: relative; width: 100%; height: 350px;padding: 5px; border-radius: 10px; box-shadow: 0 0 12px #ececec}

.video-container { margin-bottom: 20px; height: 100%;  width: 100%;}

.tab-vdo .btn-play { height: 70px; width: 70px; position: absolute;top: 4%; right: 4%;}

/* --play btn --  */


.play-btn { position: absolute; appearance: none; width: 100% !important;height: 100%; border-radius: 50%;  background: conic-gradient(#3bb77e, #259762); cursor: pointer; outline: none;}
  
.play-btn::before { content: "";  position: absolute; width: 93%; height: 93%; background-color: #000; border-radius: 50%;left: 50%; top: 50%; transform: translate(-50%, -50%);}

.play-btn:checked {animation: borderAnimate 700ms ease-in-out 1;animation-fill-mode: forwards;}
  
@keyframes borderAnimate {
  0% {
    transform: rotate(0);
    background: conic-gradient(#3bb77e, transparent 20%);
  }

  80% {
    background: conic-gradient(#3bb77e, transparent 90%);
  }

  100% {
    transform: rotate(360deg);
    background: conic-gradient(#3bb77e, #3bb77e);
  }
}

.play-icon { position: absolute; width: 25px; height: 25px; left: 60%;top: 50%; background-color: #3bb77e;transform: translate(-60%, -50%) rotate(90deg);  clip-path: polygon(50% 15%, 0% 100%, 100% 100%); transition: all 400ms ease-in-out;cursor: pointer;}

.play-btn:checked + .play-icon {clip-path: polygon(0 100%, 0% 100%, 100% 100%);}

.pause-icon { position: absolute; width: 25px; height: 25px;left: 50%; top: 50%; transform: translate(-50%, -50%);cursor: pointer;}

.pause-icon::before {content: ""; position: absolute; width: 0%; height: 100%; background-color: #3bb77e; left: 0;}

.pause-icon::after {content: "";position: absolute; width: 0; height: 100%;background-color: #3bb77e; right: 0;}

.play-btn:checked ~ .pause-icon::before { animation: reveal 300ms ease-in-out 350ms 1;animation-fill-mode: forwards;}

.play-btn:checked ~ .pause-icon::after { animation: reveal 300ms ease-in-out 600ms 1; animation-fill-mode: forwards;}

@keyframes reveal {
  0% {
    width: 0;
  }

  100% {
    width: 35%;
  }
}

/* Home blog */

.home-blog{padding: 35px 0;}

.blogpost { position: relative;}

.blogpost-image {position: relative;overflow: hidden;border-radius: 10px 10px 0 0; height: 220px;}

.blogpost-image img { width: 100%;transition: 0.4s; transform: scale(1);height: 100%;object-fit: cover;}

.blogpost-image-thumb { position: absolute;top: 20px; left: 20px; background-image: linear-gradient(45deg, #023a20, #3bb77e);border-radius: 5px;  color: #ffffff; width: 70px; height: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.blogpost-image-thumb .date { font-weight: 700;  font-size: 28px; line-height: 1;}

.blogpost-image-thumb .text {font-weight: 700;font-size: 14px; text-transform: uppercase;margin-top: 3px; line-height: 1;}

.blogpost-content {padding: 20px; border-radius: 0 0 7px 7px;  background-color: #f2fbfe;transition: 0.4s;}

.blogpost-meta { display: flex; margin-bottom: 10px;}

.blogpost-meta li {margin-right: 15px;}

.blogpost-meta li i { color: #3bb67e;margin-right: 5px;} 

.blogpost-meta li a {color: #717788;font-size: 16px;}

.blogpost-content .blogpost-title {  font-size: 18px;font-weight: 500; line-height: 1.42;  margin-bottom: 10px;isplay: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.blogpost-read-more {  color: #3bb67e; font-size: 16px; text-transform: uppercase; font-weight: 700;  margin-top: 15px; display: inline-block;}

.blogpost-meta {display: flex; margin-bottom: 10px;display: none;}

.blogpost-content  .blogpost-title a{ color: #3bb77e; margin-top: 0;}

.blogpost-title a:hover{ color: #023a20;}

.blogpost-content p{margin: 0; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.blogpost:hover .blogpost-content { box-shadow: 0px 18px 48px 0px rgba(0, 0, 0, 0.08); background-color: #ffffff; transition: 0.4s;}

.blogpost-content .readbtn{ display: block; margin-top: 16px;  color: #3bb77e;font-size: 18px;    width: fit-content;}

.blogpost-content .readbtn:hover{ color: #023a20;}

.event-card{padding: 60px 0;}

.recet-evetop {padding: 24px 30px; border-radius: 5px; font-size: 21px;font-weight: 700;color: #343c55;display: flex;background: rgba(50, 47, 179, 0.13);background: linear-gradient(-45deg, rgba(91, 207, 242, 0.13) 0%, rgba(65, 125, 210, 0.13) 50%, rgba(50, 47, 179, 0.13) 100%);text-transform: capitalize;display: flex; align-items: center;margin-bottom: 30px;}

.recet-evetop h4{margin: 0;    font-size: 20px;}

.news-event-grid { padding: 10px;border: 1px solid #cecece;border-radius: 5px;background: linear-gradient(45deg, #ffffff, #e4f2f7);}

.event-item {border-bottom: 1px solid #cecece;display: flex; margin-top: 15px;padding-bottom: 15px;}

.event-item:last-child{padding: 0; border-bottom: unset ;}

.event-img {width: 100px;height: 100px; margin-right: 10px; flex: 0 0 100px;}

.event-img img {width: 100%;height: 100%; object-fit: cover;border-radius: 3px;}

.event-txt {padding: 0px 15px 5px; position: relative;}

.event-datee {color: #023a20;    font-size: 14px;}

.news-event-grid p {margin: 0;}

.news-event-grid p a{ font-weight: 500; font-size: 15px; margin: 8px 0 0;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;  overflow: hidden;  color: #696969;}

.news-event-grid p a:hover{color: #023a20;}

/* home-actiity */

.home-actiity{padding: 35px 0 0;}

.rating {display: inline-block;}

.rating input { display: none;}

.rating label { float: right; cursor: pointer;color: #ccc; transition: color 0.3s;}

.rating label:before {content: '\2605';font-size: 30px;}

.rating input:checked ~ label,
.rating label:hover,
.rating label:hover ~ label {color: #3bb77e; transition: color 0.3s;}

.home-actiity .hai-img  {position: relative; height: 295px;}

.home-actiity .hai-img img{height: 100%;width: 100%;object-fit: cover;}

.home-actiity .hai-txt{position: absolute; top: 0px; left: 0px;  padding: 10px; background: linear-gradient(90deg, #0b623a, transparent); width: 100%;}

.home-actiity .hai-txt h3{font-size: 18px; color: #ffffff; margin-bottom: 5px;}

.home-actiity .hai-txt span{ font-size: 14px;color: #d8d8d8;}

.home-actiity .hai-cont{  padding: 22px;}

.home-actiity .hai-cont-prof{display: flex;align-items: center;justify-content: left;}

.home-actiity .hcp-img{ flex: 0 0 70px;}

.home-actiity .hpc-txt{    margin-left: 15px;}

.home-actiity .hpc-txt p{color: #3bb77e;font-size: 15px;margin-bottom: 5px; font-weight: 600;}

.home-actiity .hpc-txt p span{ font-size: 14px;color: #8d8d8d;}

.home-actiity .home-activity-item{ border: 1px solid gainsboro; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px 0 #dadada;}

.expe-rate li{display: flex;position: relative; margin-bottom: 10px; border-bottom: 1px solid #b6b6b6;}

.expe-rate li:last-child{border-bottom: unset;margin-bottom: 0;}

.expe-rate li .ert-img{ flex: 0 0 100px;width: 100%; height: 100px;margin-right: 20px;padding: 5px;border: 1px solid #aeaeae; border-radius: 10px; background: #fff;}

.expe-rate li .ert-img img{width: 100%; height: 100%; object-fit: cover;border-radius: 10px;}

.expe-rate li .ert-txt h6{    margin-bottom: 8px; font-weight: 500;}

.expe-rate li .ert-txt  p{margin: 0 ;font-size: 13px;    color: #656565;}

.expe-rate{ padding: 10px; border: 1px solid #cecece;border-radius: 5px; background: linear-gradient(45deg, #ffffff, #e4f2f7);}

.expe-rate li .rate-show{margin-bottom: 10px;}

.tap-to-ret{position: absolute;right: 15px;bottom: 15px;}

.tap-to-ret a{    color: #3bb77e;}

.tap-to-ret a:hover{    color: #023a20;}

.ert-txt span{color: #3bb77e;}

.hai-cont p{display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; margin: 0; height: 65px;}

.hpc-txt p{height: auto;}

/* service-category */

.service-category{padding: 35px 0 0;}

.service-cate-cont{ display: flex; align-items: center; justify-content: flex-start;flex-wrap: wrap;}

.service-cate-cont .service-cat-item {padding: 15px 10px;width: 9.2%; text-align: center;border-radius: 10px;border: 1px solid #ffffff; transition: all .3s ease-in-out ;    margin-right: 10px;}

.service-cate-cont .service-cat-item:hover{border: 1px solid #3bb77e;    background: #d4ffeb;}

.service-cate-cont .service-cat-item .sct-icon{margin-bottom: 25px;}

.service-cate-cont .service-cat-item .sct-txt p{margin: 0; height: 50px;}

/* pricing */

.pricing .toggle { margin-bottom: 45px; color: hsl(234, 14%, 74%); display: flex;align-items: center; justify-content: center;}

.pricing .toggle-btn { margin: 0 1rem;}

.pricing .checkbox {display: none;}

.pricing .sub { background: linear-gradient(135deg, rgb(59 183 126) 0%, rgb(2 58 32) 100%);display: flex; justify-content: flex-start; align-items: center; height: 1.6rem; width: 3.3rem; border-radius: 1.6rem;padding: 0.3rem;}

.pricing  .circle {background-color: #fff; height: 1.4rem; width: 1.4rem; border-radius: 50%;}

.pricing .checkbox:checked + .sub { justify-content: flex-end;}

.pricing .cards { display: flex; justify-content: center; align-items: center;  flex-wrap: wrap;}

.pricing .card { background: #fff; color: hsl(233, 13%, 49%); border-radius: 0.8rem;}

.pricing .cards .card.active { background: linear-gradient(135deg, rgb(59 183 126) 0%, rgb(2 58 32) 100%); color: #fff; display: flex; align-items: center; transform: scale(1.1);  z-index: 1;}

.pricing .cards ul { margin: 2.6rem; display: flex; flex-direction: column; align-items: center; justify-content: space-around;}

.pricing .cards ul li { list-style-type: none; display: flex; justify-content: center; width: 100%;padding: 1rem 0;}

.pricing .cards ul li.price { font-size: 3rem; color: hsl(232, 13%, 33%); padding-bottom: 2rem;}

.pricing .shadow { box-shadow: -5px 5px 15px 1px rgba(0, 0, 0, 0.1);}

.pricing .card.active .price { color: #fff;}

.pricing .btn { margin-top: 1rem; height: 2.6rem; width: 13.3rem; display: flex;  justify-content: center;align-items: center; border-radius: 4px; background: linear-gradient(135deg, rgb(59 183 126) 0%, rgb(2 58 32) 100%); color: #fff;outline: none;border: 0;}

.pricing .active-btn { background: #fff; color: #3bb77e;}
.pricing .bottom-bar {border-bottom: 2px solid hsla(240, 8%, 85%, 0.582);}

.pricing .card.active .bottom-bar { border-bottom: 2px solid hsla(240, 8%, 85%, 0.253);}

.pricing .pack { font-size: 1.1rem;}

@media (max-width: 280px) {
  .pricing .toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 80px;
  }
  .pricing .cards {
    margin: 0;
    display: flex;
    flex-direction: column;
  }

  .pricing .card {
    transform: scale(0.8);
    margin-bottom: 1rem;
  }
  .pricing .cards .card.active {
    transform: scale(0.8);
  }
}

@media (min-width: 280px) and (max-width: 320px) {
  .pricing  ul {
    margin: 20px;
  }
  .pricing .cards {
    display: flex;
    flex-direction: column;
  }
  .pricing .card {
    margin-bottom: 1rem;
  }
  .pricing .cards .card.active {
    transform: scale(1);
  }
}

@media (min-width: 320px) and (max-width: 414px) {
  .pricing .cards {
    display: flex;
    flex-direction: column;
  }
  .pricing .card {
    margin-bottom: 1rem;
  }
  .pricing .cards .card.active {
    transform: scale(1);
  }
}
@media (min-width: 414px) and (max-width: 768px) {
  .pricing .pricing .card {
    margin-bottom: 1rem;
    margin-right: 1rem;
  }
  .pricing .cards .card.active {
    transform: scale(1);
  }
}
@media (min-width: 768px) and (max-width: 1046px) {
  .pricing .cards {
    display: flex;
  }
  .pricing .card {
    margin-bottom: 1rem;
    margin-right: 1rem;
  }
  .pricing .cards .card.active {
    transform: scale(1);
  }
}

/* home-choose */

.home-choose{ padding: 35px 0;background: #f2fbfe; margin-top: 35px;}

.home-choose-item{ text-align: center;}

.home-choose-item img{width: 80px;height: 80px; object-fit: cover; margin-bottom: 15px;}

.home-choose-item p{margin: 0;font-size: 17px;font-weight: 500;}


/* pricing */

.pricing{padding: 35px 0 70px; background: #f2fbfe;margin-top: 0;}

/* popular-service */

.popular-service .card {position: relative; display: block; height: 100%; border-radius: 10px; overflow: hidden; text-decoration: none;    border: 1px solid #dadada;}

.popular-service .card__image { width: 100%; height: 335px;object-fit: cover;}

.popular-service .card__overlay {position: absolute;bottom: 0;left: 0; right: 0; z-index: 1; border-radius: 40px 0 0; background-color: #fff; transform: translateY(100%); transition: .2s ease-in-out;}

.popular-service .card:hover .card__overlay { transform: translateY(0);}

.popular-service .card__header { position: relative; display: flex; align-items: center;gap: 2em; padding: 2em; border-radius: 40px 0 0 0;background-color: #fff; transform: translateY(-100%);transition: .2s ease-in-out;}

.popular-service .card__arc {width: 80px; height: 80px; position: absolute; bottom: 100%;right: 0;  z-index: 1;}

.popular-service .card__arc path {fill: #fff; d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");}       

.popular-service .card:hover .card__header { transform: translateY(0);}

.popular-service .card__thumb {flex-shrink: 0;  width: 50px; height: 50px; border-radius: 50%;}

.popular-service .card__title { font-size: 18px; margin: 0 0 .3em; color: #3bb67e;}

.popular-service .card__tagline { display: block; margin: 1em 0; font-size: .8em;  color: #D7BDCA;  }

.popular-service .card__status { font-size: 14px; color: #8a8a8a;}

.popular-service .card__description { padding: 0 2em 2em; margin: 0;color: #D7BDCA; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: end;}   

.popular-service .card__description a{    color: #023a20;    font-weight: 600;}

.card__header img{width: 50px;height: 50px;}

/* home-counter */

.home-counter{padding: 35px 0;background: #f2fbfe;margin-bottom: 35px;}

.counter-item h4{font-size: 50px;}

.cl-1 h4{color: #008100;}

.cl-2 h4{color: #673AB7;}

.cl-3 h4{color: #dd4838;}

.cl-4 h4{color: #fbb03b;}

/* Header- login */

.form-container { width: 100%;  height: auto; background-color: #fff; border-radius: 10px; box-sizing: border-box; padding: 20px 30px;}

.title { text-align: center; margin: 10px 0 30px 0;  font-size: 28px; font-weight: 800;}

.form { width: 100%; display: flex;flex-direction: column; gap: 18px; margin-bottom: 15px;}

.input { border-radius: 20px; border: 1px solid #c0c0c0; outline: 0 !important; box-sizing: border-box; padding: 12px 15px;}

.page-link { text-decoration: underline; margin: 0; text-align: end; color: #747474; text-decoration-color: #747474;}

.page-link-label { cursor: pointer; font-size: 9px; font-weight: 700;}

.page-link-label:hover { color: #000;}

.form-btn {padding: 10px 15px; border-radius: 20px; border: 0 !important; outline: 0 !important; background: teal; color: white; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;    text-align: center;}

.form-btn:active { box-shadow: none;}

.sign-up-label { margin: 0; font-size: 10px; color: #747474;}

.sign-up-link { margin-left: 1px; font-size: 11px;  text-decoration: underline;  text-decoration-color: teal; color: teal; cursor: pointer; font-weight: 800;}

.buttons-container { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; margin-top: 20px;  gap: 15px;}

.apple-login-button, .google-login-button { border-radius: 20px;box-sizing: border-box;  padding: 10px 15px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,  rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;  cursor: pointer; display: flex; justify-content: center; align-items: center;  font-size: 11px;  gap: 5px;}

.apple-login-button {  background-color: #000; color: #fff; border: 2px solid #000;}

.google-login-button { border: 2px solid #747474;}

.apple-icon, .google-icon { font-size: 18px; margin-bottom: 1px;}

.login-form .form-header{ display: flex; align-items: center;    justify-content: space-between;margin-bottom: 25px;}

.login-form .form-header .fh-logo{ flex: 0 0 150px;margin-right: 10px; padding-right: 10px;border-right: 1px solid #b9b9b9;}

.login-form .form-header .fh-txt h5{margin: 0px 0px 8px 0px;}

.login-form .form-header .fh-txt p{margin: 0;}

.login-form  .modal-body{padding: 0;}

.login-form .modal-header{padding: 0;position: absolute;right: 20px; top: 20px; z-index: 9; border: unset;}

/* otp */

.wrapper {width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center;}

.wrapper input.field { width: 75%; line-height: 75px; font-size: 32px; border: none; background-color: #EAF5F6; border-radius: 5px; text-align: center; text-transform: uppercase; color: #093030; margin-bottom: 25px;}

.wrapper input.field:focus { outline: none;}

button.resend { background-color: transparent; border: none; font-weight: 600; color: #3DAFE1; cursor: pointer;}

button.resend i { margin-left: 5px;}

/* breadcrumb */

.breadcrumb-top{ height: 280px;position: relative;}

.breadcrumb-top::before{position: absolute;content: "";top: 0;left: 0;height: 100%; width: 100%; z-index: 1;background-image: linear-gradient(180deg, white 0%, transparent); }

.breadcrumb-top .breadcrumb-img{ height: 100%;position: absolute; width: 100%;top: 0; left: 0;}

.breadcrumb-top .breadcrumb-img img{ height: 100%; width: 100%;object-fit: cover; object-position: top;}

.breadcrumb-top .breadcrumb-inner{height: 100%;display: flex;align-items: center;justify-content: space-between; position: relative;width: 100%; z-index: 3;}

.breadcrumb-top .breadcrumb-inner .heading {width: 100%;position: relative;}

.breadcrumb-top .breadcrumb-inner .heading  h2{color: #3bb67e;font-size: 45px;  margin: 0; position: relative;z-index: 2;}

.breadcrumb-top .breadcrumb-inner .heading span{ position: absolute;color: transparent; top: 0px;left: 0;  opacity: 0.1; font-size: 40px; line-height: 60px; font-weight: 700; -webkit-text-stroke: 2px #000000; text-shadow: 1px 1px 0 #282f3b, -1px -1px 0 #282f3b, 1px -1px 0 1px #282f3b, -1px 1px 0 #282f3b, 1px 1px 0 #282f3b;}

.breadcrumb-top .breadcrumb-inner .list-unstyled li{font-size: 16px;}

.breadcrumb-top .breadcrumb-inner .list-unstyled li a{color: #3bb67e;}

.breadcrumb-top .breadcrumb-inner .list-unstyled li:last-child{color: #023a20;}

.serach-inner {display: flex; align-items: center;}

.search-input {width: 100%; padding: 10px;font-size: 16px; border: 1px solid #ccc;}

.search-btn {width: 100px; padding: 10px;font-size: 16px; background-color: #3bb77e; color: #fff; border: none; cursor: pointer; border: 1px solid #3bb77e;}

.search-btn:hover {background-color: #023a20;border: 1px solid #023a20;}

.service-category-item{ display: flex; align-items: center; padding: 30px; border-radius: 5px; border: 1px solid #eafff5; box-shadow: 0 0 10px 0 #ebebeb;    background: #e7fff4;transition: all .3s ease;}

.service-category-inner .col-md-3:nth-child(odd) .service-category-item{background: #f9f9f9;}

.service-category-item .sci-txt h5{ margin: 0;}

.service-category-item .sci-img{margin-right: 15px;}

.service-category-inner .service-category-item:hover{    background: #3bb77e !important;}

.service-category-item:hover .sci-txt h5{ color: #FFF;}

.ftop-head-slider-item{width: 100%;height: 300px; background: #ececec; padding: 30px;}

.ftop-head-slider-item img{width: 100%; height: 100%; object-fit: contain;border-radius: 10px;}

.breadcum-list ul{ display: flex;flex-wrap: wrap;}

.breadcum-list ul li{padding-right: 5px;}

.breadcum-list ul li a{ font-size: 13px; color: #979797;    padding-right: 5px;}

.breadcum-list ul li:last-child a{color: #000000;}

.breadcum-list ul li a:hover{color: #023a20;}

.breadcum  {padding: 35px 0;background: #f6fbff; }

/* Filter */

.filter{ padding: 30px 20px; border: 1px solid #ececec; box-shadow: 0 0 20px 0 #e7e7e7; background: #fff;}

.filter-body .accordion{background: unset;}

.filter-body .accordion .accordion-item{background: unset;border: unset;    border-radius: unset;}

.filter-body .accordion .accordion-item .accordion-button{ background: unset; border: unset; box-shadow: unset;padding: 0;}

.filter-body .accordion-item{margin-top: 20px;border-bottom: 1px solid #bfbfbf !important;padding-bottom: 20px;}

.filter-body .accordion-body{ padding: 0;padding-top: 20px;}

.filter-body .accordion .accordion-item ul{display: flex;flex-wrap: wrap; gap: 15px;}

.filter-body .accordion .accordion-item li a{font-size: 13px;padding: 8px 12px; border: 1px solid #cbcbcb; display: block;border-radius: 5px; color: #3b3b3b;}

.filter-btn{display: flex;gap: 10px;}

.filter-btn a{ width: 100%; padding: 12px 25px; border: 1px solid;text-align: center;font-size: 14px; border-radius: 5px; transition: all .3s ease;}

.filter-btn .allpyfilter{border-color: #3bb77e; background: #3bb77e; color: #fff;}

.filter-btn .allpyfilter:hover{color: #3bb77e; background-color: #fff;}

.filter-btn .resetfilter{border-color: #023a20; background: #023a20; color: #fff;}

.filter-btn .resetfilter:hover{color: #023a20; background-color: #fff;}

.filter-select-item{display: flex;flex-wrap: wrap; gap: 10px;}

.fsi-tm{ font-size: 13px; padding: 8px 12px; border: 1px solid #cbcbcb; display: block;border-radius: 5px;  color: #3b3b3b;display: none;}

.fsi-tm.new-class{display: block;}

.service-item-body{ background: #fff;padding: 15px;}

.service-item-list-filter .silf-item{padding: 15px;border: 1px solid #eeeeee; border-radius: 5px;position: relative;}

.service-item-list-filter .silf-item .sis-img{height: 250px; width: 100%;background: rgb(255, 255, 255);border-radius: 5px;  overflow: hidden;padding: 5px; border: 1px solid #dedede;}

.service-item-list-filter .silf-item .sis-img img{width: 100%;height: 100%;object-fit: contain;}

.service-item-list-filter .silf-item .srvc-item{margin-top: 20px; padding: 15px; background: #f3f3f3;border-radius: 5px;position: relative; transition: all .3s ease;}

.service-item-list-filter .silf-item .srvc-item:hover{ box-shadow: 0px 18px 48px 0px rgba(0, 0, 0, 0.08); background-color: #ffffff;}

.service-item-list-filter .silf-item .srvc-item .srvc-detl{ padding-left: 30px; margin-bottom: 20px;}

.service-item-list-filter .silf-item .srvc-item .srvc-detl p{ margin-bottom: 5px;  }

.service-item-list-filter .silf-item .srvc-item .srvc-detl li{list-style-type: square;}

.service-item-list-filter .silf-item .srvc-item .srvc-price p{font-size: 20px;}

.service-item-list-filter .silf-item .srvc-item .srvc-price p small{color: #707070;font-size: 14px;}

.priest .service-item-list-filter .silf-item .sis-img img{width: 100%;height: 100%;object-fit: cover;}

.filter-body .tabs{ display: flex; flex-wrap: wrap; }

.filter-body .tabs .tab { width: 30%;margin-right: 10px; margin-top: 15px;border: 1px solid #ececec; border-radius: 5px; overflow: hidden; transition: all .3s ease;}

.filter-body .tabs .tab.active{ border: 1px solid #24925f;}

.filter-body .tabs .tab  .service-btn{text-align: center; }

.filter-body .tabs .tab  .service-btn .sb-im{padding: 10px; background: #ececec; height: 80px; width: 100%;    border-radius: 0 0 5px 5px;}

.filter-body .tabs .tab  .service-btn .sb-im img{width: 100%;height: 100%; object-fit: contain;}

.filter-body .tabs .tab  .service-btn .sb-txt { padding: 10px 5px; text-align: center;height: 45px;}

.filter-body .tabs .tab  .service-btn .sb-txt p{ margin: 0;font-size: 12px ; color: #707070;} 

.sit-rating{margin-bottom: 15px;}

.sit-rating ul{ display: flex;flex-wrap: wrap; gap: 10px;align-items: center;}

.sit-rating .rate-no{ padding: 5px 8px; background: #023a20; color: #fff; border-radius: 5px;    font-size: 15px;}

.sit-header h5 a , .sit-header h5{ color: #023a20; font-size: 20px;}

.sit-header p{color: #707070;font-size: 14px;}

.sit-rating li a{   border-radius: 5px; font-size: 12px;    height: auto;display: block;}

.sit-rating li .trust{ background: #ffb74d;color: #fff;padding: 4px 12px;}

.sit-rating li .verify{background: #3bb77e;color: #fff;padding: 4px 12px;}

.sit-rating li .top-search{ background: #1c1559;color: #fff;padding: 4px 12px;}

.sit-rating li a p{margin: 0; color: #8a8a8a;}

.item-location{ margin-top: 5px;color: #8a8a8a;margin-bottom: 15px;font-size: 14px;}

.item-location strong{color: #444444; font-weight: 600;}

.rate-show span{ color: #ff6000;font-size: 15px;}

.item-contact-details{ display: flex; align-items: center; gap: 15px;}

.item-contact-details a{ width: auto; padding: 8px 14px; border: 1px solid;text-align: center; font-size: 14px; border-radius: 5px; transition: all .3s ease;}

.item-contact-details .send-inquire{  border-color: #3bb77e;  background: #3bb77e;color: #fff;}

.item-contact-details .send-inquire:hover{color: #3bb77e; background-color: #fff;}

.item-contact-details .send-chat{ border-color: #7b7b7b;background: #ffffff; color: #000000;font-weight: 500;}

.item-contact-details .send-chat:hover{color: #3bb77e; background-color: #fff;}

.item-contact-details .send-call{background: brown;color: #fff;border: 1px solid brown;}

.item-contact-details .send-call:hover{color: brown ; background-color: #fff;}

.item-contact-details .view-details{background: #023a20;color: #fff;border: 1px solid #023a20;}

.item-contact-details .view-details:hover{color: #023a20 ; background-color: #fff;}

.item-contact-details .add-to-cart{background: #6e42e5;color: #fff;border: 1px solid #6e42e5; width: auto;padding: 9px 20px; border: 1px solid; text-align: center; font-size: 14px;border-radius: 5px; transition: all .3s ease;margin: 0;}

.item-contact-details .add-to-cart:hover{color: #6e42e5 ; background-color: #fff;}

.item-contact-details .send-chat img{ width: 22px; margin-right: 6px;}

.filter{ position: sticky;top: 160px;}

.details-address{ height: 100%; width: 100%; border: 1px solid #bebebe;border-radius: 10px; background: #f4f4f4; overflow: hidden;position: relative;text-align: center;}

.details-address .no-cart{ height: 100%;width: 100%; display: flex;align-items: center; justify-content: center;flex-direction: column; position: absolute;top: 0;}

.details-address.active .no-cart{display: none;}

.cart-item-body {display: none; padding: 12px; margin-top: 15px;}

.details-address.active .cart-item-body {display: block;}

.cart-item-body  ul li{display: flex; align-items: center; justify-content: space-between; text-align: left;border-bottom: 1px solid #cfcfcf;padding-bottom: 15px;}

.cart-item-body  ul li .adkt-txt{flex: 0 0 180px;}

.cart-item-body  ul li p{margin: 0;font-size: 14px;color: #707070;}

.cart-item-body-price{position: absolute; width: 85%; margin: 0 auto;left: 50%; bottom: 20px; transform: translate(-50%, 0%);padding: 10px 25px;background: #3bb77e;border-radius: 5px; display: none;}

.cart-item-body-price li{display: flex; justify-content: space-between; width: 100%;}

.cart-item-body-price li p{margin: 0;   color: #fff;}

.details-address.active .cart-item-body-price{display: block;}

.da-head{padding: 15px; margin: 0; background: #023a20;  color: #fff;}

.da-text{ padding: 15px;}

.da-text  li{padding: 10px 0;  border-bottom: 1px solid #cfcfcf;color: #5a5a5a;font-size: 15px;}

.da-text  li i{color: #023a20;margin-right: 5px}

.da-text  li a{color: #5a5a5a;font-size: 15px;}

.da-text  li a i{color: #023a20;margin-right: 5px}

.da-text  li a:hover{color: #023a20;}



/* Wishlist */

.wishlist{position: absolute;top: 15px; right: 15px;}

.ui-bookmark {
  --icon-size: 24px;
  --icon-secondary-color: rgb(77, 77, 77);
  --icon-hover-color: rgb(97, 97, 97);
  --icon-primary-color: rgb(252, 54, 54);
  --icon-circle-border: 1px solid var(--icon-primary-color);
  --icon-circle-size: 35px;
  --icon-anmt-duration: 0.3s;
}

.ui-bookmark input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

.ui-bookmark .bookmark {
  width: var(--icon-size);
  height: auto;
  fill: var(--icon-secondary-color);
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}

.bookmark::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  -webkit-box-shadow: 0 30px 0 -4px var(--icon-primary-color),
    30px 0 0 -4px var(--icon-primary-color),
    0 -30px 0 -4px var(--icon-primary-color),
    -30px 0 0 -4px var(--icon-primary-color),
    -22px 22px 0 -4px var(--icon-primary-color),
    -22px -22px 0 -4px var(--icon-primary-color),
    22px -22px 0 -4px var(--icon-primary-color),
    22px 22px 0 -4px var(--icon-primary-color);
  box-shadow: 0 30px 0 -4px var(--icon-primary-color),
    30px 0 0 -4px var(--icon-primary-color),
    0 -30px 0 -4px var(--icon-primary-color),
    -30px 0 0 -4px var(--icon-primary-color),
    -22px 22px 0 -4px var(--icon-primary-color),
    -22px -22px 0 -4px var(--icon-primary-color),
    22px -22px 0 -4px var(--icon-primary-color),
    22px 22px 0 -4px var(--icon-primary-color);
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  padding: 1px;
}

.bookmark::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: var(--icon-circle-border);
  opacity: 0;
}

/* actions */

.ui-bookmark:hover .bookmark {
  fill: var(--icon-hover-color);
}

.ui-bookmark input:checked + .bookmark::after {
  -webkit-animation: circles var(--icon-anmt-duration)
    cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: circles var(--icon-anmt-duration)
    cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  -webkit-animation-delay: var(--icon-anmt-duration);
  animation-delay: var(--icon-anmt-duration);
}

.ui-bookmark input:checked + .bookmark {
  fill: var(--icon-primary-color);
  -webkit-animation: bookmark var(--icon-anmt-duration) forwards;
  animation: bookmark var(--icon-anmt-duration) forwards;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.ui-bookmark input:checked + .bookmark::before {
  -webkit-animation: circle var(--icon-anmt-duration)
    cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: circle var(--icon-anmt-duration)
    cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  -webkit-animation-delay: var(--icon-anmt-duration);
  animation-delay: var(--icon-anmt-duration);
}

@-webkit-keyframes bookmark {
  50% {
    -webkit-transform: scaleY(0.6);
    transform: scaleY(0.6);
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes bookmark {
  50% {
    -webkit-transform: scaleY(0.6);
    transform: scaleY(0.6);
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes circle {
  from {
    width: 0;
    height: 0;
    opacity: 0;
  }

  90% {
    width: var(--icon-circle-size);
    height: var(--icon-circle-size);
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes circle {
  from {
    width: 0;
    height: 0;
    opacity: 0;
  }

  90% {
    width: var(--icon-circle-size);
    height: var(--icon-circle-size);
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes circles {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
}

@keyframes circles {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
}
/* Video Gallery */

.video-gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); grid-gap: 15px;max-width: 100%;margin: 0 auto;box-sizing: border-box; position: relative; z-index: 2;overflow: hidden;  height: auto;overflow: hidden;overflow-y: scroll; padding: 5px;}

.video-gallery .gallery-item {position: relative;width: 100%; height: 140px; background: #000; cursor: pointer; overflow: hidden;}

.video-gallery .gallery-item img {position: relative;display: block; width: 115%; height: 240px; object-fit: cover; opacity: .5; transition: all 350ms ease-in-out; transform: translate3d(0px, 0, 0);}

.north-cascades-img {object-position: 50% 30%; }

.video-gallery .gallery-item .gallery-item-caption { padding: 10px; font-size: 1em; color: #fff; text-transform: uppercase; }

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a { position: absolute; top: 0;  left: 0; width: 100%;height: 100%;}

.video-gallery .gallery-item h2 {font-weight: 300; overflow: hidden; padding: 12px 0;}

.video-gallery .gallery-item h2,
.video-gallery .gallery-item p { position: relative;margin: 0; z-index: 1; pointer-events: none;color: #fff; font-size: 16px;}

.video-gallery .gallery-item p {letter-spacing: 1px; font-size: 12px; padding: 12px 0;  opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: translate3d(10%, 0, 0);}

.video-gallery .gallery-item:hover img {opacity: 0.3; transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item .gallery-item-caption {text-align: left;}

.video-gallery .gallery-item h2::after {content: ""; position: absolute; bottom: 0;left: 0; width: 15%;  height: 1px; background: #fff;transition: transform 0.3s;  transform: translate3d(-100%, 0, 0);}

.video-gallery .gallery-item:hover h2::after { transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item:hover p {opacity: 1; transform: translate3d(0, 0, 0);}

.video-gallery.visible{overflow-y: scroll;}

.video-gallery::-webkit-scrollbar { width: 2px;}

.video-gallery::-webkit-scrollbar {width: 6px;background-color: #D6DADD;border-radius: 10px;}

.video-gallery::-webkit-scrollbar-thumb {background: #be9610  ;border-radius: 10px;}

.details-photo a{    height: 100%;width: 100%;  border: 1px solid; display: flex; flex-direction: column;align-items: center; justify-content: center; border-radius: 5px; background: #023a20; color: #fff;}

.details-photo a p{margin: 0; color: #fff;}

.upload-img{ position: relative;width: fit-content; padding: 10px 20px; margin-top: 25px; border: 1px solid #023a20; border-radius: 5px; background: #023a20;cursor: pointer; }

.upload-img p{margin: 0;color: #fff;}

.upload-img p i{margin-right: 8px;}

.upload-img .upload-img-input{position: absolute;height: 100%;width: 100%;top: 0;left: 0;opacity: 0;cursor: pointer;}

.reviwe-rating .review-heading{display: flex;align-items: center;margin-bottom: 20px;}

.reviwe-rating .review-heading .rv-num {   height: 60px;width: 60px; background: #023a20; display: flex;align-items: center; justify-content: center; font-size: 24px; font-weight: 400;color: #fff;border-radius: 5px;margin-right: 20px;}

.reviwe-rating .review-heading .rv-txt p {margin: 0;}

.review-comment .review-profile{display: flex;align-items: center; justify-content: space-between;}

.review-comment .review-profile .rp-left{ display: flex;align-items: center;}

.review-comment .review-profile .rpl-img{flex: 0 0 70px; margin-right: 15px;}

.review-comment .review-profile .rpl-txt p{margin-bottom: 10px;font-weight: 500;font-size: 16px;}

.review-comment-inner{ margin-top: 35px; padding-bottom: 20px; border-bottom: 1px solid #cccccc;}

.give-rating  a{ padding: 8px 20px; background: #3bb77e; color: #fff; border-radius: 5px;border: 1px solid #3bb77e;transition: all .3s ease-in-out;}

.give-rating  a:hover{background-color: #fff; color: #3bb77e; }

.details-photo .photo-inner{ height: 105px;width: 100%;border: 2px solid #3bb77e; border-radius: 5px; overflow: hidden;}

.details-photo .photo-inner img{width: 100%; height: 100%; object-fit: cover;}



/* Rating Page */

.ratingpg{padding: 35px 0; background: #f1f3f6;}

.ratingpg .rat-decs{width: 100%; border: unset;}

.ratingpg .rating-inner-txt{ padding: 25px;background: #fff; margin-bottom: 10px;}

.ratingpg .rating-inner-txt h3{margin: 0;}

.ratingpg .review-left { background: #fff;}

.ratingpg .review-left h4{border-bottom: 1px solid #cfcfcf;margin-bottom: 15px; padding: 15px;font-weight: 400;}

.ratingpg .review-left ul{ padding: 25px;}

.ratingpg .review-left li{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dadada;}

.ratingpg .review-left li p{    margin: 0;}

.ratingpg .review-right{ background: #fff; padding: 25px;}

.ratingpg  .review-product-cmt{ border: 1px solid #d2d2d2;margin-top: 15px;}

.ratingpg  .review-product-cmt .desc{padding: 15px;}

.ratingpg  .review-product-cmt .desc:last-child{border-top: 1px solid #d2d2d2;}

.ratingpg .inr-rating-label{color: #000;}

.ratingpg  .review-product-img-add{ position: relative; height: 80px; width: 80px;  border-radius: 5px; border: 1px dashed #fff; margin-top: 25px; background: #023a20; display: flex; align-items: center; justify-content: center;}

.ratingpg  .review-product-img-add img{width: 30px;}

.ratingpg  .review-product-img-add input{position: absolute;height: 100%;width: 100%;left: 0;top: 0; opacity: 0;}

.ratingpg  .submit{    text-align: end;}

.ratingpg .submit a{transition: all .3s ease;   padding: 10px 25px; background: #023920; color: #fff;font-size: 16px; border-radius: 5px;}


/* Back to Top */

.back-to-top {width: 40px; height: 40px; line-height: 40px; text-align: center; background: #023920 ; position: fixed; bottom: 0;right: 0;text-decoration: none;color: #fff; font-size: 14px;display: none;z-index: 999;animation: 1s infinite bounce_513;}
@keyframes bounce_513 {
  0%,
    100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }

  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

/* inq-frm */

.inq-frm .inquire-form {max-width: 880px !important; }

.inq-frm .login-form .form-header { justify-content: flex-start;}

.inq-frm .form-control{border-radius: 5px; font-size: 14px;}

.inq-frm label{margin-bottom: 8px;}

.submit-btn .submit{text-align: center; display: block; padding: 8px 25px; border: 1px solid #023a20; width: fit-content; margin: 0 auto; border-radius: 5px; background: #023a20; color: #fff;transition: all .3s ease;}

.submit-btn .submit:hover{background: #3bb77e; border-color: #3bb77e  ;}

.container1{display:flex; width:100%; height:100%;}

.container1 .side-bar.minimised{ min-width:50px;}

.container1 .side-bar{ min-width:300px; transition:0.3s; border-right:1px solid #eee;}

.container1 .main-content{width:100%; overflow-y:auto; padding-top:25px;}

.nav-list{ width:100%; height:40px;line-height:40px; display:block; overflow:hidden;  color:inherit; text-decoration:none;}

.nav-list:hover{ background:#ccc; color:#000;}

.nav-list.active{background:#333; color:#eee;}

.nav-icon,.nav-title{display:inline-block; text-align:center;}

.nav-icon{ width:50px;}

.side-bar.minimised .opened,.side-bar .closed{display:none;}

.side-bar.minimised .closed,.side-bar .opened{display:block;}

.nav-title{ transition:0.3s;}

.side-bar.minimised .nav-title{ max-width:0; color:transparent;}

.main-content .tabs{ width:100%; float:left;}

.dashboard{ padding-left:50px;}

.tab-item .tab-title{ width:100%; height:60%; font-size:18px;padding:50px; transition:0.1s;text-align:center;}

.tab-item:hover .tab-title{  font-size:25px;}

.tab-item .tab-details{ width:100%; height:40px; padding:20px;font-size:14px;transition:0.3s;}


.tab-info{ width:100%;height:100%;  padding:15px;position:absolute; display:none; transition:0.1s;}

.tab-item:hover .tab-info,.tab-info.active{display:block;}

.tab-info.active{ background:inherit;}

.tab-info .display-info{ background:transparent; border:0;font-size:20px; color:inherit; outline:0;}

.tab-info .info{ display:none;padding:10px; font-size:13px;}

.tab-info.active .info{ display:block;}

.info .info-item{width:100%;  padding:5px 0;}
@media screen and (max-width:1080px){
  .tab-item{
    width:40%;
    margin:5%;
  }
}
@media screen and (max-width:760px){
  .tab-item{
    width:80%;
    margin:10%;
  }
}

/* plus minus counter */

  .counter-add-item{ width: fit-content; border: 1px solid #3bb77e;  border-radius: 5px;   overflow: hidden; display: flex; background: #e2fff2;}

  .counter-add-item button{border: unset;height: 25px; width: 25px; background: #cfffe9;}

  .counter-add-item button:hover{background-color: #9fffd4;}

  .counter-add-item span{ height: 25px;width: 25px; display: flex; align-items: center; justify-content: center;}

/* BTOC Form */



.oxyy-login-register .nav-underline .nav-link:not(.active):hover {border-bottom: 0px; border-bottom-color: transparent;}

.oxyy-login-register .nav-underline .nav-link.active {font-weight: 500;}

.oxyy-login-register .btn-video-play { width: 66px; height: 66px;line-height: 66px; text-align: center;  display: inline-block;font-size: 16px; border-radius: 50%; background: #fff;-webkit-box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.8s ease-in-out;  transition: all 0.8s ease-in-out;}

.oxyy-login-register .btn-video-play:hover {-webkit-box-shadow: 0px 0px 0px 8px rgba(250, 250, 250, 0.2); box-shadow: 0px 0px 0px 8px rgba(250, 250, 250, 0.2);}

.oxyy-login-register .hero-wrap .hero-bg {z-index: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 300ms ease-in 200ms;position: absolute;height: 100%; width: 100%; left: 0;top: 0;}

.hero-wrap {position: relative;}

.hero-wrap::before{position: absolute; content: ""; height: 100%; width: 100%;background: #3bb77ebd; z-index: 1;}

.hero-content { position: relative; z-index: 3;}

.oxyy-login-register{background-color: #f3f3f3;}

.oxyy-login-register .form-check .form-check-input {height: 20px; width: 20px; cursor: pointer;}

.oxyy-login-register .form-dark .btn { background: #3bb77e;border-color: #3bb77e;}

.hero-content .logo img{ width: 150px;}

.bg-deer{position: absolute;width: 400px; right: 0; bottom: 0;}

.bg-deer img{ object-fit: contain;}

.bg-peacok { position: absolute; left: 0; top: 0; width: 20%;}

.bus-to-clnt{padding: 35px 0;}

.btc-txt ul{padding-left: 25px;}

.btc-txt ul li{ list-style: square;margin-bottom: 5px;}

.form-dark .wrapper input.field  { border: 1px solid #7d7d7d; color: #fff;background-color: #212529;}

.business-to-client-form{padding: 25px; border: 1px solid #e6e6e6;  border-radius: 5px; background: #f5f5f5;}

.business-to-client-form .nfi-header{padding: 10px 25px; background: #3bb77e; border-radius: 5px;}

.business-to-client-form .nfi-header h4{color: #fff; margin: 0;}

.ntcf-form-inner form .frm-inn{ position: relative; border: 1px solid #dadada; margin-top: 35px; padding: 15px;  border-radius: 5px;  background: #fff; padding-top: 35px;}

.ntcf-form-inner form .frm-inn h5{ position: absolute; top: -15px; left: 15px; font-size: 16px; background: #3bb77e;padding: 6px 25px;border-radius: 5px;color: #fff; font-weight: 500;}

.ntcf-form-inner label{margin-bottom: 12px;}

.ntcf-form-inner span{color: red;}

.ntcf-form-inner .form-control{  padding: 10px 12px;border-radius: 5px;  border: 1px solid #3bb77e59; font-size: 14px;}

.ntcf-form-inner  .form-row{height: 100%;}

.ntcf-form-inner .form-control:focus{box-shadow: 0 0 10px 0 #e3e3e3;border-color: #3bb77e;}

.contact-widget { background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 20px ;padding: 70px 40px 400px;background-image: url(../images/call-us.jpg);position: sticky; top: 18%;}

.contact-widget h5{font-size: 30px;color: #3bb77e;}

.contact-widget p{ font-size: 22px;}


/* check box */

.checkbox-wrapper input[type="checkbox"] { display: none;}

.checkbox-wrapper .terms-label { cursor: pointer; display: flex; align-items: center;}

.checkbox-wrapper .terms-label .label-text {margin-left: 10px;}

.checkbox-wrapper .checkbox-svg { width: 20px;height: 20px;}

.checkbox-wrapper .checkbox-box { fill: rgba(207, 205, 205, 0.425); stroke: #3bb77e; stroke-dasharray: 800; stroke-dashoffset: 800;transition: stroke-dashoffset 0.6s ease-in;}

.checkbox-wrapper .checkbox-tick {stroke: #3bb77e; stroke-dasharray: 172;stroke-dashoffset: 172; transition: stroke-dashoffset 0.6s ease-in;}

.checkbox-wrapper input[type="checkbox"]:checked + .terms-label .checkbox-box, .checkbox-wrapper input[type="checkbox"]:checked + .terms-label .checkbox-tick { stroke-dashoffset: 0;}


/* -- -- Lgbtn -- -- */

.lg-btnn a {position: relative; display: flex;justify-content: center;align-items: center; border-radius: 5px; background: #3bb77e;box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);overflow: hidden;cursor: pointer;border: none;width: fit-content;}

.lg-btnn a:after { content: " ";width: 0%;height: 100%;background: #023a20;position: absolute;transition: all 0.4s ease-in-out;right: 0;}

.lg-btnn a:hover::after {right: auto;left: 0; width: 100%;}

.lg-btnn a span { text-align: center; text-decoration: none;width: 100%;padding: 15px 20px;color: #fff; font-size: 18px;font-weight: 600; letter-spacing: 1px; z-index: 20;transition: all 0.3s ease-in-out;}

.lg-btnn a:hover span { color: #fff;animation: scaleUp 0.3s ease-in-out;}

/* ---- Social ---- */

.social{gap: 15px;}

.social li a{font-size: 18px;color: #fff;}

/* profile */

.Profile{ padding: 35px 0; background: #f1f3f6;}

.profile-right{  border-radius: 10px; overflow: hidden;background: #fff;box-shadow: 0 0 10px 0 #00000029;position: sticky;top: 20%;}

.profile-right .back-profile{ height: 180px;width: 100%; position: relative;}

.profile-right .back-profile img{height: 100%; width: 100%;object-fit: cover;}

.profile-right .profile-img{width: 150px; height: 150px;border-radius: 50%; overflow: hidden; border: 6px solid #fff;}

.profile-right .back-prof-edit{ position: absolute; top: 15px; right: 15px; background: #fff; height: 25px; width: 25px;display: flex; align-items: center; justify-content: center;border-radius: 50%;color: #023a20; cursor: pointer;   }

.profile-right .back-prof-edit input  {position: absolute; opacity: 0;top: 0;left: 0;height: 100%;width: 100%;cursor: pointer;  }

.profile-right .prof-details-about{ display: flex;align-items: baseline;margin-top: -55px; z-index: 2; position: relative; padding: 15px;}

.profile-right .profile-name{margin-left: 25px;}

.profile-right .profile-name p{margin: 0;}

.profile-right .progres-bar{padding: 30px 15px ; border-top: 1px solid #c8ffe6;margin-top:  10px;display: flex; position: relative;align-items: center;}

.profile-right .progres-bar::before{position: absolute;height: 130px; width: 150px;  content: " "; bottom: -30px; right: -15px; background-color: #00810015;    animation: border-transform-default 10s linear infinite alternate forwards;}

.profile-right .progres-bar .pgrs-left{ width: 100%;margin-right: 50px;}

.profile-right .progres-bar  .pgrs-right{ flex: 0 0 80px;position: relative;}

.Profile .profile-left{border-radius: 10px; overflow: hidden; background: #fff;  box-shadow: 0 0 10px 0 #00000029;padding: 15px;}

.Profile .profile-left form .frm-inn h5{    background: #023a20;}

.Profile .profile-left .header h2{margin: 0;}

.Profile .profile-left .submit-btn { display: flex;align-items: center; flex-wrap: wrap;}
 
.deacc{text-align: center;display: block;padding: 8px 25px;border: 1px solid #009bb0; width: fit-content; margin: 0 auto;border-radius: 5px; background: #009bb0;color: #fff; transition: all .3s ease;}

.delacc{text-align: center;display: block;padding: 8px 25px;border: 1px solid #ee0000; width: fit-content; margin: 0 auto;border-radius: 5px; background: #ee0000;color: #fff; transition: all .3s ease;}

.logout{text-align: center;display: block;padding: 8px 25px;border: 1px solid #8300ee; width: fit-content; margin: 0 auto;border-radius: 5px; background: #8300ee;color: #fff; transition: all .3s ease;}

.savecontinu{text-align: center;display: block;padding: 8px 25px;border: 1px solid #019331; width: fit-content; margin: 0 auto;border-radius: 5px; background: #019331;color: #fff; transition: all .3s ease;}

.submit-btn button:hover{background: #3bb77e; border-color: #3bb77e;}

.ntcf-form-inner form .frm-inn:last-child{padding-top: 15px;}



@keyframes border-transform-default {

  0%,
  100% {
    border-radius: 65% 86% 80% 69%/59% 55% 95% 89%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}



.skill-main {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.skill-main .skill-wrrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.skill-main .skill-wrrap .skill-name {
  margin: 0; font-size: 13px; font-weight: 600;color: #6b6b6b;
}
.skill-main .skill-wrrap .skill-bar {
  height: 6px;
  background-color: #dcdcdc;
  border-radius: 8px;
}
.skill-main .skill-wrrap .skill-per {
  height: 6px;
  background: #3bb77e;
  border-radius: 8px;
  width: 0;
  transition: 1s linear;
  position: relative;
}
.skill-main .skill-wrrap .skill-per:before {
  content: attr(per);
  position: absolute;
  padding: 4px 6px;
  background-color: #023a20;
  color: #fff;
  font-size: 11px;
  border-radius: 4px;
  top: -35px;
  right: 0;
  transform: translateX(50%);
}
.skill-main .skill-wrrap .skill-per:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #023a20;
  top: -18px;
  right: 0;
  transform: translateX(50%) rotate(45deg);
  border-radius: 2px;
}

/* Profile Service */

.profile-service-list{padding: 35px 0;background: #f1f3f6;}

.psli-item-flex{display: flex;align-items: center;  }

.psli-item img{ flex: 0 0 80px;width: 80px; height: 80px;  background: #fff; object-fit: contain; border-radius: 5px; border: 1px solid #d8d8d8; margin-right: 20px;  }

.pslin-item{  padding: 15px; background: #fff; border-radius: 5px; border: 1px solid #dddddd;}

.pslin-item p{margin-bottom: 10px;}

/* B to b */

.btob-member{padding: 75px 0;position: relative; background-image: linear-gradient(0deg, #3bb77e -70%, transparent 35%);}

.btob-member::before{ position: absolute;content: ""; height: 100%;width: 100%; right: 0;  bottom: 0;  background-image: url(../images/btobb.jpg); background-position: right; background-size: contain;  z-index: -1; background-repeat: no-repeat;}

.btob-member .btob-txt h6{color: #3bb77e;}

.btob-member .btob-txt ul{margin-bottom: 25px;}

.btob-member .btob-txt ul li{ margin-top: 10px;font-size: 16px;}

.btob-member .btob-txt ul li i{color: #3bb77e;margin-right: 10px;}

.service-counter { margin: 20px 0;width: 80%;position: relative; border-top: 1px solid #d3d3d3; padding-top: 20px;}

.service-counter .s-count { width: 50%; float: left}

.service-counter .s-count h3 { color: #023a20; font-size: 70px; line-height: 1}

.service-counter .s-count p { margin-bottom: 10px; font-weight: 700;line-height: 1.2;color: #3bb67e; font-size: 22px}

.service-counter::before { position: absolute; content: ""; background: #d3d3d3;width: 1px; left: 38%;  height: 83%;  transform: translateY(-50%);top: 55%;}

.heading h6 { font-size: 14px;color: #919191; font-weight: 400; margin: 0px 0px 10px 0px;}

.heading h4 { font-size: 24px; color: #3bb77e; font-weight: 400;}

.bttxt { color: #02381f; font-size: 14px; font-weight: 600;}

.plans-body-txt h6{color: #3bb77e;}

.plans-body-txt  ul {padding-left: 25px;}

.plans-body-txt  ul li { margin-bottom: 10px; list-style-type: disclosure-closed;font-size: 14px;}

.plans-body-txt  ul li::marker {color: #3bb77e;}

.member-category{ padding: 30px 0; background-image: linear-gradient(180deg, #3bb77e -70%, transparent 35%);}

.mci-item .nav-item{background: unset;padding: 0;margin-right: 15px;}

.mci-item .nav-link {padding: 0;background-color: unset;}

.mci-item .nav-item .navlink-btn { display: flex; align-items: center;  justify-content: center;padding: 10px 16px;  box-shadow: inset 0 0 10px 0 #c1c1c1; border-radius: 5px; width: 230px;height: 95px;}

.mci-item .nav-item .nb-img img { width: 60px;}

.mci-item .nav-item .nb-txt p{margin: 0; font-size: 18px; margin-left: 15px;font-weight: 600;}

.mci-item .nav-item .navlink-btn.silver-btn{background: linear-gradient(135deg, #eaeaea, #d8d8d8);}

.mci-item .nav-item .navlink-btn.gold-btn{ background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);}

.mci-item .nav-item .navlink-btn.dimond-btn{background: url(../images/dimond.jpg);}


.member-category .plan-right .plan-ritem{padding: 25px; background: #ffff; box-shadow: 0 0 10px 0 #d9d9d9;border-radius: 10px;position: relative  ;}

.member-category .plan-right .plan-ritem h2 sub{  font-size: 14px;color: #818181;font-weight: 500;}

.member-category .plan-right .plan-ritem h2{margin-bottom: 10px;}

  .member-category .plan-right .plan-ritem h6 { font-size: 16px;color: #3bb67e; margin: 0px 0px 8px 0px;}

.member-category .plan-right .plan-ritem p{ line-height: 25px;margin: 0; color: #5e5e5e;font-size: 15px;}


.ribbon-2 {
  --f: 10px;
  --r: 15px;
  --t: 10px;
  position: absolute;
  inset: var(--t) calc(-1* var(--f)) auto auto;
  padding: 0px 10px var(--f) calc(10px + var(--r));
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)), var(--r) calc(50% - var(--f) / 2));
  background: #c7eada;
  box-shadow: 0 calc(-1* var(--f)) 0 inset #0005;
  color: #fff;
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 12px;
}

.criterea{padding: 25px 0;background: #000000bf;position: relative;}

.criterea::before{position: absolute; content: " ";height: 100%; width: 50%; background-image: url(../images/97640.jpg); background-position: center; background-size: cover;z-index: -1;top: 0;left: 0;/* background-attachment: fixed; */}

.criterea::after{ position: absolute; content: " "; height: 100%; width: 50%; z-index: 1;top: 0;right: 0;background: #023a20;}

.criterea .criteria-cont{padding: 0 20px;position: relative;z-index: 3;height: 100% ;font-size: 14px;}

.criteria-cont .cc-img{ width: 80px; height: 80px; border: 2px solid #3bb77e;display: flex;align-items: center; justify-content: center;border-radius: 50%;background: #3bb77e;}

.criteria-cont .cc-img img{ width: 40px;}

.criteria-cont .cc-txt h5{color: #fff;}

.criteria-cont ul {padding-left: 25px;}

.criteria-cont ul li{list-style-type: circle;color: #fff;margin-top: 10px;}



.radio-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-bottom: 0 !important;
}

.radio-button:hover {
  transform: translateY(-2px);
}

.radio-button input[type="radio"] {
  display: none;
}

.radio-checkmark {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 2px solid #333;
  border-radius: 50%;
}

.radio-checkmark:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #333;
  transition: all 0.2s ease-in-out;
}

.radio-button input[type="radio"]:checked ~ .radio-checkmark:before {
  transform: translate(-50%, -50%) scale(1);
}

.radio-label {
  font-size: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #6e6e6e !important;
}

.radio-img ul{    display: flex;
  align-items: center;
  justify-content: center;
}

.radio-img ul li{    width: 70px;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px 0 #e4e4e4;
  margin-right: 5px;
}

.radio-img ul li img{height: 25px;}

.frm-inn  p{ color: #8f8f8f; font-size: 14px; margin: 0px 0px 8px 0px;}

.frm-inn .pay-method { padding: 8px; border: 1px solid #efefef; border-radius: 5px;}

.order-details span{ color: #8f8f8f;}

.order-details .total { padding-top: 15px;border-top: 1px solid #e6e6e6;}

.order-details .total span{color: #070707 ;}

.order-details .total span strong{font-size: 18px;}

































/* ====================responssive==================== */   



@media only screen and (min-width: 1480px) and  (max-width: 1920px)  {
    .container{
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1680px) and  (max-width: 1766px)  {

}
@media only screen and (min-width: 1599px) and  (max-width: 1681px)  {

    
}
@media only screen and (min-width: 1481px) and  (max-width: 1600px)  {


}   
@media only screen and (min-width: 1367px) and  (max-width: 1480px)  {


}
@media only screen and (min-width: 1300px) and  (max-width: 1366px)  {

    
}
@media only screen and (min-width: 1180px) and  (max-width: 1299px)  {

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

}
@media only screen and (min-width: 768px) and  (max-width: 991px)  {   
    
    
}
@media only screen and (max-width: 767px) {
 
}
@media only screen and (max-width:420px){

    
}