@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap');

html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
body { font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }

.logoimg { border: 0
    height: auto; width: 200px}

ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
* { outline:none !important; }
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none; }
.clearfix { *zoom:1}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.clear { clear: both }
.btn { outline: 0px; }
.lists { list-style: none; margin: 0px; padding: 0px;}
.mainpage{ position:relative;}
.container{ max-width:1280px; margin:0 auto;}
a, button{ transition:all 0.5s ease-in-out;}

.d-hide{ display: none !important;}
.m-hide{ display: block !important;}

/* Header Start */
header{ width: 100%; background: #0E131D; position: relative; padding: 5px ;}
header ul{ float: right; padding: 9px 0 0;}
header li{ display: inline-block; font-size: 15px; line-height: 54px; color: #FFF; padding: 0 10px 0 75px; position: relative;}
header li span{ position: absolute; left: 30px; top: 12px; border: 1px solid rgba(255, 255, 255, 0.2); width: 30px; height: 30px; display: inline-block; text-align: center; color: #fff; font-size: 15px; border-radius: 50%; line-height: 30px;}

.navbar{ padding: 3px 0;}
.navbar-expand-md .navbar-nav .nav-link { padding:14px 20px; font-size: 16px; color: #0E131D;}
.navbar-expand-md .navbar-nav .nav-link.active { background: #914D26; border-radius: 5px; color: #fff;}
.form-inline .form-control { background: #F2F5F7 url(../images/search-normal.svg) 13px 8px no-repeat; border: 1px solid rgba(14, 19, 29, 0.1); border-radius: 36px; padding: 5px 5px 5px 40px; background-size: 16px;}

/* Hero area */
.heroarea{ width: 100%; position: relative; overflow: hidden;}
.heroarea h1{font-weight: 400; font-size: 52px; line-height: 85px; color: #FFFFFF; margin-bottom: 10px;}
.heroarea h1 span{ color: #CF8411; font-weight: 600;}
.heroarea p{ font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 30px; max-width: 550px;}
.heroarea p a{ background: #CF8411; box-shadow: 0px 3px 5px rgba(9, 38, 72, 0.15); border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 26px; color: #FFFFFF; padding: 8px 25px; display: inline-block;}
.heroarea p a:hover{ background:  #914D26;}
.heroarea .slick-slide{ padding:130px 0; position: relative;}
.heroarea .slick-slide:before{ position: absolute; content:''; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(103.33deg, rgba(14, 19, 29, 0.9) 7.98%, rgba(14, 19, 29, 0) 91.38%); z-index: 0;}
.heroarea .slick-slide .continer{ z-index: 5;}
.heroarea .slick-next.slick-arrow{ width: 36px; height: 36px; position: absolute; right: 30px; top: 42%; background: url(../images/n-arrow.svg) left top no-repeat; color: transparent; cursor: pointer; z-index: 11;}
.heroarea .slick-prev.slick-arrow{ width: 36px; height: 36px; position: absolute; left: 30px; top: 42%; background: url(../images/n-arrow.svg) left top no-repeat; color: transparent; cursor: pointer; transform: rotate(180deg); z-index: 11;}
.slider1{ height: 400px; width: 100%}

/* About Home */
.AboutHome{ width: 100%; padding: 75px 0 55px;}
.about-card{background: rgba(145, 77, 38, 0.05); border: 1px solid rgba(145, 77, 38, 0.31); border-radius: 30px; padding: 57px 40px 25px;}
/*.about-card:after{ position: absolute; top: 20px; right: 30px; width: 172px; height: 104px; content: ''; background: url(../images/shape-icon.svg) left top repeat-y;}*/
.about-card h2{ background: #914D26; display: inline-block; padding: 5px 10px 7px 15px; color: #fff; font-weight: 400; font-size: 18px; position: relative;}
.about-card h2:after { border-top: 33px solid #914D26; border-right: 24px solid transparent; position: absolute; top: 0; right: -24px; content: '';}
.about-card h3{ font-weight: 700; font-size: 36px; line-height: 56px; letter-spacing: 0.03em; color: #0E131D; margin-bottom: 30px; padding-bottom: 15px; background: url(../images/dot-about.svg) left bottom no-repeat;}
.about-card h4{font-size: 18px; line-height: 20px; letter-spacing: 0.03em;color: #914D26; margin-bottom: 10px;}
.about-card p{ font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(14, 19, 29, 0.7); margin-bottom: 20px;}
.about-card p a{ background: #CF8411; box-shadow: 0px 3px 5px rgba(9, 38, 72, 0.15); border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 26px; color: #FFFFFF; padding: 8px 25px; display: inline-block;}
.about-card p a:hover{ background:  #914D26;}

/* Project Ongoing */
.HomeProject{ width: 100%; position: relative; padding: 75px 0 85px; background: #F9F6F4; overflow: hidden;}
.HomeProject h2{ font-weight: 700; font-size: 36px; line-height: 52px; letter-spacing: 0.03em; color: #0E131D; background: url(../images/success-line.png) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 35px; text-align: center;}
.HomeProject h2 span{ display: block; font-size: 18px; line-height: 20px; letter-spacing: 0.03em; color: #914D26; font-weight: 400;}
/*.HomeProject:before{ content: ''; position: absolute; top: 40px; right: 0; width: 140px; height: 75px; background:  url(../images/project-icon-top.svg) left top no-repeat;}
.HomeProject:after{ content: ''; position: absolute; bottom: 25px; left: 0; width: 75px; height: 75px; background:  url(../images/project-icon-top.svg) left top no-repeat; transform: rotate(180deg);}*/
.productHome{background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04); border-radius: 15px;}
.productHome h3 a{ font-weight: 500; font-size: 18px; line-height: 26px; color: #0E131D; margin-bottom: 5px; display: inline-block;}
.productHome p{font-size: 16px; line-height: 22px; color: rgba(14, 19, 29, 0.6);}
.productHome p a{border: 1px solid #0E131D; border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 26px; color: #0E131D; padding: 7px 15px; display: inline-block; margin-top: 15px;}
.productHome p a img{ margin-right: 10px;}
.productHome .home-project img{ border-radius: 15px 15px 0 0; width: 100%; height: 250px;}
.pro-card{ padding:7px 25px 20px;}

/* Success Counter */
.SuccessCounter{ width: 100%; position: relative; padding: 65px 0 85px;}
.SuccessCounter h2{ font-weight: 700; font-size: 36px; line-height: 52px; letter-spacing: 0.03em; color: #0E131D; background: url(../images/success-line.png) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 35px; text-align: center;}
.SuccessCounter h2 span{ display: block; font-size: 18px; line-height: 20px; letter-spacing: 0.03em; color: #914D26; font-weight: 400;}
.SuccessCounter .card-body{ background: #FFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 22px; width: 192px; height: 192px; margin: 0 auto; padding-top: 45px;}
.SuccessCounter p{font-weight: 700; font-size: 16px; line-height: 26px; text-align: center; color: #0E131D;}
.count{ font-weight: 700; font-size: 48px; line-height: 56px; text-align: center; color: #0E131D; font-family: 'Lora', serif; margin-bottom: 35px; position: relative;}
.count:after{ position: absolute; left: 0; right: 0; margin: 0 auto; width: 35px; height: 1px; background: #B7B8BB; content: ''; bottom: -15px;}
.shadow{box-shadow: rgb(244 90 127 / 10%) 0px 11px 14px;}
.shadow1{box-shadow: rgba(82, 131, 204, 0.15) 0px 11px 14px;}
.shadow2{box-shadow:  0px 11px 14px rgba(0, 0, 0, 0.06);}
.shadow3{box-shadow:  0px 11px 14px rgba(255, 92, 56, 10%);}
.lineRight{ border-left: 1px dashed rgba(14, 19, 29, 0.3); width: 1px; height: 125px; position: absolute; top: 35px; right: 0;}
.unit-icon{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -22px; background: #F45A7F; width: 50px; height: 50px; border-radius: 50%; padding: 12px 0 0;}
.year-icon{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -22px; background: #5283CC; width: 50px; height: 50px; border-radius: 50%; padding: 14px 0 0;}
.project-icon{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -22px; background: #FB9638; width: 50px; height: 50px; border-radius: 50%; padding: 12px 0 0;}
.location-icon{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -22px; background: #FF5C38; width: 50px; height: 50px; border-radius: 50%; padding: 12px 0 0;}

/* SUCCESS OUR GROWTH  CSS */
.succesgrowth{ width: 100%; position: relative; background: #F3F7FA; padding: 70px 45px 110px; overflow: hidden; text-align: center;}
.succesgrowth:before{ content: ''; width: 50%; height: 100%; background:  url(../images/growthleft.png) right top no-repeat; position: absolute; top: 0; left: 0;}
.succesgrowth:after{ content: ''; width: 50%; height: 100%; background:  url(../images/growthright.png) right top no-repeat; position: absolute; top: 0; right: 0;}
.succesgrowth .container{ position: relative; z-index: 1;}
.succesgrowth h2{ font-weight: 700; font-size: 36px; line-height: 52px; letter-spacing: 0.03em; color: #0E131D; background: url(../images/success-line.png) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 35px;}
.succesgrowth h2 span{ display: block; font-size: 18px; line-height: 20px; letter-spacing: 0.03em; color: #914D26; font-weight: 400;}
.succesgrowth h3{ font-weight: 500; font-size: 18px; line-height: 26px; text-align: center; color: #0E131D;}
.succesgrowth p{ font-size: 14px; line-height: 22px; color: #7D9295; margin-top: 15px;}
.succesgrowth p .fa-star{ color: #FFB930; margin: 0 2px;}
.succesgrowth p .fa-star.gray-color{ color:  rgba(14, 19, 29, 0.2);}
.succesgrowth .slick-slide{ padding: 40px 20px 15px;}
.successCard{ background: #fff; box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.08); border-radius: 10px; padding: 50px 30px 20px;}
.successCard .user{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -35px;}
.succesgrowth .slick-next.slick-arrow{ width: 30px; height: 30px; position: absolute; right: 47%; top: auto; bottom: -56px; background: url(../images/next-arrow.svg) left top no-repeat; color: transparent; cursor: pointer;}
.succesgrowth .slick-prev.slick-arrow{ width: 30px; height: 30px; position: absolute; left: 47%; top: auto; bottom: -56px; background: url(../images/next-arrow.svg) left top no-repeat; color: transparent; cursor: pointer; transform: rotate(180deg);}

/* GOOGLE MAP CSS */
.mapHome{ width: 100%; position: relative;}
.mapHome img{ width: 100%; height: auto;}

/* FOOTER CSS */
footer{ background: #0F1420; width: 100%; padding: 60px 0 0;}
footer p{ font-size: 14px; line-height: 22px; color: #fff;}  
footer p span{ display: block; margin-top: 5px;}
footer p span a{ color: #CF8411;}
footer h2{ position: relative; margin-bottom: 15px; padding-bottom: 10px; font-size: 20px; line-height: 24px; font-weight: 500; color: #fff;}
footer h2:after{ content: ''; position: absolute; width: 24px; height: 2px; left: 0; bottom: 0px; background: #FFFFFF; border-radius: 20px;}
footer li{ width: 49%; display: inline-block;}
footer li a{ font-size: 15px; line-height: 44px; color: #FFF;}
footer li a:hover{ color: #CF8411;}
footer .connectwith li{ width: 100%; display: block; font-size: 15px; line-height: 54px; color: #FFF; padding: 0 0 0 50px; position: relative;}
footer .connectwith li span{ position: absolute; left: 0; top: 12px; border: 1px solid rgba(255, 255, 255, 0.2); width: 34px; height: 34px; display: inline-block; text-align: center; color: #fff; font-size: 15px; border-radius: 50%; line-height: 34px;}
footer .connectwith li a{ font-size: 15px; line-height: 54px; color: #FFF;}
.socialview{ margin-top: 15px;}
.socialview a{ border: 1px solid rgba(255, 255, 255, 0.2); width: 38px; height: 38px; display: inline-block; margin-right: 10px; text-align: center; color: #fff; font-size: 17px; border-radius: 50%; line-height: 38px;}
.socialview a:hover{ background: #CF8411;}
.copyright{ font-size: 14px; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: 40px; padding: 18px 0; color: #fff; text-align: center;}

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

About Us Page

===============================*/
.innerarea{ position: relative; overflow: hidden;}
.innerarea:before{ position: absolute; content:''; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(103.33deg, rgba(14, 19, 29, 0.9) 7.98%, rgba(14, 19, 29, 0) 91.38%); z-index: 0;}
.innerarea .container{ position: relative; z-index: 11; padding: 120px 15px;}
.innerarea h1{ font-weight: 700; font-size: 26px; line-height: 36px; color: #FFFFFF; margin-top: 15px;}
.innerarea li{ display: inline-block; color: #D68E21; font-weight: 500; font-size: 14px; line-height: 30px; padding-right: 25px;}
.innerarea li a{ color: #fff; position: relative;}
.innerarea li a:after { content: ''; background: url(../images/bread-icon.svg) left 0 no-repeat; position: absolute; right: -17px; top: 4px; width: 4.5px; height: 16px; background-size: 100%;}
.about-banner{   center top no-repeat; background-size:cover;}
.OurVision{ width: 50%; float: left; background: #413428; padding: 80px 100px; text-align: center;}
.bg-orange{background: #914D26;}
.OurVision h2{font-size: 18px; line-height: 26px; color: #FFFFFF; margin: 20px 0 10px;}
.OurVision p{ font-size: 16px;line-height: 22px; color: #FFFFFF;}

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

Current Project Page 

===============================*/
.ongoing-banner{  center top no-repeat; background-size:cover;}
.MainProject{ width: 100%; position: relative; overflow: hidden; padding: 75px 0 30px; text-align: center;}
<<<<<<< HEAD
/*.MainProject:after{ content: ''; position: absolute; top: 55px; left: 0; width: 140px; height: 75px; background:  url(../images/project-icon-top.svg) left top no-repeat; transform: rotate(180deg);}*/
=======
.MainProject:after{ content: ''; position: absolute; top: 55px; left: 0; width: 140px; height: 75px;}
>>>>>>> 6fa926b5784269c0b4fd129591a6159f560d4ef1
.MainProject h2{ font-weight: 700; font-size: 36px; line-height: 52px; letter-spacing: 0.03em; color: #0E131D; background: url(../images/success-line.png) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 35px;}
.MainProject h2 span{ display: block; font-size: 18px; line-height: 20px; letter-spacing: 0.03em; color: #914D26; font-weight: 400;}
.MainProject p{ font-size: 16px; line-height: 22px; color: #ACADBC; margin-bottom: 45px;}
.btn-down{ background: #CF8411; box-shadow: 0px 3px 5px rgba(9, 38, 72, 0.15); border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 26px; color: #FFFFFF; padding: 8px 25px; display: inline-block; border: 0px; cursor: pointer;}
.btn-down:hover{ background:  #914D26; color: #fff;}
.btn-down svg{ vertical-align: middle; margin-right: 10px;}

.more-project { margin-bottom: 70px;}
.more-project img{ width: 100%; height: 320px; box-shadow: 0px 24px 24px rgba(14, 19, 29, 0.1); border-radius: 30px;}



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

Past Project Page 

===============================*/
.past-banner{ center top no-repeat; background-size:cover;}
.PastProject {width: 100%; position: relative; overflow: hidden; padding: 75px 0;}
.PastProject h2{ font-weight: 700; font-size: 36px; line-height: 52px; letter-spacing: 0.03em; color: #0E131D; background: url(../images/success-line.png) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 35px; text-align: center;}
.PastProject h2 span{ display: block; font-size: 18px; line-height: 20px; letter-spacing: 0.03em; color: #914D26; font-weight: 400;}
<<<<<<< HEAD
/*.PastProject:before{ content: ''; position: absolute; top: 40px; right: 0; width: 140px; height: 75px; background:  url(../images/project-icon-top.svg) left top no-repeat;}*/
/*.PastProject:after{ content: ''; position: absolute; bottom: 35px; right: 0; width: 75px; height: 75px; background:  url(../images/project-icon-top.svg) left top no-repeat;}*/
/*.PastProject .overlay{ position: absolute; top: 46%; left: 0; width: 90px; height: 55px; background:  url(../images/project-icon-top.svg) left top no-repeat;  transform: rotate(180deg); background-size: 100%;}*/
=======
.PastProject:before{ content: ''; position: absolute; top: 40px; right: 0; width: 140px; height: 75px;}
.PastProject:after{ content: ''; position: absolute; bottom: 35px; right: 0; width: 75px; height: 75px;}
.PastProject .overlay{ position: absolute; top: 46%; left: 0; width: 90px; height: 55px;  background-size: 100%;}
>>>>>>> 6fa926b5784269c0b4fd129591a6159f560d4ef1
.PastProject .productHome{ margin-bottom: 30px;}
.page-link{ color: #0E131D; border: 0.873684px solid #DBDCDD; border-radius: 8px; margin: 0 5px;}
.page-link:hover, .page-link.active { background: #CF8411; border-color: #CF8411; color: #fff;}
.page-item:first-child .page-link, .page-item:last-child .page-link {  border-radius: 8px;}

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

Contact Us Page 

===============================*/
.contact-banner{  center top no-repeat; background-size:cover;}
.contactPage{ width: 100%; position: relative; overflow: hidden; padding: 75px 0;}
.contactPage .container{ position: relative; z-index: 55;}
.contactPage:before{ content: ''; width: 50%; height: 100%; background:  url(../images/growthleft.png) right top no-repeat; position: absolute; top: 0; left: 0;}
.contactPage:after{ content: ''; width: 50%; height: 100%; background:  url(../images/growthright.png) right top no-repeat; position: absolute; top: 0; right: 0;}
.contactPage h2{ font-weight: 700; font-size: 36px; line-height: 56px; letter-spacing: 0.03em; color: #0E131D; margin-bottom: 35px;}
label.place-top{ background: #fff; position: absolute; padding: 3px 5px; left: 10px; top: -5px; font-size: 13px; border-radius: 3px;}
.contactPage .form-group{ margin-bottom: 30px;}
.contactPage .form-control, .contactPage select.form-control:not([size]):not([multiple]){ height: 48px;}
.card-form{ background: #FFFFFF; box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.08); border-radius: 10px; padding:25px;}
.contactPage h3{font-size: 26px; line-height: 36px; letter-spacing: 0.03em; color: #0E131D; margin-bottom: 10px;}
.contactPage h4{font-size: 20px; line-height: 24px; letter-spacing: 0.03em; color: #0E131D; margin-bottom: 10px;}
.contactPage li{ width: 100%; display: block; font-size: 15px; line-height: 60px; color: #0E131D; padding: 0 0 0 50px; position: relative;}
.contactPage li span{ position: absolute; left: 0; top: 12px; background: #EEEEF3; border: 1px solid rgba(0, 0, 0, 0.13); width: 34px; height: 34px; display: inline-block; text-align: center; color: #CF8411; font-size: 15px; border-radius: 50%; line-height: 34px;}
.contactPage  li a{ font-size: 15px; line-height: 60px; color: #0E131D;}
.contactPage .follow{ margin-top: 20px;}
.contactPage .follow a{ background: #EEEEF3; border: 1px solid rgba(0, 0, 0, 0.13); width: 38px; height: 38px; display: inline-block; margin-right: 10px; text-align: center; color: #0E131D; font-size: 17px; border-radius: 50%; line-height: 38px;}
.contactPage .follow a:hover{ background: #CF8411; color: #fff;}


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

Project/event Details Page 

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

.projectimg{
width: 100%;
text-align: center;  
}
.projectdesc{
line-height: 20px;
margin-bottom: 15px;
}
.project-title{
margin: 15px 0px;
}
.projectdesc p{
margin-bottom: 10px;
}