body {
    color: #000;
	font-family: 'Outfit', sans-serif;
}
/*.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .widget_title {
	font-family: 'Playfair Display', serif;
}*/
.bg-hero-light, .footer-layout1, .footer-layout4, .footer-layout4 .copyright-wrap, .vs-header {
    background: url(../img/white-paper-texture.webp);
}
/*.timelime-section, .pricing-plan, .tf__login_area, .breadcumb-wrapper {
    background: url(../img/white-paper-texture.webp);	
}*/
.footer-widget .widget_title {
	text-transform: none;
}
.footer-widget.widget_nav_menu a:before {
	display: none;
}
.menu-style1>ul>li>a {
    padding: 20px 0;
}
.widget select, .widget input,  .widget textarea {
	border-bottom: 2px solid #000;
    background: transparent;
}
.widget select, .widget input{	
	    height: 40px;
}
.widget textarea {
	min-height: 70px;
}
.footer-layout1, .footer-layout4 {
    --body-color: #000000;
}
.btn-submit {
    background: transparent;
    padding: 10px 30px;
    border-radius: 25px;
}
.footer-layout4 .widget-area {
    padding: 50px 0 0px 0;
}
.btn-common {
    border: 2px solid #000;
    color: black;
    padding: 10px 25px;
    background: #fff;
}
.btn-common:hover {
    background: #000;
    color: #fff;
}
.shop-btn {
    padding: 2px 15px;
    background: #fff;
    font-size: 15px;
    font-family: 'Outfit', sans-serif;
    border: 1px solid #000000;
    border-radius: 0px;
}
.shop-btn:hover {
    background: #5f61d5;
    color: #fff;
    border: 1px solid #5f61d5;
}
.bigimg-caption {
    position: absolute;
    top: 15%;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.bigimg-caption h2 {
    font-size: 4rem;
    color: #76523D;
}
.color-text {
	color: #EBA37A;
    font-weight: 800;
    font-style: normal;
    text-decoration: none;
	font-family: var(--body-font);
}

/*  */


.title {
  position: relative;
  margin-top: 30px;
  width: 100%;
  text-align: center;
}

.timeline {
  position: relative;
  width: 100%;
  padding: 30px 0;
}

.timeline .timeline-container {
  position: relative;
  width: 100%;
}

.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.timeline .timeline-end p,
.timeline .timeline-start p,
.timeline .timeline-year p {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 0px 0;
  text-align: center;
  background: #1D2CF3;
  border-radius: 100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  color: #ffffff;
  font-size: 50px;
  text-transform: uppercase;
}

.timeline .timeline-year {
  margin: 30px 0;
}

.timeline .timeline-continue {
  position: relative;
  width: 100%;
  padding: 60px 0;
}

.timeline .timeline-continue::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  border-left: 2px dotted #000;
}

.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date {
  text-align: right;
}

.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date {
  text-align: left;
}

.timeline .timeline-date {
  font-size: 14px;
  font-weight: 600;
  margin: 41px 0 0 0;
}

.timeline .timeline-date::after {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 45px;
  background: linear-gradient(#4F84C4, #00539C);
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  border-radius: 15px;
  z-index: 1;
}
.timeline .timeline-date::after {
	display: none;
}

.timeline .row.timeline-left .timeline-date::after {
  left: -7px;
}

.timeline .row.timeline-right .timeline-date::after {
  right: -7px;
}

.timeline .timeline-box,
.timeline .timeline-launch {
  position: relative;
  display: inline-block;
  margin: 15px;
  padding: 20px;
  border: 1px solid #ffffff00;
  border-radius: 6px;
  background: #ffffff00;
}

.timeline .timeline-launch {
  width: 100%;
  margin: 15px 0;
  padding: 0;
  border: none;
  text-align: center;
  background: transparent;
}

.timeline .timeline-box::after,
.timeline .timeline-box::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline .row.timeline-left .timeline-box::after,
.timeline .row.timeline-left .timeline-box::before {
  left: 100%;
}

.timeline .row.timeline-right .timeline-box::after,
.timeline .row.timeline-right .timeline-box::before {
  right: 100%;
}

.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
  left: 50%;
  margin-left: -10px;
}

.timeline .timeline-box::after {
  top: 26px;
  border-color: transparent transparent transparent transparent;
  border-width: 10px;
}

.timeline .timeline-box::before {
  top: 25px;
  border-color: transparent transparent transparent #dddddd;
  border-width: 11px;
}

.timeline .row.timeline-right .timeline-box::after {
  border-color: transparent transparent transparent transparent;
}

.timeline .row.timeline-right .timeline-box::before {
  border-color: transparent #dddddd transparent transparent;
}

.timeline .timeline-launch .timeline-box::after {
  top: -20px;
  border-color: transparent transparent #dddddd transparent;
}

.timeline .timeline-launch .timeline-box::before {
  top: -19px;
  border-color: transparent transparent #ffffff transparent;
  border-width: 10px;
  z-index: 1;
}

.timeline .timeline-box .timeline-icon {
  position: relative;
  width: 40px;
  height: auto;
  float: left;
}

.timeline .timeline-icon i {
  font-size: 25px;
  color: #4F84C4;
}

.timeline .timeline-box .timeline-text {
  position: relative;
  width: calc(100% - 40px);
  float: left;
}

.timeline .timeline-launch .timeline-text {
  width: 100%;
}

.timeline .timeline-text h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 3px;
}
.timeline .timeline-text h2 {
  font-weight: 500;	
}

.timeline .timeline-text p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.timeline .timeline-box::after, .timeline .timeline-box::before{
	display:none;
}
img.ls-img-layer.ls-layer {
    width: 650px !important;
    height: 650px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.left-content, .right-content {
    margin-top: 225px;
}
.bg-silver {
	background:#e8eaed;
}
.div-img img {
    width: -webkit-fill-available;
}
.div-sec {
    padding: 0px 100px 0px;
}
.div-sec h2 {
    font-size: 3rem;
}
.div-sec p {
	font-size: 20px;
    color: #000;
	font-family: 'Outfit', sans-serif;
}
.shop-btn1 {
    padding: 5px 20px;
    background: transparent;
    font-size: 18px;
    border: 1px solid #76523d;
    color: #76523d;
	font-weight:normal;
	font-family: 'Outfit', sans-serif;
    border-radius: 0;
}
.shop-btn1:hover {
    background: white;
    border: 1px solid #ffffff;
    color: #000000;
}
.priceplan-tbl-dk tbody tr td {
	vertical-align:middle;
	font-size: larger;
}
.priceplan-tbl-dk table, .priceplan-tbl-dk tbody tr td, .priceplan-tbl-dk tbody tr th, .priceplan-tbl-dk thead tr th, .priceplan-tbl-dk thead tr td, .priceplan-tbl-dk tfoot tr td, .priceplan-tbl-dk tfoot tr th {
	border-right: 0;
    border-left: 0;
	white-space: nowrap;
}
.priceplan-tbl-dk tbody tr td:first-child {
	text-align:left;
}
.priceplan-tbl-dk tbody tr td img {
    width: 30px;	
}
.priceplan-tbl-dk tbody tr td span {
    font-size: 20px;
    vertical-align: inherit;
}
.package-div {
    text-align: center;
    background: #e8eaed;
    border-radius: 25px;
    margin-bottom: 20px;
    padding: 20px;
    margin-top: 20px;
 	margin-left: 50px;
    margin-right: 50px;
}
.package-div .heading-p {
    color: black;
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 0;
}
.package-div .sub-p {
    font-size: 20px;
    font-weight: 500;
}
.package-div .strikeprice-p {
    font-size: 20px;
    margin-bottom: 20px;
	display: flex;
    justify-content: space-evenly;
}
.package-div .price-p {
    font-size: 22px;
    font-weight: bold;
    color: #000;
}
.startpack-btn {
        font-size: 15px;
    border-radius: 10px;
    padding: 5px 20px;
}
.vs-mobile-menu ul li a:before {
	display:none;
}
.quantity-input {
    display: flex;
    align-items: center;
    max-width: 150px;
}
.quantity-input input {
    flex-grow: 1;
    margin: 0 5px;
    padding: 3px;
    text-align: center;
    border: none;
	font-size: 20px;
}
.quantity-input input[type="text"] {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.quantity-input button {
    background-color: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    padding: 5px 12px;
	border-radius:100px;
    transition: background-color 0.3s ease;
}
.cart-hgt {
	    height: 50vh;
    overflow-y: auto;
}
.sidemenu-wrapper .closeButton {
    right: 35px;
}
.sidemenu-wrapper .sidemenu-content {
    padding: 40px 40px 40px 40px;
}
.breadcumb-menu li::after {
	display: none;
}
.breadcumb-title {
    text-transform: none;
}
.common_btn {
    padding: 11px 30px 11px 30px;
    background: black;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.common_btn:hover {
	background: rgb(255, 83, 0);
}
.tf__login_area {
    padding: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    /* background: #fceae8; */
}
.tf__login_input {
    position: relative;
    margin-top: 20px;
}
.tf__login_input span {
    position: absolute;
    width: 50px;
    height: 50px;
    background: orangered;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    border-radius: 25px 0px 0px 25px;
    -webkit-border-radius: 25px 0px 0px 25px;
    -moz-border-radius: 25px 0px 0px 25px;
    -ms-border-radius: 25px 0px 0px 25px;
    -o-border-radius: 25px 0px 0px 25px;
}
.tf__login_input .form-check input {
    padding: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid var(--colorBlack);
    margin-right: 10px;
    margin-top: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.tf__login_input .form-check label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.tf__login_input input {
    border: none;
    padding: 13px 20px 13px 75px;
	border-radius: 25px;
	height: 50px;
}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}
.tf__login_input .form-check label a {
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
    color: black;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.tf__login_area .or {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    display: block;
    position: relative;
    margin: 18px 0px 12px 0px;
    color: var(--colorBlack);
}
.tf__login_area .or::before {
    position: absolute;
    content: "";
    width: 40%;
    height: 1px;
    background: #000;
    top: 14px;
    left: 0;
}
.tf__login_area .or::after {
    position: absolute;
    content: "";
    width: 40%;
    height: 1px;
    background: #000;
    top: 14px;
    right: 0;
}
.tf__login_area p {
    text-align: center;
    color: var(--colorBlack);
}
.tf__login_area p a {
    color: var(--colorBlack);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: bold;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.row-reverse {
	flex-direction: row-reverse;
}
.tf__login_input textarea {
    border-radius: 25px;
    padding: 13px 20px 13px 75px;
}
.tf__login_input input[type="file"] {
    background: #fff;
    padding: 10px 20px 10px 70px !important;
}
.otp-btn {
    padding: 10px !important;
    background: #000;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    position: relative;
}
.btn-rounded {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.tf__login_input button {
    width: 100%;
    text-align: center;
    padding: 13px 30px;
}
input[type=checkbox]~label:before {
    content: "";
    font-family: var(--icon-font);
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 1.5px;
    background-color: #f1f1f1;
    border: 1px solid rgb(0 0 0);
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
   /* border-radius: 100px;*/
}
input[type=checkbox]:checked~label:before, input[type=radio]~label::before{
	content:"";
}
.breadcumb-content {
    padding: 100px 0 100px 0;
}
.product-style2 .actions {
    right: 0;
    top: unset;
    width: 100%;
    bottom: 0;
}
.product-style2 .actions .icon-btn {
    background: #ffffffb0;
    color: #000 !important;
    font-weight: bold;
}
h5.product-title {
    font-family: var(--body-font);
    font-size: 16px !important;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	height: 35px;
}
h5.product-title a {
    line-height: 17px;
}
.product-category>span {
    color: #9a563a;
    font-weight: 600;
}
.cart-btn {
	width: -webkit-fill-available;
    background: #000;
    color: #fff;
    padding: 3px 10px;
	border: 1px solid #000;
}
.cart-btn:hover {
    background: #9a563a;
    color: #fff;
	border: 1px solid #9a563a;
}
.product-style2.shop-items .product-body {
	display:block;
}
.bs-btn {
    background-color: var(--title-color);
    color: var(--white-color);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase;
    display: inline-block;
    padding: 17px 28px;
    border: none;
    position: relative;
    z-index: 1;
    text-align: center;
}
.bs-btn {
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
}
.product-about .actions .bs-btn {
    flex: 1;
}
.bs-btn:after, .bs-btn:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--theme-color);
    z-index: -1;
    width: 53%;
    height: 0;
    transition: all ease .4s;
    opacity: 0;
    visibility: hidden;
}
.bs-btn:hover {
    color: var(--white-color);
}
.bs-btn:hover:before, .bs-btn:hover:after {
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.bs-btn:after {
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
}
.contact-map iframe {
    width: 100%;
    height: 500px;
}
.fs-3rem {
	font-size:3rem;
}
.fs-4rem {
	font-size:4rem;
}
.radio-filter {
	border: 1px solid #000000;
    border-radius: 0;
    padding: 15px 15px 5px;
}
input[type=radio]~label::before {
    top: 15px;
    width: 25px;
    height: 25px;
}
.radio-filter label div {
    font-size: 18px;
    margin-bottom: 10px;
}
.radio-filter label div+div {
    font-weight: 400;
    margin-bottom: 0px;
}
.tf_personal_info_edit {
    display: none;
}
.tf_bank_area.edit_form .tf_personal_info, .tf_kyc_area.edit_form .tf_personal_info {
    display: none;
}
.tf_personal_area.edit_form .tf_personal_info, .tf_personal_area.edit_form .tf_personal_biography {
    display: none;
}
.tf_bank_area.edit_form .tf_personal_info_edit, .tf_kyc_area.edit_form .tf_personal_info_edit {
    display: block;
}
.tf_personal_area.edit_form .tf_personal_info_edit {
    display: block;
}
.tf_dashboard_content h2 {
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.tf_dashboard_content h2 span {
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
    color: #9a563a;
}
.tf_personal_info, .tf_personal_info_edit {
/*    padding: 30px;
*/    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
/*.tf_personal_info, .tf_personal_info_edit {
    background: url(../img/white-paper-texture.webp);
}*/
.tf_personal_info h4, .tf_personal_info_edit h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.tf_personal_info h4, .tf_personal_info_edit h4 {
    text-transform: none;
	font-family: var(--body-font) !important;
}
.tf_personal_info p {
    margin-bottom: 0px;
    color: #000;
}
.tf_personal_info hr {
    margin-bottom: 10px;
}
.tf_personal_info_edit h4 {
    margin-bottom: 20px;
}
.tf__dashboard_sidebar_img {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    border: 10px solid var(--colorWhite);
    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.tf__dashboard_sidebar_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.tf_personal_info h4 a, .tf_personal_info_edit h4 a {
	font-size: 16px;
    color: #fff !important;
    background: #9a563a;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.tf_personal_info_edit label {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    margin-bottom: 0px;
    text-transform: capitalize;
}
.tf_personal_info_edit input, .tf_personal_info_edit textarea {
    padding: 12px 20px;
    margin-bottom: 20px;
    border: 1px solid #9a563a !important;
	border-radius: 15px;
}
.tf_personal_info_edit input[type="file"]{
	    padding: 17px 20px;
}
.tf_personal_info_edit textarea {
    margin-bottom: 0px;
}
.arrow-wrap .slick-arrow, button.slick-arrow{
    opacity: 1;
	--pos-x: -50px;
    visibility: visible;
	/*background: none !important;
    color: #000 !important;*/
    border-color: transparent !important;
}
.arrow-wrap .slick-arrow i, button.slick-arrow i {
	    font-size: 25px;
}
.px-100 {
	padding-left:100px;
	padding-right:100px;
}
img[alt="hero-img"]{
	width:100%
}
.category-filter li {
    margin-bottom: 15px;
}
h3.widget_title {
    font-family: var(--body-font);
    text-transform: none;
    font-size: 20px;
	margin-bottom: 15px;
}
.product-about .product-title {
    font-size: 35px;
}
.bg-earn {
	background: url(../img/earn-bg.webp);
}
.ps-abs {
	width: 40% !important;
    position: absolute;
    top: 15%;
    left: -20%;
    border: 10px solid #000;
    border-radius: 30px;
}
.btn-affiliate {
    border: 2px solid #000;
    color: white;
    padding: 10px 25px;
    border-radius: 20px;
    background: #000;
}
.header-btns {
    justify-content: space-evenly;
}

.menu-style1>ul>li>a {
    text-transform: none;
    font-size: 18px;
} 
.left-content h6 {
    font-family: 'Outfit', sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
} 
.right-content h4 {
    font-family: 'Outfit', sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    padding-left: 25px;
}
.right-content img {
    width: 25%;
}
.left-content p {
	font-family: 'Outfit', sans-serif !important;
    font-weight: 500;
    display: block;
    margin-top: 30%;
}
.left-content h1 {
    font-size: 55px;
}
.strikeprice-p div {
    font-size: 15px;
    font-weight: 700;
}
.priceplan-tbl-dk table thead tr th {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 25px;
}
.product-style2 .product-title a {
    font-family: 'Outfit', sans-serif;
    font-size: 17px;
}
h6.footer-text {
    font-family: 'Outfit',sans-serif;
    font-weight: 500;
}
.footer-widget.widget_nav_menu a {
	text-transform: none;
	font-size: 16px;
	font-family: 'Outfit',sans-serif;
	font-weight: 400;
	margin-bottom: 18px;
}
.vis-hid {
	visibility:hidden;
}
h3.widget_title.text-dark {
    font-family: 'Playfair Display';
}
h3.widget_title.text-dark:before {
    display:none;
}
footer.footer-wrapper.footer-layout4 label {
    color: #000;
    margin-bottom: 0;
    font-size: smaller;
	font-family: 'Outfit',sans-serif;
    font-weight: 400;
}
.footer-info {
    font-family: 'Outfit',sans-serif;
    font-weight: 400;
}
.copyright-text {
    font-size: 18px;
	font-family: 'Outfit',sans-serif;
	font-weight: 400;
}
.btn-submit:hover {
    background: #000;
    color: #fff;
}
.priceplan-tbl-dk table tfoot tr th:first-child {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 25px;
    padding: 0px;
}
.priceplan-tbl-dk table tfoot tr th h5 {
    font-family: var(--body-font);
    font-weight: bolder;
    font-size: 20px;
}
.priceplan-tbl-dk table tfoot tr th h6 {
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 20px;
}
.header-btnss {
    display: flex;
    justify-content: flex-end; /* Align to the right */
    gap: 10px; /* Space between cart and user icons */
    margin-right: 50px; /* Adds left margin to the container */
}
@media (max-width: 768px) { /* Adjust this value based on your needs */
    .header-btnss {
        justify-content: center; /* Center content on mobile */
              margin-right: 73px;
/*        margin-left: 20px;
*/        margin-top: -8px;
display: none;
    }
}

/* Cart Icon Container */
.cart-heading {
    position: absolute;
    top: 18px;
    right: 2%; /* Keeps it flexible on all screens */
    
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1000;
}

/* Adjust for medium screens (like laptops) */
@media screen and (min-width: 1024px) {
    .cart-heading {
        right: 3%; /* Moves slightly more to the left on bigger screens */
    }
}

/* Adjust for larger desktop screens */
@media screen and (min-width: 1440px) {
    .cart-heading {
        right: 4%; /* More spacing on very large screens */
        margin-top: 1px;
    }
}
.header-btnss {
    position: absolute;
    top: 12px;
    right: 3%; /* Keeps it flexible on all screens */
    
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1000;
}
.user-icons {
    display: flex;
    align-items: center;
    gap: 8px; /* Adjust spacing between icon and arrow */
    cursor: pointer;
}

.cart-icon {
    width: 35px; /* Ensures correct size */
    height: auto;
}

#arrow-icon {
    font-size: 14px; /* Adjust arrow icon size */
    transition: transform 0.3s ease-in-out;
}

/* Rotate arrow when dropdown is active */
.dropdown-us-content.show #arrow-icon {
    transform: rotate(180deg);
}

/* Adjust for medium screens (like laptops) */
@media screen and (min-width: 1024px) {
    .header-btnss {
        right: 3%; /* Moves slightly more to the left on bigger screens */
    }
}

/* Adjust for larger desktop screens */
@media screen and (min-width: 1440px) {
    .header-btnss {
        right: 4%; /* More spacing on very large screens */
         position: absolute;
    top: 12px;
  
    z-index: 1000;
    }
}

/* Adjust for smaller screens (tablets and mobile) */
@media screen and (max-width: 768px) {
    .header-btnss {
        right: 10px; /* Less spacing on small screens */
    }
}

/* Adjust for smaller screens (tablets and mobile) */
@media screen and (max-width: 768px) {
    .cart-heading {
        right: 10px; /* Less spacing on small screens */
    }
}



/* Cart Icon Styling */
.cart-heading .cart-icon {
    display: block;
}

/* Cart Text Styling */
.cart-heading .cart-text {
    font-size: 16px;
    color: white;
    text-align: center;
    margin-left: 5px;
    font-weight: 600;
}

/* Dropdown Styling */
.dropdown-us {
    display: inline-block;
}
@media (max-width: 767px) {
    .dropdown-us {
    position: relative;
    display: inline-block;
    margin-top: -1px;
    margin-right: -10px;
    }
}
.dropdown-us-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown-us:hover .dropdown-us-content {
    display: block;
}

.dropdown-us-content a {
    display: block;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13px;
}

/* Username Styling */
.username {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color: #394bd3;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px !important;
}

/* Cart Icon Styling */
.cart-div .cart-icon + span {
    color: #384ad3;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px !important;
}


.modal-header {
    border-bottom: none;
}

.header {
    display: grid;
    }
    
.product-style2 .actions .icon-btn {
    transform: translateY(60px);
}
.modal-body .product-about .product-title {
    font-family: var(--body-font);
    font-size: 30px;
}
.modal-body .product-about .product-price {
    font-size: 25px;
}	
.details-view {
	color:black;
	text-decoration:underline;
}
.atc-btn {
	background: #384AD3;
	text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
}
.new-bgs{
	background:radial-gradient(circle at 48.422495524088546% 46.077168782552086%, #F5CFBA 0%, 18.06%, rgba(245,207,186,0) 43%), radial-gradient(circle at 63.29132080078125% 60.97956339518229%, rgba(56,74,211,0.5) 0%, 15.049999999999999%, rgba(56,74,211,0) 35%), radial-gradient(circle at 48.9013671875% 49.521484375%, #E3E3E3 0%, 100%, rgba(227,227,227,0) 100%);
}
button.cart-btn.srt-now {
    padding: 10px;
	font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}
button.cart-btn.srt-now:hover {
	background: #384AD3;	
}
img.img-hiw {
    width: 100%;
    height: 250px;
}
.sidebar-area h3.widget_title {
    border-bottom: none;
}
.sidebar-area h2.widget_title {
    font-family: var(--body-font);
    text-transform: none;
}
select.orderby {
    border: 1px solid #000;
    font-weight: bold;
}
.product-big-img {
    background-color: #ffffff;
}
.social-style2 a {
    border: none;
    margin-right: 5px;
    display: inline;
	line-height: 1;
}
span.fs-cursive {
	font-family: cursive;
}
.fix-wgt {
	position: absolute;
    bottom: 2%;
    right: 5%;
    left: 5%;
}
.gtb {
    background: #FF5722;
    color: #fff !important;
    border: 1px solid rgb(0, 0, 0);
    padding: 10px 25px;
    border-radius: 0;
	width: 100%;
	font-size: 16px;
}
.sidemenu-content.cart-sidebar {
    padding: 0;
}
.sidemenu-wrapper .closeButton {
    right: 0;
    left: 2%;
    border: none;
    color: #fff !important;
    background: #000 !important;
}
.cart-sidebar h3.widget_title.mb-2 {
    background: #000;
    color: #fff;
    padding: 35px 10px 35px 20px;
    text-align: center;
    text-transform: none;
    font-size: 25px !important;
}
button.quantity-minus.qty-btn {
    height: 35px;
    line-height: 35px;
    width: 30px;
}
.widget .quantity input {
    height: 35px;
    border-bottom: 1px solid #ddd;
    width: 40px;
}
button.quantity-plus.qty-btn {
    height: 35px;
    line-height: 35px;
    width: 30px;
}
.media-body .product-price>span {
    font-weight: bold;
    color: orangered;
}

.qty-input {
    width: 50px; /* Adjust input width as needed */
    text-align: center; /* Center the text in the input */
    margin: 0 5px; /* Margin around the input for spacing */
}

.delete-item-btn {
    margin-left: 70px; /* Add space after the plus button */
    background: transparent; /* Make the delete button background transparent */
    border-radius: 100px; /* Remove the button border */
    cursor: pointer; /* Change cursor to pointer */
}

h4.widget-sub {
    font-family: var(--body-font);
    font-size: 35px;
}
h5.widget-sub {
    font-family: var(--body-font);
    font-size: 30px;
}
.bdr-wgt-top {
	border-top : 1px solid #a9a9a9 !important;
	    margin-top: 40px;

}

/* Media query for mobile screens */
@media (max-width: 768px) {
    .bdr-wgt-top {
        margin-top: 10px; /* Adjust margin for mobile screens */
    }
    .widget {
}
}


.product-style2 .product-img {
    background-color: #ffffff;
}
.product-big-img .img img.thumbnails {
    width: -webkit-fill-available;
}
.product-about .quantity input {
	width: 60px;
    height: 35px;
}
h3.mycart-title {
    font-family: var(--body-font);
    font-size: 25px;
}
.cart-table td .quantity input {
	height: 35px;
    width: 50px;
}
.cart-table td {
    border: 0;
    border-bottom: 1px solid #ddd;
	white-space: nowrap;
	min-width: 100px;
    text-align: center;
/*	vertical-align: middle;
*/}
.cart-table td:first-child {
    text-align: left;
}
.cart-table table.table {
    border: 0;
}
.cart-table table.table td h4.post-title {
    white-space: normal;
}
.cart-table table.table .recent-post .media-body {
    border-bottom: 0;
}
table.table.subCart-table {
    border: 0;
}
.table.subCart-table td {
    border: 0;
}
.text-right {
/*    text-align: right !important;
*/}
th.subhead-checkout {
	text-align: center;
	background: #384ad3;
}

th.subhead-checkout a {
	color: #fff !important;	
}
a.delivery-modal {
    color: #000;
    text-decoration: underline;
}
button.btn.update-btn {
    background: #384ad3;
    color: #fff;
    text-align: center;
    padding: 10px 50px;
    border-radius: 0px;
    width: 100%;
}
h4.destination-hd {
    text-align: center;
    font-family: var(--body-font);
    font-size: 24px;
}
#viewDeliveryArea .modal-content {
    border-radius: 0px;
}
#viewDeliveryArea button.btn-close {
    font-size: 30px;
}
#viewDeliveryArea button.btn-close i {
    font-weight: 100;
}
span.select2-selection.select2-selection--single {
    height: 50px;
    padding: 5px;
}
#selectBox+.select2 {
    width: 100% !important;
    height: 50px;
	margin-bottom: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}
input.select2-search__field {
    height: 50px;
}
span#togglePromo, span#toggleNote {
    color: #384ad6;
	cursor: pointer;
}
.promo-code-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.promo-code-container label {
  margin-right: 10px;
}

.promo-code-container input[type="text"] {
	width: 250px;
    padding: 8px;
    border: 1px solid #384ad6;
    border-radius: 0;
    font-size: 14px;
    height: 50px;
}

.promo-code-container button {
	padding: 8px 12px;
    background-color: #ffffff;
    color: #384ad6 !important;
    border: 1px solid #384ad6;
    border-left: 0;
    border-radius: 0;
    cursor: pointer;
    font-size: 14px;
    height: 50px;
    width: 100px;
}
#noteDiv textarea {
    border-color: #767676;
    min-height: 130px;
}
input.ftr_price {
    border: 1px solid #000;
    width: auto;
}
.mt-100 {
	margin-top: 100px;
}
.align-item-center {
    align-items: center;
}
.main-menu a {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px !important;
}
.sec-text2 {
	font-family: 'Outfit', sans-serif;
}
p.sec-text2.earn-page {
    color: #000;
    line-height: 1.4;
    font-size: 21px;
    padding-left: 15px;
}
.hiw-content p {
    color: #000;
    line-height: 1.70;
    margin-bottom: 0;
}
.fs-375rem {
	font-size:3.75rem !important;
}
.vs-hd {
	visibility:hidden;
}
.srt-now {
    background: black;
    color: #fff;
    border-radius: 0px;
    padding: 10px 25px;
}
.srt-now:hover {
    color: #fff;
    background: #384ad3;
}
.icome_earn p.sec-text2 {
	font-size: 17px;
    color: #000;
}
.footer-widget {
    margin-bottom: 25px;
}

/* timeline */

.timeline .timeline-box, .timeline .row.timeline-right .timeline-date,
.timeline .row.timeline-left .timeline-date {
    margin-left: 0px;
}	
.timeline .timeline-end p, .timeline .timeline-start p, .timeline .timeline-year p {
    display: inline-block;
    width: 70px;
    height: 70px;
    font-size: 40px;
    font-weight: bold;
}
.timeline .timeline-continue::after {
    margin-left: 0;
}	 
.tb-steps-lr .tb-content .tb-count, .tb-steps-rl .tb-content .tb-count {
	background: blue;
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    border-radius: 100px;
}
.tb-steps-rl .tb-content .tb-count {
	margin-left: auto;
}
.tb-img, .tb-content {
	padding: 75px 50px;
}
.tb-steps-lr .tb-content h2 {
	margin-top: 50px;
}
.tb-steps-rl .tb-content h2 {
	margin-top: 50px;
}
.tb-steps-lr:first-child .tb-img:after {
	content: "";
	border: 1px dotted #000;
	position: absolute;
	width: 1px;
	height: 600px;
	left: 50%;
	margin-top: 175px;
	margin-left: -1px;
	border-left: 2px dotted #000;
}
.tb-steps-lr:first-child .tb-img:before {
	content: "";
	border: 1px dotted #000;
	position: absolute;
	width: 58px;
	height: 1px;
	left: 50%;
	margin-top: 175px;
}			
.tb-steps-rl:nth-child(2) .tb-img:after {
	content: "";
	border: 1px dotted #000;
	position: absolute;
	width: 1px;
	height: 600px;
	left: 50%;
	margin-top: 170px;
	margin-left: -1px;
	border-left: 2px dotted #000;
}
.tb-steps-rl:nth-child(2) .tb-img:before {
	content: "";
	border: 1px dotted #000;
	position: absolute;
	width: 58px;
	height: 1px;
	right: 50%;
	margin-top: 170px;
}
.tb-steps-lr:nth-child(3) .tb-img:after {
	content: "";
	border: 1px dotted #000;
	position: absolute;
	width: 1px;
	height: 600px;
	left: 50%;
	margin-top: 160px;
	margin-left: -1px;
	border-left: 2px dotted #000;
}
.tb-steps-lr:nth-child(3) .tb-img:before {
	content: "";
	border: 1px dotted #000;
	position: absolute;
	width: 58px;
	height: 1px;
	left: 50%;
	margin-top: 160px;
}			
.tb-steps-rl:nth-child(4) .tb-img:after {
	content: "";
	border: 1px dotted #000;
	position: absolute;
	width: 1px;
	height: 625px;
	left: 50%;
	margin-top: 155px;
	margin-left: -1px;
	border-left: 2px dotted #000;
}
.tb-steps-rl:nth-child(4) .tb-img:before {
	content: "";
	border: 1px dotted #000;
	position: absolute;
	width: 58px;
	height: 1px;
	right: 50%;
	margin-top: 155px;
}
.tb-steps-lr:nth-child(5) .tb-img:before {
	content: "";
	border: 1px dotted #000;
	position: absolute;
	width: 58px;
	height: 1px;
	left: 50%;
	margin-top: 145px;
}
.tb-steps-lr.tb-last .tb-img:after, .tb-steps-lr.tb-last .tb-img:before {
	display:none;
}
.timeline.scn767 {
	display: none;
}
.container-fluid.scn768{
	display: block;
}
.tb-content p {
	margin-bottom:0px;
	font-size: 18px;
    color: #000;
}
.popup-search-box {
    background-color: #fff;
	padding: 50px 25px !important;
    height: 100vh;
    overflow: auto;
}
.popup-search-box button.searchClose {
    z-index: 99;
    background: #000;
    color: #fff;
    top: 20px;
    right: 20px;
}
.btn-applyFilter {
    border: 1px solid #000;
    border-radius: 0px;
    background: #fff;
    padding: 10px;
	width: 100%;
    text-align: left;
}
.popup-search-box .widget h2 {
	font-family: 'Outfit', sans-serif !important;
	text-transform: none;
}
.btn-login{
	border-radius: 0;
    padding: 5px 25px;
}


			
@media (max-width: 1680px) {
	.tb-steps-lr:first-child .tb-img:after {
		height: 525px;
		margin-top: 135px;
	}
	.tb-steps-lr:first-child .tb-img:before {
		margin-top: 135px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:after {
		height: 510px;
		margin-top: 135px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:before {
		margin-top: 135px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:after {
		height: 520px;
		margin-top: 125px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:before {
		margin-top: 125px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:after {
		height: 550px;
		margin-top: 120px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:before {
		margin-top: 120px;
	}
	.tb-steps-lr:nth-child(5) .tb-img:before {
		margin-top: 110px;
	}
}	

@media (max-width: 1440px) {

.left-content, .right-content {
    margin-top: 100px;
}
.left-content h1 {
    font-size: 40px;
}
.left-content h6, .right-content h4 {
	font-size:13px;
}
.left-content p {
	font-size:14px;
}
.package-div {
 	margin-left: 25px;
    margin-right: 25px;
}
.hiw-img .img-hiw {
    height: 150px;
}
	.tb-steps-lr:first-child .tb-img:after {
		height: 450px;
		margin-top: 90px;
	}
	.tb-steps-lr:first-child .tb-img:before {
		margin-top: 90px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:after {
		height: 450px;
		margin-top: 85px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:before {
		margin-top: 85px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:after {
		height: 460px;
		margin-top: 75px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:before {
		margin-top: 75px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:after {
		height: 465px;
		margin-top: 85px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:before {
		margin-top: 85px;
	}
	.tb-steps-lr:nth-child(5) .tb-img:before {
		margin-top: 60px;
	}
	
}

@media (max-width: 1399px) {
.breadcumb-content {
    padding: 100px 0 100px 0;
}
.footer-widget {
    margin-bottom: 30px;
}
}

				
@media (max-width: 1366px) {
	.tb-steps-lr:first-child .tb-img:after {
		height: 430px;
		margin-top: 80px;
	}
	.tb-steps-lr:first-child .tb-img:before {
		margin-top: 80px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:after {
		height: 400px;
		margin-top: 75px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:before {
		margin-top: 75px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:after {
		height: 470px;
		margin-top: 40px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:before {
		margin-top: 40px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:after {
		height: 440px;
		margin-top: 75px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:before {
		margin-top: 75px;
	}
	.tb-steps-lr:nth-child(5) .tb-img:before {
		margin-top: 45px;
	}
}

@media (max-width: 1360px) {

.left-content, .right-content {
    margin-top: 75px;
}
.left-content h1 {
    font-size: 35px;
}
.left-content p {
    margin-top: 24%;
}
	
.package-div {
 	margin-left: 20px;
    margin-right: 20px;
}
}

				
@media (max-width: 1280px) {
	.tb-steps-lr:first-child .tb-img:after {
		height: 400px;
		margin-top: 70px;
	}
	.tb-steps-lr:first-child .tb-img:before {
		margin-top: 70px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:after {
		height: 385px;
		margin-top: 60px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:before {
		margin-top: 60px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:after {
		height: 430px;
		margin-top: 25px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:before {
		margin-top: 25px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:after {
		height: 450px;
		margin-top: 40px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:before {
		margin-top: 40px;
	}
	.tb-steps-lr:nth-child(5) .tb-img:before {
		margin-top: 35px;
	}
}

@media (max-width: 1200px) {
.bg-hero-light .row.px-100 {
    padding-right: 50px;
    padding-left: 50px;
}
.main-menu>ul>li {
    margin: 0 6px;
}
.package-div {
 	margin-left: 0px;
    margin-right: 0px;
}

.left-content p {
    margin-top: 18%;
}
.left-content, .right-content {
    margin-top: 30px;
}

}
				
@media (max-width: 1152px) {
	.tb-steps-lr:first-child .tb-img:after {
		height: 400px;
		margin-top: 70px;
	}
	.tb-steps-lr:first-child .tb-img:before {
		margin-top: 70px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:after {
		height: 385px;
		margin-top: 60px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:before {
		margin-top: 60px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:after {
		height: 440px;
		margin-top: 30px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:before {
		margin-top: 30px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:after {
		height: 415px;
		margin-top: 60px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:before {
		margin-top: 60px;
	}
	.tb-steps-lr:nth-child(5) .tb-img:before {
		margin-top: 35px;
	}
}	

@media (max-width: 1024px) {

.left-content, .right-content {
    margin-top: 20px;
}
.left-content h1 {
    font-size: 30px;
}
.div-sec {
    padding: 0px 50px 0px;
}

	.tb-steps-lr:first-child .tb-img:after {
		height: 350px;
		margin-top: 45px;
	}
	.tb-steps-lr:first-child .tb-img:before {
		margin-top: 45px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:after {
		height: 350px;
		margin-top: 40px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:before {
		margin-top: 40px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:after {
		height: 400px;
		margin-top: 10px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:before {
		margin-top: 10px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:after {
		height: 455px;
		margin-top: 10px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:before {
		margin-top: 10px;
	}
	.tb-steps-lr:nth-child(5) .tb-img:before {
		margin-top: -25px;
	}
	
}

@media (max-width: 992px) {

.package-div {
	padding: 15px;
}
	
}	
	
@media (min-width: 992px) and (max-width: 1199.99px){
.tf__login_area {
    padding: 30px;
}
/* .d-menu {
	display:none !important;
}
.d-mob {
	display:block !important;
}
 */
}	
@media (min-width: 767px) and (max-width: 991px){
.left-content h1 {
    font-size: 45px;
}
.left-content h6, .right-content h4 {
    font-size: 20px;
}
.left-content p {
    margin-top: 5%;
}
.left-content p {
    font-size: 20px;
}
.tc img {
    width: 70%;
}
.tc {
	text-align: center;
}

}	

@media (max-width: 991px){
.outer-wrap3 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.slick-arrow.slick-next, .slick-arrow.slick-prev {
    display: none !important;
}
.vs-product-wrapper .sidebar-area {
    position: sticky;
    top: 5%;
}
.mt-mb-25 {
	margin-top: 25px;
}
.vs-hd {
	visibility:visible;
}
.right-content img {
    width: 10%;
}

}
	
@media (max-width: 768px) {
.new-bgs h2{
	font-size: 3rem;
}
.ps-abs {
    left: 0;
}	

.tf__login_area {
    padding: 30px;
}

.breadcumb-content {
    padding: 50px 0 50px 0;
}

.left-content, .right-content {
    margin-top: 0px;
}

  .timeline .timeline-continue::after {
    left: 35px;
  }

  .timeline .timeline-end,
  .timeline .timeline-start,
  .timeline .timeline-year,
  .timeline .row.timeline-left,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-right,
  .timeline .row.timeline-left .timeline-date,
  .timeline .timeline-launch {
    text-align: left;
  }

  .timeline .row.timeline-left .timeline-date::after,
  .timeline .row.timeline-right .timeline-date::after {
    left: 47px;
  }

  .timeline .timeline-box,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-left .timeline-date {
    /* margin-left: 55px; */
  }

  .timeline .timeline-launch .timeline-box {
    margin-left: 0;
  }

  .timeline .row.timeline-left .timeline-box::after {
    left: -20px;
    border-color: transparent #ffffff transparent transparent;
  }

  .timeline .row.timeline-left .timeline-box::before {
    left: -22px;
    border-color: transparent #dddddd transparent transparent;
  }

  .timeline .timeline-launch .timeline-box::after,
  .timeline .timeline-launch .timeline-box::before {
    left: 30px;
    margin-left: 0;
  }
  
  
	.tb-img, .tb-content {
		padding: 50px 25px;
	}
	.tb-steps-lr:first-child .tb-img:after {
		height: 300px;
		margin-top: 30px;
	}
	.tb-steps-lr:first-child .tb-img:before {
		margin-top: 30px;
		width: 30px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:after {
		height: 340px;
		margin-top: 10px;
	}
	.tb-steps-rl:nth-child(2) .tb-img:before {
		margin-top: 10px;
		width: 30px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:after {
		height: 390px;
		margin-top: -15px;
	}
	.tb-steps-lr:nth-child(3) .tb-img:before {
		margin-top: -15px;
		width: 30px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:after {
		height: 365px;
		margin-top: -5px;
	}
	.tb-steps-rl:nth-child(4) .tb-img:before {
		margin-top: -5px;
		width: 30px;
	}
  
  
}

@media (max-width: 767px) {
/*.cart-table td:first-child {
    display: block;
}
.cart-table td {
    border: 0;
    border-bottom: 0px solid #ddd;
    display: inline-block;
}
.cart-table tr {
	border-bottom: 1px solid #ddd;
}*/

	.timeline.scn767 {
		display: block;
	}
	.container-fluid.scn768{
		display: none;
	}
}

@media (max-width: 600px) {

.tf__login_area {
    padding: 20px;
}
.px-100{
	padding-left:25px;
	padding-right:25px;
}
.div-sec {
    padding: 100px 15px 0px;
}

}

@media (max-width: 380px) {

.sideMenuToggler .cart-icon {
	margin-top: 0.5rem!important;
}
.sideMenuToggler .cart-icon+span {
    color: rgb(255, 255, 255);
 
        font-weight: bolder;
        font-size: 16px;
        position: absolute;
        right: 2px;
        top: 30px;
}

}

	.tf_dashboard_contents h2 span {
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 40px;
    color: #9a563a;

}
@media (max-width: 767px) {
    .tf_dashboard_contents h2 span {
        font-size: 22px;  /* Adjust font size for mobile */
        margin-top: 20px; /* Reduce top margin on mobile */
    }
}
.tf_dashboard_contents{
	    margin-top: 40px;
       margin-left: 130px;
       margin-bottom: -40px;
}
@media (max-width: 767px) {
    .tf_dashboard_contents {
        margin-left: 30px;   /* Remove left margin for mobile */
        margin-right: 0;  /* Optional: Remove right margin if needed */
    }
}
.bank-image {
    width: 130%; /* Initially set to 130% */
    height: 100%; /* Maintains aspect ratio */
    max-width: 100%; /* Prevents the image from exceeding the container's width */
}
.tf_bank_areas img{
	    max-height: 100%; /* Prevents the image from exceeding the container's width */
margin-top: -100px;
}
@media (max-width: 767px) {
    .tf_bank_areas img {
        margin-top: 0; /* Remove top margin on mobile */
        width: 100%;   /* Ensure the image scales properly */
        max-height: auto; /* Adjust image height as needed */
    }
}