body {
	text-align: right;
}
.text-left {
	text-align: right !important;
}
.text-right {
	text-align: left !important;	
}
.float-left {
	float: right !important;
}

.float-right {
	float: left !important;
}
.right-addon i,
.right-addon img {
    left: 0;
    right:auto;
}

.left-addon i,
.left-addon img {
    right: 0;
    left:auto;
}

.panel .panel-heading .panel-title .accordion-toggle:after {
	right:auto;
	left:-60px;
}
.panel .panel-heading .panel-title {
	padding-left: 50px;
	padding-right: 0; 
}

.ad-box.fixed-box {
	left:auto;
	margin-left: auto;
	right:50%;
	margin-right: -150px; 
}

.modal.bottom .modal-content .close {
	right:auto;
	left:10px; 
}

.timeline {
	padding-left: 0;
	padding-right: 40px;
}
.timeline li:before{
	left:auto;
	right: -38px; 
	top:2px;
	z-index: 401;
}
.timeline li:after {
	left:auto;
	right:-32px;
}

.list-group .list-group-item .badge {
	right:auto;
	left:0;
}

.modal.left .modal-content .close,
.modal.right .modal-content .close {
	right:auto;
	left:10px;
}

.app-header.right-div:after {
	right:auto;
	left:-30px;
}
.app-header.right-div:before {
	right:auto;
	left:-17px;
}

.app-header .menu-icon .cart-count {
	right:auto;
	left:4px;
}

.product-tag {left:auto; right:10px;} 
.live-tag,
.filter-modal .fliter-brand .list-group-item.active:before {right:auto; left:12px; }
.filter-modal .fliter-brand .list-group-item {padding-right: 0; }

.add-bookmark.travel-bookmark {left:10px; right:auto; }
#myModal.modal.left.fade .modal-content ul.nav-item li {text-align: right;}
#myModal.modal.left.fade .modal-content ul.nav-item li a i {margin-right: 0; margin-left:10px; }
#myModal.modal.left.fade .modal-content ul.nav-item li a:after {right:auto; left:0; content: "\e64a";}
.emoji-bttn .emoji-wrap li {margin-right: 4px !important; }
.bg-image-food {right:auto; left: -30px; }
.alert .close {float: left  !important;}
.alert-box-div .alert-box .close {right:auto; left:10px;}

.left-addon input {padding-left: 10px; padding-right: 40px !important; }


.header-wrapper .nav-menu {
	margin-left: 0;
	margin-right: 0;
}

.form-check-label {
	padding-right: 18px; 
}

.owl-theme.right-nav .owl-nav {
	right:auto;
	left:0;
}

.navigation .nav-content ul li:not(.logo) a span {margin-right: 0;}
.navigation .nav-content ul li:not(.logo) a .circle-count {right: auto; left:15px;}
.navigation .nav-caption {padding-left: 0; padding-right: 35px;}
.dropdown-menu-settings {right:auto; left:0;}

.main-content.menu-active {
    padding-left: 00px;
    padding-right: 90px;
}
.navigation .nav-content ul li:not(.logo) a .circle-icon {right:auto; left:13px; }

.main-content .middle-sidebar-header {left:0; right:280px; }
.main-content.menu-active .middle-sidebar-header.sticky-header {left:0; right:90px; }
.main-content .middle-sidebar-header .right-menu-icon li a .menu-dropdown:after {right:auto; left: 10px; }
.main-content .middle-sidebar-header .right-menu-icon li a .menu-dropdown {right:auto; left:-5px;}

.custom-switch .custom-control-label::before {right:-3.7375rem; left:auto;}
.custom-control-label::after {    right: -2.35rem; left:auto;}
.custom-control {padding-left: 0;}

.course-slider .video-wrap {margin-right: auto; margin-left: 0 ;}
.course-slider .video-wrap:after {left:auto; right:0; background: linear-gradient(to left, #000, transparent)}
.course-slider .card-body {padding: 0 70px 0 0;}


@media (min-width: 992px){
	.main-content {padding-left: 180px; padding-right: 280px;}
}




@media (min-width: 1400px) {
	.middle-sidebar-left {padding-right: 0px; padding-left: 20px; }
}

@media (max-width: 990px){
	.main-content .middle-sidebar-header {right: 0;}
	.main-content .middle-sidebar-header .ml-auto.menu-search-icon {margin-right: auto !important; margin-left: 0 !important; }
	.main-content .middle-sidebar-header .header-menu {margin-right: 0;}
}
/************ here custom rtl **************/
.dropdown-item {
	text-align: right;
}
.header-wrapper .nav-menu li .dropdown-menu {
	right: 20px;
}

.header-wrapper{
	 z-index: 1050;
}
@media only screen and (max-width: 992px) {
	.header-wrapper .nav-menu li a i {
		float: left;
	}
	.header-wrapper .nav-menu li {
		text-align: right;

	}
	.header-wrapper .nav-menu li .dropdown-menu {
		right: 0;
	}
	.logo-margin{
		margin-right: auto;
		margin-left: 0;
	}

}

.banner {
	position: fixed;
	top: 0;
	left: 0;
	right: auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 180px;
	height: 100vh;
	overflow: hidden;
	background: #ffffff;
	-webkit-box-shadow: inset -1px 0 0 0 #e4e4e4;
	box-shadow: inset -1px 0 0 0 #e4e4e4;
	-webkit-transition: width 0.25s;
	-o-transition: width 0.25s;
	transition: width 0.25s;
	padding-top: 90px;
}
@media (max-width: 992px){
	.banner  {display: none}
}

.radio-group-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.radio-group {
    list-style-type: none;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Optional: Adds space between items */
}

.radio-group li {
    margin: 0 5px 10px 0; /* Adjusted to add some space between rows */
    width: calc(50% - 10px); /* Adjust width to ensure two items per row, considering the gap */
    height: 70px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

.radio-group label, .radio-group input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px !important;
}

.radio-group input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.radio-group input[type="radio"]:checked + label {
    background: #5f9ea0; /* Cadet green */
    color: #fff; /* Text color inside the button */
}

.radio-group input[type="radio"]:disabled + label {
    background: #ccc; /* Cadet green */
    color: #fff; /* Text color inside the button */
}

.radio-group label {
    padding: 5px;
    border: 1px solid #CCC; 
    cursor: pointer;
    z-index: 90;
}

.radio-group label:hover {
    background: #DDD;
}

.form-group-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.form-group {
    width: 100%; /* Make button full width or adjust as needed */
}



/* Mobile view styles */
@media (max-width: 992px) {
    .radio-group input[type="radio"]:checked + label {
        background: #5f9ea0 !important; /* Cadet green */
        color: #fff !important; /* Text color inside the button */
    }

    .radio-group input[type="radio"]:disabled + label {
        background: #ccc !important; /* Cadet green */
        color: #fff !important; /* Text color inside the button */
    }

    .radio-group label {
        padding: 5px !important;
        border: 1px solid #CCC !important; 
        cursor: pointer !important;
        z-index: 90 !important;
    }

    .radio-group label:hover {
        background: #5f9ea0 !important;
    }
}


