.fluid0 { padding: 0; margin: 0; }
.ulpadding { list-style: none; padding-left: 0; }
@media (min-width: 1500px){ .container{ max-width:1440px!important;} }

/*** Spinner ***/
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}
/*** Boxpadding ***/
.boxpadding {padding-bottom: 22px;}
/*** Button ***/
.btn {font-weight: 500;transition: .5s;}
.a:hover {color: none;text-decoration: none;}
.btn.btn-primary,
.btn.btn-outline-primary:hover {
 color:#FFFFFF;
 background-color:#01AEF2!important;
 border-color:#01AEF2!important;
}
.bodybg{background-color: #D7D7D7;}
.bgwhite{background-color: #FFFFFF;}
/********** Template CSS **********/
.form-control { background-color: transparent!important; border: 1px solid #c8cbcd; border-width: 0px 0px 1px 0px; border-radius: 0px; padding: 35px 0px 10px 0px; color: #676767;}

/*** whatsapp chat icon ***/
.whtsapp-icon { 
 position: fixed; 
 right: 90px;
 bottom: 45px; 
 z-index: 120; 
 
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 transition: 250ms color;
 -webkit-transition: 250ms color;
 -moz-transition: 250ms color;
 -ms-transition: 250ms color;
 -o-transition: 250ms color;
 animation-name: wave;
 animation-duration: 1s;
 animation-timing-function: linear;
 animation-iteration-count: infinite; 
}
@keyframes wave {
 0% {box-shadow: 0 0 0px 0px rgba(85, 150, 108, 0.5);}
 100% {box-shadow: 0 0 0px 15px rgba(85, 150, 108, 0);}
}
/*** go top ***/
.gotop { position: fixed;
 display: none;
 right: 20px;
 bottom: 45px;
 z-index: 99;
 padding: 2px 15px;
 border-radius: 15%;
 color: #ffffff;
 background-color: #e3c774;
 border-color: #e3c774;
 box-shadow: rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 8px 4px, rgb(0 0 0 / 9%) 0px 16px 8px, rgb(0 0 0 / 9%) 0px 32px 16px;
} 
.gotop:hover{color: #FFFFFF;}
.back-to-top { position: fixed; display: none; right: 20px; bottom: 35px; z-index: 99;padding: 2px 15px;}
.topicon {
 line-height: 2.5 !important;
 vertical-align: -9px !important;
}
a {color:none !important;text-decoration: none!important;}
.slick-list { padding: 0!important;}

/************************ input ends ************************/

/********** navbar starts **********/
.navbar {display: flex;}
.nav{margin-top: -35px !important;}
nav.navbar.bootsnav ul.nav > li > a {
 font-family: 'Poppins', sans-serif;
 color: #D7D7D7;
 font-size: 16px;
 font-weight: 600;
 line-height: 40px;
 padding: 0px 45px 0px 0px!important;
}
.navbar {display: flex;}
nav.navbar.bootsnav ul.nav > li > a.active{background-color:transparent;color:#000;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
 padding: 0px 10px 0px 10px;
 margin: 0px;
 border: solid 0px;
}
.topnav{ display:inline-block!important; vertical-align:middle; padding-right:32px;}
.topnavlink{ color:#00588C; font-size:25px;}
.sticky-top { top: -100px; transition: .5s;}
.navbar .navbar-brand,
.navbar a.btn { height: 75px;}
.navbar .navbar-nav .nav-link {
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 padding: 0px 40px 0px 0px;
 color: #BDC3C9; 
 font-weight: 400;
 text-transform: uppercase;
 outline: none;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active { color:#194E78!important;}
.navbarsubmenu{
 font-family: 'Poppins', sans-serif;
 font-size: 17px;
 font-weight: 500;
 color: #093220;
 display:inline-block;
 vertical-align:middle;
 padding-bottom:20px;
}
.navbarsubmenu:hover{ color: #AB8039;}

/*** dropdown menu ***/
.dropdown-menu{ background-color:#fff!important;border-radius:0;border-color:#AB7F39;padding:10px 10px;}
.dropdown-menu .dropdown-item{
 color: #000000; 
 border-bottom:1px dashed #AB7F39; 
 padding:0px!important;
 line-height: 35px;  
}
.dropdown-menu .dropdown-item:hover{
 color: #AB7F39!important;
 background-color:#E0ECE7!important; 
}
.dropdown-menu.active, .dropdown-item:active {
 color: #AB7F39;
 text-decoration: none;
 background-color:#E0ECE7!important;
}
.navbar .dropdown-toggle::after {
 border: none;
 content: "";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 vertical-align: middle;
 margin-left: 8px;
}
.shadow-sm {box-shadow: none !important;}
.navbar-expand-lg .navbar-collapse {
 display: flex !important;
 flex-basis: auto;
 vertical-align:middle!important;
}
/*** megamenu ***/
.megamenu-group {
 display: flex;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 border-radius: 8px;
}
.megamenu-group-item {
 position: relative;
 display: block;
 padding: 0.5rem 1rem;
 color: #212529;
 background-color: #fff;
 border: 1px solid rgba(0,0,0,0.125);
}
.megamenu-group-item:first-child {
 border-top-left-radius: inherit;
 border-top-right-radius: inherit;
}
.megamenu-group-item+.list-group-item {
 border-top-width: 0;
}
.megamenu-group-item:last-child {
 border-bottom-right-radius: inherit;
 border-bottom-left-radius: inherit;
}
.toplanguagebox01{
 font-family: 'Poppins', sans-serif;
 font-size:12px;
 font-weight:400;
 line-height:20px;
 background: transparent;
 color:#F4811F;
 border: none;
 border: 1px solid #F4811F;
} 
.toplanguagebox02{
 font-family: 'Poppins', sans-serif;
 font-size:12px;
 font-weight:400;
 line-height:20px;
 background: transparent;
 color:#FFFFFF;
 border: none;
 border: 1px solid #FFFFFF;
}
.toplanguagebox01:hover{color:#FFFFFF;background:#F4811F;}
.toplanguagebox02:hover{color:#F4811F;background:#FFFFFF;}
#header {position: relative!important;}
.aboutlisthead{
 font-family: 'Poppins', sans-serif!important;
 color: #000!important;
 font-size: 16px!important;
 font-weight: 500!important;
 line-height: 20px!important;
}
.tcategorylinkhead {
 font-family: 'Poppins', sans-serif;
 color: #FAC101;
 font-size: 26px;
 font-weight: 400;
 outline: none;
 padding: 0px;
}
.ttoplinkactive{
 font-family: 'Poppins', sans-serif;
 color: #DFC179!important;
 font-size: 16px;
 font-weight: 600;
 line-height:40px;
}
.tmaillinkactive{
 font-family: 'Poppins', sans-serif;
 color: #c99311!important;
 font-size: 16px;
 font-weight: 600;
 line-height:40px;
}
.downloadbtn .img-top {display: none;transition:0.9s ease all;}
.downloadbtn:hover .img-top {display: inline;transition:0.9s ease all;}
.downloadbtn:hover .img-back {display: none;transition:0.9s ease all;}
/********** navbar ends **********/

/********* home banner starts ************/
.bgyellow{background-color:#DFC179;padding: 25px 70px;}
.bggray{background-color:#D7D7D7;padding: 25px 70px;}
.bggray01{background-color:#d7d7d7}
.carousel{margin-top: -38px;background: linear-gradient(-180deg, #4C4D4F 76.3%, #D7D7D7 76.3%);}
.carousel-caption{bottom: 35%;}
.carouselhead{
 font-family: 'Poppins', sans-serif;
 font-size: 40px;
 font-weight: 700;
 color: #D7D7D7;
 line-height: 50px;
 bottom: 56%;
 left: 13%;
 text-transform:uppercase;
 animation:fadeInUp 2s ease backwards;
}
.carouselsubhead{
 font-family: 'Poppins', sans-serif;
 font-size: 40px;
 font-weight: 700;
 color: #D7D7D7;
 animation-delay: 0.3s;
 line-height: 50px;
 bottom: 46%;
 left: 11%;
 text-transform:uppercase;
 animation:fadeInUp 4s ease backwards;
}
.carouselsubhead01{
 font-family: 'Poppins', sans-serif;
 font-size: 40px;
 font-weight: 700;
 color: #D7D7D7;
 animation-delay: 0.5s;
 line-height: 50px;
 bottom: 36%;
 left: 16%;
 text-transform:uppercase;
 animation:fadeInUp 6s ease backwards;
}
.bannerdivtext{
 position: absolute;
 right:0%;
 animation-delay: 0s;
 bottom: 0%;
 background-color:#FFFFFF;
 width: 30%;
 z-index:2;
}
.ttopcontacts{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 600;
 color: #4B4D4F !important;
 line-height: 28px;
}
.ttopcontactslink{
 font-family: 'Poppins', sans-serif;
 font-size:16px;
 font-weight:400;
 color:#4B4D4F;
 line-height:26px; 
}
.ttopcontactslink:hover{color:#4B4D4F!important;}
.carousel-indicators [data-bs-target] {
 display: inline-block;
 width: 8px;
 height: 8px;
 margin: 2px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #000 \9;
 background-color: #fff;
 border: 1px solid #fff;
 border-radius: 10px;
 background-color: #fff;
 opacity: .8;
}
.carousel-indicators {
 position: absolute;
 display: inline;
 top: 40%;
 right: 80%;
 z-index: 14;
 padding-left: 116px;
 margin-left: 0%;
 text-align: center;
 list-style: none;
}
.carousel-indicators .active {
 display: inline-block;
 width: 8px;
 height: 8px;
 margin: 2px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #000 \9;
 background-color: hsla(0, 18%, 95%, 0);
 border: 1px solid #DFC179;
 border-radius: 10px;
 background-color: #DFC179;
 opacity: .8;
}
@keyframes fadeInUp{
  0%{transform:translate(0px, 100px); opacity: 0;}
  100%{transform:translate(0px, 0); opacity: 1;}
}
/********* home banner ends ************/
/********* home welcome starts ************/
.bgdark{background-color: #4C4D4F;}
.twelcomehead{
 font-family: 'Poppins', sans-serif;
 font-size: 28px;
 font-weight: 300;
 color: #DFC179 !important;
 line-height: 38px;
}
.twelcomesubhead{
 font-family: 'Poppins', sans-serif;
 font-size: 48px;
 font-weight: 600;
 color: #D7D7D7 !important;
 line-height: 55px;
}
.vl {border-right: 1px solid #DFC179; height: auto;}
.twelcometext{
 font-family: 'Poppins', sans-serif;
 font-size: 20px;
 font-weight: 400;
 color: #D7D7D7 !important;
 line-height: 33px;
 text-align:justify;
}
.welcomebtn{
 font-family: 'Poppins', sans-serif;
 font-size:18px;
 font-weight: 400;
 color:#D7D7D7;
 border:1px solid #D7D7D7;
 text-align:center;
 position:relative;
 display:inline-block;
 cursor:pointer;
 box-sizing:border-box;
 overflow:hidden;
 transition:all .5s ease;
 z-index:2;
 padding:10px 30px;
}
.welcomebtnhover{
 position:absolute;
 background:#DFC179;
 width: 100%;
 height: 100%;
 padding:10px 30px;
 top:-50px;
 transition:all .5s ease;
 z-index:1;
 left: 0;
}
.welcomebtn:hover {border:1px solid #DFC179;}
.welcomebtn:hover .welcomebtnhover{top:0;color:#FFFFFF!important;}
/********* home welcome ends ************/


/********* home service starts ************/
.card{background-color: #4C4D4F;border-radius: 0px;border:unset;transition:0.9s ease all;}
.servicebox{position:relative;border-top: 2px solid #88898B;border-bottom: 2px solid #88898B; }
.servicebox::before,
.servicebox::after {
 content: '';
 background-color: #88898B;
 top: -15px;
 bottom: -15px;
 left: 8px;
 position: absolute;
 width: 2px;
 z-index: 1;
}
.servicebox::after {left: auto;right: 8px;}
.card-header {background-color: #4c4d4f;padding: 15px 15px 0px 15px;border-bottom:unset;transition:0.9s ease all;}
.card-body {padding: 15px 15px;}
.card-title{
 font-family: 'Poppins', sans-serif;
 font-size: 22px;
 font-weight: 500;
 color: #D7D7D7;
 line-height: 32px;
 transition:0.9s ease all;
}
.card-footer {background-color: #4c4d4f;padding: 0px 15px 15px 15px;border-top:unset;transition:0.9s ease all;}

.card:hover{background-color: #333435;transition:0.9s ease all;}
.card:hover .card-header{background-color: #333435;transition:0.9s ease all;}
.card:hover .card-footer{background-color: #333435;transition:0.9s ease all;}
.card:hover .card-title{color: #DDBF79;transition:0.9s ease all;}
/********* home service ends ************/

/********* home projects ends ************/
.tprojecthead{
 font-family: 'Poppins', sans-serif;
 font-size: 22px;
 font-weight: 500;
 color: #4B4D4F;
 line-height: 32px;
}
.tprojectsubhead{
 font-family: 'Poppins', sans-serif;
 font-size: 48px;
 font-weight: 600;
 color: #4B4D4F;
 line-height: 58px;
}
.tprojectsubhead01{
 font-family: 'Poppins', sans-serif;
 font-size: 22px;
 font-weight: 500;
 color: #333335;
 line-height: 32px;
}
.tprojecttext{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #4B4D4F;
 line-height: 26px;
}
.slick-dots {display: flex !important;justify-content: left;left: -608px!important; bottom: 48px!important;}
.slick-dots li {margin: 0 5px;background-color:#979597!important;width: 10px!important;height: 10px!important;}
.slick-dots li button {
 width: 10px!important;
 height: 10px!important;
 border-radius: 0;
 background-color: #ccc;
 border: 1px solid #ccc;
}
.slick-dots li button::before {
 content: ''!important;
 display: block;
 width: 100%;
 height: 100%;
 border-radius: 0;
 color: #979597 !important;
}
.slick-dots li.slick-active button {background-color: #000;border-color: #000;width: 10px!important;height: 10px!important;}
.slick-dots li.slick-active button:before {opacity: .75;color: #000!important;}
.projectimg{overflow:hidden;}
.projectimg img {width: 100%;height: auto;transition: all 0.5s ease 0s;}
.projectimg:hover img {transform: scale(1.2);}
/********* home projects ends ************/
/****** clients starts ******/
.clients-slide01 .slick-carousel {width: auto!important;}
.slick-carousel01 .slick-cloned{display:none!important;}
.clients-slide01 .slick-slide {
 width:auto!important;
 padding: 0px 5px;
 text-align: center;
}
.clients-slide .slick-carousel:hover .slider-item{animation-play-state:paused;}
.slider-item img{border-radius: 0px;}
.clients-slide01 .slick-list{padding:0px!important;}
.slick-slide:nth-child(odd) {
  background:;
}
.clients-slide02 .slick-carousel {width: auto!important;}
.slick-carousel02 .slick-cloned{display:none!important;}
.clients-slide02 .slick-slide {
 width:auto!important;
 padding: 0px 5px;
 text-align: center;
}
.clients-slide02 .slick-list{padding:0px!important;}
.clientborder {padding: 10px 40px;}
/****** clients ends ******/
/********** bottom classes starts **********/
.bottombg { background-color: #4C4D4F; }
.tbottomhead{ 
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color:#D7D7D7;
 font-weight:500;
 line-height:30px;
 text-transform:uppercase;
}
.tbottomtextrightline {
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color:#707070;
 line-height: 25px;
 font-weight: 400;
}
.tbottomlinks{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color:#D7D7D7;
 font-weight:400;
 line-height:30px;
 transition:0.9s ease all;
}
.tbottomlinks:hover{ color: #DFC179;transition:0.9s ease all;}
.tbottomlinksactive{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color: #DFC179;
 font-weight:400;
 line-height:30px;
}
.tbottomlinks:hover{ color: #DFC179; transition: 200ms;}
.tbottomlinksactive:hover{ color: #DFC179; transition: 200ms;}
.bottom-left-border{border-left: 1px solid #67686a;}
/************* copyright starts *************/
.bottomcopyrightbg { background-color: #4A7DBC; }
.tcopyright{
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 color: #D7D7D7;
 font-weight: 400;
 line-height: 17px;
}
.tcopyrightcompany{
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 color: #D7D7D7;
 font-weight: 600;
 line-height: 17px;
}
.tdesignby{
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 color: #D7D7D7;
 font-weight: 400;
 line-height: 17px;
}
/************* copyright ends *************/
/********** bottom classes ends **********/
/************************ social icons starts ************************/
.smGlobalBtn { display: inline-block; position: relative; cursor: pointer; width: 30px; height: 30px;border:0px solid #ddd; box-shadow: 0px #999; padding: 0px; margin-left: 0px; text-decoration: none;text-align: center; color: #fff; font-size: 15px; font-weight: normal;line-height: 32px;border-radius: 27px; -moz-border-radius:27px;-webkit-border-radius:27px;transition:0.7s ease all;margin-right: 10px;z-index:99;}
.tbottomcontactlinks:hover{color:#ED1C24; transition-timing-function: ease-in-out; transition-duration: 1s; }
/* facebook button class*/
.facebookBtn{color:#FFFFFF;background-color: #4C4D4F;}
.facebookBtn:before{font-family: "FontAwesome"; content: "\f09a";}
.facebookBtn:hover{color: #FFFFFF;background-color: #DFC179;transition:1.5s ease all;}

/* linkedin button class*/
.linkedinBtn{color:#FFFFFF;background-color: #4C4D4F;}
.linkedinBtn:before{font-family: "FontAwesome"; content: "\f0e1"; }
.linkedinBtn:hover{color: #FFFFFF;background-color: #DFC179;transition:1.5s ease all;}

/* instagram button class*/
.instagramBtn{color:#FFFFFF;background-color: #4C4D4F;}
.instagramBtn:before{ font-family: "FontAwesome";  content: "\f16d"; }
.instagramBtn:hover{color: #FFFFFF;background-color: #DFC179;transition:1.5s ease all;}

/* twitter button class*/
.twitterBtn{color:#FFFFFF;background-color: #4C4D4F;}
.twitterBtn:before{ font-family: "FontAwesome"; content: "\f099"; }
.twitterBtn:hover{ color: #FFFFFF;background-color: #DFC179;transition:1.5s ease all;}

/* whatsapp button class*/
.twhatsappBtn{color:#fff;background-color: #4C4D4F;}
.twhatsappBtn:before{ font-family: "FontAwesome"; content: "\f232"; }
.twhatsappBtn:hover{ color: #1981BD;background-color: #DFC179;transition:1.5s ease all;}

/* pinterest button class*/
.tpinterestBtn{color:#fff;background-color: #4C4D4F;}
.tpinterestBtn:before{ font-family: "FontAwesome"; content: "\f0d2"; }
.tpinterestBtn:hover{color: #FFFFFF;background-color: #DFC179;transition:1.5s ease all;}
/************************ social icons ends ************************/
/*********** bottom classes ends ***********/

/*********** innerpage classes starts ***********/
/******************** contact us Starts ******************/
.contact-box {
 background-color: #dfc17963;
 border: 1px solid #dfc179;
}
.contact-box .contact-box-details .contact-icon {
 position: relative;
 background-color:#fff;
 width: 90px;
 height: 90px;
 line-height: 90px;
 border-radius: 15px;
 text-align: center;
 box-shadow: 0px 10px 20px rgba(137, 151, 186, 0.2);
 margin: -45px auto 25px;
}
.icon{font-size: 55px;line-height: 91px!important;color: #253b6c;}
.contact-box-details{ padding: 85px 0px 37px 0px;}
.tcontacthead{
 font-family: 'Poppins', sans-serif;
 font-size: 22px;
 color: #253b6c;
 font-weight: 600;
 line-height: 30px;
}
.contact-form {
 background-image: url("../img/contactformbg.png");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 box-shadow: 0px 10px 60px rgba(137, 151, 186, 0.15);
 padding:50px 0px 50px 0px;
}
.form-control{border-radius: 0px!important;}
.button-contact{
 font-family: 'Poppins';
 font-size: 19px;
 font-weight: 400;
 border: 1px solid #DFC179;
 line-height: 24px;
 background: #ffffff;
 padding: 8px 26px;
 color:#000;
 transition:0.9s ease all;
}
.button-contact:hover{background: #DFC179; color:#4C4D4F ;transition:0.9s ease all;}
.ttext1{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color: #656565;
 line-height: 30px;
 font-weight: 400!important; 
 text-align:justify;
}
.ttext1:hover{color: #dba013;}
/***************** contact us ends ***************/
/********** about classes starts **********/

.bannertop {margin-top: -38px;}
.theading{
 font-family: 'Poppins', sans-serif;
 font-size: 21px;
 font-weight: 700;
 color: #ddc079 !important;
 line-height: 25px;
 letter-spacing:3px;
}
.tsubheading{
 font-family: 'Poppins', sans-serif;
 font-size: 35px;
 font-weight: 600;
 color: #4c4d4f !important;
 line-height: 45px;
}
.tsubheadingwhite{
 font-family: 'Poppins', sans-serif;
 font-size: 35px;
 font-weight: 600;
 color: #FFFFFF !important;
 line-height: 45px;
}
.tsubheadingyellow{
 font-family: 'Poppins', sans-serif;
 font-size: 35px;
 font-weight: 700;
 color: #FFFFFF !important;
 line-height: 45px;
}
.ttext{
 font-family: 'Poppins', sans-serif;
 font-size: 17px;
 font-weight: 400;
 color: #4B4D4F !important;
 line-height: 30px;
 text-align:justify;
}
.detailborder{border-bottom: 1px dashed #ddc079;}
/******accordion***********/
.accordion {
 font-family: 'Poppins', sans-serif;
 font-size: 21px;
 font-weight: 400;
 line-height:25px;
 background-color: #eee;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 100%;
 border: 1px solid #d9d9d9;
 text-align: left;
 outline: none;
 transition: 0.4s;
}
.active, .accordion:hover {background-color: #ccc;color:#4C4D4F }
.accordion:after {content: '\002B';color: #777;font-weight: bold;float: right;margin-left: 5px;}
.panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
/******accordion***********/

.tsubheadingry{
 font-family: 'Poppins', sans-serif;
 font-size: 35px;
 color: #4B4D4F;
 font-weight:600;
 line-height:45px; 
}
.tsubhead01{
 font-family: 'Poppins', sans-serif;
 font-size: 19px;
 color: #ddc079;
 line-height: 28px;
 font-weight: 600!important; 
 text-align:justify;
}
.tsubhead01yellow{
 font-family: 'Poppins', sans-serif;
 font-size: 19px;
 color: #ddc079;
 line-height: 28px;
 font-weight: 600!important; 
 text-align:justify;
}

.tsubhead02{
 font-family: 'Poppins', sans-serif;
 font-size: 25px;
 font-weight: 700;
 line-height: 26px;
 color: #4B4D4F;
 text-align: left;
}
.ttextwhite{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color: #FFFFFF;
 line-height: 30px;
 font-weight: 400!important; 
 text-align:justify;
}
.shape-about{
 top: -362px;
 right: -157px;
 z-index: -1;
 -webkit-animation: zoominoutsinglefeatured 10s infinite;
 animation: zoominoutsinglefeatured 10s infinite;
 position: relative;
}
@keyframes zoominoutsinglefeatured{
0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
}
/* <!-------animation--------> */
.spiner.dot {left: 5%;bottom: 0%;}
.spiner.circle {right: 5%;bottom: 35%;}
.spiner.tri-circle {right: 5%;bottom: -10%;}
.spiner {position: absolute;bottom: 0;}
.up-down {animation: up-down 7s alternate infinite;-webkit-animation: up-down 7s alternate infinite;}
@keyframes up-down {
0% {
    transform: translateY(20px);
    -webkit-transform: translateY(0);
}

50% {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
}
100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
}
/* <!--------why bfma starts----------------> */
#whybfmabg{
 background-image: url(../img/whybfmabg.jpg);
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
/* <!--------why bfma ends----------------> */
/********** about classes ends **********/

/********** what we do classes starts **********/
.twhatwedotitle {
 font-family: 'Poppins', sans-serif;
 font-size: 20px;
 font-weight: 500;
 color: #D7D7D7;
 line-height: 32px;
 transition: 0.9s ease all;
}
.buildingimg02{
 position: relative;
 margin-left: 70px;
 padding-top: -71px;
 left: 57px;
 top: -101px;
 border: 7px solid #fff;
 }
.buildingimg01{border: 7px solid #fff;}
 
.buildingsection img {-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;}
.moverimg {-webkit-animation: mover 1s infinite alternate;animation: mover 1s infinite alternate;}

@keyframes mover{
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(-10px);
}
}
.buildingimage01 {transition: transform .5s; }
.buildingimage02:hover {transform: rotateX(-10deg);}
/********** what we do classes ends **********/ 

/********** integrated services classes ends **********/
#integratedservices ul li {
 list-style: none;
 list-style-image: url(../img/arrow.png);
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color: #000;
 font-weight: 400;
 line-height: 30px;
 padding-left: 10px;
}

/********** integrated services classes ends **********/
.tsubhead02white{
 font-family: 'Poppins', sans-serif;
 font-size: 25px;
 font-weight: 700;
 line-height: 26px;
 color: #fff;
}
/********** sanitization classes starts **********/
.sanitizationbg {
 background-image: url(../img/sanitizationbg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
}
/********** sanitization classes ends **********/
/********** deepcleaning classes starts **********/
.deepcleaningbg {
 background-image: url(../img/deepcleaningbg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
}
/********** deepcleaning classes ends **********/
/********** tiling classes starts **********/
.tilingbg {
 background-image: url(../img/tilingbg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
}
/********** tiling classes ends **********/
/********** painting classes starts **********/
.paintingbg {
 background-image: url(../img/paintingbg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
}
/********** painting classes ends **********/
/********** general classes ends **********/
.generalbg {
 background-image: url(../img/generalbg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
}
/********** general classes ends **********/
.bathroombg {
 background-image: url(../img/bathroombg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
}
/********** general classes ends **********/
/********** kitchen classes starts **********/
.kitchenbg {
 background-image: url(../img/kitchenbg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
}
/********** kitchen classes ends **********/
/************** projects starts *************/
.swiper-slide {
 text-align: center;
 font-size: 18px;
 background: transparent;
 display: flex;
 justify-content: center;
 align-items: center;
}
.swiper-horizontal {overflow-x: clip;}
.projectcard {
 width: 100%;
 height: 100%;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 border-radius: 0px!important;
 border:unset;
}
.projectcard-header {
 color: #000000;
 font-size: 20px;
 font-weight: bold;
 padding:10px 0px 0px 0px;
 border-bottom:unset;
 border-radius: 30px!important;
}
.projectcard-title:hover{color: #DFC179;transition:0.9s ease all;}
.projectcard-body {
 flex: 1;
 padding: 10px 0px;
 overflow: hidden;
 text-align:left;
}
.projectcard-footer {
 background-color:#FFFFFF;
 color: #000000;
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 padding:0px 10px 10px 10px;
 border-top:unset;
 border-radius: 0px 0px 30px 30px!important;
}
.projectcard-title{
 font-family:'Poppins', sans-serif;
 font-size:20px;
 font-weight:700;
 line-height:26px;
 color: #4B4D4F;
 text-align:left;
 text-transform:uppercase;
}
.projectcard-text{
 font-family:'Roboto', sans-serif;
 font-size:16px;
 font-weight:400;
 line-height:26px;
 color: #000000;
 text-align:left;
}
/********* projects ends ************/
/********* clients starts ************/
.tclientshead{
 font-family: 'Poppins', sans-serif;
 font-size: 35px;
 font-weight: 600;
 color: #DFC179 !important;
 line-height: 45px;
}
.border {border: 1px solid #CECECE;}
/********* clients ends ************/
/*********** innerpage classes ends ***********/

/************************ media query starts ************************/	
@media only screen and (min-device-width:320px) and (max-device-width: 991px){
#header nav.navbar.bootsnav .nav {background-color: #DFC179;}
.navbox-collapse {margin-top: -33px;}
nav.navbar.bootsnav ul.nav > li > a {color: #4C4D4F;padding: 0px 0px 0px 0px!important;margin:0px;}
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {background-color: transparent;color: #FFFFFF;}
nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {color: #4C4D4F!important;}
#header nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {padding: 0px !important;}
.dropdown-menu {background-color: #DFC179 !important;}
.tcategorylinkhead {color: #4C4D4F!important;border-bottom: unset !important;    font-size: 15px;font-weight: 500;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { background-image: unset;}
#header {height: 100px !important;}
}
@media only screen and (min-device-width:320px) and (max-device-width: 767px){
.nav{margin-top: -30px !important;}
.tsubhead02white {font-size: 23px;line-height: 33px;}
.tsubhead01{ font-size: 17px;} 
.ttext {text-align: left;}
.tsubheading {font-size: 25px;line-height: 35px;}	
.ttextwhite { text-align: left;}
.hidden-sm {display: none !important;}
.carousel {margin-top: -37px!important;}	
.twelcomehead {font-size: 15px;}
.twelcomesubhead {font-size: 25px;line-height: 30px;}
.twelcometext {font-size: 16px;line-height: 30px;text-align: left;}
.card-title {font-size: 18px;line-height: 30px;}
.card-title {font-size: 17px;line-height: 30px;}
.slick-dots {left: -3px !important;bottom: -15px!important;}
.tbottomhead { font-size: 17px;line-height: 31px;}
.carouselsubhead01 {font-size: 24px;line-height: 30px;bottom: 19%;left: 2%;position: absolute;}
.carouselhead {font-size: 24px;line-height: 30px;bottom: 24%;left: 2%;position: absolute;}
.carousel-indicators {top: 70%;padding-left: 347px;}
.carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;display: flex;justify-content: center;padding: 0;margin-right: 15%;margin-bottom: 1rem;margin-left: 15%;list-style: none;top: 94%;}
.carousel-indicators [data-bs-target] {background-color: #ffffff;border-radius: 50%;height: 8px !important;width: 8px !important; padding: 0 !important;border: 2px solid #FFFFFF;}
.carousel-indicators .active {border-radius: 50% !important;height: 8px !important;width: 8px !important;padding: 0 !important;border: 2px solid #FFFFFF;display: inline-block;text-indent: -999px;cursor: pointer;border: 2px solid #DFC179;border-radius: 10px;background-color: #DFC179;opacity: .8;}
.tprojecthead {font-size: 18px;line-height: 28px;}
.tprojectsubhead {font-size: 25px;line-height: 30px;}
.tsubhead01 {text-align: left!important;}
}
@media only screen and (min-device-width:768px) and (max-device-width: 991px){
.nav{margin-top: -30px !important;}
.tsubhead02white {font-size: 23px;line-height: 33px;}
.tsubhead01{ font-size: 18px;} 
.hidden-md {display: none !important;}
.carousel {margin-top: -37px!important;}
.twelcomehead {font-size: 18px;line-height: 30px;}
.twelcomesubhead {font-size: 37px;line-height: 40px;}
.twelcometext {font-size: 18px;line-height: 30px;text-align: left;}
.tprojectsubhead {font-size: 37px;line-height: 40px;}
.slick-dots {left: 7px!important;bottom: -15px!important;}
.carouselsubhead01 {font-size: 33px;line-height: 45px;bottom: 17%;left: 5%;position: absolute;}
.carouselhead {font-size: 33px;line-height: 44px;bottom: 21%;left: 5%;position: absolute;}
.carousel-indicators {top: 77%;padding-left: 688px;}
.carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;display: flex;justify-content: center;padding: 0;margin-right: 15%;margin-bottom: 1rem;margin-left: 13%;list-style: none;top: 96%;}
.carousel-indicators [data-bs-target] {background-color: #ffffff;border-radius: 50%;height: 8px !important;width: 8px !important; padding: 0 !important;border: 2px solid #FFFFFF;}
.carousel-indicators .active {border-radius: 50% !important;height: 8px !important;width: 8px !important;padding: 0 !important;border: 2px solid #FFFFFF;display: inline-block;text-indent: -999px;cursor: pointer;border: 2px solid #DFC179;border-radius: 10px;background-color: #DFC179;opacity: .8;}
.tsubheading {font-size: 26px;line-height: 36px;}
}
@media only screen and (min-device-width:992px) and (max-device-width: 1199px){
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 24px 0px 0px !important;}	
#header nav.bootsnav .megamenu-content {width: 49rem !important;}	
.bannerdivtext {width: 40%;}	
.bgyellow {padding: 20px 23px;}
.bggray {padding: 20px 23px;}
.ttopcontacts {font-size: 16px;line-height: 17px;}
.ttopcontactslink {font-size: 14px;}
.carousel {background: linear-gradient(-180deg, #4C4D4F 63%, #D7D7D7 63%);}
.carouselhead {font-size: 27px;bottom: 49%;left: 15%;}
.carouselsubhead {font-size: 27px;bottom: 37%;left: 13%;}
.carouselsubhead01 {font-size: 27px;bottom: 25%;left: 19%;}
.twelcomehead {font-size: 18px;line-height: 38px;}	
.twelcomesubhead {font-size: 30px;line-height: 38px;}	
.twelcometext {font-size: 16px;line-height: 23px;}
.card-title {font-size: 18px;line-height: 30px;}
.tprojectsubhead {font-size: 37px;line-height: 40px;}
.slick-dots {left: -305px!important;bottom:45px!important;}
.tsubheading {font-size: 25px;line-height: 35px;}
.tsubhead02white {font-size: 24px;line-height: 34px;}
.tsubhead01{ font-size: 18px;} 
.carousel-caption {bottom: 26%;}
}
@media only screen and (min-device-width:1200px) and (max-device-width: 1299px){
.bannerdivtext {width: 35%;}	
.bgyellow {padding: 27px 23px;}
.bggray {padding: 27px 23px;}
.ttopcontacts {font-size: 16px;line-height: 17px;}
.ttopcontactslink {font-size: 14px;}	
.carousel {background: linear-gradient(-180deg, #4C4D4F 65%, #D7D7D7 65%);}
.carouselhead {font-size: 32px;bottom: 48%;left: 15%;}
.carouselsubhead {font-size: 32px;bottom: 37%;left: 13%;}
.carouselsubhead01 {font-size: 32px;bottom: 26%;left: 19%;}	
.twelcomehead {font-size: 20px;}
.twelcomesubhead {font-size: 37px;line-height: 47px;}
.twelcometext {font-size: 16px;line-height: 32px;}
.card-title {font-size: 16px;line-height: 30px;}	
.slick-dots {left: -370px!important;bottom:45px!important;}
.tsubheading {font-size: 25px;line-height: 35px;}
}
@media only screen and (min-device-width:1300px) and (max-device-width: 1399px){
.bannerdivtext {width: 35%;}
.bgyellow {padding: 25px 30px;}
.bggray {padding: 25px 30px;}	
.carousel {background: linear-gradient(-180deg, #4C4D4F 66%, #D7D7D7 66%);}
.carouselhead {font-size: 35px;bottom: 48%;left: 15%;}
.carouselsubhead {font-size: 35px;bottom: 39%;left: 13%;}
.carouselsubhead01 {font-size: 35px;bottom: 30%;left: 18%;}		
.twelcomehead {font-size: 20px;}
.twelcomesubhead {font-size: 37px;line-height: 47px;}
.twelcometext {font-size: 16px;line-height: 32px;}	
.card-title {font-size: 18px;line-height: 30px;}
.slick-dots {left: -400px!important;bottom:45px!important;}
.tsubheading {font-size: 25px;line-height: 35px;}
.carousel-caption {bottom: 22%;}
}
@media only screen and (min-device-width:1400px) and (max-device-width: 1499px){
.bannerdivtext {width: 35%;}
.bgyellow {padding: 30px 30px;}
.bggray {padding: 30px 30px;}	
.carousel {background: linear-gradient(-180deg, #4C4D4F 66.6%, #D7D7D7 66.6%);}
.carouselhead {font-size: 37px;bottom: 48%;left: 15%;}
.carouselsubhead {font-size: 37px;bottom: 39%;left: 13%;}
.carouselsubhead01 {font-size: 37px;bottom: 30%;left: 18%;}		
.twelcomehead {font-size: 20px;}
.twelcomesubhead {font-size: 43px;line-height: 47px;}
.twelcometext {font-size: 16px;line-height: 32px;}	
.card-title {font-size: 20px;line-height: 30px;}	
.slick-dots {left: -440px!important;bottom:45px!important;}
.tsubheading {font-size: 25px;line-height: 35px;}
}
@media only screen and (min-device-width:1500px) and (max-device-width: 1599px){
.bgyellow {padding: 25px 27px;}
.bggray {padding: 25px 27px;}	
.carousel {background: linear-gradient(-180deg, #4C4D4F 70%, #D7D7D7 70%);}
.carouselhead {font-size: 40px;bottom: 48%;left: 15%;}
.carouselsubhead {font-size: 40px;bottom: 39%;left: 13%;}
.carouselsubhead01 {font-size: 40px;bottom: 30%;left: 18%;}	
.slick-dots {left: -475px!important;bottom:45px!important;}
.tsubheading {font-size: 30px;line-height: 35px;}
}
@media only screen and (min-device-width:1600px) and (max-device-width: 1699px){
.bgyellow {padding: 25px 27px;}
.bggray {padding: 25px 27px;}	
.carousel {background: linear-gradient(-180deg, #4C4D4F 72%, #D7D7D7 72%);}
.carouselhead {font-size: 35px;left: 14%;}
.carouselsubhead {font-size: 35px;}
.carouselsubhead01 {font-size: 35px;left: 17%;}
.slick-dots {left: -495px!important;bottom:45px!important;}
}
@media only screen and (min-device-width:1700px) and (max-device-width: 1799px){
.bgyellow {padding: 25px 27px;}
.bggray {padding: 25px 27px;}	
.carousel {background: linear-gradient(-180deg, #4C4D4F 73%, #D7D7D7 73%);}
.carouselhead {font-size: 35px;left: 14%;}
.carouselsubhead {font-size: 35px;}
.carouselsubhead01 {font-size: 35px;left: 17%;}
.card-title {font-size: 18px;line-height: 30px;}
.slick-dots {left: -535px!important;bottom:45px!important;}
}
@media only screen and (min-device-width:1800px) and (max-device-width: 1899px){
.bgyellow {padding: 30px 39px;}
.bggray {padding: 30px 39px;}	
.carousel {background: linear-gradient(-180deg, #4C4D4F 73%, #D7D7D7 73%);}
.card-title {font-size: 20px;line-height: 30px;}
.slick-dots {left: -565px!important;bottom:45px!important;}
}