/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  @import 'fix-bootstrap.css';
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,700&display=swap');
*{margin:0px;padding:0px;box-sizing:bordre-box;font-family: 'Lato', sans-serif!important;}
html{margin-top:0px!important;}
p{margin:0px;}
h3{margin-top:0px;}
img{max-width:100%;}

.container-fluid{max-width:1646px!important;width:95%;}
span{font-size:18px;color:#fff;font-weight:600;}
#header #top_bar {background:#000;position:relative;overflow:hidden;}
#top_bar ul{float:right;padding-top:55px;}
#top_bar ul li{display:inline-block;list-style:none;padding-left:10px;}
#top_bar h4{margin-top:-50px;margin-left:110px;color:#facf03;font-size:22px;font-weight:700;padding-bottom:15px;}
#top_bar ul li a{color:#fff !important;font-size:16px;transition:0.3s ease;}
#top_bar ul li a:hover{text-decoration:none;color:#facf03!important;cursor:pointer;}
#header.fixed{position:fixed;z-index:9;width: 100%;top: 0px;background::#94247c;box-shadow: 1px 1px 8px 0px #999;animation: mymove 1s;
  animation-timing-function: linear;}
@keyframes mymove {
  from {top: -220px;}
  to {top:0px;}
}
#logo_navbar{position:absolute;width:100%;z-index: 9;}
.menu-bar{margin-top:105px;}
#logo_navbar:after{position:absolute;content:'';clip-path: polygon(0 0, 100% 0%, 100% 98%, 6% 100%);background:#facf03;width:50%;height:44px;top:0;right:0;z-index:-1;}
#logo_navbar ul{float:right;padding:5px;margin-top:-100px;}
#logo_navbar h4{margin-top:-60px;margin-left:105px;font-size:24px;color:#facf03;font-weight:700;}
#logo_navbar ul li{display:inline-block;list-style:none;padding-left:50px;}
#logo_navbar ul li a{color:#201E1F;font-size:18px;font-weight:900;cursor:pointer;}
#logo_navbar ul li a{text-decoration:none;transition:0.4s ease;}
#logo_navbar ul li a:hover{color:#fff;text-decoration:none;}
.menus ul li:hover,.menus ul li.current-menu-item{cursor:pointer;text-decoration:none;outline:none;}
#logo_navbar ul li:hover a,#logo_navbar ul li.current-menu-item a{color:#fff;text-decoration:none;outline:none;}
#logo_navbar ul li:first-child a{cursor:pointer;}
/*.menu-bar:after{position:absolute;content:'';background:#facf03;clip-path: polygon(0 0, 100% 0%, 100% 98%, 6% 100%);width:53%;height:50px;right:0;top:0;z-index:-1;}*/
.logo-ccl{width:100px;}
#header_1{border-top:4px solid #facf03;position:relative;}
#header_1{border-bottom:5px solid #201E1F;}
.menu_bar ul li{display:inline-block;list-style:none;padding-right:50px;}
.menu_bar ul li a{color:#000;font-weight:bold;}
.menu_bar ul{float:right;}
.address ul{float:right;padding-top:30px;padding-bottom:10px;}
.address ul li{display:inline-block;list-style:none;}
.address ul li a{color:#000;font-weight:400;padding-left:30px;font-size:16px;transition:0.3s ease;}
.address ul li a:hover{color:#facf03;text-decoration:none;}
.north{margin-top:-30px;}
.black_box{position:absolute;content:'';background:#201E1F;height:17.8px;width:100%;bottom:0px;z-index:-1;}
/*Topbar*/
 .topbar ul{float:right;}
 .topbar ul li{display:inline-block;padding-right:40px;}
 .topbar ul li a{color:#000;font-weight:600;font-size:20px;transition:0.3s ease;} 
 .topbar ul li.point a{cursor:default;}
 .topbar ul li a:hover{color:#facf03;text-decoration:none;}
 .topbar ul ul {width:350px;display:none;background:#000;left:5%;position:absolute;z-index:1;margin-top:5px;}
  .topbar ul ul li{padding:20px 0px 20px 20px;display:block;}
 .topbar ul ul li a{color:#fff!important;font-weight:400;}
 .topbar ul ul li a:hover{color:#facf03!important;}
.point ul ul li::before {
  content: "\2022";
  color:#facf03;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.topbar ul li:hover a,.topbar ul li.current-menu-item a{color:#facf03;text-decoration:none;outline:none;}
 .topbar ul ul::before{content:'';width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom:10px solid #000;position:absolute;top:-10px;}
.point ul ul li:first-child::before{content:"\2022";}
 .topbar ul li:hover>ul{display:block;}
.con_box {text-align:center;background:#facf03;color:#000;display:inline-block;padding:5px 20px;font-size:16px;font-weight:900;transi:0.3s ease;}
.con_box:hover{text-decoration:none;opacity:0.9;color:#000;}
.phn{float:right;padding-top:0px;}
.hm_icn{width:28px;}

/*experience*/
#experience{margin-top:-40px;}
#experience .col-md-2{width:20%;}
.txt{position:absolute;top:50%;left:50%;color:#fff;font-size:20px;font-weight:700;transform:translate(-50%,-50%);}
.txt-1{position:absolute;top:70%;left:50%;color:#fff;font-size:20px;font-weight:700;transform:translate(-50%,-50%);text-align:center;}
/*labour-list*/
#labour_list{margin:50px auto;}
#labour_list h3{font-size:28px;font-weight:600;color:#000;line-height:34px;}
#labour_list h4{font-size:26px;font-weight:300 !important;color:#000;line-height:38px;}
#supply{position:relative;background-image:url("../img/labour-1.png");background-size:cover;height:600px;}
.yel_box{background-image:url("../img/CCL-bg.png");background-size:cover;height:100px;}
.skill{padding-top:200px;padding-top:65px;}
#labour_list ul li{display:block;list-style:none;font-weight:bold;font-size:20px;padding-bottom:10px;text-transform:capitalize;padding-bottom:20px;padding-left:15px;}
#labour_list ul li::before{position:absolute;content:'';background-image:url('../img/point.png');width:25px;height:25px;left:10px;margin-top:3px;}
/*why_use*/
#why_use{background-image:url("../img/use.png");background-size:cover;padding:80px 40px;background-position:center;text-align:center;}
#why_use h4{color:#fff;font-size:30px;font-weight:300;text-align:center;}
#why_use h3{color:#facf03;font-size:30px;padding-bottom:30px;font-weight:700;}
/*profile*/
#profile{text-align:center;margin:50px 0;}
#profile h4{font-weight:700;font-size:20px;}
#profile h5{font-weight:400;font-size:26px;}
.profiles{width:300px;}
/*Labour*/
#road {position:relative;}
/*footer*/
.footer_menu{background:#facf03;clip-path: polygon(0 0, 98% 0, 100% 100%, 0 100%);width:40%;}
.footer_menu ul li{display:inline-block;list-style:none;}
.footer_menu ul{padding-top:10px;}
.footer_menu ul li a{color:#000;padding-right:20px;font-size:18px;font-weight:700;cursor:default;}
.footer_menu ul li a:hover{color:#fff;text-decoration:none;transition:0.3s ease;cursor:pointer;}
.footer_menu ul li:first-child a{cursor:pointer;text-decoration:none;}
.social_media{background:#000;padding-top:30px;padding-bottom:30px;}
.social_media p{color:#fff;font-size:18px;}
.right p{color:#facf03;font-weight:bold;padding-top:10px;}
.scl_icn{width:30px;}
.social-list ul{float:right;}
.social-list ul li{display:inline-block;list-style:none;padding-left:10px;}
/*services*/
#our_services{margin:40px auto;}
#our_services h3{font-size:38px;color:#201E1F;font-weight:900;padding-bottom:30px;}
#our_services strong{color:#FACF04;font-size:28px;font-weight:900;}
#our_services .col-md-3{margin-bottom:40px;}
.control{margin-top:30px;}
/*about*/
#about{margin:60px auto;}
#about strong{color:#FACF04;font-size:28px;font-weight:900;text-transform:capitalize;}
#about h3{font-size:40px;color:#000;font-weight:900;text-transform:capitalize;}
#about p{font-size:18px;color:#000;line-height:30px;padding-top:30px;font-weight:400;}
/* arrange*/
/*.space{padding-top:30px;}*/
/*price*/
#plan{margin:40px 0px;}
#plan h3{font-size:18px;font-weight:900;text-align:center;padding-top:30px;padding-left:10px;}
.plan_box{margin:0 auto;position:relative;}
.line{border-bottom:1px solid #000;}
.plan_box h3:after{position:absolute;content:'';border:4px solid #201E1F;top:0;width:80%;height:80px;left:40px;}
.plan_box h3:hover{cursor:pointer;clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 64% 75%, 52% 100%, 36% 76%, 0% 75%);background:#201E1F;color:#facf03;height:100px;}
#clients {padding:60px 0px;background:#f5f5f5;}
#clients strong{color:#FACF04;font-size:28px;font-weight:900;text-transform:capitalize;}
#clients  h3 {font-size: 28px;font-weight: 600;color: #000;line-height:34px;margin-bottom:20px;}
#clients  p{font-size:22px;font-weight:400;margin-bottom:20px;}
#clients img{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#clients ul li{list-style:none;font-size:20px;padding-bottom:5px;display:block;padding-left:15px;}
#clients ul li::before{position:absolute;content:'';background-image:url('../img/point.png');width:25px;height:25px;left:10px;}
#footer_2{background-image:url("../img/slider-5.png");background-size:cover;background-position:center;padding:30px 0px;}
#footer_2 h3 {font-size:20px;color:#fff;text-transform:capitalize;font-weight:700;}
#footer_2 a{font-size:20px;color:#fff;text-transform:capitalize;font-weight:700;}
#footer_2 a:hover{color:#facf03;text-decoration:none;}
#footer_2 p{font-size:18px;color:#fff;text-transform:capitalize;font-weight:700;}
#footer_2 ul li{list-style:none;display:block;}
#footer_2 ul li a{color:#fff;font-size:16px;font-weight:400;text-transform:capitalize;}
#footer_2 ul li a:hover{color:#facf03;text-decoration:none;}
.reserved{background:#facf03;color:#000;padding:10px;}
.reserved p{font-size:18px;font-weight:400;padding-top:5px;}
.dots{width:30px;padding-right:10px;}
.img2{float:right;width:50%;margin-top:-160px;}
.point ul li::before {
  content: "\2022";
  color:#facf03;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.point ul li:first-child::before{list-style:none;content:'';}
.card{position:relative;}
.banner-1{position:relative;}
.sqr{position:absolute;clip-path: polygon(0 0, 98% 0, 100% 100%, 0 100%);background:#facf03;width:60%;height:60px;z-index:-1;left:20%;top:10%;}
.rd{background-image:url("../img/Artboard–40.png");background-size:contain;background-repeat:no-repeat;margin-top:-150px;height:500px;z-index:-1;}
#labour{margin:30px auto;position:relative;}
#road .col-md-6{margin:0;padding:0;}
#banner-1{background-image:url("../img/cclt_banner.jpg");height:600px;background-size:cover;}
#contract{position:relative;}
#contract ul li{display:inline-block;list-style:none;}
.call{color:#fff;padding-top:15px;background:#f61621;float:right;}
.call span{padding-left:10px;float:right;}
.call_1{position:relative;}
.call a :hover{color:#75daad;}
.contact{padding-top:15px;float:right;}
.contact span{padding-right:10px;}.quote{display:none;font-size:18px;font-weight:400;border-bottom:1px solid #000;}
#banner{background-image:url("../img/ccl_slider.jpg");background-size:cover;height:600px;background-position:center;position:relative;} 
#banner:before{position:absolute;content:'';top:0;left:0;width:100%;background:#000;opacity:0.6;height:100%;}

#inner_banner{background-image:url("../img/ccl_slider.jpg");background-size:cover;height:500px;background-position:center;position:relative;}
#inner_banner:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    opacity: 0.6;
    height: 100%;
}
#inner_banner h2{color:#facf03;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:45px;font-weight:600;}
#inner_banner p{font-size:24px;}
.slider_2{background-image:url("../img/slider-3.png");background-size:cover;height:600px;background-position:center;}
#banner ul{float:right;}
#banner li a{color:#000;padding-left:59px;font-weight:800;font-size:18px;}
#banner ul li{display:inline-block;}
#banner li a:hover{color:#F44336;text-decoration:none;}
#banner-1 .card{position:absolute;content:'';clip-path: polygon(82% 0, 100% 38%, 0 100%, 0 100%, 0 0);height:450px;background:#FACF04;padding:50px 30px;width:550px;margin-top:50px;}
.card h3{font-size:55px;font-weight:900;}
.card a{background:#201E1F;color:#fff;font-size:20px;padding:15px 30px;font-weight:600;}
.card a:hover{background:#fff;color:#000;text-decoration:none;}
.ser_space{padding-top:20px;}
.scl_icn-1{width:30px;}
.loc{width:15px;}
.loc-1{width:30px;}.post a{color:#000;background:#facf03;font-weight:18px;font-weight:700;text-align:center;width:100%;height:100px;}
.loc-1:hover{cursor:pointer;}
.post{background:#facf03;}
#vic{margin-bottom:30px;}
.rd_img{width:50%;float:left;}
.lab{position:relative;}
.lab h2::after{content: ""; position: absolute;top:0;left:0;background-image:url("../img/CCL-bg.png");background-size:cover;background-repeat:no-repeat;z-index:-1;width:0%;height:100px;}
.temp{position:relative;width:100%;}
.temp>img{float:left;width:50%;margin-right:30px;}
.temp p{margin-top:130px;font-size:28px;margin-right:100px;}
.qty-para{font-size:28px;padding-top:30px;}
.temp h2 {
    padding-top: 20px;
    font-size: 26px;
    font-weight: 700;
    padding-left: 10px;
    background-image: url(../img/CCL-bg.png);
    background-repeat: no-repeat;
    background-position: right center;
    height: 70px;
    line-height: 70px;
    padding: 0;
    top: 90px;
    position: relative;
    z-index: -1;
}
.temp h2::before {
    content: "";
    display: block;
    background: #facf03;
    width: 40%;
    top: 0;
    position: absolute;
    right: 30%;
    height: 100%;
    z-index: -2;
}
/*.temp h2::after {content: ""; position: absolute;top:0%;right:0;width:85%;height:100px;color:#000;background-image:url("../img/CCL-bg.png");background-size:cover;background-repeat:no-repeat;z-index:-1;}
.temp h2::before{content: ""; position: absolute;top: 0;left:-50%;background:#facf03;width:100%;height:100px;z-index:-1;}*/
.manage{width:50%;float:left;}
.temp_1{width:100%;margin-top:50px;}
.temp_1>img{float:right;width:50%;margin-top:-100px;}
.temp_1 p{font-size:28px;margin-top:100px;}
.gain p{font-size:28px;padding-top:30px;width:550px;}
.qty{position:relative;margin-top:50px;}
.qty h2 {
    padding-left: 80px;
    font-size: 26px;
    padding-top: 30px;
    font-weight: 700;
    background-image: url(../img/sys.png);
    background-position: left center;
    height: 100px;
    margin: 0;
    z-index: -1;
    position: relative;
	background-repeat:no-repeat;
}
.qty h2::before{content: ""; position: absolute;top:0px; left:25%; background:#facf03; width:65%; height:100px; z-index:-1; } 
.qty-1 h3 {
    padding-left: 80px;
    font-size: 26px;
    padding-top: 30px;
    font-weight: 700;
    background-image: url(../img/sys.png);
    background-position: left center;
    height: 100px;
    margin: 0;
    padding: 0 0 0 100px;
    z-index: -1;
    position: relative;
    background-repeat: no-repeat;
    margin-top: 50px;
    padding-top: 10px;
}
.qty-1 h3::before{content: ""; position: absolute;top:0px; left:25%; background:#facf03; width:65%; height:100px; z-index:-1; }
/*.qty h2::after {content: ""; position: absolute;top:0px;left:0;width:80%;height:100px;color:#000;background-image:url("../img/sys.png");background-size:cover;background-repeat:no-repeat;z-index:-1;}*/
/*.qty-1{position:relative;}
.qty-1 h3::after {content: ""; position: absolute;top:50px;left:0;width:80%;height:130px;color:#000;background-image:url("../img/sys.png");background-size:cover;background-repeat:no-repeat;z-index:-1;}
.qty-1 h3{padding-top:80px;padding-left:80px;font-size:26px;font-weight:bold;}
.qty-1 h3::before{content: ""; position: absolute;top:50px;left:25%;background:#facf03;width:100%;height:130px;z-index:-1;}*/

 
header#front{background-image:url("../img/ccl_slider.jpg")!important;position:fixed;height:50%;top:0;left:0;background-position:center!important;background-size:cover!important;}
header#front::before{position:absolute;content:'';background:#000;width:100%;height:100%;opacity:0.8;}
header#front>div{padding:15px;text-align:center;color:#243746;position:absolute;width:100%;top:50%;}
footer#front{background:#fff;position:fixed;height:50%;bottom:0;left:0;width:100%;}
footer#front>div{padding:15px;text-align:center;color:#243746;position:absolute;width:100%;top:50%;}
header#front>div h2,footer#front>div h2{margin-top:0;}
header#front>div a,footer#front>div a{padding:10px 30px;font-size:18px;margin-top:10px;display:inline-block;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;}
header#front>div a{color:#000;border:1px solid #fff;background:#facf03;clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);}
footer#front>div a{color:#000;border:1px solid #fff;background:#facf03;clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);}
header#front>div a:hover,footer#front>div a:hover{background:#fff;color:#000;text-decoration:none;}
body#front_page .title_frontpage {position: absolute;top: 50%;width: 100%;text-align: center; margin: 0;z-index: 99;}
.title_frontpage h1{display:block;background: #1b3545;margin:0;color:#fff;padding:10px 40px;border-radius:5px;font-weight:normal;}
body#front_page:before {content: "";display: block;position: fixed;width: 100%;height: 50%;background: #fff;z-index: 9999;transition:1.3s;left:0;top:0;bottom:auto;
}
body#front_page:after {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 50%;
    background: #fff;
    z-index: 9999;
    transition:1.3s;
	right:0;
	top:auto;
	bottom:0;
}
body#front_page.remove_overlay:before,body#front_page.remove_overlay:after{height:0;}
body.extend_height{position:relative;height:600px;}
body.extend_height header#front{position:fixed;}
body.extend_height footer#front{position:fixed;}
header#front {
    background: #fff;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    width: 50%;
}
header#front h2,footer#front h2{color:#000;text-transform:uppercase;font-size:26px;font-weight:700;margin-top:100px;}

footer#front h2{color:#fff! important;font-weight:700;}
header#front h4,footer#front h4 {
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 3px;
    font-size: 22px;
}
header#front h4{color:#fff;}
header#front a,footer#front a{font-weight:bold;border:1px solid #1b3545;color:#1b3545;}
header#front a{border:1px solid #fff;color:#fff;}
.inlineblock{display:inline-block;background:#000;padding:100px 0px;border-radius:100%;width:300px;height:300px;}
.inlineblock-1{display:inline-block;background:#fff;padding:100px 0px;border-radius:100%;width:300px;height:300px;}
footer#front {
    background-image:url("../img/ccl_traffic_slider.jpeg")!important;
	background-position:left!important;background-size:cover!important;
    position: fixed;
    height: 100%;
    bottom: 0;
    right: 0;
	left:auto;
    width: 50%;
}
footer#front::before{position:absolute;content:'';background:#fff;width:100%;height:100%;opacity:0.8;}
div#frontpage-center {position:fixed;height: 100%;left:50%;z-index: 9;transform: translateX(-50%);top:0;}
#logo_text {
    font-size: 24px;
    font-weight: bold;
    background:rgba(250,207,3,0.8);
    padding: 10px 15px;
    border-radius: 10px;
    color: #000;
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
}
#frontpage-center img {
    max-height: 100%;
	width:200px;
}
/*********contact-page*********/
.contact_form{padding:50px 0px;}
#inner_main_content input[type=text]{width:97%;color:#000;border: none;border-bottom: 1px solid #ccc;outline: none;margin-top:10px;margin-bottom:10px;font-weight:300;background:none;}
#inner_main_content input[type=date]{width:97%;color:#000;border:none;margin-bottom:10px;border-bottom: 1px solid #ccc;outline: none;background:none;margin-top:10px;font-weight:300!important;padding:10px;}
#inner_main_content input[type=tel]{width:97%;color:#000;border: none;margin-bottom:10px;border-bottom: 1px solid #ccc;outline: none;margin-top:10px;font-weight:300;background:none;}
#inner_main_content input[type=email]{width:97%;color:#000;border:none;margin-bottom:10px;border-bottom: 1px solid #ccc;outline:none;margin-top:10px;font-weight:300;background:none;}
.wpcf7-form-control.wpcf7-textarea {height: 150px;color:#000;outline: none;margin-top: 20px;border: 1px solid #ccc;width: 97%;margin-top:10px;font-weight:300;background:none;}
.wpcf7-form label{padding-bottom:5px;width:100%;font-weight:400!important;font-size:16px;margin-top:10px;}
 .wpcf7-form select{width:97%;margin-top:10px;border: 1px solid #ccc!important;color:#000!important;font-weight:400!important;font-size:14px;border-radius:3px;padding:5px 0px;outline:none;} 
.wpcf7-form option{color:#000!important;}
.wpcf7-submit{background:#000!important;opacity:0.8;color:#fff!important;margin-top:20px;padding:10px 20px;outline:none;border:1px solid #000!important;border-radius:5px;transition:0.3s ease;}
.wpcf7-submit:hover{cursor:pointer;opacity:0.7;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{border:none!important;}
.wp-block-separator{max-width:100%!important;border-bottom:1px solid #eee!important;}
div.wpcf7 input[type="file"]{margin-bottom:40px;font-size:14px;margin-top:10px;display:none;}
.attach{background:#eee;font-size:17px!important;color:#000;text-align:center;border-radius:8px;padding-top:10px;padding-bottom:10px!important;position:relative;cursor:pointer;transition:0.3s ease;}
.attach::before{position:absolute;content:'';background-image:url('../img/in_file.png');width:25px;height:25px;margin-left:-30px;background-repeat:no-repeat;}
.request_detail{margin-bottom:20px;}
.req_para{margin-bottom:20px;padding:10px 10px 5px;background:#facf03;}
/*********contact-page*********/
.social_link ul{float:right;padding-top:5px;}
.social_link ul li{list-style:none;display:inline-block;padding-right:4px;}
.footer_cclt li a:hover{text-decoration:none;cursor:default;}
#pre-footer{background:#000;opacity:0.8;padding:50px;text-align:center;}
.need_btn ul li{list-style:none;display:inline-block;padding-right:10px;}
.need_btn ul li a{font-size:18px;color:#fff;border:2px solid #facf03;padding:10px 20px;border-radius:5px;transition:0.3s ease;}
.need_btn ul li:hover{transform:scale(1.02);cursor:pointer;text-decoration:none}
.need_btn ul li a:hover{transform:scale(1.02);cursor:pointer;text-decoration:none}
#front_page #responsive-menu-button{display:none;}
#inner_banner_1{background-image:url("../img/cclt_banner.jpg");background-size:cover;height:450px;position:relative;}
#inner_banner_1:before{position:absolute;content:'';top:0;left:0;width:100%;background:#000;opacity:0.6;height:100%;}
#inner_banner_1 h2{color:#facf03;text-align:center;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:45px;font-weight:900;}
#inner_main_content{padding:40px 0px;position:relative;}
#inner_main_content p{font-size:20px;font-weight:400!important;margin-bottom:10px;}
#inner_main_content h4{color: #FACF04; font-size: 20px;font-weight:700;text-transform: capitalize;}
#inner_main_content h3{font-size:28px;font-weight:400;text-transform: capitalize;padding-bottom:20px;}
#inner_main_content h5{font-size:18px;font-weight:700;text-transform: capitalize;color:#facf03;}
#inner_main_content .service_traffic .wp-block-column{position:relative;transition:0.4s ease;}
#inner_main_content .service_traffic img{width:100%;}
#inner_main_content .service_block{position:absolute;color:#fff;text-align:center;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:16px;}
#inner_main_content .service_traffic .wp-block-column:hover{transform:scale(1.04);cursor:pointer;}
.wpcf7-form{padding:20px;margin-bottom:40px;border-radius:5px;}
.expertise{margin-top:40px;}
.expertise ul li{list-style:none;padding-left:35px;margin-bottom:20px;position:relative;font-size:18px;}
.expertise ul li::before {
    position: absolute;
    content: '';
    left: 0px;
	top:0px;

    background: url(../img/point.png) no-repeat left center;
    width:25px;
    height:25px;
    }
	.slow img{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	.expertises ul li{list-style:none;padding-left:35px;margin-bottom:20px;position:relative;font-size:18px;}
.expertises ul li::before {
    position: absolute;
    content: '';
    left: 0px;
	top:0px;

    background: url(../img/point.png) no-repeat left center;
    width:25px;
    height:25px;
    }
	.inner_clip{clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);background:#facf03;padding:20px 0px 0px 30px;margin-bottom:10px;}
	.management p{padding:5px 20px;}
	.contact_clip{clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);background:#facf03;padding:20px 0px 0px 30px;margin-bottom:0px;margin-left:-10px;}
	.contact_details p{position:relative;padding-top:10px;}
.contact_details p::before {
    position: absolute;
    content: '';
	top:12px;
margin-left:-30px;

    background: url(../img/loc-cct.png) no-repeat left center;
    width:25px;
    height:25px;
    }
	.contact_details h6{font-size:20px;position:relative;text-align:center;font-weight:400;}
	.contact_details h6::before {
    position: absolute;
    content: '';
	top:0px;
margin-left:-30px;

    background: url(../img/calling.png) no-repeat left center;
    width:25px;
    height:25px;
    }

	.contact_group .wp-block-image .alignleft{margin-right:0px!important;}

.contact_group .wp-block-column:not(:first-child){margin-left:0px!important;}
.contact_group .wp-block-columns{margin-bottom:0px;}
.expertise img {box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);width: 750px;height:auto;border-radius: 5px;}
.wp-block-image{position:relative;}
/* .wp-block-image::before{position:absolute;content:'';background:#facf03;width:30%;height:100%;top:0;right:0;z-index:-1;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} */
/* .wp-block-image figure{padding:10px;} */
.why_labour img {  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);width: 800px;height: auto; border-radius: 5px;}
/* .why_labour .wp-block-image:before{background:#facf03;position:absolute;content:'';width:25%;height:20%;right:-10px;top:-10px;z-index:-1;clip-path: polygon(0 0, 100% 0%, 100% 99%, 0% 100%);} */

.client_link{padding:10px 15px;background:#FACF04;color:#000;transition:0.3s ease;font-weight:500;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.client_link:hover{text-decoration:none;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);color:#000;opacity:0.9;}
.wealth{margin-top:100px;position:relative;}
.corner{position:absolute;content:'';background-image:url('../img/border-corner.png');background-repeat:no-repeat;width:150px;height:150px;right:0;margin-top:-90px;}
.corner-1{position:absolute;content:'';background-image:url('../img/border-corner-1.png');background-repeat:no-repeat;width:150px;height:150px;left:30px;margin-top:-40px;}
.mtp{margin-top:30px;}
.team_margin{margin:auto;padding:0px 5px;}
.wp-block-separator{border:1px dashed #ccc!important;}

.management{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);background:#f5f5f5;}
.contact_group{background:#fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.employee_form{background:#fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-left:30px solid #facf03;}
.wp-block-image{margin-bottom:0px;}
.wpcf7-not-valid-tip{position:absolute;right:0!important;font-size:16px!important;}

.wpcf7-form-control .wpcf7-file{color:#000!important;}
.wpcf7-validation-errors, div.wpcf7-acceptance-missing{color:#ff0000;font-size:16px!important;position:absolute;}

.car{position:relative;}
.car::before{position:absolute;content:'';background:#facf03;width:30%;height:100%;right:0;}
.bg_traffic{position:relative;background-image:url("../img/permit_board.jpg");background-size:cover;height:200px;display:flex;align-items:center;text-align:center;color:#fff;}

.contact-ccl{position:relative;background-image:url("../img/contact--ccl.jpg");background-size:cover;background-position:center;}
.contact-cclt{position:relative;background-image:url("../img/contact-cclt.jpg");background-size:cover;background-position:center;}
.pum-container{background:#eee!important;border-top:10px solid #facf03!important;}
.pum-theme-572 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close{background:#eee!important;color:#000!important;font-weight:700!important;}
.pum-container p{font-size:18px!important;font-weight:400!important;line-height:40px!important;}
.pum-container h3{padding-bottom:10px;font-size:24px!important;font-weight:600!important;}
.pum-content.popmake-content{text-align:center!important;}
.pum-container{top:30%!important;left:50%!important;}
.wpcf7 form.sent .wpcf7-response-output { border-color: #facf03; position: absolute;margin-top: 5px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: #e67979!important;position: absolute;margin-top: 5px;color: #e67979;}
@media only screen and (max-width:1562px){
	#logo_navbar:after{width:70%;}
}
@media only screen and (max-width:1540px){
	.text_para p{position:absolute;top:35%;left:51%;max-width:500px;font-size:30px;line-height:38px;}
	.footer_menu{width:60%;}
	.topbar ul li {padding-right:40px;}
}
@media only screen and (max-width:1189px){
	.con_box {font-size:14px;padding:10px 10px;margin-top:-20px;}
	#management p{font-size:24px !important;}
	.text_para p{top:35%;font-size:24px;}
	 .qty_box-1{bottom:30%;background:#facf03;}
}
@media only screen and (max-width:1230px){
#logo_navbar:after{width:100%;}
}
@media only screen and (max-width:1329px){
	.topbar ul li a {font-size:16px;}
	.temp p{font-size:18px;max-width:}
}
@media only screen and (max-width:1155px){
	.footer_menu{width:90%;}
}
@media only screen and (max-width:1142px){
	.temp>img {margin-left:-30px;}
}
/*@media only screen and (max-width:1087px){
	.topbar ul li{padding-right:50px;}
	.con_box {padding:10px 3px;font-size:12px;}
	.text_para p{top:38%;}
	#management p{font-size:24px !important;padding-bottom:30px;padding-left:0px;}
	.qty h2{font-size:20px;}
	.qty-1 h3{font-size:20px;}
	.temp h2{font-size:20px;}
	.temp>img {
    float: left;
    width: 50%;
    margin-right: 30px;
    margin-left: -30px;
}
}
*/
@media only screen and (max-width:1012px){
	.temp p{max-width:340px;float:left;}
	}
@media only screen and (max-width:991px){
	.logo-ccl-1{width:30%;}
	.text_para p{top:45%;left:44%;max-width:400px;}
	.north{margin-top:0px;}
	.lb_list{width:50%;float:left;}
	.topbar{position:absolute;top:120px;right:0;}
	  #profile .col-md-4{width:30%;float:left;}
	  #profile{text-align:center;margin:0 auto;}
	  #profile h4{font-size:18px;}
	  #profile h5{font-size:22px;}
	#contract h3{left:23%;}
	#management h4{font-size:20px;}
#management h5{font-size:20px;}
	.phn{margin-top:0px;}
	.con_box {padding:10px 30px;font-size:16px;}
	.dial{position:absolute;top:30px;}
	#our_services .col-md-3{margin-bottom:30px;width:50%;float:left;}
	.abt{width: 50%;height:100%;float: right;}
	#about .col-md-6{width:50%;float:left;}
	#about h3{font-size:30px;}

	#about p{font-size:16px;padding-top:15px;line-height:28px;}
	#plan .col-md-2{width:50%;float:left;}
	#plan{margin:0 auto;}
	#plan h3{padding-bottom:30px;padding-left:10px;}
	.plan_box>div{margin-right:0px;}
	#clients .col-md-2{text-align:center;}
	#experience .col-md-2{width:18%;display:inline-block;padding:0 5px;}
	.txt{font-size:14px;}
	.txt_para{font-size:24px;}
	#footer_2 .col-md-3{width:33%;float:left;}
	.space{padding-top:0px;}
	.plan_box h3:after{display:none;}
	.plan_box h3{border:3px solid #000;}
	#experience{text-align:center;}
}
@media only screen and (max-width:890px){
	.text_para p{font-size:18px;top:49%;line-height:34px;}
	.logo-ccl{margin-left:-50px;}
	#logo_navbar ul li{padding-left:25px;}

	.inlineblock{padding:70px 10px;width:250px;height:250px;}
	header#front h2,footer#front h2{font-size:18px;}
.inlineblock-1{padding:70px 10px;width:250px;height:250px;}
.temp p{max-width:100%;float:left;margin-top:30px;}

#top_bar h4{margin-top:0px;margin-left:0px;}
}

@media only screen and (max-width:767px){
	.topbar{display:none;}
	.why_labour img{margin-bottom:20px;}
	.footer_menu ul li a{padding-right:10px;font-size:14px;}
	.menu-bar{display:none;}
	#logo_navbar:after{display:none;}
	.logo-ccl{margin-left:-10px;}
	.container-fluid{padding-right:10px;padding-left:10px;}
	#why_use h4{font-size:24px;}
	#why_use h3{font-size:26px;}
	#why_use{padding:50px 40px;}
	#our_services .col-md-3{width:100%;text-align:center;}
	#about .col-md-6{width:100%;}
	#banner-1 .card{height:500px;padding:50px 30px;width:350px;margin-top:50px;}
.card h3{font-size:35px;}
.card a{font-size:16px;padding:10px 15px;}
 #profile .col-md-4{width:100%;}
 .text_para p{max-width:350px;}
 .social-list ul{float:left;}
 .social-list ul li{padding-left:0px;padding-right:10px;}
 #labour_list h3{font-size:22px;}
 #labour_list h4{font-size:20px;}
 #labour_list ul li{font-size:18px;}
 #labour_list{margin:20px auto;}
 #experience .col-md-3{margin-bottom:30px;}
 button#responsive-menu-button {
    width: 55px;
    height: 55px;
    position: absolute !important;
    top: 35px !important;
    right: 5%;
 background: #000000;}
 .need_btn ul li {margin:20px 0px;}
  #header.fixed{display:none;}
}
/*@media only screen and (max-width:667px){
	.logo-ccl-1{width:50%;}
	.con_box {padding:10px 15px;font-size:14px;}
	.container-fluid{padding-right:30px;padding-left:30px;}
	.address ul li a{font-size:14px;}
	#plan .col-md-2{width:100%;}
	.inlineblock{padding:0px 0px;width:0px;height:0px;background:none;}
	.inlineblock-1{padding:0px 0px;width:0px;height:0px;background:none;}
header#front>div{padding:15px;color:#fff;position:absolute;width:100%;top:50%;text-align:left;}
footer#front>div{padding:15px;color:#fff;position:absolute;width:100%;top:50%;text-align:center;}
header#front>div a,footer#front>div a{padding:5px 10px;font-size:14px;margin-top:10px;display:inline-block;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;}
header#front h2{font-size:18px;color:#fff!important;}
footer#front h2{color:#000!important;}
}*/
@media only screen and (max-width:667px){
	#banner{height:200px;}
	header#front,footer#front{width:100%;height:50%;min-height:350px;position:absolute !important;}
	footer#front{top:50%;}
	.temp p,.temp_1 p{font-size:20px;}
	.temp{text-align:center;margin-top:0;}
	.temp>img{float:none;}
	.temp h2{top:0;background:#facf03;border-radius:5px;}
	.temp p, .temp_1 p{font-size:22px;width:100%;margin-right:0;margin-top:0;}
	.temp_1{width:100%;text-align:center;margin:0;margin-top:30px;}
	.temp_1>img{margin:0;float:none;}
	.qty h2,.qty-1 h3{background:#facf03;border-radius:5px;text-align:center;padding:10px;height:auto;line-height:30px;}
	.qty h2::before,.qty-1 h3::before{display:none;}
	#frontpage-center{display:none;}
	.footer_menu {width:100%;}
	
}
@media only screen and (max-width:550px){
  .logo-ccl{margin-top:-10px;}
  .temp img{width:70%!important;}
  #header .col-md-6{text-align:center;}
  #labour_list h3{font-size:20px;}
  #labour_list h4{font-size:16px;}

  #why_use h4{font-size:14px;}
  #inner_banner {height:200px;}
  #inner_banner h2{top:40%;font-size:30px;}
  .contact_clip{margin-left:0px;clip-path:none;font-size:20px!important;}
  iframe{height:200px!important;}
  .contact_details h6{font-size:16px!important;}
  .contact_details p{font-size:16px!important;}
  .contact-ccl{height:400px;}
  .contact-cclt{height:400px;}
  #top_bar ul{padding-top:5px;}
  .inner_clip{clip-path:none;}
  .footer_menu{clip-path:none;}
  .social_media p{font-size:14px;}
  
}
@media only screen and (max-width:478px){
	.address ul{float:left;padding-top:80px;}
	.address ul li a{padding-left:0px;}
	 button#responsive-menu-button {
    position: absolute !important;
	 top: 25px !important;}
	 #labour_list ul li{font-size:14px;}
	
	  #top_bar .col-md-6{padding-left:0px;padding-right:0px;}
	 #top_bar ul{padding-top:5px;float:left;margin-left:-15px;}
	 #top_bar h4{margin-top:0px;margin-left:-10px;font-size:18px;padding-top:5px;}
	.footer_menu ul li a {
	 padding-right: 5px;}.attach{font-size:14px!important;}
	 .logo-ccl-1 {width:50%;}
	
	 .black_box{height:12.7px;}
}