:root{
    --cxm-theme-color:#222222;
    --cxm-theme-color-rgb:0,0,0;
    --cxm-theme-secondary-color:#9db4c0;
    --cxm-theme-secondary-color-rgb:157,180,192;
}

body {font-family:"Poppins", sans-serif;}

a {color:#333;}
a:hover {color:var(--cxm-theme-color);}

.fc0 {color:#000 !important;}
.fc1 {color:#ffffff !important;}
.fc2 {color:var(--cxm-theme-color) !important;}
.fc3 {color:var(--cxm-theme-secondary-color) !important;}
.fc4 {color:#717182 !important;}
.fc5 {color:#12311f !important;}

.bgc0 {background-color:#000000 !important;}
.bgc1 {background-color:#FFFFFF !important;}
.bgc2 {background-color:var(--cxm-theme-color) !important;}
.bgc3 {background-color:var(--cxm-theme-secondary-color) !important;}
.bgc4 {background-color:#079D5D !important;}
.bgc5 {background-color:#12311f !important;}

.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs28 {font-size:28px !important;}
.fs36 {font-size:36px !important;}
.fs48 {font-size:48px !important;}

.lh12 {line-height:12px !important;}
.lh14 {line-height:14px !important;}
.lh16 {line-height:16px !important;}
.lh18 {line-height:18px !important;}
.lh24 {line-height:24px !important;}
.lh28 {line-height:28px !important;}
.lh36 {line-height:36px !important;}
.lh48 {line-height:48px !important;}

.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}
.fw900 {font-weight:900 !important;}

.ff1 {font-family:"Poppins", sans-serif;}
.ff2 {font-family:"Saira Condensed", sans-serif;}
.ff3 {font-family:"Patua One", serif;}

::selection {background-color:#F0B7B7;}

.cxm-loader-container {position:fixed; top:0; right:0; bottom:0; left:0; background-color:#0000005f; backdrop-filter:blur(5px); z-index:99999; display:flex; justify-content:center; align-items:center;}
.cxm-loader-lg {height:30px; aspect-ratio:6; --c:#0000 64%, #000 66% 98%, #0000 101%; background:radial-gradient(35% 146% at 50% 159%,var(--c)) 0 0, radial-gradient(35% 146% at 50% -59%,var(--c)) 25% 100%; background-size: calc(100%/3) 50%; background-repeat:repeat-x; animation:cxmLoaderAnimation 1s infinite linear;}
@keyframes cxmLoaderAnimation{
    to {background-position: 50% 0,75% 100%}
}

.cxm-label {position:relative;}
.cxm-label label {position:absolute; top:7px; left:13px; color:#AAA; border-top-left-radius:5px; border-top-right-radius:5px; z-index:1;
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;						
}
.cxm-label .cxm-label-sm {top:5px; left:8px; font-size:90%;}
.cxm-label .cxm-label-lg {top:9px; left:17px; font-size:125%;}
.cxm-label.cxm-focused label {background:var(--cxm-theme-color); color:#FFF; font-size:70%; padding:1px 5px; z-index:2; text-transform:uppercase; top:-18px;}
.cxm-label.cxm-fixed label {background:var(--cxm-theme-color); color:#FFF; font-size:70%; padding:1px 5px; z-index:2; text-transform:uppercase; top:-18px;}

.cxm-form .form-control {border-width:0 0 1px 0; border-radius:0; background-color:#F9F9F9;}
.cxm-form .form-control:focus {box-shadow:none;}
.cxm-form .form-control.cxm-filled {border-color:var(--cxm-theme-color);}
.cxm-form .cxm-label label {left:12px;}

.cxm-err {position:absolute; bottom:100%; right:1px; z-index:1; padding:3px; font-size:12px; color:#BE0404; background-color:#F8D7DA; border-color: #F5C6CB;}
.cxm-err::before {content:''; font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f071"; margin-right:3px;}
.cxm-err::after {content:''; position:absolute; top:100%; right:0; border-left:0 solid transparent; border-right:8px solid transparent; border-top:8px solid #FDB6DC;}

.text-shadow-1 {text-shadow:2px 2px 3px #000;}

.cxm-btn-1 {color:#FFF; border-color:var(--cxm-theme-color); background-color:var(--cxm-theme-color);}
.cxm-btn-1:hover {color:#FFF; background-color:var(--cxm-theme-secondary-color); border-color:var(--cxm-theme-secondary-color);}

.cxm-btn-outline-1 {color:var(--cxm-theme-color); border-color:var(--cxm-theme-color); background-color:transparent;}
.cxm-btn-outline-1:hover {color:#FFF; background-color:var(--cxm-theme-color); border-color:var(--cxm-theme-color);}

.cxm-btn-2 {color:#FFF; border-color:#004226; background-color:#004226;}

.custom-control-input:checked~.custom-control-label::before {border-color:#890000; background-color:#890000;}
.form-switch .form-check-input:checked {background-color:var(--cxm-theme-color); border-color:var(--cxm-theme-color);}

.cxm-overlay {background-color:rgba(0, 0, 0, 0.5);}
.cxm-skew {clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);}
.cxm-skew-revert {clip-path:polygon(0 0, 100% 10%, 100% 100%, 0 90%);}

.bgi-1 {background:transparent url('https://picsum.photos/id/43/600/400') no-repeat center; background-size:cover;}

.cxm-bg-fixed {background-attachment:fixed;}

.cxm-modal-1 .modal-content {background-color:rgba(190, 4, 4, 0.8); color:#FFF;}

/* FRONT PAGES CSS START */

.front-header.cxm-header-fixed {background-color:#ffffffdf; z-index:1050;}
/* .front-header .navbar-expand-lg .navbar-nav .nav-link {padding-left:1rem; padding-right:1rem; font-family:"Poppins", sans-serif;} */

.front-banner {background:#12311f5f url('../imgs/banner-bg.jpg') no-repeat center top; background-size:cover;}
.cxm-logo-slider.owl-carousel .owl-stage {display:flex; align-items:center;}
.cxm-logo-slider.owl-carousel .owl-item img {display:inline-block; width:revert-layer;}

.cxm-badge-bg {background: linear-gradient(90deg, #D9D9D9 0%, #BAF7FF 0.01%, #78DAE6 100%);}

.cxm-cta-2 {background:linear-gradient(to bottom, var(--bs-secondary-bg) 0%, var(--bs-secondary-bg) 50%, #12311f 51%, #12311f 100%);}
.cxm-cta-card {background:linear-gradient(90deg, #6A46ED 0%, #6A46ED 100%);}

.front-appeal-banner {background:#12311f5f url('../imgs/appeal-banner.jpg') no-repeat center top; background-size:cover;}
.cxm-appeal-img {width:100%; height:173px; object-fit:cover;}

.front-journey-banner {background:#12311f5f url('../imgs/appeal-banner.jpg') no-repeat center top; background-size:cover;}

.cxm-hr-separator {position:relative; height:1px; background-color:#D9D9D9; margin:20px 0;}
.cxm-hr-separator::before {content:'\f107'; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#0F9E7A; border:5px #D9D9D9 solid; border-radius:50rem; color:#fff; padding:2px 7px 0;}

.tab {display:none;}
.step {height:15px; width:15px; margin:0 2px; background-color:#bbbbbb; border:none; border-radius:50%; display:inline-block; opacity:0.5;}
.step.active {opacity:1;}
.step.finish {background-color:#04AA6D;}

.cxm-team-img {width:200px; height:200px; object-fit:cover;}

.cxm-timeline {position:relative; padding:50px 0;}
.cxm-timeline::before {content:''; position:absolute; width:5px; background-color:#DCDCDC; top:0; bottom:0; left:50%; transform:translateX(-50%);}

.cxm-timeline-mark {position:relative; z-index:1; margin-bottom:6rem;}
.cxm-timeline-mark:last-child {margin-bottom:0;}
.cxm-timeline-mark::before {content:'\f107'; font-family:"Font Awesome 5 Free"; font-weight:900;  position:absolute; top:0; left:50%; transform:translateX(-50%); background-color:#0F9E7A; border:5px solid #D9D9D9; border-radius:50%; z-index:1; color:#fff; padding:2px 7px 0;}

.cxm-timeline-heading {font-size:1.25rem;}
.cxm-timeline-heading span {color:#2E576C; font-size:1rem;}
.cxm-timeline-bg {background:transparent url('../imgs/logo-sm.png') no-repeat center; background-size:contain;}
.cxm-timeline-badge {display:inline-block; color:#fff; font-weight:300; padding:5px 20px; border-radius:50rem; background:linear-gradient(90deg, #0F9E7A 0%, #324D6B 100%);}
.cxm-timeline-content {color:#626161; font-size:0.9rem; padding:1rem; background-color:#fff; border-radius:0.375rem; box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); margin-bottom:1rem;}

.front-footer {background-color:#12311f;}
.footer-logo {filter:brightness(0) invert(1);}
.front-footer h3 {position:relative; padding-bottom:10px; margin-bottom:40px;}
.front-footer h3::before {content:''; position:absolute; bottom:0; width:70%; height:5px; border-radius:5px; background-color:#B54A4A;}
.front-footer h3::after {content:''; position:absolute; bottom:0; left:0; width:20%; height:5px; border-top-left-radius:5px; border-bottom-left-radius:5px; background-color:#fff; border-right:5px solid #12311f;}

.front-footer ul li {margin-bottom:10px;}
.front-footer ul li a {color:#fff; text-decoration:none;}
.front-footer ul li a::before {content:'\f054'; font-family:"Font Awesome 6 Free"; font-weight:600; font-size:12px; color:#fff; margin-right:5px;}

/* FRONT PAGES CSS END */

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .cxm-cta-img {position:absolute;}    
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    	
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .front-header {background-color:#ffffffdf;}
    .cxm-timeline-mark {padding:3rem 0 0;}    
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	
}