body{font-family: "Fira Sans", sans-serif;}
.clb{clear:both;}
.padd-0{padding:0px !important;}
.top-10{ margin-top:10px;}
.top-15{ margin-top:15px;}
.top-20{ margin-top:20px;}
.top-30{ margin-top:30px;}
.bottom-10{margin-bottom:10px;}
.bottom-20{margin-bottom:20px;}
.fl{float:left;}
.fr{float:right;}
.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.pad-top-25{ padding-top:25px;}
.border-0{border:0px!important;}
.center-block{ margin:0 auto; float:none;}
.border-red{border:1px solid red;}
.border-blue{border:1px solid blue;}

.visi-desk{display:block!important;}
.visi-mob{display:none!important;}

/*===============================================*/

.nav-bg-1{background:#252536!important;}
.header-top{padding:0px;}
.logo-container {position:absolute;left: 45.5%;top: 1%;width: 135px;}

.nav-link{text-transform:uppercase;}
.header-nav ul{margin:0px; padding:0px;}
.header-nav ul li{list-style-type:none; display:inline-block;color:#FFF; text-transform:uppercase;}
.header-nav ul li a{color:#FFF; background:#252536; text-decoration:none;padding: 26px 15px;display: inline-block;}
.header-nav ul li a:hover{color:#fac733; background:#1e1e2b;}

/*========sub menu=========*/
ul.submenu {display: none; position: absolute;/* background-color: #f9f9f9;*/ min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}

ul.submenu li {display: block;}

li:hover ul.submenu { display: block;}
li:hover ul.submenu a{ width:100%;padding-top: 10px;padding-bottom: 10px;}
 /*==============*/

.bg-image {background-image: url('../images/header-1.jpg'); background-size: cover;color:#ffcb11; text-align: left;background-repeat:no-repeat;background-position: center;padding-top: 15rem;padding-bottom: 15rem;}
.lead span{background:#FFF; color:#000;padding:5px; font-weight:400;font-size:15px;}
.btn-header{background:#fac733; color:#000; text-decoration:none; font-size:16px;padding: 8px 25px; text-transform:uppercase;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.btn-header:hover{background:#1e1e2b; color:#fac733; text-decoration:none;}

.section-a{padding:50px 94px;}
.section-title{text-align:center;}
.section-title h2{font-size: 26px;font-weight:400;text-transform: uppercase;}
.section-title h3{font-size: 17px;font-weight:400; color:#585858; text-transform: uppercase;}
.section-data p{font-size:16px;color:#666666;}

.section-b{padding:50px 94px; background:#2e2d43; color:#FFF;}
.section-title-b{text-align:center;}
.section-title-b h2{font-size: 26px;font-weight:400;color:#FFF;text-transform: uppercase;}
.section-title-b h3{font-size: 17px;font-weight:400;color:#FFF;text-transform: uppercase;}

.featured-project h4{font-size:20px; color:#FFF; text-align:center; font-weight:400; text-transform:uppercase; margin-top:15px; margin-bottom:15px;}
.featured-project h5{font-size:16px; color:#FFF; text-align:center;text-transform:uppercase;}

.btn-project{background:#fac733; color:#000; text-decoration:none; font-size:16px;padding: 8px 25px; text-transform:uppercase;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.btn-project:hover{background:#ffffff; color:#000; text-decoration:none;}

.section-c{padding:50px 94px; background:#f6f5f8; color:#000;}
.client-box{background:#FFF; padding:25px; border:1px solid #e9e8e8; text-align:center;}
.client-box h1{font-size:22px; font-weight:400; color:#616162;text-align:center;margin-top:25px; margin-bottom:5px;}
.client-box h2{font-size:16px; font-weight:400; color:#9d9d9d;text-align:center;}
.client-box p{font-size:15px;color:#666666; text-align:justify; margin-top:30px;}

.section-d{padding:50px 94px; background:#f89900; color:#FFF; text-align:center;}
.section-d h2{font-size: 30px;font-weight:300;color:#FFF;text-transform: uppercase;}
.section-d h3{font-size: 17px;font-weight:300;letter-spacing:5px;color:#FFF;text-transform: uppercase;}

.section-d a{background:#252537; color:#FFF; text-decoration:none; font-size:16px;padding: 8px 25px; text-transform:uppercase;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.section-d a:hover{background:#1e1e2b; color:#f89900; text-decoration:none;}

footer{background:#252537; }
footer p{color:#787878; margin-top:10px;}

/*==========About=================*/
.about-header{background:#1e1e2b;margin-top: 75px;padding-top: 5rem; padding-bottom: 5rem;}
.about-header h1{font-size:50px;font-weight:400; text-transform:uppercase; }

/*==========project=================*/

.project-page-header{background:#1e1e2b;margin-top: 75px;padding-top: 1rem; padding-bottom: 1rem;}
.project-bg-image {background-image: url('../images/project/pratham-nakshatra/banner.jpg'); background-size: cover;color:#ffcb11; text-align: left;background-repeat:no-repeat;background-position: center;padding-top: 12rem;padding-bottom: 25rem;}

.project-title{text-align:left;}
.project-title h2{font-size: 22px;font-weight:400;text-transform: uppercase;}
.project-title h3{font-size: 17px;font-weight:400; color:#585858; text-transform: uppercase;}


.project-list ul {list-style-type: none; padding: 0; margin:0px;}
.project-list ul li { margin-bottom: 5px;font-size:16px;color:#666666;}
.project-list ul li::before  { content: "-"; position:relative; left: 0;padding-right: 10px;}


.btn-download-bro{background:#fac733; color:#000; text-decoration:none; font-size:16px;padding: 8px 25px; text-transform:uppercase;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.btn-download-bro:hover{background:#1e1e2b; color:#fac733; text-decoration:none;}

.gallery-container{padding: 10px 7px;}

.card-body {min-height:385px;}

/*===============Pratham Vrindavan Commercial================*/

.project-pg-title{font-size:50px; font-weight:400; text-align:center; text-transform:uppercase;padding-top:30px;  padding-bottom:30px;}
.project-pg-title span{color:#fac733}

.project-bg-image-2 {background-image: url('../images/project/pratham-vrindavan-commercial/banner.webp'); background-size: cover;color:#ffcb11; text-align: left;background-repeat:no-repeat;background-position: center;padding-top: 12rem;padding-bottom: 25rem;}



/*===============Pratham Vrindavan================*/
.project-bg-image-3 {background-image: url('../images/project/pratham-vrindavan/banner.webp'); background-size: cover;color:#ffcb11; text-align: left;background-repeat:no-repeat;background-position: center;padding-top: 12rem;padding-bottom: 25rem;}

/*===============Pratham Krishna================*/
.project-bg-image-4 {background-image: url('../images/project/pratham-krishna/banner.webp'); background-size: cover;color:#ffcb11; text-align: left;background-repeat:no-repeat;background-position: center;padding-top: 12rem;padding-bottom: 25rem;}

/*===============Pratham pride================*/
.project-bg-image-5 {background-image: url('../images/project/pratham-pride/banner.webp'); background-size: cover;color:#ffcb11; text-align: left;background-repeat:no-repeat;background-position: center;padding-top: 12rem;padding-bottom: 25rem;}

/*===============Pratham Adobe================*/
.project-bg-image-6 {background-image: url('../images/project/pratham-abode/banner.webp'); background-size: cover;color:#ffcb11; text-align: left;background-repeat:no-repeat;background-position: center;padding-top: 12rem;padding-bottom: 25rem;}

/*===============Pratham Sai================*/
.project-bg-image-7 {background:#1e1e2b; padding-top: 12rem;padding-bottom: 12rem;}
.project-bg-image-7 h1{font-family: "Anton", sans-serif; font-weight: 400;font-style: normal; font-size:120px; letter-spacing:2px;}
.project-bg-image-7 h1 span{color:#fac733}

/*===============Project page================*/

.filter{display: none;}
.show{display: block;}
.active-filter{background-color:#0c0c15!important; color:#fac733!important;}
.filter-btn{background-color:#1e1e2b; color:#FFF; margin-left:5px;margin-right:5px;}
.filter-btn:hover{background-color:#0c0c15; color:#fac733;}

.card{-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important;}
.card-img, .card-img-top {-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important;}
.card-title {font-size:20px; font-weight:500;}

.btn-know-more{background:#fac733; color:#1e1e2b;}
.btn-know-more:hover{background:#1e1e2b; color:#fac733;}

/*===============Testimonial page================*/
.testimonial p{ font-size:15px; font-weight:400; color:#424242; text-align:justify;}
.modal-header {background:#fac733;}
.testimonial-card{padding:15px;}
/*===============Gallery Light box================*/
.photo-gallery {color:#313437;background-color:#fff;}

.photo-gallery p {color:#7d8285;}

.photo-gallery h2 {font-weight:bold;margin-bottom:40px; padding-top:40px;color:inherit; }

@media (max-width:767px) {
  .photo-gallery h2 { margin-bottom:25px; padding-top:25px; font-size:24px;}
}


.photo-gallery .intro {font-size:16px;max-width:500px;margin:0 auto 40px;}
.photo-gallery .intro p {margin-bottom:0;}
.photo-gallery .photos {padding-bottom:20px;}
.photo-gallery .item {padding-bottom:30px;}


/*==========captcha=============*/

.cap-box-center{margin:0px auto;}
.capbox {width: 100%;max-width:308px;	background-color: #BBBBBB;border-width: 2px 2px 2px 20px;	box-sizing: border-box;	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	padding: 5px 5px;border-radius: 4px 4px 4px 4px; text-align:Center;}
.capbox-inner {font: bold 12px arial, sans-serif;color: #000000;background-color: #E3E3E3;margin: 8px auto 0px auto;padding: 5px 10px 5px 10px;	border-radius: 4px;}
#CaptchaDiv {font: normal 25px Impact, Charcoal, arial, sans-serif;font-style: italic;color: #000000;background-color: #FFFFFF;	user-select: none;padding: 4px;	border-radius: 4px;}
#CaptchaInput { /*border: #38B000 2px solid;*/ margin: 3px 0px 1px 0px; height:30px;  }


#CaptchaDiva {font: normal 25px Impact, Charcoal, arial, sans-serif;font-style: italic;color: #000000;background-color: #FFFFFF;	user-select: none;padding: 4px;	border-radius: 4px;}
#CaptchaDivb{font: normal 25px Impact, Charcoal, arial, sans-serif;font-style: italic;color: #000000;background-color: #FFFFFF;	user-select: none;padding: 4px;	border-radius: 4px;}

#CaptchaInputc { /*border: #38B000 2px solid;*/ margin: 3px 0px 1px 0px; height:30px;  }
#CaptchaDivc{font: normal 25px Impact, Charcoal, arial, sans-serif;font-style: italic;color: #000000;background-color: #FFFFFF;	user-select: none;padding: 4px;	border-radius: 4px;}



/*============================================*/
@media (max-width:441px){ 

.visi-desk{display:none!important;}
.visi-mob{display:block!important;}

.nav-link{color:#FFF; text-decoration:none; font-size:13px;}
.nav-link:hover{color:#fac733; text-decoration:none;}
.navbar-toggler{background:#fac733; color:#1e1e2b; border:1px solid #fac733;padding: 8px 10px;}
.navbar-nav .dropdown-menu {background:#1e1e2b; color:#FFF;}
.dropdown-item{color:#FFF; font-size:13px;}
.dropdown-item:hover{color:#fac733; font-size:13px;}
.bg-image{padding-top: 12rem;padding-bottom: 7rem;}
.lead span {background: #FFF;color: #000; padding: 7px; font-weight: 400; font-size: 20px;}
.section-a {padding: 23px 15px;}
.section-title h2 {font-size: 24px;}
.section-data p {font-size: 15px;}
.section-b {padding: 23px 15px;}
.section-title-b h2 {font-size: 24px;}
.featured-project h4 {font-size: 17px;}
.featured-project h5 {font-size: 14px;margin-bottom: 24px;}
.section-c {padding: 23px 15px;}
.client-box {margin-bottom:25px;}
.section-d {padding: 23px 15px;}
.section-d h2 {font-size: 31px; margin-bottom:25px;}

.project-pg-title{font-size: 30px;font-weight:300; padding-top:30px; padding-bottom:3px;}
.project-bg-image-4{padding-top: 0rem; padding-bottom: 13rem;}
.card-text{font-size:14px; text-align:justify;}
.card-title {font-size: 17px;}

}