@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


:root{
	--red:#e30613;
	/* --blue:#1d77de; */
    --blue:#0a9e7c;
    --darkblue:#619dfd;
	--white:#fff;
	/* --black:#222; */
    --black:#454c49;

}
body, html{height: 100%;}
body{margin: 0;padding: 0;font-family: "Poppins", sans-serif;height: 100%;
    min-height: 100vh;display: flex;flex-direction: column;
    background-image: url(images/texture.webp);background-attachment: fixed;}
a{
	color:var(--black);text-decoration: none;font-weight:500;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
}
a:hover{color:var(--black);text-decoration: none;}


p{color:var(--black);font-size: 14px;font-weight:400;}
.tick_double ul{columns: 2; -webkit-columns: 2; -moz-columns: 2;}
button:focus{outline:none;}
.sectiongap{padding:40px 0;}
ul{padding:0;margin-bottom:0;}
li{list-style: none;}


/* button */
.btn-primary {

    border: 2px solid var(--blue);padding: 10px 24px;font-weight: 500;font-size: 15px;
    background-color: var(--white);border-radius: 50px;color: var(--black);
  
}
.btn-primary i{color: var(--blue);margin-right: 5px;}
.btn-primary:hover {border:2px solid var(--white);}
.btn-primary:hover i{color: var(--white);}

.btn-primary:focus {box-shadow:none;}
/* button */

.tick ul{margin:0 0 0 30px;} 
.tick ul li{margin-bottom:20px;}
.tick ul li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    background:var(--blue);
    color:var(--white);
    font-size: 12px;
    padding: 5px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-left: -30px;
	margin-right: 6px;
}
/* 
.section_title{
    margin-bottom: 30px;
    text-align: center;
}	
.section_title h2{
    display: inline-block;
    font-family: "Raleway", serif;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 32px;
	color:var(--black);
    text-align: center;
	position: relative;
}
.section_title h2:after{
    position: absolute;
    content: '';
    background: var(--black);
    width: 60px;
    height: 2px;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}  */
.section_title_left h2{font-family: "Raleway", serif;display: inline-block;font-family: "Raleway", serif;margin-bottom: 15px;font-size: 32px;color:var(--black);text-align: left;position: relative;}
.section_title_left h2::after
{
    position: absolute;
    content: '';
    background: var(--black);
    width: 60px;
    height: 2px;
    bottom: -5px;
    left: 0;transition: 400ms all ease;
}
.section_title_left:hover h2::after{width: 80px;transition: 400ms all ease;}
/*header section*/
.logo-main img{width:185px;}

.navbar{padding:5px 0; }
/*banner start*/
.carousel-indicators [data-bs-target] {
    width: 12px;height: 12px;border-radius:50%;background-color: var(--white);display:block;
    margin: 0 5px;
}
.banner-main .carousel-indicators {
    bottom: 0;
	z-index:9;
}
.carousel-indicators {bottom: -45px;}

.banner-main{margin-top: 80px;}

.banner-main .carousel-item{position: relative;}

.banner-main .carousel-caption{ 
    padding: 20px;
    width:40%;
    left:10%;
    bottom:160px;
    z-index:99;
    text-align: left;
    display: inline-block;
    background-color: rgba(0,0,0,0.6);
}

.banner-main .carousel-caption h2{font-size: 32px;color: var(--white);font-weight: 500;font-family: "Sedan", serif;}
.banner-main .carousel-caption p{color: var(--white);margin-bottom: 0;}
/*banner end*/


/*backto-top start*/

#backto-top {
  display: inline-block;
  background:var(--black);
  /* background-image: radial-gradient(#fff 5%,var(--darkblue),var(--blue)); */
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius:50%;
  border:1px solid var(--white);
  position: fixed;
  bottom: 30px;
  right: 14px;
  transition: background-color .3s,  
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  text-align: center;
  box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
}
#backto-top i{font-size:20px;color: var(--white);line-height: 50px;}
#backto-top:hover{cursor: pointer;background:var(--white);border: 1px solid var(--darkblue);}
#backto-top:hover i{color: var(--blue);}
#backto-top:active {background: #1d384f;}
#backto-top.show {opacity: 1;visibility: visible;}

/*backto-top end*/

.thanku_bg {
  background-image: radial-gradient(circle, var(--white), #cac6c638, #cccccc3b);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:150px 0;
}
.thanku_bg p{font-size:18px;color:var(--black);margin-bottom: 40px;}
.thanku_bg i{margin-left: 5px;}
.thanku_bg .btn-secondary{font-family: "Raleway", serif;font-weight: 600;}
.form-control:focus {box-shadow:none;}



/*FLOATING ICONS*/
.floating_icon_bar {
    position: fixed;
    bottom: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
	right:15px;
}

.floating_icon_bar a {
    display: block;
    text-align: center;
    padding: 12px;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 16px;
	width:50px;
	height:50px;
	line-height:30px;
	border-radius:50%;
	margin:5px 0;font-family: "Raleway", serif;
}
.floating_icon_bar i{color: #fff;font-size: 20px;}
/*FLOATING ICONS*/


/* <!---ENQUIRE NOW POPUP BUTTON--> */
.floating_icon_bars {
    position: fixed;bottom: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:99;right:-32px;
}

.floating_icon_bars a {
    display: inline-block;
    text-align: center;
    padding: 10px 25px;
    transition: all 0.3s ease;
    color: var(--black)!important;
    font-size: 16px;font-weight: 600;
	border-radius:4px;
	margin:10px 0;
    transform: rotate(270deg);
}

/* <!---ENQUIRE NOW POPUP BUTTON--> */

/*HEADER*/
.menumain{padding: 0;background-color: #ffffff85;transition: 400ms all ease;}

.scroll_navbar
{
    transition: 400ms all ease;
    /* background-image: url(images/texture.webp); */
    background-image: linear-gradient(#fdf6f6a1, #ffffff8c), url(images/texture.webp);
    border-bottom: 1px solid #ccc;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.scroll_navbar .logo-main img{width: 160px;transition: 400ms all ease;}
/*HEADER*/


/*CARDS*/
/* .cardsec .card{margin: 15px 0;} */
.cardsec .card h5{margin-bottom: 20px;position: relative;}
.cardsec .card h5::after
{
    position: absolute;
    content: '';
    background: var(--black);
    width: 30px;
    height: 2px;
    bottom: -7px;
    left: 0;transition: 400ms all ease;
}
.cardsec .card:hover h5::after{width: 45px;transition: 400ms all ease;}
.cardsec .card label{font-size: 12px;font-weight: 500;position: relative;top: 2px;left: 5px;}
.cardsec .card .card-footer{padding: 5px 15px;}
.cardsec .card:hover{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;transition: 400ms all ease;border: 1px solid #888;}

.form-check-input[type=checkbox]{border: 1px solid #666!important;border-radius: 0!important;}
.cardsec .discheck{background-color: #ccc;}
/* .texture_bg{background-image: url(images/polka-texture.png);} */


.checks{text-align: center;margin-bottom: 30px;}
.checks .btn-primary{background-color:#444;color: var(--white);border: 2px solid #444;font-weight: 600;font-size: 16px;text-transform: uppercase;animation: pulse 1s infinite;}
.checks .btn-primary i{color: var(--white);}
.checks .btn-primary:hover{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;transition: 400ms all ease;background-color: #666;border: 2px solid #444;}
.checks .btn-primary:hover i{transform: rotate(360deg);transition: 400ms all ease;}
/*CARDS*/

.table{font-size: 14px; overflow-x: auto; }
/* .table-primary{--bs-table-bg: #00cc9c!important;color: var(--white);} */
.table-primary{--bs-table-bg: #e7e7e7!important;color: var(--black);}
table th[scope="row"]{position: sticky;left: 0;z-index: 1;background-color: #fff!important;font-weight: 600!important;}
table img{width: 160px;border: 1px dashed #666;padding: 2px;}
.table>thead{vertical-align: middle;}

.table ul{padding: 0 0 0 20px;}
.table ol{padding: 0 0 0 15px;}
.table ul li{list-style: disc;}
.table ol li{list-style: decimal;}
/*FOOTER*/
footer{margin-top:auto;padding: 10px 0;font-size: 13px;background-color: var(--black);}
footer img{width: 180px;}
footer a{font-weight: 400;font-size: 12px;}
footer .copyright p{margin-bottom: 0;color: var(--white);font-size: 12px;}
/*FOOTER*/


/*MODAL*/
.modal{background-color: rgba(0,0,0,0.9);}
.modal .form-check-input[type=checkbox]{border: 1px solid #555;border-radius: 0;}
.form-check-input[type=checkbox]:checked{background-color: #666;}
.modal_lists .form-check-input{height: 20px;width: 20px;}
.modal-content{border-radius: 5px;border: 1px solid #ccc;}
.modal .btn-primary{animation: none;}
.btn-close{display: inline-block;height: 30px;width: 30px;line-height: 30px;border-radius: 50%;background-color: #666;opacity: 1;position: absolute;top: -20px;right: -20px;background-image: url(images/close.png)!important;background-size: 30% 30%;}
.btn-close:hover{opacity: 1;background-color: #999;}
.btn-close:focus{box-shadow: none;border: 0;}
.modal-body{background-image: linear-gradient(#dfdfdf45, transparent);}
/*MODAL*/


/*MODAL FORM*/
.formdiv{text-align: center;}
.form-control{padding: 10px;font-size: 14px;border-radius: 0;margin: 10px 0;border: 0;border-bottom: 1px solid #999;background-color: transparent;}
.formdiv label{font-size: 12px;font-weight: 500;}
.formdiv form{padding: 20px;}
.formdiv .bordcol{margin: 15px 0 20px 0;}
.formdiv h2{font-size: 24px;display: inline-block;padding: 8px 16px;border-radius: 3px;background: #cccccc3b;font-family: "Raleway", serif;}
/*MODAL FORM*/


/*INNER BANNER*/
.inner-banner{position: relative;height: auto;margin-top: 78px;}
.inner-banner::before
{
    position: absolute;content: '';width: 100%;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;
    background-image: linear-gradient(to right,#222222e5,transparent);
}
.inner-banner .innerbanner-text{position: absolute;top: 40%;z-index: 1;left: 6%;}
.inner-banner .innerbanner-text h2{color: var(--white);font-family: "Raleway", serif;}
/*INNER BANNER*/


/*FAQ*/
.faqsec h2{font-family: "Raleway", serif;margin-bottom: 0;}
.faqsec h2 button{font-weight: 500;}
.faqsec .accordion-body{font-size: 14px;font-weight: 400;}
.faqsec .accordion-button:not(.collapsed){color: var(--white);box-shadow: none!important;background-color: #444;}
.faqsec .accordion-button:focus{border-color: none!important;box-shadow: none;}
.faqsec .accordion-item{margin-bottom: 15px;}
.faqsec .accordion-button{padding: 14px;}
.faqsec .accordion-flush .accordion-item .accordion-button{border: 1px solid #ccc;}
.faqsec h2 strong{display: inline-block;background-color: var(--black);color: var(--white);height: 24px;width: 24px;text-align: center;margin-right: 10px;border-radius: 2px;font-size: 14px;line-height: 22px;padding: 0 10px 0 8px;}
.faqsec .accordion-button:not(.collapsed) strong{border-radius: 50%;background-color: #b4b4b4;}
.faqsec .accordion-button:not(.collapsed)::after{background-image: url(images/down-arrow.webp)!important;}
/*FAQ*/

/*Projects*/
.projdiv .card h5{font-family: "Raleway", serif;position: relative;}
.projdiv .card h5:after
{
    position: absolute;content: '';
    background: var(--black);width: 50px;height: 2px;bottom: -6px;left: 0;transition: 400ms all ease;
}
.projdiv .card:hover h5:after{width: 60px;transition: 400ms all ease;}
.projdiv .card:hover img{transform: scale(1.1);transition: 400ms all ease;}
.projdiv .card .overflow{overflow: hidden;}
.projdiv .card:hover{box-shadow: rgba(0, 0, 0, 0.45) 0px 18px 20px -20px;transition: 400ms all ease;}
.projdiv .card-footer{background-image: linear-gradient(45deg, #dddddd, #fff5f545);font-size: 13px;font-weight: 500;}
.projdiv .card-footer i{color: #999;margin-right: 5px;}
.projdiv ul{margin-top: 20px;}
.projdiv ul li{font-size: 14px;margin-bottom: 10px;}
.projdiv ul li:last-child{margin-bottom: 0;background-color: #777;border: 1px solid #444;display: inline-block;padding: 2px 8px 2px 5px;border-radius: 3px;}
.projdiv ul li:last-child a,.projdiv ul li:last-child i{color: var(--white);}
.projdiv ul li:last-child a{font-weight: 400;}
.projdiv ul li:last-child i{margin-right: 0;}
.projdiv ul li:nth-child(2) i{font-size: 13px;}
.projdiv ul li i{font-size: 14px;margin-right: 5px;color: #555;display: inline-block;width: 15px;}
.projdiv .card:hover ul li:last-child{background-color: var(--white);}
.projdiv .card:hover ul li:last-child a,.projdiv .card:hover ul li:last-child i{color: var(--black);}
/*Projects*/

/*About Us*/
.aboutdiv .section_title_left h4{font-family: "Raleway", serif;margin-bottom: 16px;border-bottom: 2px solid var(--black);}
.aboutdiv .section_title_left h4 span{position: relative;background: var(--black);color: var(--white);font-size: 16px;font-weight: 500;display: inline-block;padding: 6px 10px;}
.aboutdiv .section_title_left h4 span::before
{
    content: "";position: absolute;right: -20px;bottom: 0;
    width: 0;height: 0;border-left: 20px solid var(--black);border-top: 30px solid transparent;
}
.aboutdiv .section_title_left ul{columns: 2;}
.aboutdiv .section_title_left ul li{background-color: var(--white);margin-bottom: 15px;display: flex;align-items: center;font-size: 14px;font-weight: 500;}
.aboutdiv .section_title_left ul li:last-child{margin-bottom: 0;}
.aboutdiv .section_title_left ul li i{display: inline-block;background-color: #ccc;height: 60px;width: 55px;font-size: 20px;text-align: center;line-height: 60px;color: #777;margin-right: 10px;}
.aboutdiv .section_title_left ul li:hover i{color: #555;transition: 400ms all ease;}
.aboutdiv .overhid{overflow: hidden;}
.aboutdiv .overhid:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;transition: 400ms all ease;}
.aboutdiv .overhid:hover img{transform: scale(1.1);transition: 400ms all ease;}

.misvis .card{text-align: center;padding: 0;}
.misvis .card img{width: 220px;filter: grayscale(100%);}
.misvis .card  h4{font-family: "Raleway", serif;position: relative;margin-bottom: 15px;}
.misvis .card  h4::before
{
    position: absolute;
    content: '';
    background: var(--black);
    width: 40px;
    height: 2px;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;transition: 400ms all ease;
}
.misvis .card p{margin-bottom: 0;}
.misvis .card:hover{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;transition: 400ms all ease;}
.misvis .card:hover img{filter: grayscale(0);transition: 400ms all ease;}
.misvis .card:hover h4::before{width: 60px;transition: 400ms all ease;}
/*About Us*/

.sticky_top{position: sticky;top: 75px;}

/*Contact  Us*/
.contact_details{background-color: #e4e4e4;padding: 20px;}
.contact_details h2{background-color: #888;color: var(--white);}
.contact_details ul li{background-color: transparent;text-align: left;margin: 20px 0;display: flex;align-items: center;font-size: 14px;}
.contact_details ul li:last-child{margin-bottom: 0;}
.contact_details ul li i{display: inline-block;background-color: var(--white);height: 50px;width: 55px;font-size: 20px;text-align: center;line-height: 10px;color: #777;margin-right: 10px;padding: 20px;}
.contact_details ul li:hover i{color: #555;transition: 400ms all ease;}
/*Contact  Us*/