/* ======== General Styles ======== */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,marquee,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: "Sora", sans-serif !important;
}

html {
    margin-top: 0 !important;
    scroll-behavior: smooth;
}

ul{
    list-style: none
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    color: #191919;
}

body {
	font-optical-sizing: auto;
    font-weight: 400;
	font-style: normal;
	font-variation-settings:
	"GRAD" 0;
    line-height: 1.6;
    z-index: 100;
    background: #fff
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #191919;
    font-weight: 800;
}

p,
ul li,
blockquote {
    //color: #2c2c2c
}

input,
button {
    outline: none
}

label {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    letter-spacing: .01rem
}

a{
    font-weight: 500
}

strong {
    font-weight: 600
}

label,
strong{
    color: #191919
}

hr{
    color:#e0e0e0;
    opacity: 1
}


/*=== --- Scrollbar --- ===*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.06);
}
::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
}

.scrollbar::-webkit-scrollbar, 
textarea::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar{
	width:4px;
	height:4px;
}
.scrollbar::-webkit-scrollbar-thumb, 
textarea::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb{
	background-color:rgba(0, 0, 0, 0.1);
}
.scrollbar-hover::-webkit-scrollbar, .scrollbar-hide::-webkit-scrollbar{display:none;}
.scrollbar-hover:hover::-webkit-scrollbar{display:block;}


/*=== --- Scroll --- ===*/
.scroll,.scroll-120,.scroll-160,.scroll-200,.scroll-400{overflow:auto;overflow-x:hidden;padding-right:10px;}
.scroll{max-height:320px;}
.scroll-120{max-height:120px;}
.scroll-160{max-height:160px;}
.scroll-200{max-height:200px;}
.scroll-400{max-height:400px;}


/*=== --- Animation --- ===*/
@keyframes goUp{
    0% {
        transform: translateY(50px);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}


/*=== --- Mobile - Slider --- ===*/
.mobile-slider{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scroll-padding: 10px;
}
.mobile-slider > *{
	flex: 0 0 auto;
	scroll-snap-align: start;
}
.mobile-slide-prev, .mobile-slide-next{
	top:38%;
	line-height:26px;
}
.mobile-slide-prev{
	left:-10px;
}
.mobile-slide-next{
	right:-10px;
}


/*=== --- Mobile Slide (prev & next) sm --- ===*/
.mobile-slide-prev.sm, .mobile-slide-next.sm{
	top:13%;
	width:22px;
	height:22px;
	line-height:13px;
}


/*=== --- Modal --- ===*/
.modal-xl{
	--bs-modal-width:1040px;
}
.modal-lg{
	--bs-modal-width:880px;
}
.modal-btn-close{
	background-size:14px;
}


/*=== --- Carousel --- ===*/
.carousel-inner.bottom{
	padding-bottom:40px;
}
.sp-carousel-control{
	width:24px;
	height:24px;
	line-height:22px;
	top:inherit;
	opacity:0.6;
}
.sp-carousel-control.carousel-control-next{
	right:auto;
	left:36px;
}
.carousel-control-next-icon.sm, .carousel-control-prev-icon.sm{
	width:0.8rem;
    height:0.8rem;
}


/*=== --- Carousel Center - Position --- ===*/
.carousel-center .carousel-control-prev, 
.carousel-center .carousel-control-next{
	top:40%;
}
.carousel-center .carousel-control-prev{
	left: 10px;
}
.carousel-center .carousel-control-next{
	right: 10px;
}


/*=== --- Content Sheet --- ===*/
.content-sheet hr {
    margin: 2.4rem 0
}
.content-sheet a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color:#76ABAE;
}
.content-sheet .btn{
	text-decoration:none;
	padding:.6rem 1.3rem;
	font-size:0.875rem;
	margin-bottom: 1.5rem;
}
.content-sheet h1,
.content-sheet h2,
.content-sheet h3,
.content-sheet h4,
.content-sheet h5,
.content-sheet h6 {
    margin-bottom: 1rem
}
.content-sheet h1 strong, .content-sheet h1 span,
.content-sheet h2 strong, .content-sheet h2 span,
.content-sheet h3 strong, .content-sheet h3 span,
.content-sheet h4 strong, .content-sheet h4 span,
.content-sheet h5 strong, .content-sheet h5 span,
.content-sheet h6 strong .content-sheet h6 span{
	color:#191919 !important;
}
.content-sheet h1 strong,
.content-sheet h2 strong,
.content-sheet h3 strong,
.content-sheet h4 strong,
.content-sheet h5 strong,
.content-sheet h6 strong {
    font-weight: 800;
}
.content-sheet img{
	height: auto;
	border-radius:0.675rem !important;
}
.content-sheet img, .content-sheet iframe{
    width: 100% !important;
    display: block;
	margin:0 !important;
    margin-bottom: 1.4rem !important;
}
.content-sheet table{
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}
.content-sheet ul, .list-style-disc {
    list-style: disc
}
.content-sheet ul,
.content-sheet ol,
.list-style-disc {
    padding-left: 20px
}
.content-sheet li{
    margin-bottom: .6rem
}
.list-style-disc li{
	margin-bottom: .3rem
}
.list-style-disc li:nth-last-child(1){
	margin-bottom:0;
}
.content-sheet,
.content-sheet p,
.content-sheet li,
.inclusions-exclusion p {
	 font-size: 1rem;
}
.content-sheet p,
.content-sheet li{
	word-break: break-word;
}
.content-sheet p,
.content-sheet blockquote,
.content-sheet li:nth-last-child(1){
    margin-bottom: 1.3rem
}
.content-sheet blockquote {
    font-style: italic;
    padding: 20px;
    //background: #e3eeee;
    background: #f4fbfb;
    border-radius: 0 .675rem .675rem 0;
    border-left: 2px solid #76ABAE;
}
/* .content-sheet blockquote:before {
    color: #76ABAE;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
} */
.content-sheet blockquote p {
    display: inline
}
.content-sheet blockquote,
.content-sheet blockquote p {
    font-size: 1rem
}

/*--- li::marker ---*/
.marker-red li::marker{
	color:#ff5722;
}

.iframe-container, .content-sheet .iframe-container{
	position:relative;
    width:100%;
    padding-bottom:56.25%;
    height:0;
}
.iframe-container iframe, .content-sheet .iframe-container iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--- List Line ---*/
.list-line.position-relative:before{
	content:'';
	position:absolute;
	top:0;
    bottom:0;
    left:15px;
	margin:auto;
	width:2px;
	height:90%;
    background:#ffc0ac;
}
.bc-list-line{
	border-color:#ffc0ac !important;
}


/*=== --- Content Sheet - Dark --- ===*/
.content-sheet-dark h1, .content-sheet-dark h1 strong, .content-sheet-dark h1 span,
.content-sheet-dark h2, .content-sheet-dark h2 strong, .content-sheet-dark h2 span,
.content-sheet-dark h3, .content-sheet-dark h3 strong, .content-sheet-dark h3 span,
.content-sheet-dark h4, .content-sheet-dark h4 strong, .content-sheet-dark h4 span,
.content-sheet-dark h5, .content-sheet-dark h5 strong, .content-sheet-dark h5 span,
.content-sheet-dark h6, .content-sheet-dark h6 strong .content-sheet-dark h6 span,
.content-sheet-dark a,
.content-sheet-dark strong{
	color:#fff !important;
}
.content-sheet-dark p,
.content-sheet-dark ul li {
    color: rgb(255 255 255 / 70%);
}


/*=== --- Content Sheet - Normal --- ===*/
.content-normal,
.content-normal p,
.content-normal li{
    font-size: 0.9rem !important;
}
.content-normal li{
	 margin-bottom: .4rem
}
.content-normal p,
.content-normal li:nth-last-child(1){
    margin-bottom: 1.2rem
}


/*=== --- Clean Content CSS --- ===*/
.clean-content-css ul{
	list-style:none;
	padding:0;
}
.clean-content-css h1, .clean-content-css h2, .clean-content-css h3, 
.clean-content-css h4, .clean-content-css h5, .clean-content-css h6,
.clean-content-css ul li, .clean-content-css ul li:nth-last-child(1), 
.clean-content-css img{
	margin-bottom:0 !important;
}
.clean-content-css a{
	text-decoration:none;
}
.clean-content-css p, .clean-content-css span, .clean-content-css strong{
	font-size:inherit;
	margin-bottom:0 !important;
}


/*=== --- Inclusions - Exclusions --- ===*/
.inclusions-exclusions ul, .inclusions-content ul, .exclusions-content ul{
	list-style:none;
    padding-left:0;
}
.inclusions-exclusions ul li, .inclusions-content ul li, .exclusions-content ul li{
    position:relative;
    padding-left:2.3rem;
    margin-bottom:.7rem;
}
.inclusions-exclusions ul li::before, .inclusions-content ul li::before, .exclusions-content ul li::before{
	position:absolute;
    left:0;
    top:0;
    font-weight:600;
	width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    display:inline-block;
    border-radius:50%;
}
.inclusions-exclusions ul li::before, .inclusions-content ul li::before{
    content:"✓";
    color:#198754;
	background:#daffaf;
}
.inclusions-exclusions ul:nth-last-child(1) li::before, .exclusions-content ul li::before{
    content:"✕";
	font-size:0.83rem;
	line-height:25px;
    color:#dc3545;
	background:#ffd0d0;
}

.inclusions-exclusions ul{
	margin-bottom:3rem;
}
.inclusions-exclusions ul li:first-child::before{
	display:none;
}
.inclusions-exclusions ul li:first-child{
	padding-left:0;
	margin-bottom:30px;
}
.inclusions-exclusions ul li:first-child strong{
	font-size:1.5rem;
	font-weight:800;
}


/*=== --- Image --- ===*/
img, video{
    height: auto;
    object-fit: cover;
}
img[alt]{
	font-size:13px;
}
.img-contain{
	object-fit: contain;
}
.img-icon-box {
    width: 46px;
    height: 46px;
    background: rgb(65 170 255 / 30%)
}
img.img-icon {
    width: 42px !important
}
img.img-blur{
	filter:blur(10px); 
	transition:filter .4s ease;
}


/*=== --- Display --- ===*/
.hide{
	display:none;
}

.gap-10{
	gap:10px;
}
.gap-12{
	gap:12px;
}
.grid-rows-3-h130{
	grid-template-rows:130px 130px 130px;
}
.grid-columns-25-75{
	grid-template-columns:25% 75%;
}
.grid-columns-25-75 *:nth-child(2){
	grid-row:3 span;
}


/*=== --- Cursor --- ===*/
.cursor-pointer{
	cursor:pointer;
}


/*=== --- Border Radius --- ===*/
.rounded {
    border-radius: 0.475rem !important
}
img.rounded-0{
	border-radius:0 !important;
}
.rounded-p675{
	border-radius: 0.675rem !important;
}
.rounded-end-0{
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
}
.rounded-top-0{
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
}


/*=== --- Anchor Text --- ===*/
.anchor-text:before,
.main-heading strong.position-relative:before{
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    width: 0%;
    height: 2px;
    background: #ff5722;
    background:-webkit-linear-gradient(45deg, #ff5722, #30373f, #2a2b2f);
    transition: width 0.4s ease-in-out
}
.anchor-text:hover:before,
.main-heading strong.position-relative:before {
    width: 100%
}
a.d-inline-block.anchor-text:before{
	bottom: 5px;
}
.text-underline, .text-underline-hover:hover{
	text-decoration: underline !important;
	color:#000;
}
.text-underline-hover:hover svg{
	fill:#000;
}
.text-underline-2-hover:hover,.text-underline-2,.text-underline-2:hover,.text-underline-2:focus{
	text-decoration: underline;
	//text-decoration-color:#76ABAE;
	text-decoration-thickness: 2px;
}
.text-underline-deep-orange{
	text-decoration-color:#ff5722 !important;
}
.text-underline-teal{
	text-decoration-color:#76ABAE !important;
}

.arrow-hover svg{
	transition:transform 0.3s ease-in-out;
}
.arrow-hover:hover svg{
	transform:rotate(45deg);
}


/*=== --- Button --- ===*/
.btn-close:focus, .btn.btn-dull{
    box-shadow:none;
}
.btn.btn-dull{
	background: linear-gradient(45deg, #f9dbd0, #ffe4db) !important;
    color:#ff5722 !important;
    border-color:#ffd0c1 !important;
}
.btn, .btn:hover, .btn:focus, .btn.active{
	background:#FF5722 !important;
	border-color:#FF5722 !important;
	color:#fff !important;
}
.btn, .btn:focus, .btn.active{
	box-shadow:1px 6px 14px rgb(255 87 34 / 30%);
	transition:transform 0.2s ease-in-out;
}
.btn:hover{
	box-shadow:1px 10px 18px rgb(255 87 34 / 45%);
	transform:translateY(-2px);
}

.btn{
	padding:0.8rem 1.5rem;
}
.btn-sm{
	padding:.6rem 1.3rem;
}
.btn-xs{
	padding:.3rem 1rem;
}


/*=== --- Form Control --- ===*/
.form-group{
	margin-bottom:.8rem;
}
.form-label.position-absolute{
    top: -7px;
    left: 20px;
    letter-spacing: 0.03rem;
    padding: 2px 6px;
	line-height:0.8;
}

.form-check-input{
	font-size:1.06rem;
    margin-top:2px;
}
.form-check-input:checked[type=checkbox]{
	background-size:15px;
    background-position:0;
}
.form-check-input, .form-check-input:checked{
	box-shadow:none !important;
	border-color:#b4b4b4;
}
.form-check-input:checked{
	background-color:#ff5722;
    border: none;
}
.form-check-label:has(.form-check-input:checked){
  border-color:#191919 !important;
}

.form-control, .form-select{
	padding:.4rem .75rem;
	
}
.form-control:focus, .form-select:focus{
	box-shadow:none;
}
.form-control::placeholder{
	
}
.form-control-lg{
	padding:.6rem 1rem .6rem 1rem;
}

.sp-form-control{
	//background:linear-gradient(45deg, #caeeef, #ffffff) !important;
	background:linear-gradient(45deg, #e5fdfd, #ffffff) !important;
	box-shadow:0 0 0 .2rem rgb(118 171 174 / 30%);
}
.sp-form-control:focus{
	border-color:#76abae !important;
    box-shadow:0 0 0 .2rem rgb(118 171 174 / 50%);
}
.sp-form-control::placeholder{
	color:#303841;
}

input[type='file'].form-control-lg{
	padding-top:.5rem;
}
.from-select{
	height:calc(1.6em + 1rem + calc(var(--bs-border-width) * 2));
	padding-top: .700rem;
}


/*=== --- Form Card --- ===*/
.form-card{
	padding:25px 30px 22px;
}


/*=== --- Heading Line --- ===*/
.heading-line{
	padding-left:40px;
}
.heading-line:before, .straight-line-start:before{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	top:0;
	margin:auto;
    width:26px;
	height:2px;
	background:-webkit-linear-gradient(45deg, transparent, #ff5722, #ff6c41);
	border-radius:100px;
}
.heading-line.sm{
	padding-left:32px;
}
.heading-line.sm:before{
	width:18px;
}

.heading-line.text-center:before{
	right:0;
	bottom:0;
	top:auto;
	width:60px;
}


/*=== --- Section --- ===*/
.section-py {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.section-md-py {
    padding-top: 5rem;
    padding-bottom: 5rem;
}


/*=== --- Gutters --- ===*/
.g-0p7rem, .gx-0p7rem{
    --bs-gutter-x: 0.7rem;
}
.g-0p7rem, .gy-0p7rem{
    --bs-gutter-y: 0.7rem;
}
.g-0p8rem, .gx-0p8rem{
    --bs-gutter-x: 0.8rem;
}
.g-0p8rem, .gy-0p8rem{
    --bs-gutter-y: 0.8rem;
}

.g-1p3rem {
    --bs-gutter-x: 1.3rem;
	--bs-gutter-y: 1.3rem;
}

.gx-2rem {
    --bs-gutter-x: 2rem;
}

.gy-2rem{
	--bs-gutter-y: 2rem;
}


/*=== --- Width --- ===*/
.w-28{
	width: 28px !important;
}
.w-32{
	width: 32px
}
.w-34{
	width: 34px
}
.w-40{
	width: 40px
}
.w-46{
	width:46px !important;
}
.w-50px{
	width:50px !important;
}
.w-60{
	width:60px
}
.w-70{
	width:70px
}
.w-80{
	width:80px !important;
}
.w-90{
	width:90px !important;
}
.w-100px{
	width:100px !important;
}
.w-120{
	width:120px
}
.w-130 {
    width: 130px
}
.w-150{
	width:150px
}
.w-170{
	width:170px
}
.w-180{
	width:180px
}
.w-200{
	width:200px !important;
}
.w-230{
	width:230px
}
.w-240{
	width:240px
}
.w-max-content{
	width:max-content;
}


/*=== --- Height --- ===*/
.h-28{
	height: 28px !important;
}
.lh-26{
	line-height:26px !important;
}
.h-32{
	height: 32px
}
.h-34{
	height: 34px
}
.h-40{
	height: 40px
}
.h-44{
	height:44px !important;
}
.h-46{
	height:46px !important;
}
.h-50px{
	height: 50px !important;
}
.h-60{
	height:60px !important;
}
.h-70{
	height:70px !important;
}
.h-80{
	height:80px !important;
}
.h-88{
	height:88px !important;
}
.h-90{
	height:90px !important;
}
.h-100px {
    height: 100px !important;
}
.h-120 {
    height: 120px
}
.h-130 {
    height: 130px !important;
}
.h-140 {
    height: 140px
}
.h-150 {
    height: 150px
}
.h-160 {
    height: 160px !important;
}
.h-180 {
    height: 180px !important;
}
.h-190 {
    height: 190px
}
.h-200 {
    height: 200px !important;
}
.h-220 {
    height: 220px
}
.h-240 {
    height: 240px !important;
}
.h-250 {
    height: 250px !important;
}
.h-260 {
    height: 260px !important;
}
.h-300 {
    height: 300px !important;
}
.h-320 {
    height: 320px
}
.h-340 {
    height: 340px
}
.h-360 {
    height: 360px
}
.h-380 {
    height: 380px
}
.h-400 {
    height: 400px
}
.h-420 {
    height: 420px
}
.h-460 {
    height: 460px
}
.h-520 {
    height: 520px
}
.h-530 {
    height: 530px
}
.h-100vh {
    height:100vh;
}
.min-h-100px{
	min-height:100px;
}
.min-h-100{
	min-height:100%;
}
.min-h-200{
	min-height:200px;
}
.min-h-400{
	min-height:400px;
}
.max-h-340{
	max-height:340px;
}


/*=== --- Margin --- ===*/
.mt-4p5rem{
	margin-top:4.5rem !important;
}
.mt-5px {
    margin-top: 5px
}
.mt-10{
    margin-top: 10px
}
.mt-12 {
    margin-top: 12px
}
.mt-15 {
    margin-top: 15px
}
.mt-20 {
    margin-top: 20px
}
.mt-25 {
    margin-top: 25px
}
.mt-30 {
    margin-top: 30px
}
.mt-35 {
    margin-top: 35px
}

.mb-2px {
    margin-bottom:2px
}
.mb-4px {
    margin-bottom:4px
}
.mb-10{
	margin-bottom: 10px
}
.mb-15{
	margin-bottom:15px;
}
.mb-20 {
    margin-bottom: 20px
}
.mb-25 {
    margin-bottom: 25px
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-35 {
    margin-bottom: 35px
}
.mb-3p5rem {
    margin-bottom: 3.5rem !important;
}
.mb-4rem{
	margin-bottom:4rem !important;
}

.mb-minus-15{
	margin-bottom:-15px;
}

.ms-10{
	margin-left:10px;
}

.me-2px{
	margin-right:2px;
}
.me-0p7rem{
	margin-right:0.7rem;
}

.mx-minus-12{
	margin-left: -12px;
	margin-right: -12px;
}
.mx-minus-15{
	margin-left: -15px;
	margin-right: -15px;
}
.mx-minus-20{
	margin-left: -20px;
	margin-right: -20px;
}
.mx-minus-25{
	margin-left: -25px;
	margin-right: -25px;
}
.mx-minus-30{
	margin-left: -30px;
	margin-right: -30px;
}
.mx-minus-1p5rem{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}


/*=== --- Padding --- ===*/
.p-10{
	padding:10px;
}
.p-12{
	padding:12px;
}
.p-15{
	padding:15px;
}
.p-20{
	padding:20px;
}
.p-30{
	padding:30px;
}

.pt-20{
	padding-top:20px !important;
}
.pt-30{
	padding-top:30px;
}
.pt-40{
	padding-top:40px;
}
.pt-50{
	padding-top:50px !important;
}
.pt-4rem{
	padding-top:4rem !important;
}


.pt-15{
	padding-top:15px !important;
}
.pt-4rem{
	padding-top:4rem !important;
}

.pb-10{
	padding-bottom:10px !important;
}
.pb-40{
	padding-bottom:40px !important;
}
.pb-50{
	padding-bottom:50px !important;
}
.pb-4rem{
	padding-bottom:4rem !important;
}

.py-20{
	padding-top:20px;
	padding-bottom:20px;
}

.py-40{
	padding-top:40px;
	padding-bottom:40px;
}

.px-12{
	padding-left:12px !important;
	padding-right:12px !important;
}
.px-20{
	padding-left:20px !important;
	padding-right:20px !important;
}


/*=== --- Position --- ===*/
.top-minus-1 {
    top: -1px !important;
}
.top-minus-10 {
    top: -10px !important;
}
.top-minus-15 {
    top: -15px !important;
}
.top-30 {
    top: 30px
}
.top-50px {
    top: 50px
}
.top-90 {
    top: 90px
}
.top-100px {
    top: 100px
}
.top-120 {
    top: 120px
}
.top-130 {
    top:130px
}
.top-135 {
    top:135px
}
.top-140 {
    top:140px
}
.top-150 {
    top:150px
}

.bottom-15{
	bottom:15px;
}
.end-15{
	right:15px;
}


/*=== --- Z-index --- ===*/
.z-1000 {
    z-index: 1000 !important
}
.z-1100 {
    z-index: 1100 !important
}
.z-1500 {
    z-index: 1500 !important
}
.z-1510, .modal-backdrop {
    z-index: 1510 !important
}
.z-1550 {
    z-index: 1550 !important
}
.z-1600 {
    z-index: 1600 !important
}
.z-2000 {
    z-index: 2000 !important
}


/*=== --- Flex --- ===*/
.fx-1 {
    flex: 1;
}
.fx-2 {
    flex: 2;
}
.fx-3 {
    flex: 3;
}


/*=== --- Nav Pill --- ===*/
.custom-nav-pills .nav-link{
	box-shadow:none;
}
.custom-nav-pills .nav-link.active,
.custom-nav-pills .show>.nav-link {
    background: #191919 !important;
    color: #fff !important;
}


/*=== --- Tab Nav --- ===*/
.custom-tab-nav .nav-link{
	padding:14px 26px;
	background:#f1f6f7;
}
.custom-tab-nav .nav-link.active{
	background:#bad5d6;
	color:#303841 !important;
}


/*=== --- Carousel --- ===*/
.carousel-control-next, .carousel-control-prev{
	width:auto;
	cursor:inherit !important;
	opacity:0.7;
}
.carousel-control-next{
    right:1rem;
}
.carousel-control-prev{
    left:1rem;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	width:1.4rem;
	height:1.4rem;
}



/*=== --- Overlay --- ===*/
.overlayBefore.position-relative:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.overlay.position-absolute,
.overlayBefore.position-relative:before {
    background: -webkit-linear-gradient(top, #fff0 0%, rgb(0 0 0 / .50) 55%, rgb(0 0 0 / .60) 100%)
}
.overlay.top-0.position-absolute,
.overlayBefore.top-0.position-relative:before {
    background: -webkit-linear-gradient(bottom, #fff0 0%, rgb(0 0 0 / .50) 55%, rgb(0 0 0 / .60) 100%)
}

/*=== --- Overlay Hover --- ===*/
.overlayBefore-hover.position-relative:before{
	top:auto;
	bottom:0;
	height:0%;
	transition:height 0.3s ease-in-out;
}
.overlayBefore-hover.position-relative:hover:before{
	height:100%;
}
.overlay-bg-dark.position-absolute,
.overlay-bg-dark.position-relative:before{
	background:-webkit-linear-gradient(top, #fff0 0%, rgb(0 0 0 / .60) 56%, rgb(0 0 0 / .70) 100%);
}
.overlay-bg-dark.top-0.position-absolute,
.overlay-bg-dark.top-0.position-relative:before{
	background:-webkit-linear-gradient(bottom, #fff0 0%, rgb(0 0 0 / .60) 56%, rgb(0 0 0 / .70) 100%);
}

.overlay-bg-dark-2.position-absolute,
.overlay-bg-dark-2.position-relative:before{
	background:-webkit-linear-gradient(top, #fff0 0%, rgb(0 0 0 / .70) 56%, rgb(0 0 0 / .90) 100%);
}


/*=== --- Pulse - Dot --- ===*/
.pulse-dot{
    top:10px;
    width:8px;
    height:8px;
    background-color:#00e676;
    box-shadow:0 0 8px #00e676;
}


/*=== --- Transform - Hover/Target --- ===*/
.translateY-minus-10-hover, .translateY-100-target, .translateY-min6-hover{
	transition:transform .3s ease-in-out;
}
.translateY-minus-10-hover:hover{
	transform:translateY(-10px);
}

/*--- translateY-100 ---*/
.translateY-100-target{
	opacity:0;
	transform:translateY(100%);
}
.transform-hover:hover .translateY-100-target{
	opacity:1;
	transform:translateY(0%);
}
.transform-hover.position-relative:before{
	z-index:1;
}

/*--- translateY - minus 6px ---*/
.translateY-min6-hover:hover{
	transform:translateY(-6px);
}

/*--- img-scale ---*/
.img-scale-hover .img-scale{
	transition:transform .6s ease-in-out;
}
.img-scale-hover:hover .img-scale{
	transform:scale(1.15);
}


/*=== --- Offer-tags --- ===*/
.offer-ball{width:45px;height:45px;top:-10px;left:-10px;z-index:10;line-height:1.1;}
.offer-ball i{position:absolute;top:-12px;transform:rotate(180deg);color:#4deb54;}
.offer-ball span{padding-top:10px;}

.ribbon-tag{
    padding: 2px 6px 2px 16px;
    top: 20px;
    line-height: 21px;
    height: 24px;
    white-space: nowrap;
    vertical-align: baseline;
    background: #34bb39;
}
.ribbon-tag:before {
	display: inline-block;
    content: "";
    position: absolute;
    top: 0;
	right: -14px;
    border: 9px solid transparent;
    border-width: 12px 8px;
    border-color: #34bb39;
    border-right-color: transparent;
}
.ribbon-tag-hover .ribbon-tag{
	transform:translateX(-6px);
	transition:transform 0.2s ease-in-out;
}
.ribbon-tag-hover:hover .ribbon-tag{
	transform:translateX(0);
}


/*=== --- Alert --- ===*/
.alert-success{
    background:#e7ffca;
    padding:15px 20px;
    border-radius:0.675rem;
    border:1px solid #b5db8a;
}


/*=== --- Font Size --- ===*/
.fs-10 {
    font-size: 10px
}
.fs-11 {
    font-size: 11px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14, .fs-14 p, .fs-14 li {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px
}
.fs-16 {
    font-size: 16px
}
.fs-18 {
    font-size: 18px !important;
}
.fs-20 {
    font-size: 20px
}
.fs-22 {
    font-size: 22px
}
.fs-24 {
    font-size: 24px
}
.fs-26 {
    font-size: 26px
}
.fs-28 {
    font-size: 28px
}

.fs-0p7rem, .fs-0p7rem p, .fs-0p7rem li{
	font-size:0.7rem !important;
}
.fs-0p75rem, .fs-0p75rem p, .fs-0p75rem li{
	font-size:0.75rem !important;
}
.fs-0p78rem, .fs-0p78rem p, .fs-0p78rem li{
	font-size:0.78rem !important;
}
.fs-0p8rem, .fs-0p8rem p, .fs-0p8rem li{
	font-size:0.8rem !important;
}
.fs-0p85rem, .fs-0p85rem p, .fs-0p85rem li{
	font-size:0.85rem !important;
}
.fs-0p9rem, .fs-0p9rem p, .fs-0p9rem li{
	font-size:0.9rem !important;
}
.fs-0p95rem, .fs-0p95rem p, .fs-0p95rem li{
	font-size:0.95rem !important;
}
.fs-1rem, .fs-1rem p, .fs-1rem li{
	font-size:1rem !important;
}

.fs-1p05rem{
	font-size:1.05rem !important;
}
.fs-normal{
    font-size:1.1rem !important
}
.fs-1p15rem{
	font-size:1.15rem !important;
}
.fs-medium{
    font-size:1.2rem !important
}


/*=== --- Font Weight --- ===*/
.fw-800{
	font-weight:800 !important;
}


/*=== --- Font Family --- ===*/
.font-playball{
	font-family:"Playball", cursive !important;
}


/*=== --- Text Color --- ===*/
.text-white-10 {
    color: rgb(255 255 255 / 10%)
}
.text-white-30 {
    color: rgb(255 255 255 / 30%)
}
.text-white-50 {
    color: rgb(255 255 255 / 50%)
}
.text-white-60 {
    color: rgb(255 255 255 / 60%)
}
.text-white-80 {
    color: rgb(255 255 255 / 80%)
}
.text-gray{
	color:#dddddd !important;
}
.text-light-2{
	color:#e9e9e9 !important;
}
.text-dark, .btn.text-dark, .text-dark-hover:hover{
    color: #191919 !important;
}
.text-dark-20 {
    color: #cbcbcb
}
.text-black-40 {
    color: rgb(0 0 0 / 40%) !important;
}
.text-black-60 {
    color: rgb(0 0 0 / 60%)
}
a.text-black-60:hover,
a.text-black-60:focus,
button.text-black-60:hover,
button.text-black-60:focus {
    color: rgb(0 0 0 / 80%)
}
.text-black-70 {
    color: rgb(0 0 0 / 70%)
}
.text-black-80 {
    color: rgb(0 0 0 / 80%)
}

.text-blue, .text-blue-hover:hover,
.btn.text-blue, .btn.text-blue:focus{
	color:#577BC1 !important;
}

.text-charcoal-gray{
	color:#303841 !important;
}
.text-deep-orange, .text-deep-orange-hover:hover, .content-sheet .text-deep-orange{
	color:#FF5722 !important;
}
.text-teal{
	color:#76ABAE !important;
}
.text-teal-30{
	color:#D6E5E6 !important;
}
.text-grey{
	color:#F5F5F5 !important;
}

.text-red{
	//color:#dc3545 !important;
	color:#ff2e42 !important;
}
.text-green{
	//color:#198754 !important;
	color:#28a745 !important;
}
.text-brown{
	color:#9a4d00 !important;
}

.text-whatsapp{
	color:#40b145 !important;
}
.text-twitterX{
	color:#0f1419 !important;
}
.text-linkedIn{
	color:#08529c !important;
}
.text-facebook{
	color:#1161cb !important;
}
.text-instagram{
	color:#cc245c !important;
}


/*=== --- Text Shadow --- ===*/
.text-sh{
    text-shadow: 0 2px 8px rgb(0 0 0 / .32);
}
.text-sh-blue{
	text-shadow:3px 2px 0 #577bc1, 4px 2px 0 rgba(0, 0, 0, 0.15);
}
.text-light-blue-sh{
	color:#588bed !important;
	text-shadow:3px 2px 0 #bec5fb, 4px 2px 0 rgb(0 0 0 / 10%) !important;
}

/*=== --- Shadow --- ===*/
.sh{
	box-shadow:0 0 15px -3px rgba(0,0,0,.15);
}
.sh-2{
	box-shadow:0 5px 20px rgba(0,0,0,0.08);
}
.sh-2-hover:hover{
	box-shadow:0 10px 30px rgba(0,0,0,0.15);
}
.sh-md-hover{
	transition:box-shadow .3s ease-in-out;
}
.sh-md,.sh-md-hover:hover{
	box-shadow:0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}


/*=== --- Background --- ===*/
.bg-white-hover:hover{
	background:#ffffff !important;
}

.bg-charcoal-gray{
	background:#303841 !important;
}
.bg-deep-orange{
	background:#FF5722 !important;
}
.bg-deep-orange-20{
	background:#ffe1d6 !important;
}
.bg-teal{
	background:#76ABAE !important;
}
.bg-teal-10, .bg-teal-10-hover:hover{
	background:#f1f6f7 !important;
}
.bg-teal-20{
	background:#e3eeee !important;
}
.bg-teal-30{
	background:#d6e5e6 !important;
}
.bg-grey{
	background:#F5F5F5 !important;
}

.bg-gradient-charcoal-orange{
	//background:linear-gradient(330deg, #13171c 0%, #303841 60%, #FF5722 100%) !important;
	background:linear-gradient(330deg, #292a2d 0%, #303841 60%, #FF5722 100%) !important;
}
.bg-gradient-light-teal-orange, .bg-gradient-light-teal-orange-hover:hover{
	background:linear-gradient(135deg, rgba(118,171,174,0.12) 0%, rgba(255,87,34,0.08) 100%) !important;
}
.bg-gradient-charcoal-teal{
	background:linear-gradient(136deg, #303841 0%, #293949 35%, #76ABAE 100%) !important;
}
.bg-gradient-teal-charcoal{
	background:linear-gradient(135deg, #76ABAE 0%, #303841 100%) !important;
}
.bg-gradient-dark-blue{
	background:linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}
.bg-gradient-light-blue, .btn.bg-gradient-light-blue{
	background:linear-gradient(-45deg, #edf2f9, #dce4f4) !important;
}
.bg-gradient-light-blue.bg-hover:hover{
	background:linear-gradient(30deg, #bed9ff, #e6eeff) !important;
}
.bg-gradient-transparent-light-blue{
	background:linear-gradient(180deg, transparent, #e6edff) !important;
}
.bg-gradient-teal{
	background:linear-gradient(-45deg, #bad5d6, #d1f9fb) !important;
}
.bg-gradient-charcoal-dark{
	//background:linear-gradient(130deg, #2c3036 0%, #13171c 100%) !important;
	background:linear-gradient(130deg, #1e2227 0%, #13171c 100%) !important;
}
.bg-gradient-warm-peach{
	background:linear-gradient(135deg, #fff7a8 0%, #ffd7c8 100%) !important;
}
.bg-gradient-light-grey,
.bg-gradient-light-grey.accordion-button[aria-expanded="true"]{
	background:linear-gradient(#f7f7f7,#efefef) !important
}
.bg-gradient-teal-transparent{
	background:linear-gradient(45deg, #76ABAE, transparent) !important;
}
.bg-gradient-whatsapp, .btn.bg-gradient-whatsapp{
	background:linear-gradient(45deg, #25d366, #128C7E) !important;
}
.btn.bg-gradient-whatsapp{
	box-shadow:1px 6px 14px rgb(21 154 121 / 32%);
}
.btn.bg-gradient-whatsapp:hover{
	box-shadow:1px 10px 18px rgb(21 154 121 / 46%);
}

.bg-gradient-bottom-dark{
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%) !important;
}

.bg-gradient-twitterX{
	background:linear-gradient(135deg, rgba(17, 17, 17, 0.08) 0%, rgba(100, 100, 100, 0.04) 100%);
}
.bg-gradient-linkedIn{
	background:linear-gradient(135deg, rgba(10, 102, 194, 0.12) 0%, rgba(0, 65, 130, 0.06) 100%);
}
.bg-gradient-facebook{
	background:linear-gradient(135deg, rgba(24, 119, 242, 0.12) 0%, rgba(0, 90, 204, 0.06) 100%);
}
.bg-gradient-instagram{
	background:linear-gradient(135deg, rgba(240, 148, 104, 0.15) 0%, rgba(225, 48, 108, 0.15) 100%);
}

.bg-glass{
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	background:rgba(255,255,255,0.2)
}
.bg-success{
	background:#e3ffe4 !important;
    border-color:#83e587 !important;
}
.bg-danger{
	background:#ffdfdd !important;
    border-color:#ffa099 !important;
}

.bg-before-lines:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	//background:#13171c url('http://localhost/urbaniahire.com/assets/images/bg-lines.png') center repeat !important;
	background:url('http://localhost/urbaniahire.com/assets/images/bg-lines.png') center repeat !important;
}


/*=== --- Border -- Color / Hover / Target --- ===*/
.border-hover .border-target, .bc-dark-target{
	transition:border 0.4s ease-in-out;
}
.border-hover:hover .border-target{
	border-color:#f6c90e !important;
}
.bc-dark, .bc-dark-hover:hover{
	border-color:#191919 !important;
}

.bc-white-10{
	border-color:rgb(255 255 255 / 10%) !important;
}
.bc-white-20{
	border-color:rgb(255 255 255 / 20%) !important;
}

.bc-transparent{
	border-color:transparent !important;
}

.bc-peach{
	border-color:#ffc4a8 !important;
}
.bc-charcoal-gray{
	border-color:#303841 !important;
}
.bc-deep-orange{
	border-color:#FF5722 !important;
}
.bc-teal{
	border-color:#76ABAE !important;
}
.bc-teal-20, .bc-teal-20-hover:hover{
	border-color:#E3EEEE !important;
}
.bc-teal-30, .bc-teal-30-hover:hover{
	border-color:#D6E5E6 !important;
}
.bc-teal-50, .btn.bc-teal-50, .bc-teal-50-hover:hover{
	border-color:#bad5d6 !important;
}
.bc-grey{
	border-color:#F5F5F5 !important;
}

.bc-whatsapp, .bc-whatsapp-hover:hover, .bc-whatsapp-focus:focus{
	border-color:#25d366 !important;
}


/*=== --- SVG Icon --- ===*/
.svg-icon{
	width: 28px;
    height: 28px;
    line-height: 28px;
}
.star-rating svg{
	margin-right:0.09rem;
}
.star-rating svg:nth-last-child(1){
	margin-right:0;
}


/*=== --- Badge --- ===*/
.badge {
    padding: 5px 12px;
    border: 1px solid #d7d7d7;
    line-height: normal;
    transition: border-color 0.3s ease-in-out, color 0.2s ease-in-out;
}
.badge-sm{
	padding: 3px 7px;
	line-height:1.1;
}
.badge.bg-white:hover {
    color: #191919 !important;
    border-color: #191919
}

.count-badge.badge{
	padding:2px 8px;
	top:12px;
	color:#fff !important;
}

.deal-badge{
    background:linear-gradient(45deg, #f93c00, #ff764b);
    padding:4px 10px;
    font-size:11px;
}
.deal-badge.position-absolute{
	top:6px;
    left:6px;
}


/*=== --- Check List --- ===*/
.check-list-sm li{
	position:relative;
}
.check-list-sm li::before{
	content: "✔";
    color: #28a745;
	margin-right:10px;
	width:18px;
	height:18px;
	line-height:18px;
}
.check-normal li::before{
	width:auto;
	height:auto;
	line-height:inherit;
	background:none;
}


/*=== --- Breadcrumbs --- ===*/
.breadcrumbs{
    line-height: 1.3;
}
.breadcrumbs li, .breadcrumbs li a{
	color:rgb(0 0 0 / 60%);
}
.breadcrumbs li{
    margin-bottom:6px;
    //margin-right:6px;
	display:inline-block;
}
.breadcrumbs li + li:before{
	content: '/';
	margin: 0 4px;
	color: #999
}
.breadcrumbs li a[title='Home'] svg{
	margin-top:-3px;
}
.breadcrumbs li a{
	font-weight:400;
	transition:color 0.2s ease-in-out;
}
.breadcrumbs li a:hover{
    color: #191919 !important;
}


/*=== --- Breadcrumbs in Dark Background --- ===*/
.bg-dark .breadcrumbs li a.text-black-50{
	color:rgba(255,255,255,.5) !important;
}
.bg-dark .breadcrumbs li.text-black, .bg-dark .breadcrumbs li a.text-black-50:hover{
	color:#fff !important;
}


/*=== --- Tooltip --- ===*/
.custom-tooltip .tooltip-inner{
	background:#191919;
    text-align:left;
    font-size:0.75rem;
    padding:8px 12px;
}
.custom-tooltip.bs-tooltip-top .tooltip-arrow:before{
	border-top-color:#191919;
}
.custom-tooltip.bs-tooltip-bottom .tooltip-arrow:before{
	border-bottom-color:#191919;
}
.custom-tooltip.bs-tooltip-start .tooltip-arrow::before{
	border-left-color:#191919;
}
.custom-tooltip.bs-tooltip-end .tooltip-arrow::before{
	border-right-color:#191919;
}


/*=== --- Accordion --- ===*/
.accordion-item:first-of-type>.accordion-header .accordion-button{
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.accordion-item:first-of-type, .accordion-item:last-of-type{
	overflow:hidden;
}
.custom-accor-title{
	padding:22px 30px;
	color:#5b5b5b;
}

/* .accordion-button:not(.collapsed){ */
.accordion-button.collapsed{}
.accordion-button[aria-expanded="false"]{
	background:#fff !important;
	color:rgba(0,0,0,0.75);
}
.accordion-button::after{
	width:1.1rem;
	height:1.1rem;
	background-size:1.1rem;
}
.accordion-body{
	padding:20px 30px;
}

/*--- Accordion - Small --*/
.accordion-sm .custom-accor-title{
	padding:18px 24px;
}
.accordion-sm .accordion-body{
	padding:16px 24px;
}

/*--- Accordion - Mini --*/
.mini-accor{
	--bs-accordion-btn-icon-width:12px
}
.mini-accor-btn,.mini-accor-btn:not(.collapsed){
	background-color:transparent
}
.mini-accor-btn::after{
	margin-left:10px;
	width:0.9rem;
	height:0.9rem;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23191919' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	background-size:contain;
}
.mini-accor-btn:not(.collapsed){
	color:inherit;
	box-shadow:none;
}


/*=== --- Table --- ===*/
.table-responsive{
	//box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	border-radius:0.675rem;
	border:1px solid #e9ecef;
}
table{
	width:100% !important;
}
table thead tr th, .table thead tr th{
	background:linear-gradient(#f7f7f7, #efefef) !important;
	font-weight:600;
	padding:.9rem 1rem;
	font-size:0.9rem;
}
table tbody tr td, .table tbody tr td{
	color:rgb(0 0 0 / 70%);
	border:none !important;
	border-bottom:1px solid rgb(0 0 0 / 8%) !important;
}
table>tbody>tr:hover>*, .table-hover>tbody>tr:hover>*{
	background:#fbfbfb;
	color:#191919;
	--bs-table-bg-state:none;
}
table>:not(caption)>*>*, .table>:not(caption)>*>*{
	padding:.8rem 1rem;
	font-size:0.85rem;
	color:#191919;
	border-color:rgb(0 0 0 / 8%);
}
table p{
	margin-bottom:0 !important;
	font-size:inherit !important;
	color:inherit !important;
}


/*=== --- Media-Queries --- ===*/
@media(min-width:1200px){

    .col-xl-12p5-per, .col-xl-20{
		flex:0 0 auto;
	}
	
    .col-xl-12p5-per{
		width:12.5%;
	}
	.col-xl-20{
        width:20%;
	}
}


@media(max-width:1399px){
	
	/*--- Container ---*/
	 .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width:1240px;
		padding-right:1rem;
		padding-left:1rem;
    }
}


@media(max-width:1199px){
	
	/*=== --- Mobile - Slider --- ===*/
	.mobile-slider-xl {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scroll-padding: 10px;
	}
	.mobile-slider-xl > *{
		flex: 0 0 auto;
		scroll-snap-align: start;
	}
	
	 /*--- Modal ---*/
	.modal-xl{
		--bs-modal-width:900px;
	}

	/*--- Gutters ---*/
	.gx-xl-2rem{
		--bs-gutter-x: 2rem
	}
	
	/*--- Width ---*/
	.w-xl-100{
		width:100%;
	}
	.w-xl-auto{
		width:auto !important;
	}
	.w-xl-170{
		width:170px !important;
	}
	
	/*--- Height ---*/
	.h-xl-200{
		height:200px !important;
	}
	
	/*--- Padding ---*/
	.px-xl-1p5rem{
		padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
	}
	
	/*--- Font-size ---*/
	.fs-xl-0p8rem, .fs-xl-0p8rem p, .fs-xl-0p8rem li{
		font-size:0.8rem !important;
	}
	.fs-xl-0p85rem, .fs-xl-0p85rem p, .fs-xl-0p85rem li{
		font-size:0.85rem !important;
	}
	.fs-xl-0p95rem, .fs-xl-0p95rem p, .fs-xl-0p95rem li{
		font-size:0.95rem !important;
	}
	
	.fs-xl-18{
        font-size: 18px !important;
    }
	.fs-xl-14{
        font-size: 14px !important;
    }
	.fs-xl-13{
        font-size: 13px !important;
    }
	
	/*--- Border-radius ---*/
	.rounded-xl-start{
		border-top-left-radius:0.375rem !important;
		border-bottom-left-radius:0.375rem !important;
	}
	.rounded-xl-end{
		border-top-right-radius:0.375rem !important;
		border-bottom-right-radius:0.375rem !important;
		border-bottom-right-radius:0.375rem !important;
	}
	
	/*--- Border ---*/
	.border-xl-end{
		border-right-style:solid !important;
		border-right-width:1px !important;
	}
	
	/*--- Forms ---*/
	.form-card{
		padding-left:25px;
		padding-right:25px;
	}
	
}


@media(max-width:991px){
	
	/*=== --- Mobile - Slider --- ===*/
	.mobile-slider-lg {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scroll-padding: 10px;
	}
	.mobile-slider-lg > *{
		flex: 0 0 auto;
		scroll-snap-align: start;
	}
	
	/*--- Modal ---*/
	.modal-dialog{
		max-width:100%;
        margin-right: 1rem;
        margin-left: 1rem;
    }
	
	/*--- Font-size ---*/
	.fs-lg-20{
        font-size: 20px !important
    }
	.fs-lg-14{
        font-size: 14px !important
    }
	
	/*--- Border-radius ---*/
	.rounded-lg-4{
		border-radius:1rem !important;
	}
	.rounded-lg-start-0{
		border-top-left-radius:0 !important;
		border-bottom-left-radius:0 !important;
	}
	.rounded-lg-end-0{
		border-top-right-radius:0 !important;
		border-bottom-right-radius:0 !important;
	}
	
	/*--- Border ---*/
	.border-lg-0{
		border:0 !important;
	}
	.border-lg-start-0{
		border-left:none !important;
	}
	.border-lg-end-0{
		border-right:none !important;
	}
	.border-lg-top{
		border-top-width:1px !important;
		border-top-style:solid !important;
	}
	.border-lg-bottom{
		border-bottom-width:1px !important;
		border-bottom-style:solid !important;
	}
	
	/*-- Display ---*/
	.hide-lg{
		display:none;
	}
	
	/*--- Width ---*/
	.w-lg-auto{
		width:auto !important;
	}
	.w-lg-100{
		width:100% !important;
	}
	.max-w-lg-100{
		max-width:100% !important;
	}
	
	/*--- Height ---*/
	.h-lg-auto{
		height:auto !important;
	}
	.h-lg-300{
		height:300px;
	}
	.h-lg-400{
		height:400px;
	}
	.min-h-lg-auto{
		min-height:auto;
	}
	
	/*--- Margin ---*/
	.mb-lg-15{
		margin-bottom:15px !important;
	}
	.mb-lg-20{
		margin-bottom:20px !important;
	}
	.mx-minus-lg-1rem{
		margin-left: -1rem;
		margin-right: -1rem;
	}
	
	/*--- Padding ---*/
	.pt-lg-50{
		padding-top:50px !important;
	}
	
	/*--- Scroll ---*/
	.scroll-lg{overflow:auto;overflow-x:hidden;}
	
}


@media(max-width:767px){
	
	/*=== --- Mobile - Slider --- ===*/
	.mobile-slider-md {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scroll-padding: 10px;
	}
	.mobile-slider-md > *{
		flex: 0 0 auto;
		scroll-snap-align: start;
	}
	
	/*--- Margin ---*/
	.mb-md-0px{
		margin-bottom:0 !important;
	}
	
	/*--- Padding ---*/
	.pt-md-zero{
		padding-top:0 !important;
	}
	.px-md-1rem{
		padding-right: 1rem !important;
        padding-left: 1rem !important;
	}
	.p-md-10{
		padding: 10px !important;
	}
	.pb-md-10{
		padding-bottom: 10px !important;
	}
	
	/*--- Font-size ---*/
	.fs-md-10 {
        font-size: 10px !important
    }
	.fs-md-11 {
        font-size: 11px !important
    }
    .fs-md-12 {
        font-size: 12px !important
    }
	.fs-md-13 {
        font-size: 13px !important
    }
    .fs-md-14 {
        font-size: 14px !important
    }
	.fs-md-15 {
        font-size: 15px !important
    }
    .fs-md-22 {
        font-size: 22px !important
    }
	
	.fs-md-0p75rem, .fs-md-0p75rem p, .fs-md-0p75rem li{
		font-size:0.75rem !important;
	}
	.fs-md-0p9rem, .fs-md-0p9rem p, .fs-md-0p9rem li{
		font-size:0.9rem !important;
	}
	.fs-md-1rem, .fs-md-1rem p, .fs-md-1rem li{
		font-size:1rem !important;
	}
	
	/*--- Border ---*/
	.border-md-0{
		border:0 !important;
	}
	.border-md-start-0{
		border-left:0 !important;
	}
	.border-md-end-0{
		border-right:0 !important;
	}
	.border-md-bottom{
		border-bottom-width:1px !important;
		border-bottom-style:solid !important;
	}
	.border-md-top{
		border:1px solid #dee2e6 !important;
	}
	
	/*--- Display ---*/
	.d-none-md-imp{
		display:none !important;;
	}
	
	/*--- Width ---*/
	.w-md-60{
		width:60px !important;
	}
	.w-md-80{
		width:80px !important;
	}
	.w-md-200{
		width:200px;
	}
	.w-md-180{
		width:180px;
	}
	.w-md-auto{
		width:auto;
	}
	
	/*--- Height ---*/
	.h-md-auto{
		height:auto !important;
	}
	.h-md-60{
		height:60px !important;
	}
	.h-md-80{
		height:80px !important;
	}
	.h-md-140{
		height:140px !important;
	}
	.h-md-200 {
        height: 200px !important;
    }
	.h-md-300 {
        height: 300px !important;
    }
	.h-md-360 {
        height: 360px !important;
    }
	.h-md-400 {
        height: 400px !important;
    }
	
	/*--- Margin ---*/
	.mt-md-10{
		margin-top:10px !important;
	}
	.mx-minus-md-1p5rem{
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
	
	/*--- Padding ---*/
	.pt-md-30{
		padding-top:30px !important;
	}
	
}


@media(min-width:768px){
   
   	.g-md-1p3rem{
		--bs-gutter-y:1.3rem;
		--bs-gutter-x:1.3rem;
	}
	
}


@media(max-width:575px){
	
	/*--- Body & content-sheet ---*/
	 body,
    .content-sheet,
	.content-sheet p,
	.content-sheet li {
        font-size: 0.96rem;
    }
	
	/*--- Modal ---*/
	.modal-btn-close{
		background-size:12px;
	}
	.modal-dialog{
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
	
	/*--- Carousel ---*/
	.carousel-inner.bottom{
		padding-bottom:35px;
	}
	.sp-carousel-control{
		width:22px;
		height:22px;
		line-height:20px;
	}
	.carousel-control-next-icon, .carousel-control-prev-icon{
		width:1.1rem;
		height:1.1rem;
	}
	.sp-carousel-control.carousel-control-next{
		left:32px;
	}
	.carousel-control-next{
		right:0.3rem;
	}
	.carousel-control-prev{
		left:0.3rem;
	}

	/*--- Content-normal ---*/
    .content-normal p,
    .content-normal li {
        font-size: 15px
    }
    .content-normal p,
    .content-normal li:nth-last-child(1) {
        margin-bottom: 1rem
    }
	
	/*--- Table ---*/
	table thead tr th, .table thead tr th{
		font-size:13px;
	}
	table>:not(caption)>*>*, .table>:not(caption)>*>*{
		font-size:14px;
	}
	
	/*-- Grid --*/
	.gap-sm-8{
		gap:8px !important;
	}
	
	.gy-sm-0p8rem{
		--bs-gutter-y:0.8rem;
	}
	
	/*--- Margin ---*/
	.mt-sm-25{
		margin-top:25px !important;
	}
	.mb-sm-25{
		margin-bottom:25px !important;
	}
	
	/*--- Heading ---*/
	.main-heading{
        font-size: 28px !important
    }
    .heading-lg {
        font-size: 48px !important
    }
    .heading-sm {
        font-size: 22px !important
    }
    .heading-sm strong.position-relative:before {
        bottom: 5px
    }
	
	/*--- Font-size ---*/
	.fs-sm-10 {
        font-size: 10px !important
    }
	.fs-sm-11 {
        font-size: 11px !important
    }
	.fs-sm-12 {
        font-size: 12px !important
    }
	.fs-sm-13, .fs-sm-13 p, .fs-sm-13 li {
        font-size: 13px !important
    }
    .fs-sm-14, .fs-sm-14 p, .fs-sm-14 li {
        font-size: 14px !important
    }
    .fs-sm-15 {
        font-size: 15px !important
    }
    .fs-sm-16 {
        font-size: 16px !important
    }
    .fs-sm-18 {
        font-size: 18px !important
    }
    .fs-sm-20 {
        font-size: 20px !important
    }
    .fs-sm-22 {
        font-size: 22px !important
    }
    .fs-sm-24 {
        font-size: 24px !important
    }
    .fs-sm-26 {
        font-size: 26px !important
    }
    .fs-sm-normal {
        font-size: 1rem !important
    }
    .fs-sm-medium {
        font-size: 1.1rem !important
    }
	
	.fs-sm-0p75rem, .fs-sm-0p75rem p, .fs-sm-0p75rem li{
		font-size:0.75rem !important;
	}
	.fs-sm-0p78rem, .fs-sm-0p78rem p, .fs-sm-0p78rem li{
		font-size:0.78rem !important;
	}
	.fs-sm-0p8rem, .fs-sm-0p8rem p, .fs-sm-0p8rem li{
		font-size:0.8rem !important;
	}
	.fs-sm-0p85rem, .fs-sm-0p85rem p, .fs-sm-0p85rem li{
		font-size:0.85rem !important;
	}
	.fs-sm-0p9rem, .fs-sm-0p9rem p, .fs-sm-0p9rem li{
		font-size:0.9rem !important;
	}
	.fs-sm-0p95rem, .fs-sm-0p95rem p, .fs-sm-0p95rem li{
		font-size:0.95rem !important;
	}
	.fs-sm-1rem, .fs-sm-1rem p, .fs-sm-1rem li{
		font-size:1rem !important;
	}
	
	/*--- Font-weight ---*/
	.fw-sm-medium{
		font-weight:500 !important
	}
	
	/*--- Margin ---*/
	.mt-sm-0px{
		margin-top:0 !important;
	}
	.mt-sm-10{
		margin-top:10px !important;
	}
	.mb-sm-5px{
		margin-bottom:5px !important;
	}
	.mb-sm-20{
		margin-bottom:20px !important;
	}
	
	/*--- Padding ---*/
	.px-sm-zero{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.p-sm-4px{
		padding:4px;
	}
	.p-sm-8{
		padding:8px;
	}
	.p-sm-15{
		padding:15px;
	}
	.p-sm-20{
		padding:20px !important;
	}
	.p-sm-25{
		padding:25px;
	}
	
	.pt-sm-4rem{
		padding-top:4rem !important;
	}
	
	/*--- Width ---*/
	.w-sm-15{
		width:15px !important;
	}
	.w-sm-16{
		width:16px !important;
	}
	.w-sm-28{
		width:28px;
	}
	.w-sm-32{
		width:32px !important;
	}
	.w-sm-40{
		width:40px !important;
	}
	.w-sm-50px{
		width:50px !important;
	}
	.w-sm-60{
		width:60px !important;
	}
	.w-sm-100{
		width:100% !important;
	}
	.w-sm-100px{
		width:100px !important;
	}
	.w-sm-120{
		width:120px !important;
	}
	.w-sm-125{
		width:125px !important;
	}
	.w-sm-130{
		width:130px !important;
	}
	.w-sm-140{
		width:140px;
	}
	.w-sm-180{
		width:180px !important;
	}
	
	/*--- Height ---*/
	.h-sm-auto {
        height: auto !important;
    }
	.h-sm-15{
		height:15px !important;
	}
	.h-sm-16{
		height:16px !important;
	}
	.h-sm-28 {
        height: 28px;
    }
	.h-sm-32{
		height:32px !important;
	}
	.h-sm-40 {
        height: 40px !important;
    }
	.h-sm-44 {
        height: 44px !important;
    }
	.h-sm-50px {
        height: 50px !important;
    }
	.h-sm-60 {
        height: 60px !important;
    }
	.h-sm-80 {
        height: 80px !important
    }
	.h-sm-100px{
		height:100px !important;
	}
	.h-sm-120{
		height:120px !important;
	}
	.h-sm-140{
		height:140px !important;
	}
	.h-sm-180{
		height:180px !important;
	}
	.h-sm-200 {
        height: 200px !important;
    }
	.h-sm-220 {
        height: 220px !important
    }
	.h-sm-230 {
        height:230px !important
    }
    .h-sm-240 {
        height: 240px !important;
    }
	.h-sm-300 {
        height: 300px !important;
    }
    .h-sm-320 {
        height: 320px !important;
    }
	.h-sm-340 {
        height: 340px
    }
	.h-sm-400 {
        height: 400px
    }
	
	/*--- Border ---*/
	.border-sm-end-0{
		border-right:0 !important;
	}
	.border-sm-bottom{
		border-bottom-width:1px !important;
		border-bottom-style:solid !important;
	}
	
	/*--- Mobile-slider ---*/
	.mobile-slide-prev{
		left:-10px;
	}
	.mobile-slide-next{
		right:-10px;
	}
	
	/*--- Accordion ---*/
	.custom-accor-title{
		padding:20px 24px;
	}
	
}


@media(max-width:400px){
	
	/*--- Display ---*/
	.d-xs-flex{
		display:flex !important;
	}
	
}


@media(min-width:768px){
    
	.d-md-grid{
        display:grid !important;
    }
}
