/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/



/*:root{--bg-yellow:#ffdd80;--bg-pink:#ffb1cc;--bg-black:#000;--bg-gray:#E5E5E5;--bg-light-sky:#0073E6;--bg-white:#fff;--bg-blue:<?php echo siteSetting('mc'); ?>;}*/
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;--bg-pink-dark:#c8bbff;}
body {font-family: 'DM Sans';color:#504e4e; font-size:1rem;letter-spacing: 0;}
a {color:var(--bg-blue);text-decoration: none;}
a:hover {color:var(--bg-black);text-decoration: none;}
h1{font-size:52px; color:var(--bg-black);font-weight:bold;}
h2{font-size:42px; color:var(--bg-black); font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-family: 'Manrope';}
h2 span{color:var(--bg-light-sky);}
h1 span{color:var(--bg-light-sky);}
.tagline-title {color:var(--bg-light-sky);}
h3{font-size:24px; color:var(--bg-black);font-weight: 700;}

.space{padding:50px 0;}
.container{max-width:1260px;}
.bg-gray{background:var(--bg-gray);}
.bg-black{background:var(--bg-black);}
.bg-yellow{background:var(--bg-yellow);}
/* header */
header {background-color: var(--bg-white);}
.fixed-top{padding:10px 0;border-bottom: 1px solid #1c498033;}
a.logo img {max-width: 250px;}
.who-we .items-ser {padding: 30px;}
span.mobile-nav {font-size: 42px;position:fixed;top: 0;right: 0; display:none; line-height:0; background:var(--bg-blue);}
.bi-x {display: none !important;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
span.mobile-nav.open .bi-list {display: none;}
span.mobile-nav.open .bi-x {display: block !important;}
/*menu*/
.headmenu {background: var(--bg-white);margin-top:0;}
ul.navigation {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.nav ul {margin: 0;padding: 0; list-style-type: none;}
.headmenu .nav ul li a {padding:10px;position: relative;font-weight:600;color:#000;text-transform: capitalize;background: none;
font-size: 16px;display: block;text-decoration: none;}
.headmenu .nav li.current_page_item a {color: var(--bg-blue);}
.headmenu .nav ul li {padding: 0px 1px; position: relative;z-index: 1;}

.navigation ul {position: absolute;padding: 20px;top: 40px;opacity: 0;left: 0;background-color: var(--bg-white);min-width: 220px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
padding-top: 15px;padding-bottom: 15px;border-radius: 3px;-webkit-box-shadow: 2px 20px 20px 0px #0c08081f;box-shadow: 2px 20px 20px 0px #0c08081f; height:0; overflow:hidden;}
.headmenu nav ul li>ul.subNav li a {color: #000;padding: 10px 0;border-bottom: 1px solid #eee;font-size: 14px;}
.headmenu nav ul li:hover>ul.subNav {opacity: 1;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;height: auto;}

.breadcrumb h1 {color:#fff;text-align: center;}
.breadcrumb {background:margin-top:70px; position:relative; margin-bottom:0;}
.breadcrumb .container{position: relative;}
.breadcrumb img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover; -webkit-filter: opacity(10%); filter: opacity(10%);}

img{ height:auto; width:auto;max-width:100%;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:var(--bg-white)}
a.mobile-nav-trigger.open {position: fixed;right: 0;z-index: 99999;width: 49px;background:var(--bg-yellow);top: 0;left: auto;color: var(--bg-white) !important;}
a.mobile-nav-trigger.open .bi-list {display: none;}
a.mobile-nav-trigger .bi-x {display:none;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
a.mobile-nav-trigger.open .bi-x{display:none;}
/* New Css Added */
.btn{-webkit-transition: .5s;-o-transition: .5s;transition: .5s;font-weight: 500;color:#fff;padding:10px 20px;display: table;background: var(--bg-blue);
border-radius: 50px;font-size: 18px;}
.btn:hover {-webkit-box-shadow: inset 200px 0 0 0 var(--bg-light-sky);box-shadow: inset 200px 0 0 0 var(--bg-light-sky);color:#fff;}

/*slider*/
.slider {min-height: 600px;position: relative;width: 100%;background-color:#fff;
padding:130px 0 40px;background-size: cover; overflow:hidden;}
.slidert-text .small {font-size: 26px;}
.slider .container {position: relative;}
.bigTitle {font-size:70px; color:var(--bg-black); line-height:92px; display: block;font-family: 'Manrope';font-weight:bold;}
.bigTitle span{color:var(--bg-yellow);}
.small{font-size: 1.125rem;}
.mid{font-size: 1.125rem;}
.slider-img {overflow:hidden;position:absolute;right:0;bottom:0px;width:45%;-webkit-filter: drop-shadow(115px 45px 0px var(--bg-yellow));filter: drop-shadow(115px 45px 0px var(--bg-yellow));
-webkit-animation: dzMove1 12s linear infinite;
animation: dzMove1 12s linear infinite;}
img.slid-img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-mask-image: url(../images/cover-bg.png);mask-image: url(../images/cover-bg.png);
-webkit-mask-position: center center;mask-position: center center;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100%;
mask-size: 100%;}

.call-btn {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #fff;gap: 10px;}
.call-btn .bi {color: #fff;background: var(--bg-yellow);display: -webkit-box;display: -ms-flexbox;display: flex;width: 50px;height: 50px;font-size: 30px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 5px;}
.call-btn span {display: block;font-size: 16px;line-height: 25px;}
.call-btn a {font-weight: 700;font-size: 24px;color: #fff;line-height: 24px;}
/*slider*/
ul.numberList {padding:20px;list-style-type: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; gap:20px; margin:0; margin-top:-130px;}
ul.numberList li{font-size:18px;-webkit-box-shadow: 0 0 10px #0000002e;box-shadow: 0 0 10px #0000002e;padding: 20px;border-radius: 10px;line-height:26px;height:100%; position:relative; background:#fff;}
.itembx{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;}
ul.numberList li span.numC {font-size: 80px;position:relative;font-weight: 900;color:var(--bg-yellow);}
ul.numberList li span {position: relative;z-index: 1;}
ul.numberList li:after {content: attr(data-name);position: absolute;font-size: 100px;font-weight: 600;width: 100%;line-height: 1;
text-align: right;letter-spacing: 10px;color: #fff;text-shadow: 0 0 1px var(--bg-yellow), 0 0 1px var(--bg-yellow), 0 0 1px var(--bg-yellow);
opacity: 0.7; top:0;display: block;left: 0;}
/*contact ua*/
.contactForm {-webkit-box-shadow: 0 0 20px #00000029;box-shadow: 0 0 20px #00000029;border-radius:20px;background: #fff;padding: 50px;}
.php-email-form.bg-black{background:var(--bg-black);}
.php-email-form span.title {font-size:32px;font-weight: bold; color:var(--bg-yellow); display: block; margin-bottom:20px;}
.php-email-form .form-control {border:1px solid #0808082b;font-size: 16px;height:50px;border-radius:5px;    background: #f9f9f9;}

section.space.bg-dark-img {background: url(../images/services-bg.png) no-repeat top;background-size: cover;position: relative;}
section.space.bg-dark-img .container{position:relative;}
ul.numberlist {list-style: none;counter-reset: item;    padding: 0;}
ul.numberlist li {counter-increment: item;margin-bottom: 15px;position: relative;padding-left: 35px;}
ul.numberlist li:before {margin-right: 10px;content: counter(item);background: var(--bg-yellow);border-radius: 100%;color: #000;width: 25px;height: 25px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;left: 0;font-family: none !important; font-weight: 700;}
ul.arrowlist {list-style: none;    padding: 0;}
ul.arrowlist li {margin-bottom: 15px;position: relative;padding-left: 30px;}
ul.arrowlist li:before {content: '\F270';font-family: "bootstrap-icons" !important;color: var(--bg-black);border-radius: 100%;position: absolute;left: 0;font-size: 28px;top: 11px;line-height: 0;}


footer#footer .footer-top{padding: 50px 0; color:rgba(255,255,255,.7);}
footer#footer .footer-top h3{ color:#fff; }
footer#footer .footer-top ul{margin:0; padding:0; list-style-type:none;}
footer#footer .footer-top a{color:rgba(255,255,255,.7);}
footer#footer .footer-top a:hover{color:#fff;}
footer#footer .footer-top li {margin-bottom: 15px;position: relative;padding-left: 30px;}
footer#footer .footer-top li:before {content: '\F270';font-family: "bootstrap-icons" !important;color:rgba(255,255,255,.7);border-radius: 100%;position: absolute;left: 0;font-size: 20px;top: 14px;line-height: 0;}
footer#footer .footer-top li:hover:before{color:#fff;}

.copyright{color:var(--bg-white);background:var(--bg-blue);border-top: 1px solid #eeeeee17;}
.copyright a:hover{color:var(--bg-white);}

.php-email-form textarea.form-control {height: 100px;}
img.right {-webkit-box-shadow: 4px 4px 0 var(--bg-yellow);box-shadow: 4px 4px 0 var(--bg-yellow);}
img.left {-webkit-box-shadow: -4px -4px 0 var(--bg-yellow);box-shadow: -4px -4px 0 var(--bg-yellow);}
.tagline span {background: #00000080;display: table;margin: auto;padding: 2px 30px;border-radius: 30px;font-size: 16px;color: var(--bg-yellow);margin-bottom: 11px;}
.testimonials .slide-card{padding: 30px; height:100%; color:#fff;  text-align: center;  background: #0000002e;}
span.star {color: #e7dc0b;}
.testimoni-icon .bi {font-size: 64px;background: var(--bg-yellow);display: -webkit-box;display: -ms-flexbox;display: flex;width: 100px;height: 100px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
border-radius: 50px;margin: auto;-webkit-box-shadow: inset 0 0 5px #0000009e;box-shadow: inset 0 0 5px #0000009e;}
.testimonials .slick-dotted.slick-slider {margin-bottom:0px;height: 100%;}
.testimonials .slide-card p{font-size:17px;}
.testimonials .slick-list{height: 100%;}
.testimonials .slick-track{height: 100%;}
.faq strong {background: var(--bg-light-sky);color: var(--bg-sky);padding: 8px;border-radius: 43px;font-size: 19px;margin-bottom: -8px;}
.faqSec .panel.panel-default.mb-4 {border-left: 3px solid var(--bg-yellow);border-right: 3px solid var(--bg-yellow);-webkit-box-shadow: 0 0 5px #eeeeee9e;box-shadow: 0 0 5px #eeeeee9e;}
h4.panel-title1 a.accordion-toggle.collapsed {color: var(--bg-black); font-size:16px;}
h4.panel-title1 a.accordion-toggle {font-size: 16px;display: block;padding: 15px; position: relative;    color: var(--bg-black);border-bottom: 1px solid #eee;}
.faqSec .panel-body {padding: 15px;}
.panel-heading1 a:before {content: "\F2EA";position: absolute;font-family: "bootstrap-icons" !important;top: 10px;right: 10px;font-size: 30px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.panel-heading1 a.collapsed:before {content: "\F4FE";position: absolute;font-family: "bootstrap-icons" !important;font-size: 27px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);top: 10px;right: 10px;}
.services-boxes {background: var(--bg-yellow);height: 100%;padding: 14px;text-align: center;border-radius: 29px;border: 2px solid;}
.br-40 {border-radius: 40px;}
.bg_yellow {background-color: var(--bg-yellow);}
.contact_sec {background:#111111;border-radius: 100px 100px 100px 100px;border:7px solid #ffffff;}
.contect-tittle {font-size: 2rem;}
.contact_btn .bg_c {background-color: #f3b007;padding: 4px 24px 4px 4px;color: #fff;font-size: 17px;border-radius: 30px;}
.contact_btn .bg_c {background-color: var(--bg-yellow);padding: 4px 24px 4px 4px;color: #111111;font-size: 17px;border-radius: 30px;}
.contact_btn span i {background: #111;width: 42px;height: 42px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 50px;
color: #fff;font-size: 21px;}
.contact-box {background: var(--bg-yellow);padding: 40px;border-radius: 115px;border-right: 5px solid;border-left: 5px solid;-webkit-box-shadow: 0px 3px 16px 2px;box-shadow: 0px 3px 16px 2px;}
.service-bx {-webkit-box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, .06);box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, .06);dispaly: flex !important;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;text-align: left;gap: 9px;border-radius: 30px 0;}

.descreptions-bx {width: 90%;border-left:2px solid var(--bg-yellow);padding-left: 14px;}

.caltoaction{background:url(../images/pest.jpg) no-repeat;background-size: cover;height: 100%;padding:30px; position: relative;}
.caltoaction .items {position: relative;border: 5px double #ffffff7a;padding: 20px;}
.caltoaction:before{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 100%;background: rgb(4 4 4 / 77%);}
.caltoaction h2 {font-weight: 600;font-size: 32px;line-height: 50px;}
.caltoaction .call-us span {display: block;color: #fff;font-size: 20px;}
.caltoaction .call-us a{-webkit-text-stroke-width: 1px;-webkit-text-stroke-color:#fff; font-size:42px; font-weight:900;color: #38353500;}
.caltoaction .call-us a:hover{color: #fff;-webkit-text-stroke-color:var(--bg-yellow);}
section.testimonials{position: relative;}
section.testimonials .container{position:relative;}
img.mid-img {height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;}


section.faqSec {position: relative; overflow:hidden;}
section.faqSec .container{position: relative; z-index: 9;}
section.faqSec:before{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;width:40%;background:url(../images/pest-control-services.jpg) no-repeat;
background-size: cover;}
section.faqSec .faqSec:after {content: '';display: block;position: absolute;top: -30px;bottom: -40px;left: -83px;width: 200px;background: #ffffff;
border-radius: 80%;-webkit-box-shadow:inset 10px 0px 0px #d1183f;box-shadow:inset 10px 0px 0px #d1183f;}
section.faqSec .faqinside{position: relative; z-index: 9;    padding: 50px 0;}
.faqSec {position: relative; background:#fff;}

section.call-to-action {background: url(../images/pestcontroll.jpg) no-repeat top;background-size: cover;position: relative;}
section.call-to-action .container{position: relative;}
section.call-to-action::before {content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 100%;background: rgb(4 4 4 / 77%);}
section.call-to-action h3{color:#fff; margin:0;}
section.call-to-action .call-us{min-width:260px;background:var(--bg-yellow);color:#fff;padding:10px 20px;border-radius:10px;outline:5px double #fff;}
section.call-to-action .call-us a{color:#fff; font-size:32px; font-weight:700;}

.blog-items {text-align: center;}
.blog-items h3{}
.blog-items a.btn-link {color: var(--bg-yellow);text-decoration: none;font-weight: 600;}

.blog-items .blog-img {padding: 20px;}
.blog-items span.post-date { background:var(--bg-yellow);color: #fff;padding: 5px 10px;display: table;margin: auto;margin-bottom: 10px;border-radius: 20px;font-size: 12px;}

.copyright a {color: #ffffff75;}
/*added by sachin*/
.text-size { font-size: 24px;font-weight: 900;}
.call-icon i {background-color: var(--bg-blue);display: -webkit-box;display: -ms-flexbox;display: flex;width: 40px;height: 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
color: #fff;border-radius: 50px; font-size:20px;}
.btn-btn {background-color: var(--bg-blue);color: #fff;padding: 9px 30px;position:relative;z-index:1;border:none;}
.btn-btn:before {background-color: #0073E6;position: absolute;content: '';left: 0;top: 0;width:23px;height: 100%;border-radius: 0.25rem 0 0 0.25rem;
z-index:0;}

.our-service { background-color: var(--bg-white);-webkit-box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
-webkit-transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;
-o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
margin: 11px;
border-radius: 20px;
position: relative;
padding:25px!important;
}
.number-of-srvice {
position: absolute;
top: 15%;
right: 0;
padding: 9px 78px 9px 20px;
border-radius: 30px 0 0 30px;
width: 150px;
height: 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px;
color: #f3f5f7;
background: -o-linear-gradient(45deg, #b9c6d8, transparent);
background: linear-gradient(45deg, #b9c6d8, transparent);
-webkit-box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
-webkit-transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;
-o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
font-size: 2rem;
font-weight: 800;
}
.service-icon img {
width: 80px;
height: 80px;
max-width: 100%;
min-width: 60px;
min-height: 60px;
}
.latest-projects{position:relative;}
.latest-projects img{border-radius:20px;}
.latest-projects:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
/* background: linear-gradient(45deg, #1c4980bf, #00000000); */
z-index: 1;
top: 0;
left: 0;
border-radius: 20px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0073e647), to(#000000b8));
background-image: -o-linear-gradient(top, #0073e647, #000000b8);
background-image: linear-gradient(to bottom, #0073e647, #000000b8);
}
.view-done-project h4 {
color: #ffffff;
margin-bottom: 18px;
}
.view-done-project {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
z-index: 2;
top: 70%;
width:66%;
}
.view-done-project a {
background-color: #0073E6;
padding: 6px 18px;
color: #fff;
border-radius: 30px;
}
.view-done-project a:hover{background:var(--bg-blue);}
.more-p .btn {
margin: auto;
}
.feedbaks {background-color: #fff;padding: 25px;-webkit-box-shadow:2px 2px 0px 5px #eeeeeea1;box-shadow:2px 2px 0px 5px #eeeeeea1;-webkit-transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;-o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
border-radius: 12px;
position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex; height:100%;
}
.T-icon{position: relative; min-width:150px; height:150px; margin-right:20px;}
.feedbaks .ratting {
position: absolute;
left:25px;
color: #0073e6;
bottom:70px;
font-size:16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; gap:5px;
}
.feedback-details span i {
position: absolute;
right: 50px;
font-size: 60px;
/* top: 50%; */
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
bottom: 21px;
}
.author-name {
font-weight: 700;
}
.feedback-details .sub-details {
color: #0073e6;
}
.feedback-bg{background:url(../images/feedback-bg.png);}
.feedback-bg:after {
background-color: #ffffff24;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.bg-color {
background-color: var(--bg-blue);color: #fff;
}
.bg-pink {
background: var(--bg-pink);
}
.bg-pink-dark {
background: var(--bg-pink-dark);
}
.our-responce {
text-align: center;
border-radius: 7px;
}
.satisfaction {
color: #1c4980;
}
.bg-color h2 {
color: #fff;
}
.satisfaction {
color: #1c4980;
font-weight: 600;
}
.responce-icon {
font-size: 65px;
}.total-counts span {
font-size: 2rem;
color: #1c4980;
font-weight: 800;
}

.text-item {
background-color: #fff;
-webkit-box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
-webkit-transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;
-o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
padding: 25px;
}
.text-item .btn-link {
text-decoration: none;
color: #000;
font-weight: 600;
}
.text-item i {
color: var(--bg-light-sky);
}
.thumnails {
-webkit-box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
-webkit-transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, -webkit-box-shadow 0.3s;
-o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.date-nd-author {
text-transform: uppercase;
font-size: 14px;
}
ul.arrow {
list-style: none;
padding-left: 0;
}
ul.arrow li {
position: relative;
padding-left: 22px;
margin-bottom: 15px;
}
ul.arrow li:before {
content: '\F26A';
position: absolute;
left: 0;
top: 0;
font-family: 'bootstrap-icons';
color: #0073e6;
}

ul.social-links li:before {
display: none;
}
ul.social-links li i {
background-color: #0073e6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50px;
color: #fff;
}

.itembox {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;background: #ffffff1f;padding: 10px;margin-bottom: 10px;    border-radius: 5px;}
.itembox .text-item {-webkit-box-shadow:0 0;box-shadow:0 0;padding:0; background:transparent; color:#fff;}
.itembox .icon-item{min-width:70px; display:-webkit-box; display:-ms-flexbox; display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:70px; margin-right:15px; position: relative;}
/*.itembox.odd .icon-item::before{content:''; display: block;background: url(../images/ellipse01.png) no-repeat;left:0; top:0;bottom:0; position:absolute;right:0;}*/
.itembox .icon-item img{position: relative;-webkit-filter: brightness(100);filter: brightness(100);}
/*.itembox.even .icon-item::before{content:''; display: block;background: url(../images/ellipse02.png) no-repeat right;left:0; top:0;bottom:0; position: absolute;right:0;}*/

.marquees{overflow: hidden;}
.marquees img {border-radius: 10px;}
.call-us a {font-weight: bold;color: #1c4980;font-size: 24px;margin-left: 10px;}
.thumnails img {width:100%;}
section.calltoaction {text-align: center; overflow:hidden;    position: relative;}
img.icon-right{position: absolute;bottom: -90px;left: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
img.icon-left {position: absolute;top: -130px;}
section.calltoaction:before {content: '';-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); background: url(../images/stars.png) no-repeat;position: absolute;
width:140px;height: 100%;left:30px;top:-22px;}

section.calltoaction:after{content: ''; background: url(../images/stars.png) no-repeat;position: absolute;width:140px;height: 100%;right: 0;
bottom: -45px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}



.who-we .items-ser img {max-width: 160px;}
.who-we .items-ser p{margin: 0; font-weight:bold;}
.shap-top img {width: 100%;}
.shap-bottom img {width: 100%;}

section.space.bg-blue .service-tagline {color: #fff;}
section.space.bg-blue .service-tagline h2{color: #fff;}
.service-bxx {background: #fff;padding:0px;text-align: center;height: 100%;}
a.btn.bg-white {color:#000;}
.service-bxx .text-areas{display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:40px; min-height:230px;}
.service-bxx h5{color:#000; font-weight: bold; font-size:24px;}
.service-bxx p{margin:0;}
.service-bxx.colum {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.our-feedback {font-weight: bold;}
.shap-bottom.ca img {height: 40px;}
.shap-top.ca img {height: 40px;}

body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {background:#fff;}
body::-webkit-scrollbar-thumb { border-radius: 20px;}

.items-box.misn-vsn {padding: 20px;color: #fff;position: relative;height: 100%;padding-left: 100px;display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;}
.items-box.misn-vsn .missn {position:absolute;color:#fff;background:#ffdd80;top:0;bottom:0;left:0;    width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-transform: uppercase;}
.items-box.misn-vsn .missn h2{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);margin:0; font-size: 32px;}

.service-items {padding:10px;text-align: center;height: 100%;}
.service-items .text-areas {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 40px;min-height: 230px;}
.service-items.colum {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.service-items a.service-ttle {color: #000;font-weight: bold;font-size: 24px;}
.service-items h5.service-ttle {color: #000;font-weight: bold;font-size: 24px;}

section.space.breadcrumb-career {padding-top: 120px;position: relative; color:#fff;    overflow: hidden;}
section.space.breadcrumb-career h1{color:#fff;}
section.space.breadcrumb-career h1 span {font-size: 50px;color: #ffdd80;font-weight: 100;}
section.space.breadcrumb-career .container{position: relative;}
section.space.breadcrumb-career:before{content:'';position:absolute;width:100%;height:100%;top:0;
-webkit-clip-path:polygon(0 0, 150% 0, 0 100%, 0% 100%);
clip-path:polygon(0 0, 150% 0, 0 100%, 0% 100%);}
section.space.breadcrumb-career .btn {background: #ffdd80;}
section.space.breadcrumb-career .btn:hover{color:#fff;}
.job-opening {background: #eeeeee61;padding: 30px;height: 100%;border-radius: 20px;-webkit-box-shadow: 0 0 10px #0000004a;box-shadow: 0 0 10px #0000004a;}
.job-opening h2 {font-size: 32px;}
button.btn.btn-yellow {background: #ffdd80;}
button.btn.btn-yellow:hover{color:#fff;}
section.map {position: relative;top: 85px;}
.shap-top {position: relative;}
.address {padding: 30px;border-radius: 20px;}
.address a{color:#fff;}
.address .location {background: #ffffff21; padding: 20px; margin-bottom: 10px;}
.address .phone{background: #ffffff21; padding: 20px; margin-bottom: 10px;}
.address .email{background: #ffffff21; padding: 20px; margin-bottom: 10px;}
.address .social_links{background: #ffffff21; padding: 20px; margin-bottom: 10px;}
ul.social {list-style-type: none;padding: 0;margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;gap: 20px;font-size: 32px;}


.aboutimage {position:relative;-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;}
@-webkit-keyframes spin { 
100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);} 
}


@-webkit-keyframes topBubbles
{
0%
{
background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
}
50%
{
background-position: 0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
}
100%
{
background-position: 0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}
}


@keyframes topBubbles
{
0%
{
background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
}
50%
{
background-position: 0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
}
100%
{
background-position: 0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}
}

@-webkit-keyframes bottomBubbles
{
0%
{
background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0;
}
50%
{
background-position: 0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0;
}
100%
{
background-position: 0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}
}

@keyframes bottomBubbles
{
0%
{
background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0;
}
50%
{
background-position: 0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0;
}
100%
{
background-position: 0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}
}


.service-items-img img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.service-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 50px;}
.service-items-img {width: 400px;min-width: 400px;height: 400px;border-radius: 200px;overflow: hidden;}
.btn-learnmore {font-size: 20px;padding: 18px 47px 17px;display: inline-block;border-radius: 10px;font-weight: 600;
position: relative;}

.btn-learnmore:hover:before{    display: block;
opacity: 1;
pointer-events: none;
visibility: visible;    -webkit-animation: topBubbles ease-in-out .75s forwards;    animation: topBubbles ease-in-out .75s forwards;
background-image: -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, transparent 20%, CurrentColor 20%, transparent 30%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, transparent 10%, CurrentColor 15%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%);
background-image: radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, transparent 20%, CurrentColor 20%, transparent 30%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, transparent 10%, CurrentColor 15%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%);
background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
top: -75%;background-repeat: no-repeat;
content: '';
/* display: none; */
height: 100%;
left: -20%;
/* opacity: 0; */
position: absolute;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
transition: all ease-in-out .5s;
/* visibility: hidden; */
width: 140%;
z-index: -1000;}
.btn-learnmore:hover:after{ display: block;
opacity: 1;
pointer-events: none;
visibility: visible;    -webkit-animation:bottomBubbles ease-in-out .75s forwards;    animation:bottomBubbles ease-in-out .75s forwards;
background-image: -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, transparent 20%, CurrentColor 20%, transparent 30%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, transparent 10%, CurrentColor 15%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%), -o-radial-gradient(circle, CurrentColor 20%, transparent 20%);
background-image: radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, transparent 20%, CurrentColor 20%, transparent 30%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, transparent 10%, CurrentColor 15%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%), radial-gradient(circle, CurrentColor 20%, transparent 20%);
background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
bottom: -75%;background-repeat: no-repeat;
content: '';
/* display: none; */
height: 100%;
left: -20%;
/* opacity: 0; */
position: absolute;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
transition: all ease-in-out .5s;
/* visibility: hidden; */
width: 140%;
z-index: -1000;}

.service-items-img2 img {
width: 200px;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100px;
display: block;
margin: auto;
}
.serv-items h2.service-ttle {
font-size: 28px;
}


@media screen and (min-width:200px) and (max-width:991px){
ul.navigation{display: block;}
.headmenu nav.nav.mobile-menu {position: fixed;left: 0;background: var(--bg-blue);overflow: auto;top: 0;display: block;margin: 0;bottom: 0;max-width: 75%;
width: 350px;z-index: 9999;left: -75%;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;padding-top: 20px;}
.headmenu.open nav.nav.mobile-menu {left: 0;}

.slider{padding: 100px 0 40px;position: relative;overflow: hidden;}
h1 {font-size: 32px;}
h2 {font-size:26px;}
h3 {font-size:20px;}
span.mobile-nav {display:block;}
.headmenu .nav li.current_page_item a {color:#fff;}
.headmenu .nav ul li a{color:#fff;}
.space {padding: 30px 0;}
.bigTitle{font-size: 48px; line-height: 68px;}
.navigation ul{position: relative;height:auto;opacity: 1;top: 0;padding: 15px;left: 13px;}
.contact_sec{border:0;border-radius:0;}
.call-us {margin-right: 50px;}
footer#footer .footer-top{padding:50px 0 0;}
}

@media screen and (min-width:100px) and (max-width:479px){
.stycky-phone {display: block;background: var(--bg-yellow);color: var(--bg-black);text-align: center;padding:5px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-top: 0;gap: 10px;font-size: 24px; font-weight: bold;}
.stycky-phone a {color: var(--bg-white);font-size: 20px;}
.fixed-top .container .btn{display:none;}
a.logo.m-0{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;    width: 100%;}
.fixed-top{padding:0;}
.call-us {display:none !important;}
a.logo.m-0{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;}
.fixed-top{padding: 10px 0;}
span.mobile-nav{color:#fff; top:10px;}
}
@media screen and (min-width:100px) and (max-width:767px){
.view-all-service {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.service-items.colum{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.service-items .text-areas{min-height:auto; padding:10px;}
}
@media screen and (min-width:480px) and (max-width:991px){
.stycky-phone{display: none;}
span.mobile-nav{color: var(--bg-white); top:8px;}
a.logo img {max-width: 150px;}

.fixed-top .container .btn {padding: 0;background: transparent;border: 0;color: var(--bg-yellow);font-size: 24px;font-weight: bold;margin-right: 40px;}
}



/*admin css start from here*/



.Main-sidemenu {
border-top: 1px solid #eee;
}
.Main-sidemenu nav.nav.mobile-menu li a {
padding: 12px;
display: inline-block;
}
.Main-sidemenu nav.nav.mobile-menu li a {
padding: 12px;
display: inline-block;
font-size: 1rem;
/* font-weight: 600; */
color: #43568a;
}


/* style css */
.fixed-top{position: sticky!important;}
button.btn.btn-yellow {
color: #fff !important;
width: 100%;
}
.php-email-form .btn:hover {
-webkit-box-shadow: none;
box-shadow: none;
/* opacity: 0.90; */
background-color: #004aade0;
-webkit-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}

.Main-sidemenu ul.navigation-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* align-items: center; */
}


.fixed-top{padding: 0!important;}

.navbar-items {
background-color: #fff;
}

.navbar-items {
list-style-type: none;
margin: 0;
padding: 0;
}

.navbar-items > ul > li {
position: relative;
display: inline-block;
}

.navbar-items a {
display: block;
color: white;
text-align:start;
padding: 14px 16px;
text-decoration: none;
}



.sidebar-submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
z-index: 1;
-webkit-box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
}

.sidebar-submenu li {
width: 200px;
}

.sidebar-submenu a {
padding: 12px 16px;
}

.navbar-items li:hover .sidebar-submenu {
display: block;
}


.Main-sidemenu nav.nav.mobile-menu li a:hover {
color: #fff;
width:100%
}


.employee-btn a, .btn-shafe {
font-size: 12px;
padding: 5px 15px;
border-radius: 0;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .16), 0 1px 21px rgba(0, 0, 0, .23);
box-shadow: 0 0px 0px rgba(0, 0, 0, .16), 0 1px 21px rgba(0, 0, 0, .23);
border-radius: 4px;
font-weight: 400;
}
.employee-dashbord label b {
text-transform: uppercase;
font-size: 11px;
color: #2a313dab;
}
.EmployeeList-Table th {font-weight: 500;}
.EmployeeList-Table.table>:not(:last-child)>:last-child>*{  border-bottom-color: none;}
.EmployeeList-Heading{color: #fff;}






/* 
.managerLogin {
background-color: #fff;
box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
display: flex;
align-items: center;  
z-index: 2;
gap:35px;
position: relative;}
.managerLogin {
background-color: #fff;
box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
}

.manager-bx {
background: #eceff7;
padding: 50px;
position: relative;
z-index: 0;
}
.manager-bx:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 75%;
height: 50%;
background: #c8bbff;
}
.manager-bx:after {
content: '';
position: absolute;
width: 40%;
height: 40%;
background: #ffb1cc;
right: 0;
top: 0;
}
.managerLogin img {
background: #eaedf5;
padding: 20px 20px 0;
} */


/* form-css */
.form-container input[type="text"], .form-container input[type="email"], .form-container select, .form-container input[type="date"], .form-container input[type="file"] {
width: calc(100% - 10px);
padding: 15px 30px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
color: #00000091;
border-radius: 30px;
}
.input-fields {
position: relative;
}
.input-fields input, .input-fields .select2-selection--single {
height: 55px;
border-radius: 50px !important;
}
.input-fields label.label-absolute {
position: absolute;
top: -13px;
left: 30px;
font-weight: 400;
color: #009ce7e8;
z-index: 1;
padding: 0 5px;
font-size: 15px;
}
.input-fields textarea {
width: 100% !important;
border: 1px solid #ccc;
}
.input-fields input#image, .input-fields input#invoice, .input-fields input#asset_pic, #clientProfile, #profile_pic {
border-radius: 0 !important;
padding: 10px;
}
.form-check .mr-4 .form-check-input{
height: 18px !important;
width: 18px!important;
margin-left: 0px !important;
}
.form-check {
gap: 9px;
font-size: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;                                   
display: -ms-flexbox;
display: flex;
padding-left: 0;
}
.input-fields label.label-absolute:before {
content: '';
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 55%;
z-index: -1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.form-container {
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-box-shadow:0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
box-shadow:0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
}

/* Style for form labels */
.form-container label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.blog-item .text-item i.fa-solid.fa-pencil {
color: #fff;
}
/* Style for form inputs */

/* Style for form submit button */
.form-container button[type="submit"] {
width:auto;
padding: 10px 25px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}

/* Hover style for form submit button */
.form-container button[type="submit"]:hover {
background-color: #0056b3;
}

#image-preview-asset_pic{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1rem;
margin-bottom: 1rem;
}

#image-preview-invoice{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1rem;
margin-bottom: 1rem;
}

.wt-breadcrumb {
margin: 0;
list-style: none;
}

.wt-breadcrumb li {
padding: 0;
margin-right: 3px;
position: relative;
display: inline-block;
font-size: 12px;
}

.breadcrumb-style-2 li:after {
content: "\f101";
margin-left: 7px;
font-family: "FontAwesome";
font-size: 16px;
font-weight: normal;
}

.breadcrumb-style-2 li:last-child::after {
content: none;
}


/* dashbord page css */
.Icon-img i {
position: relative;
width: 90px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 2rem;
position: absolute;
top: -30px;
left: 20px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4);
border-radius: 3px;
}
.mb-55{margin-bottom:55px;}
.Dashbord-subtitle {
font-size: 15px;
text-transform: capitalize; 
}
.Employee-card .total-count {
font-size: 1.4rem;
}
.last-update-date span {
font-size: 14px;
}
.bg-orange{background: -o-linear-gradient(30deg,#ffa726,#fb8c00);background: linear-gradient(60deg,#ffa726,#fb8c00);}
.bg-pink-dark{background: -o-linear-gradient(30deg,#ec407a,#d81b60);background: linear-gradient(60deg,#ec407a,#d81b60);}
.bg-dark-sky{background: -o-linear-gradient(30deg,#26c6da,#00acc1);background: linear-gradient(60deg,#26c6da,#00acc1);}
.page-wrapper {
background-color: #eee;
}
.EmployeeList-Table .img-avatar img {
width: 55px;
max-width: 55px;
height:55px;
-o-object-fit: cover;
object-fit: cover;
display: inline-block;
border-radius: 50%;
background: transparent;
padding: 3px;
border: 1px solid #ccc;
}.example {
display: -ms-grid;
display: grid;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
background: -o-linear-gradient(top, white, black);
background: linear-gradient(to bottom, white, black);
}
img#existing-image {
    width: 200px;
    height: 200px;
    object-fit: cover;
    text-align: center;
    justify-content: center;
    display: flex;
    margin: auto;}
.nav.panel-tabs.btnTab a {
    background: #0689fa;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 12px 12px 0 0;
    font-size: 15px;
    color: #fff;
}
.employee-detais-card {
    background:#ddd;
    padding: 50px;
}
.input-fields .form-control:disabled, .form-control[readonly] {
    background: #fff;
}
.employee_profile img.profilePic {
    max-width:125px;
    height: auto;
}
.employee_full-detail-info p{
    margin-bottom:3px;
}
.employee_full-detail-info {
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(24, 26.000000000000007, 32, 0.08);
}
textarea#projectDescription {
    padding: 0px 30px;
    border-radius: 30px;
    padding-top: 5px;
}

button.status-btn-danger {
    border: 1px solid;
    background-color: #ee2400;
    color: white;
    border-radius: 17px;
    padding: 4px 10px 4px 10px;
}
button.status-btn-success {
    border: 1px solid;
    background-color: #2eb774;
    color: white;
    border-radius: 17px;
    padding: 4px 10px 4px 10px;
}
button.status-btn-warning {
    border: 1px solid;
    background-color: #ffe599;
    color: white;
    border-radius: 17px;
    padding: 4px 10px 4px 10px;
}
.dot-label {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-inline-end: 5px;
}
.bg-warning, .badge-warning {
    background-color: #ffbc34 !important;
}
.bg-success, .badge-success {
    background-color: #27c24c !important;
}