/************************************************* Header ********************************************************************/
.TopLink a:hover{color:#fd0200;} 
#menu-primary-menu .dropdown-menu {
  padding-top: 0px;
  padding-bottom: 0px;
}
#menu-primary-menu .dropdown-item:focus, #menu-primary-menu .dropdown-item:hover {
  color: #fb0000;
  background-color: #000;
}
   
/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:70px; text-shadow:0px 4px 4px #00000040; line-height:1.1; letter-spacing:-.05em;} 
/*.InnerPageMainBanner {background:#000;}
.InnerPageMainBanner .carousel-item img {opacity:0.6;}*/


/************************************************* Testimonials ********************************************************************/
.WelSection .TextBox{text-shadow:1px 1px 2px rgba(0,0,0,.5);}
.SerText:after{content:""; position:relative; bottom:0px; left:0px; right:0px; z-index:9; background:url(../images/bg.png) repeat-x bottom; min-height:340px; border-radius:0px 0px 20px 20px;}

.SerText-2:after{content:""; position:relative; bottom:0px; left:0px; right:0px; z-index:9; background:url(../images/bg.png) repeat-x bottom; min-height:217px; border-radius:20px 20px 20px 20px;}

.img-effect {background:#000;}
.img-effect img {opacity:0.5;}

#ContactForm{background:url(../images/bg1.jpg) no-repeat top center; min-height:723px; background-size:cover; display:flex; justify-content:center; align-items:center;}
#ContactForm .form-control{background-color:transparent; border:none; border-bottom:solid 1px #fff; height:60px; color:#fff; padding-left:0px; border-radius:0px;}
#ContactForm textarea.form-control{height:130px; padding-top:15px;}
#ContactForm .form-control::-moz-placeholder,#ContactForm .form-select::-moz-placeholder {color:#fff; opacity:1;}


/********************* Additional CSS **********************/

.InnerImg, .CoverInnerImg {height:100%;}

.InnerImg img {object-fit:cover;height: 100%;width: 100%;}

.listing-one li {
  background: url(https://ts.elevateomdev.com/CCS-Technology-Ltd/wp-content/uploads/2025/12/tick-black.png) no-repeat left top;
  padding-left: 35px !important;
  list-style: none;
  margin-bottom: 15px;
}

.listing-two li {
  background: url(https://ts.elevateomdev.com/CCS-Technology-Ltd/wp-content/uploads/2025/12/tick.png) no-repeat left top;
  padding-left: 35px !important;
  list-style: none;
  margin-bottom: 5px;
}

.pdf-listing li {
  background: url(https://ts.elevateomdev.com/CCS-Technology-Ltd/wp-content/uploads/2025/12/pdf-icon-new.jpg) no-repeat left top;
  padding-left: 35px !important;
  list-style: none;
  margin-bottom: 15px;
}

.listing-one, .listing-two {
	padding:0px 0px 0px 10px!important;
}
 
.wp-block-image.w-100 img {width:100%!important;}

.wp-block-image.rounded-5 img {
  border-radius: var(--bs-border-radius-xxl) !important;
}
 
.wp-block-image.rounded-4 img {
  border-radius: var(--bs-border-radius-xl) !important;
}

.InnerPage h2 {font-size:35px!important;}

#ContactSec .wpcf7-form input {
  height: 55px;
}

.content-align-featured-sec a {color:#fff!important;}

.content-align-featured-sec a:hover {color:#fd0200!important;}

.ContForm .form-control::placeholder {
    color: #000!important;
}

.services-link a {color:#fff!important;display: block;}

.doc-links a {color:#000;}

.doc-links a:hover {color:#fd0200;}

.Equipment-We-Supply-Sec {width: 75%;margin: auto;}

.page-id-21 .MainBanner.InnerPageMainBanner img, .page-id-36 .MainBanner.InnerPageMainBanner img, .page-id-701 .MainBanner.InnerPageMainBanner img, .page-id-760 .MainBanner.InnerPageMainBanner img {
	margin-top:0px!important;
}

.partnership-sec-content-align a, .area-sec-content-align a {color:#fff!important;}

.border-right {
  border-right: 1px solid #ccc;
}

/********** Footer ***************************************************************************************************/
#Footer{color:#fff;}
#Footer li.active a {color:#fd0200;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#fd0200;}
#Footer h4{font-size:32px;}
.CopyText{font-size:16px; line-height:1.4;}
#Footer .form-control{background:#fff; border-color:#fff; height:60px; color:#000;}
#Footer .btn{min-height:60px; font-size:20px; padding:8px 10px; min-width:unset;border-left:solid 1px #000 !important} 
.container-fluid {max-width:1920px !important;} .ImgBox{padding:30px;} 
  
/*************************************************************************************************************/
@media (min-width:992px) {.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:99; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}}

@media (min-width: 1920px){
.gutter-lg {margin-left:-22px!important;margin-right:-22px!important;}
.gutter-lg div[class^="col"]{padding-left:22px!important;padding-right:22px!important;}
.container {max-width:1760px !important;} .navbar-nav>li+li {margin-left:25px !important;}}

@media (min-width: 1600px) {.container {max-width:1560px;} body {font-size:18px;} #Footer{line-height:34px;} .MainBanner h1{font-size:70px;} 
h1, .h1 {font-size:70px;} h2, .h2 {font-size:64px;} .fs-36{font-size:36px !important;} .navbar .navbar-nav .nav-link{font-size:13px;}
}
@media (max-width:1580px){
.SerText-2:after{min-height:180px;}
	.SerText .h3, .SerText-2 .h3 {font-size: 25px;}
}

@media (min-width: 1259.98px) and (max-width: 1360px) {}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){
	.SerText-2:after{min-height:152px;}
	.SerText .h3, .SerText-2 .h3 {font-size: 20px;}
	.Equipment-We-Supply-Sec {width: 90%;margin: auto;}
}

/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){.TopLink{position:absolute; right:0px; top:25px;}h3, .h3 {font-size:26px;}
.SerText-2:after{min-height:153px;}
.SerText .h3, .SerText-2 .h3 {font-size: 20px;}
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.TopLink{position:absolute; right:0px; top:25px;}h3, .h3 {font-size:26px;} #Footer h4{font-size:22px;} 
.content-align.wp-block-columns{flex-wrap: wrap !important;}
.content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
.area-sec-content-align.wp-block-columns{flex-wrap: wrap !important;}
.area-sec-content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 45% !important;}
.fs-36 {font-size: 28px !important;}
.SerText-2::after {right: 36px;min-height: 247px;}
.application-sec.wp-block-columns {flex-wrap: wrap !important;}
.application-sec.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 45% !important;}
.Equipment-We-Supply-Sec {width: 100%;margin: auto;}
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {.MainBanner h1{font-size:40px;}#Footer h4{font-size:26px;}h1, .h1 {font-size:40px;} h3, .h3 {font-size:22px;}#ContactForm{min-height:unset;}
.TopLink{position:absolute; right:0px; top:25px;}
.content-align.wp-block-columns{flex-wrap: wrap !important;}
.content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
.content-align2.wp-block-columns{flex-wrap: wrap !important;}
.content-align2.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
	.partnership-sec-content-align.wp-block-columns{flex-wrap: wrap !important;}
.partnership-sec-content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 45% !important;}
.content-align-featured-sec.wp-block-columns{flex-wrap: wrap !important;}
.content-align-featured-sec.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
.area-sec-content-align.wp-block-columns{flex-wrap: wrap !important;}
.area-sec-content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 45% !important;}
.SerText-2:after{min-height:197px;}
.control-sys-align.wp-block-columns {flex-wrap: wrap !important;}
.control-sys-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 45% !important;}
.wp-block-image .alignleft, .wp-block-image .alignright {
  float: unset;
  margin: auto;
}
.additional-sec .wp-block-image img {width:100%!important;}
.application-sec.wp-block-columns {flex-wrap: wrap !important;}
.application-sec.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 45% !important;}
.Equipment-We-Supply-Sec {width: 95%;margin: auto;}
.border-right {border-right: none;}
	
}
@media (max-width: 767.98px) {.fs-80{font-size:60px !important;}.MainBanner h1{font-size:40px;}#Footer h4{font-size:22px;}h1, .h1 {font-size:35px;}h2, .h2 {font-size:30px;}h3, .h3 {font-size:22px;}
.TopLink{position:static; text-align:center;} .TopLink .btn{display:none}.MainBanner .btn{font-size:16px; padding:10px 24px; letter-spacing:normal;} 
.SerText-2::after {min-height: 211px;}
.SerText::after {position: absolute;}
.SerText-2::after {position: absolute;}
.alignright {float: unset!important;margin: auto!important;}
.wp-block-image .alignleft, .wp-block-image .alignright {
  float: unset;
  margin: auto;
}
	.Equipment-We-Supply-Sec {width: 100%;margin: auto;}
.border-right {border-right: none;}
}

@media (max-width: 575.98px){
.MainBanner .Homebnr .carousel-item img {
    height:200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
} .MainBanner h1{font-size:30px;} .MainBanner .btn{font-size:13px; padding:10px 24px; letter-spacing:normal;}

}

@media (max-width: 479px) {}
@media (max-width: 320px) {}