:root{
    --cxm-theme-color:#8b191d;
    --cxm-theme-color-rgb:167,30,35;
    --cxm-theme-secondary-color:#f05d53;
    --cxm-theme-secondary-color-rgb:240,93,83;
}

/* body {} */

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;}

.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;}

.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:'Merriweather', serif !important;}

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

.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; top:-15px; 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-2 {color:#FFF; border-color:var(--cxm-theme-secondary-color); background-color:var(--cxm-theme-secondary-color);}
.cxm-btn-2:hover {color:#FFF; background-color:var(--cxm-theme-color); border-color:var(--cxm-theme-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-outline-2 {color:var(--cxm-theme-secondary-color); border-color:var(--cxm-theme-secondary-color); background-color:transparent;}
.cxm-btn-outline-2:hover {color:#FFF; background-color:var(--cxm-theme-secondary-color); border-color:var(--cxm-theme-secondary-color);}

.custom-control-input:checked~.custom-control-label::before {border-color:#890000; background-color:#890000;}

.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%);}

.cxm-img-white {filter:brightness(0) invert(1);}

.bgi-1 {background:transparent url('../imgs/bgi-1.svg') no-repeat center; background-size:cover;}
.bgi-2 {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;}

.header {position:sticky; position:-webkit-sticky; top:0; z-index:1035; background-color:#fff;
-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;
}

.header.cxm-header-fixed {/* position:fixed; top:0; width:100%; z-index:1050; */ background-color:rgba(255, 255, 255, 0.8); box-shadow:0 5px 10px rgba(var(--cxm-theme-secondary-color-rgb), 0.5);}

.header.cxm-header-up {
-webkit-transform: translateY(-100%);
-moz-transform:    translateY(-100%);
-ms-transform:     translateY(-100%);
-o-transform:      translateY(-100%);
transform:         translateY(-100%);
}

.header .navbar-expand-md .navbar-nav .nav-link {padding-left:20px; padding-right:20px; font-size:1.08rem; font-weight:400;}
.header .nav-link:focus, .header .nav-link:hover {color:var(--cxm-theme-color);}

.cxm-banner {background:linear-gradient(90deg, #8b191d 50%, #ffd7d5 0);}

.heading {font-size:28px; color:#444; line-height:36px;}
.heading-sm {font-size:18px; line-height:24px;}
.heading-lg {font-size:36px; line-height:40px;}

.heading-divider {position:relative;}
.heading-divider::before {content:""; display:block; width:50px; height:5px; background-color:var(--cxm-theme-color); margin:0px auto 0 auto; position:absolute; top:100%; left:0; right:0;}
.heading-divider::after {content:""; display:block; width:100px; height:3px; background-color:var(--cxm-theme-color); margin:10px auto 15px auto;}
.heading-divider-light::before, .heading-divider-light::after {background-color:#F5F5F5;}
.heading-divider-left::before, .heading-divider-left:after {margin-left:0; margin-right:0;}
.heading-divider-half::after {width:50%;}
.heading-divider-full::after {width:100%;}

.cxm-box-1 {color:#fff; padding:20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cxm-box-1 a {color:var(--cxm-theme-secondary-color);}
.cxm-box-1:hover {color:var(--cxm-theme-color); background-color:#fff; box-shadow:0 0 5px #000;}

.cxm-portfolio-box {position:relative;}
.cxm-portfolio-box .cxm-portfolio-box-details {position:absolute; top:0; right:0; bottom:0; left:0; color:#eee; background-color:rgba(var(--cxm-theme-color-rgb), 0.9); text-align:center; display:none;}
.cxm-portfolio-box:hover .cxm-portfolio-box-details {display:flex; align-items:center; justify-content: center;}

.cxm-products-section {background:transparent url(../imgs/home/products-banner.jpg) no-repeat; height:850px; overflow:hidden; padding:80px 0 0; background-size:cover;}

.cxm-discuss-section {background:var(--cxm-theme-color) url(../imgs/cxm-discuss-banner.jpg) no-repeat; background-size:cover;}

.cxm-clients-slider .item img {filter:grayscale(100%);}
.cxm-clients-slider .item:hover img {filter:grayscale(0%);}

.cxm-pg-banner {text-align:center; color:#fff;}
.cxm-pg-banner-overlay {background:rgba(var(--cxm-theme-color-rgb), 0.9); padding:120px;}
.cxm-about-banner {background:transparent url('../imgs/aboutus-banner.jpg') no-repeat center; background-size:cover;}
.cxm-portfolio-banner {background:transparent url('../imgs/portfolio/portfolio-banner.png') no-repeat center; background-size:cover;}
.cxm-client-banner {background:transparent url('../imgs/responsive-images/client-bannerbkgr.jpg') no-repeat center; background-size:cover;}
.cxm-contact-banner {background:transparent url('../imgs/responsive-images/contact-bannerbkgr.jpg') no-repeat center; background-size:cover;}
.cxm-product-banner {background:transparent url('../imgs/product/product-banner.jpg') no-repeat center; background-size:cover;}
.cxm-career-banner {background:transparent url('../imgs/careers/career-banner.jpg') no-repeat center; background-size:cover;}
.cxm-apply-banner {background:transparent url('../imgs/apply/apply-banner.jpg') no-repeat center; background-size:cover;}
.cxm-webapp-banner {background:transparent url('../imgs/branding-banner.jpg') no-repeat center; background-size:cover;}
.cxm-tech-sldr {background:transparent url('../imgs/lang/langbkgr.jpg') no-repeat center; background-size:cover;}

.cxm-header-modal {background:transparent url('../imgs/menu-banner.jpg') no-repeat center; background-size:cover;}
.cxm-header-modal .modal-content {background:rgba(var(--cxm-theme-color-rgb), 0.9);}

.cxm-header-modal-content {padding:20px; border-radius:20px 0 20px 0; background:transparent url('../imgs/contactbkgr.png') no-repeat center; background-size:cover;}

.cxm-header-modal-links ul {padding:0; margin:0;}
.cxm-header-modal-links ul li {padding:10px 0; margin:0; list-style-type:none;}
.cxm-header-modal-links ul li a {font-size:1.3rem; color:#fff;}
.cxm-header-modal-links ul li a:hover {font-weight:bold; color:#fff;}

.cxm-box-2 {height:250px; background:transparent url('../imgs/get-hiredbkgr.jpg') no-repeat center; background-size:cover;}
.cxm-box-3 {height:250px; background:transparent url('../imgs/workbkgr.jpg') no-repeat center; background-size:cover;}

.cxm-gird-tab .nav-link {color:var(--cxm-theme-secondary-color);}
.cxm-gird-tab .nav-link:hover {color:var(--cxm-theme-color);}

.cxm-job-accordion .accordion-button {background-color:var(--cxm-theme-secondary-color); color:#fff; font-weight:bold; font-size:1.3rem;}
.cxm-job-accordion .accordion-button:not(.collapsed) {background-color:var(--cxm-theme-color);}

.footer {color:#000; font-size:1.1rem;}
.footer h3 {color:#000; font-size:1.4rem; font-weight:500; padding-bottom:10px; margin-top:30px;}
/* .footer h3::before {bottom:-1px; left:0; width:55px; height:5px; content:''; position:absolute; background-color:var(--cxm-theme-color);} */
.footer .menu {margin:0 0 20px; padding:0; list-style-type:none;}
/* .footer .menu a:before {font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f105"; padding-right:5px;} */

.footer a {color:#000; text-decoration:none;}
.footer a:hover {color:var(--cxm-theme-color);}
.footer .menu a {color:#000; display:block; padding:5px 0; text-decoration:none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer .menu a:hover {color:var(--cxm-theme-color); text-decoration:none;}

.cxm-social-madia a {color:#000;}
.cxm-social-madia a:hover {color:var(--cxm-theme-color);}

.cxm-credits {background-color:var(--cxm-theme-color); color:#fff; font-size:14px; font-weight:400; padding:10px 0;}
.cxm-credits a { color:#fff; font-size:14px; font-weight:500; padding:0px 5px; text-decoration:none;}
.cxm-credits a:hover {color:#EEE;}

.back-to-top {position:fixed; bottom:25px; right:100px; color:#FFF; background-color:rgba(var(--cxm-theme-color-rgb), .35); display:none; z-index:9999; font-size:24px; line-height:24px; width:50px; height:55px; border-radius:50%; overflow:hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.back-to-top .cxm-btp-icon {position:absolute; top:25%; left:0; right:0; text-align:center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.back-to-top .cxm-btp-txt {position:absolute; bottom:-50%; left:0; right:0; text-align:center; font-size:14px; font-weight:700;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.back-to-top:hover {color:#FFF; text-decoration:none; background-color:var(--cxm-theme-secondary-color);
-webkit-box-shadow: 0 0 0 9px rgba(var(--cxm-theme-secondary-color-rgb), .4), inset 0 0 0 3px rgba(var(--cxm-theme-secondary-color-rgb), .5);
box-shadow: 0 0 0 9px rgba(var(--cxm-theme-secondary-color-rgb), .4), inset 0 0 0 3px rgba(var(--cxm-theme-secondary-color-rgb), .5);
}

.back-to-top:hover .cxm-btp-icon {top:-50%;}
.back-to-top:hover .cxm-btp-txt {bottom:30%;}

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

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

/*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) {
    
}

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