@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: "Graphik-Medium";
    src: url("../fonts/Graphik-Medium.eot"); /* IE9*/
    src: url("../fonts/Graphik-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("../fonts/Graphik-Medium.woff2") format("woff2"), /* chrome、firefox */
        url("../fonts/Graphik-Medium.woff") format("woff"), /* chrome、firefox */
        url("../fonts/Graphik-Medium.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../fonts/Graphik-Medium.svg#Graphik-Medium") format("svg"); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik-regular';
    src: url('../fonts/Graphik-Regular.eot');
    src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Regular.woff2') format('woff2'),
        url('../fonts/Graphik-Regular.woff') format('woff'),
        url('../fonts/Graphik-Regular.ttf') format('truetype'),
        url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block
}
abbr, address, article, aside, audio, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit
}
html{
    scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  font: 400 14px 'Outfit', sans-serif;
  line-height: 20px;
  color: #020b1e;
  background-color: #fff;
  overflow-x:hidden;
    scroll-behavior: smooth;
}
chexbox, div, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, option, p, radiobutton, select, td, textarea, tr, ul {
  padding: 0;
  margin: 0
}
ul {
  padding: 0;
  margin: 0;
  
}
ol {
  padding: 0;
  margin: 0;
  list-style-type: none
}
a {
    padding: 0;
    margin: 0;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    color: #000;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
a:hover {
  text-decoration: none;
}
img {
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0;
  max-width: 100%;
  height: auto;
}
.chexbox {
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px
}
.clr, .spacer {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}
.clearfix:after, .clearfix::before {
  content: '';
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
}
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-track{border-radius: 10px; -webkit-border-radius: 10px; background: #c9c9c9;}
::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-border-radius: 10px; background: #b94a00;}
.section{padding: 50px 0;}
.button {
    font: 600 17px 'Outfit', sans-serif;
    background-color: #fff;
    text-transform: uppercase;
    border: none;
    color: #000;
    height: 50px;
    line-height: 48px;
    border: 1px solid #ffffff;
    padding: 0px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    
}
.button:hover{background: #e66605; border-color: #e66605; color: #ffffff;}
.btn {
    font: 600 17px 'Outfit', sans-serif;
    background-color: #e66605;
    text-transform: uppercase;
    border: none;
    color: #fff;
    height: 50px;
    line-height: 48px;
    border:none;
    padding: 0px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    
}
.btn:hover{background: #fff;color: #000;}
.bannerSection .banner-text .button {
    letter-spacing: 1px;
}
  .button1{
    font: 600 17px 'Outfit', sans-serif;
    background-color: transparent;
    text-transform: uppercase;
    border: 1px solid #fff;
    color: #fff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    
  }
/*---------header part css starts here--------------*/
 .container{
    max-width: 1300px;
    /* margin:0;
    padding:0; */
    margin: 0 auto !important;
}
#navbarSupportedContent ul{
    margin:0;
    padding:0;
    height: 32px;
    line-height: 32px !important;
    font: 400 13px 'Outfit', sans-serif;
    color:#2c2d31;
    text-transform: uppercase;
}
#navbarSupportedContent ul li{
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
    position: relative;
}
#navbarSupportedContent ul li:last-child{margin-right: 0;}
#navbarSupportedContent ul li a{
    color:inherit;
    padding: 0 10px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  line-height: 32px !important;
  display:inline-block;
}
#navbarSupportedContent ul li.active, 
#navbarSupportedContent ul li:hover a,
#navbarSupportedContent ul li.current-menu-item a
{
  text-shadow: 1px 0 #b94a00; 
  color: #b94a00; 
  background: #f1dbcc;
}
#navbarSupportedContent ul li .sub-menu-toggle{
        display: none;
}
#navbarSupportedContent ul li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  background: #fff;
  padding: 15px 15px 15px 15px;
  z-index: 999;
}
#navbarSupportedContent ul li ul li a{
  display: block;
}
#navbarSupportedContent ul li:hover ul {
    display: block;
    position: absolute;
    left: 0;
    top: 31px;
    width: 181px;
    background: #f5f5f4;
    z-index: 999;
    height: auto;
    border: 1px solid #ccc;
}
#navbarSupportedContent ul li .sub-menu li a{
  color: #000;
  background: #fff;
    text-shadow: none;
    border-bottom: 1px solid #ccc;
}
 #navbarSupportedContent ul li .sub-menu li:last-child a{
  
    border-bottom:none;
}
#navbarSupportedContent ul li .sub-menu li {
  margin: 0;
}
#navbarSupportedContent ul li ul li{
        margin: 0 0 2px 0;
        display: block;
        background-color: inherit;
}
#navbarSupportedContent ul li .sub-menu{
  margin: 0;padding: 0; min-width:255px;
}
#navbarSupportedContent ul li ul li a{
        display: block;
        padding: 10px 10px;
        margin: 0;
        line-height: 18px !important;
        background-color: inherit;
}
#navbarSupportedContent ul li ul li a:hover{
        display: block;
        padding: 10px 10px;
        margin: 0;
        line-height: 18px !important;
        background-color: #f5f5f4;
        color: #000;
        
}

#navbarSupportedContent {
    justify-content: flex-start;
    padding-left: 20px;
}
.readmoreSection .modelList li a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: 0px;
    background: #e66402;
    opacity: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    -webkit-transition: width .5s linear;
    transition: width .5s linear;
    border-left: 5px solid #4C8139;
}
.headerSection .rightList{
    margin:0;
    padding:0;
    display:flex;
    list-style: none;
}
.headerSection .rightList li{
    display:inline-block;
    padding:0;
    margin:0 15px 0 0;
    font-weight:bold;
    color:white;
    vertical-align: top;
    position:relative;
}
.headerSection .rightList li:last-child{margin-right: 0;}
.headerSection .rightList li a{
    margin:0;
    padding:0;
    color:#2c2d31;
    line-height:15px;
    font: 500 15px 'Outfit', sans-serif;
  
}
.headerSection .rightList li i{
    font-size:16px;
    color:#ba4e0a;
    margin:0 12px  0 0;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.headerSection .rightList li:last-child i{
    margin:0;
    cursor: pointer;
}
.navbar-brand {
    max-width: 160px;
}

.headerSection .search_form_area form{
    display: flex;
  
}
.headerSection .search_form_area {
    display: none;
    background-color: #db6318;
    position: absolute;
    width: 350px;
    right: 0;
    top: 28px;
    padding: 20px;
    z-index: 9;
    border-radius: 5px;
}
.headerSection .search_form_area form input[type=search] {
    height: 40px;
    width: 70%;
    border: 1px solid #fff;
    padding: 0 15px;
}
.headerSection .search_form_area form input[type=submit] {
    height: 40px;
    width: 30%;
    border: 1px solid #fff;
    font: 600 14px 'Outfit', sans-serif;
    line-height: 27px;
    background: #000;
    color: #fff;
    border: none;
    outline: none;
}
.headerSection .search_form_area form input[type=search]:focus{
   outline:none;
   box-shadow:none;
   border:none;
}

 .headerSection .search_form_area label{
     display: none;
 }


.sticky .navbar-brand {
    max-width: 120px;
}
.sticky .headerSection {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #e66605;
    box-shadow: 0 2px 5px #959595;
}
.sticky #navbarSupportedContent ul {
    height: 26px;
    line-height: 26px !important; min-width: 250px;
}
.sticky #navbarSupportedContent ul, .sticky .headerSection .rightList li a, .sticky .headerSection .rightList li i{color: #ffffff;}
.sticky .navbar  button .fa-bars{color: #ffffff;}
.headerSection .navbar  button{z-index:99;}
.sticky .headerSection .rightList li a:hover, .sticky .headerSection .rightList li i:hover{color: #000000;}
/*-----------header part css ends here-------------------*/
/*----------banner section css start here------------*/
.bannerSection .bannerSlider{height:100vh !important; overflow:hidden;}
.bannerSection, .bannerbox{
    position:relative;
}
.bannerSection .banner-text{
    position:absolute;
    text-align:center;
  left:0;
  top:0;
  right:0;
  bottom:0;
  display: flex;
  align-items: center;
  z-index:9;
  height:100vh;
}

.bannerSection .banner-img {
    position: relative;
    overflow: hidden;
    padding-top: 0;
    z-index: 1;
   text-align:center;
/* -webkit-clip-path: polygon(100% 0, 100% 90%, 72% 100%, 0 90%, 0 1%); clip-path: polygon(100% 0, 100% 90%, 72% 100%, 0 90%, 0 1%); */
}
.inner_banner .banner-img {
    padding-top: 35%;
}
.bannerSection .banner-img::before {
    content: '';
    position: absolute;
    /* background: #00000066; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,0.6);
}
.inner_banner .bannerbox:before {
    content: '';
    position: absolute;
    background: rgba(0,0,0,0.1);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.inner-banner-img .bannerbox:before {
    content: '';
    position: absolute;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.bannerSection.inner-banner-img .bannerpara {
    text-align: center;
}
.bannerSection.inner-banner-img .bannerpara .button{
    font: 600 14px 'Outfit', sans-serif;
    padding: 0px 15px;
    height:40px;
    line-height:39px;
}
.bannerSection.inner-banner-img .bannerpara p{
  padding-bottom: 0;
  margin-bottom: 15px;
  padding-top: 0;
}
.inner_banner .banner-text{
    z-index:9;
}
.bannerSection .banner-img img{
    position:relative;
    left:0;
    top:0;
    width:100%; height:auto;
    display:inline-block !important;
    /* object-fit: cover; */
}
.bannerSection .bannerpara {
    max-width: inherit;
    margin: 0 auto;
    text-align:left;
  
}
.bannerSection .bannerpara h1{
    font: 700 45px 'Outfit', sans-serif;
    text-transform: uppercase;
    line-height: 50px;
    color:#fff;
    padding:29px 0 0 0;
   
}
.bannerSection ul {
    padding: 0;
    margin: 0px 0 30px;
    list-style: none;
    font: 600 17px 'Outfit', sans-serif;
    line-height: 29px;
    letter-spacing: 1px;
    color: #fff;
}
.bannerSection ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 0 0;
    border-right: 3px solid #fff;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 400 !important;
}
.bannerSection .banner-text .button{border:none; font-size: 16px;
  line-height: 18px !important;
  font-weight: 400;
  text-transform: capitalize;
  background: #E66402;
  color: #fff;
  border-radius: 30px;
  padding: 20px 30px !important;
  display: inline-block;
  border: none;
  height: auto !important; border:2px solid #fff;
  letter-spacing: -.1px;}
.bannerSection .banner-text .button:hover{background:#272343;}
.bannerSection ul li:last-child{border: none;}
.bannerSection ul li a{
   color:inherit; 
 }
 
/*----banner section css ends here------*/
/*-----about part css starts here----------------*/
.aboutSection{
    margin:0;
    padding:0;
}
 /* .aboutSection .row-rvrs .row [class*="col-"]{
    padding: 0;
    margin:0;
}
 .aboutSection .row-rvrs .row figure{
    position:relative;
    padding-top: 89%;
    overflow: hidden;
    width:100%;
}
.aboutSection .row-rvrs .row figure img{
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutSection .row-rvrs .row{
    padding: 0;
    margin:0;
}
.aboutSection .construction {
  padding: 0 100px;
  max-width: inherit;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
    
} */

/* .aboutSection li{
    position:relative;
    height:100%;
    overflow:hidden;
    list-style:none;
    margin:20px;
    box-shadow: 0px 0px 10px 0px rgb(221 209 209);
}
.aboutSection li .construction{
    float: right;
    width: 50%;
    padding: 100px;
}
.aboutSection  li:nth-child(even) .content .construction{
    float:right;
    width:50%;
    padding:100px;
} */
.aboutSection .clearfix::before{
    content: '';
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
}
/* .aboutSection li{
    position:relative;
    height:100%;
    overflow:hidden;
    list-style:none;
    margin:20px;
    box-shadow: 0px 0px 10px 0px rgb(221 209 209);
    background:#f2f6f5;
} */
.aboutSection li .construction {
  float: right;
  width: 50%;
  padding: 100px;
  border-left: 20px solid #fff;
}

 .aboutSection  li:nth-child(even) .content .construction{
    float:left;
    width:50%;
    padding:100px;
    border-left: none;
    
}
.aboutSection  li:nth-child(even) .study-image{
    position: absolute;
    height: 100%;
    top: 0;
    overflow: hidden;
    width: 50%;
    left: inherit;
    right: 0;
    border-left: 20px solid #fff;
}
.aboutSection li .study-image{
    position: absolute;
    height: 100%;
    top: 0;
    overflow: hidden;
    width: 50%;
    left: 0;
}
.aboutSection li .study-image figure{
   height: 100%;
   width: 100%;
   background-size: cover !important;
   background-position: top center !important;
   background-repeat: no-repeat !important;
}
/* .aboutSection li{
    position:relative;
    height:100%;
    overflow:hidden;
    list-style:none;
    margin:20px;
    box-shadow: 0px 0px 10px 0px rgb(221 209 209);
    background:#e66402;
    color:#fff;
} */
/* .aboutSection li:nth-child(2n+1){
   background: #f2f6f5 !important;
   color:#272735 !important;
 }
 .aboutSection li{
    background:#e66402 !important;
    color:#fff !important;
  } */
 .aboutSection li:nth-child(even) .button
{
    background: transparent;
    color: #fff;
    border: 2px solid #ffffff;
  border-radius: 30px;
  font-size: 16px;
  line-height: 18px !important;
  height: inherit;
  padding: 20px 30px;
  font-weight: 400 !important;
  text-transform: capitalize;
  letter-spacing: 0;
}
.aboutSection li:nth-child(even) .button:hover{
    background: #ffffff;
    border-color: transparent;
    color: #b94a00;
}
.aboutSection li:nth-child(odd) .button
{
   background: transparent;
  color: #000;
  border: 2px solid #000;
  border-radius: 30px;
  font-size: 16px;
  line-height: 18px !important;
  height: inherit;
  padding: 20px 30px;
  font-weight: 400 !important;
  text-transform: capitalize;
  letter-spacing: 0;
}
.aboutSection li:nth-child(odd) .button:hover{
    background: #b94a00;
    border-color: #b94a00;
    color: #ffffff;
}

.portfolioSection .button, .homeSection .home .button, .licensed .button{border-radius: 30px;
  font-size: 16px;
  line-height: 18px !important;
  height: inherit;
  padding: 20px 30px;
  font-weight: 400 !important;
  text-transform: capitalize;
  letter-spacing: 0;}

.aboutSection li:nth-child(2n+1) h1, .aboutSection li:nth-child(2n+1) p {
  color: #272735;
  text-align: left;
}
.aboutSection li h1, 
.aboutSection li p {
  color: #fff;
  text-align: left;
}
.aboutSection li:nth-child(even) p{
    text-align:left;
}
.aboutSection li:nth-child(odd) p.exploreMore{
   margin-top:20px;
   background: #272343;
   padding:20px;
   color:#fff;
}
.aboutSection li p.exploreMore{
    margin-top:20px;
    background: #f2f6f5;
    padding:20px;
    color:#e66402;
 }
 .aboutSection li p.exploreMore a{
    color:#e66402;
    font-weight:500;
    text-decoration:none;
  }
 .aboutSection li:nth-child(odd) p.exploreMore a{
   color:#fff;
   font-weight:500;
   text-decoration:none;
 }
 .aboutSection li p.exploreMore span{
   font-weight: 700;
   display: block;
 }





/* .aboutSection .row-rvrs .row:nth-child(odd){
    background: #e66605;
    color:#fff;
}
.aboutSection .row-rvrs .row:nth-child(even){
    background: #fff;
    color:#000;
}
.aboutSection .row-rvrs .row:nth-child(odd) h1,
.aboutSection .row-rvrs .row:nth-child(odd) p{
    color:#fff;
    text-align:justify;
}
.aboutSection .row-rvrs .row:nth-child(even) p{
    text-align:justify;
}
.aboutSection .row-rvrs .row:nth-child(odd) .button
{
    background: transparent;
    color: #fff;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}
.aboutSection .row-rvrs .row:nth-child(odd) .button:hover{
    background: #ffffff;
    border-color: transparent;
    color: #b94a00;
}
.aboutSection .row-rvrs .row:nth-child(even) .button
{
    background: transparent;
    color: #000;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}
.aboutSection .row-rvrs .row:nth-child(even) .button:hover{
    background: #b94a00;
    border-color: #b94a00;
    color: #ffffff;
} */
  #summary .constructionText:not(.show) {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
  
  #summary .constructionText {
      min-height: 45px !important;
  }
  
  /* #summary a.collapsed:after  {
      content: '+ Read More';
  }
   */
  /* #summary a:not(.collapsed):after {
      content: '- Read Less';
  } */



/*-----about part css ends here--------------------------*/
/*-----home warranty part css starts here----------------*/
.homeSection {
    margin: 0;
    padding: 40px 0;
    background: #f2f6f5;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 10px 0px rgb(221 209 209);
}

.homeSection .home{
    max-width:993px;
    font-size:23px;
    line-height: 31px;
    margin:0 auto;
}
.row-rvrs > .row:nth-child(even){
    flex-direction: row-reverse;
}
.homeSection .home h1{ 
    text-align: center; 
    color:#272735;
}
p{  font-size: 19px; 
    line-height: 32px;
    color: #272735; 
    position: relative;
    margin-bottom: 30px;
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    padding-bottom: 20px;
}
/* p:last-child{padding-bottom: 0;} */
.homeSection .home{
    font: 400 22px 'Outfit', sans-serif;
    line-height: 30px; letter-spacing: 1px;
    padding-bottom:20px;
    text-align:center;
    color:#f7f7f7;
}
.homeSection .home .para p{
    max-width:993px;
    font-size:20px;
    line-height: 31px;
    margin:0 auto;
    color: #272735;
    text-align:justify;
}
.homeSection .home .button {
    text-align: center;
    display: inline-block;
    margin: 30px auto 0;
    background: transparent;
    color: #000;
    border: 2px solid #000;

}
.homeSection .home .button:hover{
    background: #b94a00;
border-color: #b94a00;
color: #ffffff;
}
/*-----home warranty part css ends here----------------*/
/*-------services section css part starts here---------------*/
h1, h2 {
    font-size: 42px;
    line-height: 50px;
    color: #272735;
    position: relative;
    display: block;
    margin-bottom: 30px;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.headingpara {
    font: 400 19px 'Outfit', sans-serif;
    text-align: center;
    padding-bottom: 30px;
    line-height: 30px;
    color: #272735;
}
.headingpara p{
    padding:0;
    margin:0;
}
.servicesSection{
    padding: 50px 0;
   /* background: #f2f6f5; */
}
.homeSection .home_Button{
    text-align:left;
 
}
.servicesSection .servicesLeftTop h1{
   line-height:60px;
   font-size:40px;
}
.servicesSection .serviceLeft{
    padding:50px 40px;
}
.servicesSection .serviceLeft .servicesLeftTop{
    max-width:570px;
    font-size:42px;
    line-height:53px;
    font-weight:600;

} 
.servicesSection .servicesLeftTop p{
    text-align:justify;
}
.servicesSection .servicesLeftBottom .serviceList{
   list-style: none;
}
.servicesSection .serviceRight{
    padding:10px 0 0 0;
  }
.servicesSection .serviceRight figure{
   position: relative;
   padding-top: 100%;
   overflow: hidden;
   width: 100%;
 }
 .servicesSection .serviceRight figure img{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit: cover;
  }
  .servicesSection .ctn p{
      padding:15px 0 0 0;
      text-align:justify;

  }
  .serviceRight .ctn:last-child p{
      padding-bottom: 0;
  }

/*-------services section css part starts here---------------*/



/*---------portfolio section starts here-----*/
.portfolioSection .portfolio-box {
    position: relative;
    padding: 20px 18px;
    box-shadow: 0 0 15px #c1c1c1;
    border-radius: 5px;
}
.portfolioSection .portfolio-box .portfolio-text{
   text-align:center;
   padding:20px 0 10px 0;
}
.portfolioSection .portfolio-box .portfolio-text h3{
    font: 700 25px 'Outfit', sans-serif;
    text-align: center;
    padding-bottom: 15px;
    line-height: 30px;
    color: #272735;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .portfolioSection .portfolio-box .portfolio-text p {
    font: 400 17px 'Outfit', sans-serif;
    line-height: 26px;
    text-align: center;
  padding:0;
    height: 130px;
    
}
.portfolioSection .portfolio-box figure{
    position: relative;
    padding-top: 65%;
    overflow: hidden;
    width:100%;
}
.portfolioSection .portfolio-box figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* .portfolioSection .portfolio-box:hover .portfolio-img img{
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    
} */
/* .portfolio-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 20px 30px;
} */
.portfolioSection .portfolio-heading h1{
    text-align: center;
    color: #000;
}
.portfolioSection .portfolio-heading p {
    font: 400 19px 'Outfit', sans-serif;
    text-align: center;
    padding-bottom: 30px;
    line-height: 30px;
    color: #272735;
    max-width: 980px;
    margin: 0 auto;
    text-align: justify;
}
.portfolioSection .portfolio-heading h2{
    font-size: 30px;
    text-align: center;
    color: #000;
}
/* .portfolioSection .portfolioSlider .portfolio-text h3 {
    text-shadow: 2px 2px rgb(0 0 0 / 28%);
    text-shadow: 2px 2px 0px #564c4c;
    font-size: 22px;
    line-height: normal;
    color: #fff;
    position: relative;
    display: block;
    text-align: center;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
} */
/* .portfolioSlider .owl-stage-outer{
    overflow: visible;
} */
.owl-dots {
    text-align: center;
    margin-top: 30px;
}
.portfolioSlider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #dc9b6e!important;
    -webkit-border-radius: 0px;
    outline: none;
    border-radius: 0px;
    margin: 0 5px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.portfolioSlider .owl-dots .owl-dot.active {
    background: #b94a00 !important;
}
.portfolioSlider .owl-dots .owl-dot.active {
    background: #b94a00 !important;
}
.portfolioSlider .portfolio-box {
    position: relative;
    margin-bottom: 30px;
    min-height: 500px;
}
.portfolioSlider .portfolio-box .readmore {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 100%;
    text-align: center;
    background: #e16d1e;
    color: #fff;
    bottom: -20px;
    left: 46%;
}
.portfolioSlider .portfolio-box .readmore::after{
    content: '\f061';
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 43px;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    /* margin-top: 20px; */
    /* padding-top: 30px; */
}
/*---------portfolio section starts here-----*/
/*-----process part css starts here------*/
.processSection {
    padding: 50px 0 20px 0;
    background: #f2f6f5;
}
.process_list{
    counter-reset: my-sec-counter;
    list-style: none;
    max-width: 970px;
    margin: 0 auto;
}
.processHeading h2{
    margin-bottom:15px;
}
.processSection .processHeading p {
    font: 400 20px 'Outfit', sans-serif;
    text-align: center;
    padding: 12px 0 32px 0;
    line-height: 33px;
    color: #272735;
    text-align: left;
}
.process_list li{position: relative; padding-left: 30px;}
.process_list li::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) ". ";
    position: absolute;
    top: 14px;
    left: 0;
    font-size: 24px;
    font-weight: 600;
}
.processSection .accordion-button{
    background:#528540;
    border:none;
    box-shadow: none;
   
}
.processSection .accordion h3 {
    font-size: 22px;
    line-height:34px;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}
.accordion-button:not(.collapsed)::after {
    background: none !important;
}
.accordion-item .accordion-button:after{
    display:none !important;
    background:none !important;
}
.accordion-item .accordion-header::after {
    content: "\2b";
    font-family: 'FontAwesome';
    font-size: 20px;
    background: no-repeat;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
  position: absolute;
  right: 15px;
  top: 23px;
  z-index: 9;
  pointer-events: none;
}
.accordion-item .accordion-header.accordion-header-open::after {
    content: "\f068";
    font-family: 'FontAwesome';
    font-size: 20px;
    background: no-repeat;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
  position: absolute;
  right: 15px;
  top: 23px;
  z-index: 9;
  pointer-events: none;
}

.processSection .process-text{
    padding:30px 0 0 0;
}
.processSection .process-text p{
    text-align: justify;
}

/*-----process part css starts here------*/


/*--------project section starts here------*/
.projectSection {
    position: relative;
    padding: 90px 0;
    /* background: url(../images/project.jpg) no-repeat bottom; */
    background: url(/wp-content/uploads/2024/01/cosmokaka-1.webp) no-repeat bottom;
    background-attachment: fixed;
    z-index: 1;
    background-size: cover;
}
.projectSection:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index:-1
}
.projectSection .project h1{
     font-size:65px;
    text-align:center;
    padding:40px 0 20px 0;
     line-height:53px;
    color:#fff;
}
.projectSection .project h3{
     font: 400 35px 'Outfit', sans-serif;
    text-align:center;
    line-height: normal;
    padding-bottom:20px;
    color:#fff;
}
.projectSection .talkUs{
    height: 175px;
    width: 175px;
    line-height: 175px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    border-radius: 100%;
    background-color: #e16d1e;
    border: 2px solid #fff;
}
.projectSection .talkUs a{
    font: 600 17px 'Outfit', sans-serif;
    color:#fff;
}
.projectSection .project .talkUs a:hover{
  color:#fff;
}
.projectSection .project p{
    font: 400 20px 'Outfit', sans-serif;
    line-height:38px;
    color:#fff;
    padding-top:35px;
    text-align:center;
}
.projectSection .project a {
    color: inherit;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
}
.projectSection .project a:hover {
    color: #e16d1e;
}
/*--------project section ends here------*/
/*-----awardSection starts here-----*/
.awardSection{
    padding:50px 0;
}
.awardSection .award{
   max-width:795px;
   margin:0 auto;
}
 .awardSection .award h1{
    text-align:center;
   padding-top:50px;
    color:#000;
 }
 .awardSection .award h1 span{
     display:block;
    text-align:center;
    color:#000;
 }
.awardSection .awardList{
   max-width:1200px;
   margin:0 auto;
} 

/*-----awardSection ends here-----------*/
/*------client review part css starts here-------*/
.testimonialSection{
    padding:80px 0;
    background: #ffecdd;
}
.testimonialSection .testimonial h1{
    text-align:center;
}

.testimonialSection .testimonial p{
    padding-bottom:50px;
}
.testimonialSection .testimonialList-main .item {
    list-style: none;
    background: #fff;
    padding: 40px;
    min-height: 558px;
}
.testimonialSection .testimonialList-main .item .star i{
   color:#fab32a;
   
}
.testimonialSection .testimonialList-main .item .testimonial-box h3{
    font: 400 22px 'Outfit', sans-serif;
    line-height: 30px;
    padding:20px 0;
    color:#000;
}

 .testimonialSection .testimonialList-main .item .testimonial-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -20px 0 0 0;
}
.testimonialSection .testimonialList-main .item .testimonial-bottom .tname h4{
    font:700 20px 'Outfit', sans-serif;
    line-height:29px;
    color:#b94a00;
}
.owl-dots {
    text-align: center;
    margin-top: 30px;
}
.testimonialSlider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #dc9b6e!important;
    -webkit-border-radius: 0px;
    outline: none;
    border-radius: 0px;
    margin: 0 5px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.testimonialSlider .owl-dots .owl-dot.active {
    background: #b94a00 !important;
}
.testimonialSection .testimonialSlider .testimonial-box p {
    text-align: justify;
    font-size: 19px;
    line-height: 34px;
    min-height: 309px;
}
/*------client review part css ends here-------*/
/*--------area section css starts here--------------------*/
.areaSection{
    padding:50px 0;
}
.areaSection .area{
   max-width:980px;
   margin:0 auto;
}
.areaSection .area h1{
    text-align:center;
    padding:20px 0 0 0;
   
}
.areaSection .area p {
    text-align: justify;
  font: 400 19px 'Outfit', sans-serif;
  line-height:30px;
  color: #272735;
  padding:0 0 30px 0;
  margin:0;
}
.areaSection .area ul{
  list-style: none;
    padding: 0;
    max-width: 980px;
    margin: 0 auto;
    font: 500 22px 'Outfit', sans-serif;
    color: #b94a00;
    column-count: 3;
    padding: 20px 0 35px 0;
}
.areaSection .area ul li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 10px;
}
.areaSection .area ul li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 6px;
    line-height: 6px;
    position: absolute;
    top: 14px;
    left: 0;
}
.areaSection .area ul li a{
    display: block;
    color: inherit;
}
.areaSection .area ul li:hover a{color:#000000;}

/*--------area section css starts here--------------------*/
/*--------cosmo builder part css starts here--------------------*/
.cosmoSection {
    padding: 70px 0 120px;
    background: #db6318;
}
.cosmoSection .cosmoHeading h1{
    
    text-align:center;
    padding:10px 0;
    color:#fff;
}
.cosmoSection .cosmo{
    max-width:inherit;
    margin:0 auto;
}
.cosmo .row {
    margin-bottom: -30px;
}
.cosmo [class*="col"] {
    margin-bottom: 30px;
}

.cosmoSection .cosmo .cosmoList .cosmoLeft {
    padding: 0 18px 0 0;
    flex-shrink: 0;
    max-width: 70px;
}
.cosmoSection .cosmo .cosmoList h3{
    font: 600 25px 'Outfit', sans-serif;
    line-height:43px;
    color:#fff;
}
.cosmoSection .cosmo .cosmoList p{
    font: 400 18px 'Outfit', sans-serif;
    line-height: 29px;
    color:#fff;
    padding:0;
    margin:0;
}
/*--------cosmo builder part css starts here--------------------*/
/*------Licensed part css starts here-------*/

.licensedSection .licensed {
    padding: 30px;
    background: #fff;
    max-width: 1300px;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    margin-top: -90px;
}
.licensedSection .licensed h1{
    font-size:33px;
    text-transform: uppercase;
    line-height:41px;
    text-align:center;
    
}
.licensedSection .licensed p{
    font: 400 20px 'Outfit', sans-serif;
    line-height:34px;
    text-align:center;
    color:#272735;
  padding:0;
}
.licensed .button{
   color:#fff;
   border-color:#db6418;
   background:#db6418;
 }
.licensed .button:hover{
   color:#fff;
   border-color:#272343;
   background:#272343;
 }
/* .licensedSection .licensed .btn .button{
   background: orangered;
} */
/*------Licensed part css ends here-------*/
/*-----footer part css starts here------*/
.btn_center {text-align: center;}
.footerSection{
    padding:40px 0 0 0;
    background: #272343;
    position:relative;
}
.footerSection h3{
    font: 500 20px 'Outfit', sans-serif;
    line-height:55px;
    color:#fff;
    
}
.footerSection .footer-top {
    max-width: inherit;
    margin: 0 auto;
    padding: 65px 0 30px 0;
}
.footerSection .footer-top .contactInfo{
    max-width:366px;
    margin:0 auto;
    margin:0;
   padding:40px 0 0 0;
   list-style: none;
    
}
.footerSection .footer-top .contactInfo li{
    font: 500 16px 'Outfit', sans-serif;
    color:#fff;
    line-height: 20px;
   display:flex;
   padding:10px 0 10px 0;
}
.footerSection .footer-top .contactInfo li a{
    font: 500 16px 'Outfit', sans-serif;
    color:#fff;
    line-height: 20px;
 }
.footerSection .footer-top .contactInfo li i{
    font-size:16px;
    color:#ff8346;
    margin-right:10px;
    flex-shrink: 0;

 }
 .footerSection .footer-middle,.footer-right{
    display:inline-block;
    margin:0;
    padding:0;
    list-style-type: none;

 }
 .footerSection .footer-middle li a, .footer-right li a {
    font: 500 16px 'Outfit', sans-serif;
    color: #fff;
    line-height: 34px;
}
 /* .copyright {
    border-top: 1px solid #524f69;
    max-width: 1060px;
    margin: 0 auto;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: space-between;
} */
.copyright {
    border-top: 1px solid #524f69;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
    padding: 24px 0 0 0;
}
  .copyright p,.copyright a{
    font: 400 14px 'Outfit', sans-serif;
    color:#fff;
  }
  /* .copyright .container{
      padding: 0;
  } */
  .copyright-wrapper a:hover{
    color:#e66605;

}

/* .copyright-wrapper{
      display: flex;
      align-items: center;
      justify-content: space-between;

  } */


/*-----footer part css ends here------*/
.tabs {
    display: flex;
    /* align-items: center; */
    margin: 0 -15px;
}

.tab_wrapper, #tabs-content {
    max-width: 50%;
    width: 100%;
    padding: 0 15px;
}
#tabs-nav {
    list-style: none;
    margin: 30px 0 0;
    padding: 0px 0 20px 0;
    padding-right: 20px;
    overflow: auto;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    color: #272735;
}
#tabs-nav li {
    padding: 10px;
    cursor: pointer;
    margin-bottom: 15px;
    box-shadow: 0 0 15px #ebebeb;
    position: relative;
    z-index: 1;
    margin-right: 10px;
}
#tabs-nav li::before {
    content: '';
    position: absolute;
    border: 15px solid transparent;
    border-left: 15px solid #ffffff00;
    width: 30px;
    height: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -29px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#tabs-nav li:last-child{margin-bottom: 0;}
#tabs-nav li:hover, #tabs-nav li.active {
    background-color: #528540;
    color: #ffffff;
}
#tabs-nav li:hover::before, #tabs-nav li.active::before{border-left: 15px solid #518540;}
#tabs-nav li a {
    text-decoration: none;
    font-size: 17px;
    display: flex;
    text-transform: uppercase;
    align-items: center;
    color: inherit;
}
.tab_icon {
    width: 65px;
    height: 65px;
    line-height: 60px;
    background: #c64f00;
    text-align: center;
    font-size: 30px;
    flex-shrink: 0;
    margin-right: 20px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.tab_icon img {
    max-width: 50px;
}
#tabs-nav li:hover .tab_icon, #tabs-nav li.active .tab_icon{background: #ffffff;}
.serviceRight figure img {
    width: 100%;
}
.serviceRight {
    position: relative;
}
.serviceRight .call_us {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #c64f00;
    padding: 10px 30px 10px 70px;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    text-transform: uppercase;
}
.serviceRight .call_us::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 15px;
    background: url(../images/call.png) no-repeat center;
    width: 44px;
    height: 43px;
}
.serviceRight .call_us span {
    display: block;
    padding-bottom: 5px;
}
.serviceRight .call_us a {
    color: inherit;
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 1px;
}
/* .chat_box {
    position: fixed;
    bottom: 45px;
    right: 30px;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #d45905;
    width: 50px;
    height: 50px;
    line-height:50px;
    text-align:center;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 9;
} */
/* .chat_box .fa {
    font-family: 'FontAwesome';
} */
/* .help_box {
    cursor: pointer;
    position: fixed;
    bottom: 90px;
    right: 30px;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #272735;
    max-width: 220px;
    min-height: 120px;
    font: 400 15px 'Outfit', sans-serif;
    border-radius: 5px;
    margin: 10px 0;
    z-index: 9;
    padding: 10px 20px 15px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.help_box.is-visible {
    visibility: hidden;
    opacity: 0;
}
.help_box figure{
    text-align:center;
    padding:2px 0;
    
}
.help_box i {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #878787;
    font-size: 20px;
} */
/* OWL
---------------------------------*/
.bannerSlider .owl-nav [class*="owl-"] {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0%,-50%);
    margin: 0;
    padding: 0;
    outline: none;
    border:none;
    width: 45px;
    height: 45px;
    line-height: 45px !important;
    /* background: url(../images/slider.png) no-repeat center !important; */
    text-align: center;
    font-size: 30px !important;
    color: #fff !important;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    float: left;
    cursor: pointer;
    opacity: 1;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}
.bannerSlider:hover .owl-nav [class*="owl-"]{
    opacity: 1;
    visibility: visible;
}
.owl-carousel .owl-nav .owl-prev{left:-4px;}
.owl-carousel .owl-nav .owl-next{float: right; padding: 0 0 0 4px; left: auto; right: 0; transform: translate(0%,-50%);}
/*==============about us page css starts here=============*/

.bannerSection .bannerpara h1 {
    font: 700 42px 'Outfit', sans-serif;
    text-transform: uppercase;
    line-height: 55px;
    color: #fff;
    display: block;
    /* padding:0 100px; */
}
.inner_banner .bannerpara a{
    text-transform: inherit;
}
.bannerSection .bannerpara h1 span p{
    font: 500 20px 'Outfit', sans-serif;
    line-height: 35px;
    color: #fff;
    display: block;
    /* padding:0 100px; */
    padding:20px 0 0 0;
    text-transform: capitalize;
}
.bannerSection .bannerpara h1 span a{
    font: 600 20px 'Outfit', sans-serif;
    line-height: 35px;
    color: #fff;
}
.bannerSection .bannerpara h1 span a:hover{
   
    color: #e66605;
}
.bannerSection .bannerpara p{
    font-family: 'Outfit', sans-serif;
    font-size:16px;
    text-transform: capitalize;
    line-height: 30px;
    color:#fff;
    padding-top:10px;
    letter-spacing: 2px;
   
}
.bannerSection .bannerpara h2{
    font-family: 'Outfit', sans-serif;
    font-size:18px;
    text-transform: capitalize;
    line-height: 30px;
    color:#fff;
    margin: auto;
}

.inner_banner .bannerpara  p {
    margin: 0;
    padding-bottom: 10px;
}
/* .bannerSection .bannerpara::before {
    content: "";
    background: url(../../images/bannerlogo.png) no-repeat center;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    height: 120px;
} */
/*.inner_banner .bannerpara::before {
    content: "";
    background: url(../../images/bannerlogo.png) no-repeat center;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    height: 120px;
}*/
/*-------story section css part starts here--------*/
.Who_we_are_Section {
    padding: 40px 0;
    background: #ffecdd;
    /* box-shadow: 0px 0px 10px 0px rgb(221 209 209); */
}
.Who_we_are_Section .Who_we_are{
    max-width: inherit;
    margin:0 auto;
}
.Who_we_are_Section .Who_we_are .Who_we_are_heading h2{
    text-align:center; 
  }
.Who_we_are_Section .Who_we_are .Who_we_are_Para p{
  padding-bottom: 0;  
}
.strorySection{
    padding:70px 0;
}
.strorySection .story{
    max-width: inherit;
    margin:0 auto;
}
.strorySection .storyheading h2{
    margin-bottom: 10px;
}
.strorySection .storyheading h2 span{
    font:700 16px 'Outfit', sans-serif;
    color: #d45905;
    line-height:40px;
    display: block;
}
.strorySection .storyPara p{
    font:400 20px 'Outfit', sans-serif;
    color: #61616b;
    line-height:32px;
    text-align:justify;
    padding-bottom: 0;
}
/*-------story section css part ends here--------*/

/*-------award section css part starts here--------*/
.aboutaward{
    padding:70px 0;
    /* background: url(../../images/awardbg.jpg) no-repeat; */
    background: rgb(217,96,19);
    background-size: cover;
}
.aboutaward .award{
    max-width: inherit;
    margin: 0 auto;
}
.aboutaward .award h2{
   color:#fff;
   text-align: center;
}
.aboutaward .award p{
    font:400 23px 'Outfit', sans-serif;
    color: #fff;
    text-align: center;
    line-height:31px;
    padding: 0;
    text-align:justify;
 }
.aboutaward .award h3{ font:400 18px 'Outfit', sans-serif; color:#fff; font-size: clamp(20px,2vw,30px); margin:0 0 30px;}
.aboutaward .awardSlider{
    list-style: none;
}
.awardSlider figure{
    position:relative;
    padding-top: 70%;
    overflow: hidden;
    width:100%;
    border-radius: 7px;
}

.awardSlider figure img{
   position: absolute;
   left:0;
   top:0;
   width: 100%;
   height: 100%;
   
}

.awardSlider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #d97729!important;
    -webkit-border-radius: 0px;
    outline: none;
    border-radius: 50%;
    margin: 0 5px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.awardSlider .owl-dots .owl-dot.active {
    background: #fff !important;
}

.construction-partner{padding:80px 0 40px;}
.construction-partner h4{font: 700 16px 'Outfit',sans-serif; color: #d45905; line-height: 40px;display: block; margin-bottom:10px;}
.construction-partner p{margin:0; text-align:justify;}
.construction-partner ul{margin-left: 20px;display: flex;flex-wrap: wrap;gap: 25px;margin-bottom: 30px;}
.construction-partner ul li{font-size: 20px; line-height: 30px; color:#fff; padding:0 0 10px; flex:0 0 calc(50% - 25px);}

.performance h3{font: 700 18px 'Outfit',sans-serif; color: #d45905; line-height: 40px;display: block; margin-bottom:10px;}
.performance p{margin:0;}

.real-project{padding:80px 0 50px; margin-bottom:40px;}
.real-project h3{font: 700 28px 'Outfit',sans-serif; color: #fff; line-height:30px;display: block; margin-bottom:20px; font-weight:600;}
.real-project p{margin:0;}
.real-project .row{align-items:center; margin-bottom:30px;}
.real-project .row:nth-child(2){flex-direction:row-reverse;}
.real-project hr{margin: 30px 0; background-color: #fff;}


/*-------award section css part ends here--------*/
/*-------permormance section css part starts here--------*/
.performanceSection{
    padding:80px 0 40px 0;
}
.performanceSection .performance{
   max-width:inherit;
   margin:0 auto;
}
.performanceSection .performance h2{
    text-align: center;
 }
 .performanceSection .performancePara p{
   padding-bottom: 0px;
   line-height: 30px;
   text-align:justify;
 }
 .performanceSection .performancePara .para-left p {
    margin: 2px 0 19px 0;
    line-height: 30px;
}
  .performanceSection .last-para:last-child p{
    margin:0;    
    line-height: 40px;
  }
  .performanceSection .performancePara .para-left p strong{
    color:#be4101;
    font:600 20px 'Outfit', sans-serif;
  }
  .performanceSection .performancePara .para-left p a{
    color:#d77019;
    font:400 20px 'Outfit', sans-serif;
    margin: 10px 0 0 0;
  }
  .performanceSection .performancePara .para-left p:last-child a{
    color:#000;
  }
/*-------permormance section css part ends here--------*/
/*-------mission Section section css part starts here--------*/
.missionSection .row-rvrs .row [class*="col-"]{
    padding: 0;
    margin:0;
}
 .missionSection .row-rvrs .row figure{
    position:relative;
    padding-top: 70%;
    overflow: hidden;
    width:100%;
}
.missionSection .row-rvrs .row figure img{
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.missionSection .row-rvrs .row{
    padding: 0;
    margin:0;
}
.missionSection .mission{
  padding: 0 100px;
  max-width: inherit;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
    
}
.missionSection .row-rvrs .row:nth-child(odd){
    background: #e66605;
    color:#fff;
}
.missionSection .row-rvrs .row:nth-child(even){
    background: #fff;
    color:#000;
}
.missionSection .row-rvrs .row:nth-child(odd) h2,
.missionSection .row-rvrs .row:nth-child(odd) p{
    color:#fff;
    text-align:justify;
}
.missionSection .row-rvrs .row:nth-child(even) p{
    text-align:justify;
}
/*-------mission Section section css part ends here--------*/
/*-------financing section css part starts here--------*/
.financingSection{
    padding:90px 0 0 0;
    overflow: hidden;
    background: #272343;
    position: relative;
}
.financingSection::before, .financingSection::after {
    content: '';
    position: absolute;
    background: url(../images/financing-left.png) no-repeat center;
    top: 0;
    left: -4px;
    width: 217px;
    height: 180px;
    background-size: contain;
    display: none;
}
.financingSection::after {
    top: auto;
    left: auto;
    right: -4px;
    bottom: 0;
    filter: brightness(0);
    transform: rotate(180deg);
    display: none;
}
.financingSection .financing h2{
    text-align: center;
    color:#fff;
}
.financingSection .fundSection{
    background: #fff;
    max-width: inherit;
    margin: 0 auto;
    border-radius: 18px;
    position:relative;
}
.financingSection .fundSection::after {
    content: '';
    position: absolute;
    background: url(../images/financingcenter.png) no-repeat center top;
    bottom: -52px;
    right: 75px;
    width: 38px;
    height: 52px;
    background-size: contain;
}
.financingSection .fundSection .fund h3{
    font:700 24px 'Outfit', sans-serif;
    line-height: 29px;
    margin: 23px 0 16px 0;
    color:#be4101;
    text-align: center;
}
.financingSection .fundSection .fund{
    position: relative;
}
.financingSection .fundSection .fund p{
    padding: 0 0;
    font-size: 19px;
    text-align: center;
}
.financingSection .fundSection .fund p .hearth{
    position:relative;
}
.financingSection .fundSection .fund p .hearth::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(../images/hearth.png) no-repeat center top;
    width: 25px;
    height: 25px;
    background-size: contain;
    margin: 0 5px 0 0;
}
.financingSection .fundSection .fund p strong{
    font:600 19px 'Outfit', sans-serif;
    line-height: 34px;
}
.financingSection .fundSection .fund p a{
    color:#d45905;
}
.financingSection .financeImg {
    max-width: 700px;
    margin: 29px auto -70px;
}

/*-------financing section css part ends here--------*/
/*------project  Section css part starts here-----*/
.aboutprojectSection{
    padding:50px 0 90px 0;
    background: rgb(217,96,19);
background: -moz-linear-gradient(90deg, rgba(217,96,19,1) 0%, rgba(218,98,22,1) 52%);
background: -webkit-linear-gradient(90deg, rgba(217,96,19,1) 0%, rgba(218,98,22,1) 52%);
background: linear-gradient(90deg, rgba(217,96,19,1) 0%, rgba(218,98,22,1) 52%);
}
.aboutprojectSection .project h1{
    font-size:60px;
   text-align:center;
   padding:40px 0 20px 0;
    line-height:65px;
   color:#fff;
}
.aboutprojectSection .project p{
    max-width: inherit;
    margin: 0 0 20px 0;
    text-align: center;
    font: 400 22px 'Outfit', sans-serif;
    color:#fff;
    line-height:35px;
    text-align:center;
}

.aboutprojectSection .project h3{
   font: 500 35px 'Outfit', sans-serif;
   text-align:center;
   text-transform: uppercase;
   line-height: normal;
   color:#fff;
}
.aboutprojectSection .talkUs{
   height: 175px;
   width: 175px;
   line-height: 175px;
   margin: 0 auto;
   text-align: center;
   text-transform: uppercase;
   border-radius: 100%;
   background-color: #fff;
   border: 2px solid #e16d1e;
}

.aboutprojectSection .call p{
    font: 400 22px 'Outfit', sans-serif;
   color:#fff;
   line-height: 35px;
   padding-top:10px;
   text-align:center;
 }
.aboutprojectSection .project .talkUs a{
   font: 600 17px 'Outfit', sans-serif;
   color:#000;
}
.aboutprojectSection .projectpara{
    max-width: 806px;
    margin: 0 auto;
}
.aboutprojectSection .projectpara p{
   font: 400 20px 'Outfit', sans-serif;
   color:#fff;
   font-size:24px;
   line-height: 35px;
   padding-top:10px;
   text-transform: uppercase;
   text-align:center;
}
.aboutprojectSection .project a {
   color: #FFFFFF;
   font-weight: 600;
   letter-spacing: 1px;
}
/*------project  Section css part ends here-----*/
/*---------learn more section starts here------*/

.learnmoreSection {
    padding: 0px 0 90px 0;
    background: rgb(217,96,19);
    /* background: -moz-linear-gradient(90deg, rgba(217,96,19,1) 0%, rgba(218,98,22,1) 52%);
    background: -webkit-linear-gradient(90deg, rgba(217,96,19,1) 0%, rgba(218,98,22,1) 52%);
    background: linear-gradient(90deg, rgba(217,96,19,1) 0%, rgba(218,98,22,1) 52%); */
}
.learnmoreSection .learnMore {
    padding: 30px;
    background: #fff;
    max-width: inherit;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    margin-top: 0;
}
.learnmoreSection .learnMore h1{
    font-size:33px;
    text-transform: uppercase;
    line-height:41px;
    text-align:center;
    
}
.learnmoreSection .learnMore ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    padding-bottom:30px;
}
.learnmoreSection .learnMore ul li {
    margin-right: 50px;
}
.learnmoreSection .learnMore ul li:last-child{
    margin-right: 0;
}
.learnmoreSection .learnMore p {
    padding-bottom: 15px;
    text-align: center;
}
.learnmoreSection .learnMore p a{
   color:#d96013;
}
/*---------learn more section ends here------*/
/*------social section starts here---------*/
.socialSection .social {
    padding: 30px;
    background: #fff;
    max-width: inherit;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    margin-top: -90px;
}
.socialSection .social h1{
    font-size:33px;
    text-transform: uppercase;
    line-height:41px;
    text-align:center;
    
}
.socialSection .social .iconList{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    
}
.socialSection .social .iconList li{
        margin: 0 15px;
}
/*------social section ends here---------*/
.welcome_text p{
    font-size:15px;
    line-height: 20px;
    margin-bottom:0;
}


/*==============about us page css ends here=============*/
.moreSection{
    padding:50px 0 0 0;
}
.about_banner .banner-img {
    padding-top: 25%;
}
.about_banner .bannerpara h1{
   font-size:50px;
   letter-spacing: 1px;
}

.moreSection .learnmore p{
    font-size:19px;
    margin-bottom: 10px;
    padding:0 0 0 20px;
}
.moreSection .learnmore h2{
    padding:0 0 0 20px;
}
.moreSection .contact{
    background: url(../../images/service1.jpg) center center no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 13px 40px 40px;
    position: relative;
    z-index: 1;
}
.moreSection .contact ul li i{
    color: #d77019;
    margin-right: 12px;
    font-size: 19px;
    line-height: 34px;
}
.moreSection .contact h3{
    font:700 21px 'Outfit', sans-serif;
    padding:10px 0;
}
.moreSection .contact .contact-info ul li a, 
.moreSection .contact .contact-info ul li {
    font: 500 17px
    'Outfit', sans-serif;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    display: flex;
    flex-shrink: 0;
}
/*--construction part css starts here------*/
.construction_banner .banner-img {
    padding-top: 25%;
}
.construction_banner .bannerpara h1{
   font-size:40px;
   letter-spacing:8px;
}
.constructionSection{
    padding:50px 0;
}
.constructionSection .constructioList{
    list-style: none;
    margin: 0;
    padding: 0;
}
.constructionSection .constructioList li{
    position:relative;
    background: #f1f4f9;
   /* padding: 15px 0 15px 15px; */
    margin-bottom:10px;
    display: flex;
    align-items: center;
}
.constructionSection .constructioList li:after{
    position:absolute;
    content: '\f061';
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 20px;
    height:20px;
    width:20px;
    top: 14px;
    right: 0;
    padding-right:30px;
}
.constructionSection .constructioList li a
{
   font:600 18px 'Outfit', sans-serif;
   text-decoration: none;
   line-height:60px;
   padding:0 15px;
   margin: 0;
   width:100%;
}
.constructionSection .constructioList li a:hover
{
    text-decoration: none;
    color:inherit;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    text-decoration: none;
    color: #fff;
    background: #db6318;
    display: block;
    width: 100%;
 }
.constructionSection .constructioList li:hover
{
    color: #fff;
}
 .constructionSection .learnmore p,
 .moreSection .learnmore p{
     padding:20px 0 0 0;
     text-align:justify;

 }
 .constructionSection .contact{
     padding:20px 15px;
     margin:20px 0 0 0;

 }
 .moreSection .contact{
    margin:30px 0 0 0;

}
 .constructionSection .contact{
    background: url(../../images/portfolio8.jpg) center center no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 13px 40px 40px;
    position: relative;
    z-index: 1;
}
.constructionSection .contact::before,
.moreSection .contact::before{
    position:absolute;
    content:'';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:  rgba(0,0,0,0.7);
    z-index:1;
   
}
.constructionSection .contact .contact-info,
.moreSection .contact .contact-info{
   position:relative;
   z-index:9;
}

 .constructionSection .contact h3{
    font:700 18px 'Outfit', sans-serif;
    padding:10px 0;
}

.constructionSection .contact  ul li,
.moreSection .contact  ul li{
  list-style: none;
}
.constructionSection .contact ul li i{
    color: #d77019;
    margin-right: 12px;
    font-size: 15px;
    line-height: 32px;
}


.constructionSection .contact .contact-info ul li a, 
.constructionSection .contact .contact-info ul li{
    font: 500 15px
    'Outfit', sans-serif;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    display: flex;
    flex-shrink: 0;
}

.constructionSection .contact ul li a:hover,
.moreSection .contact ul li a:hover{
    text-decoration:none;
    color:#fff;
}
/*-------construction part css ends here------*/
/*=============blog page css starts here========*/
.blog_banner .banner-img {
    position: relative;
    overflow: hidden;
    padding-top: 30%;
    z-index: 1;
}
.blog_banner .banner-img::before {
    content: '';
    position: absolute;
    background:rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/*-------service section css starts here-----*/
.serviceSection li {
    position: relative;
    height: 100%;
    overflow: hidden;
    list-style: none;
    margin: 30px 50px 20px 50px;
    box-shadow: 0px 0px 10px 0px rgb(221 209 209);
}
.serviceSection li .service {
    float: right;
    width: 50%;
    padding: 60px 25px 100px 25px;
}
.serviceSection  li:nth-child(even) .content .service {
    float: left;
    width: 50%;
    padding: 60px 25px 100px 25px;
}
.serviceSection  li:nth-child(even) .study-image{
    position: absolute;
    height: 100%;
    top: 0;
    overflow: hidden;
    width: 50%;
    right: 0;
    left: inherit;
}
.serviceSection li .study-image{
    position: absolute;
    height: 100%;
    top: 0;
    overflow: hidden;
    width: 50%;
    left: 0;
}
.serviceSection li .study-image figure{
   height: 100%;
   width: 100%;
   background-size: cover !important;
   background-position: top center !important;
   background-repeat: no-repeat !important;
}
.serviceSection li .button
{
    background: #e66605;
    color: #ffffff;
    border:none;
    box-shadow: none;
    
}

.serviceSection li h1 {
    font: 600 35px 'Outfit', sans-serif;
    line-height: 44px;
}
.serviceSection li h1 span{
    font:700 16px 'Outfit', sans-serif;
    line-height:26px;
    letter-spacing: 2px;
    color:#d45905;
    display:block;
    padding-bottom:20px;
}
.serviceSection li p{
    color:#000;
    text-align:justify;
}
/*---------services section css ends here-----*/
/*-----------project section css starts here----*/
.blogprojectSection {
    margin-top: 50px;
    padding: 50px 0 90px 0;
    background: rgb(217,96,19);
    background: -moz-linear-gradient(90deg, rgba(217,96,19,1) 0%, rgba(218,98,22,1) 52%);
    background: -webkit-linear-gradient(90deg, rgba(217,96,19,1) 0%, rgba(218,98,22,1) 52%);
    background: linear-gradient(90deg, rgba(217,96,19,1) 0%, rgba(218,98,22,1) 52%);
}
.blogprojectSection .project h1{
    font-size:60px;
   text-align:center;
   padding:40px 0 20px 0;
    line-height:53px;
   color:#fff;
}
.blogprojectSection .project p{
    max-width: 1040px;
    margin: 0 auto;
    text-align: center;
    font: 400 22px 'Outfit', sans-serif;
    color:#fff;
    line-height:35px;
    text-align:justify;
}

.blogprojectSection .project h3{
   font: 500 35px 'Outfit', sans-serif;
   text-align:center;
   text-transform: uppercase;
   line-height: normal;
   color:#fff;
}
.blogprojectSection .talkUs {
    height: 180px;
    width: 180px;
    line-height: 180px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    border-radius: 100%;
    background-color: #FFF;
    border: 2px solid #e16d1e;
}
.blogprojectSection .call p {
    font: 400 22px 'Outfit', sans-serif;
    color: #fff;
    line-height: 35px;
    padding-top: 20px;
    text-align: center;
}
.blogprojectSection .project .talkUs a{
   font: 600 17px 'Outfit', sans-serif;
   color:#000;
}
.blogprojectSection .projectpara{
    max-width: 806px;
    margin: 0 auto;
}
.blogprojectSection .projectpara p {
    font: 400 20px 'Outfit', sans-serif;
    color: #fff;
    font-size: 24px;
    line-height: 35px;
    padding-top: 10px;
    padding-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}
.blogprojectSection .project a {
   color: #FFFFFF;
   font-weight: 600;
   letter-spacing: 1px;
}
/*---------project section css ends here-----*/
/*==============blog page css ends here======*/
/*==============read more page css starts here======*/
.readmore_banner .banner-img {
    padding-top: 25%;
}
.readmore_banner .bannerpara h1{
   font-size:40px;
   letter-spacing:8px;
}
.readmoreSection{
    padding:50px 0px 0px 0px;
}
.readmoreSection .modelList{
    list-style: none;
    margin: 0;
    padding: 0;
}
.readmoreSection .modelList li {
    position: relative;
    background: #f1f4f9;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    margin: 0 5px 10px 5px;
}
.readmoreSection .modelList li a::after {
    position: absolute;
    content: '\f061';
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    top: 19px;
    right: -4px;
    padding-right: 30px;
}
.readmoreSection .modelList li a
{
    font: 600 15px 'Outfit', sans-serif;
    text-decoration: none;
    line-height: 22px;
    margin: 0;
    width: 100%;
    padding: 20px 29px 20px 15px;
   width:100%;
  position: relative;
    z-index: 1;
    display: block;
}
.modelList li a:hover:before {
    opacity: 1;
    width: 100%;
    left: 0;
}

.readmoreSection .modelList li a:hover
{
    text-decoration: none;
    color: #fff;
    display: block;
    width: 100%;
 }
.readmoreSection .modelList li:hover
{
    color: #fff;
}
 .readmoreSection .learnmore p{
     padding: 0 0 20px;
     text-align:justify;
  margin:0;
    font-size: 20px;
}
  .portfolio-part .contact,.readmoreSection .contact{
     padding:20px 15px;
     margin:20px 0 0 0;

 }
 .moreSection .contact{
    margin:30px 0 0 0;

}
 .portfolio-part .contact,.readmoreSection .contact{
    background: url(../images/blog1.jpg) center center no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    /* padding: 13px 40px 40px; */
    position: relative;
    z-index: 1;
}
 .portfolio-part .contact::before,.readmoreSection .contact::before{
    position:absolute;
    content:'';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:  rgba(0,0,0,0.7);
    z-index:1;
   
}
 .portfolio-part .contact .contact-info,.readmoreSection .contact .contact-info
 {
   position:relative;
   z-index:9;
}

.portfolio-part .contact h3,.readmoreSection .contact h3{
    font:700 18px 'Outfit', sans-serif;
    padding:10px 0;
}
.portfolio-part .contact-info h4,.readmoreSection .contact .contact-info h4{
    font:500 18px 'Outfit', sans-serif;
    line-height:25px;
    color:#fff;
    padding-top:20px;
   
}
.portfolio-part .contact-info h4 a,.readmoreSection .contact .contact-info h4 a{
    font:600 18px 'Outfit', sans-serif;
    line-height:25px;
    color:#d77019;
    padding-top:20px;
   
}
.portfolio-part .contact .contact-info .readmore_button a,.readmoreSection .contact .contact-info .readmore_button a {
    font: 600 15px 'Outfit', sans-serif;
    background-color: #e66605;
    text-transform: capitalize;
    border: none;
    color: #fff;
    height: 43px;
    line-height: 41px;
    border: none;
    padding: 0px 9px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    /* border-radius: 32px; */
}
 .portfolio-part .contact  ul li, .readmoreSection .contact  ul li{
  list-style: none;
}
.contact ul li i{
    color: #d77019;
    margin-right: 12px;
    font-size: 15px;
    line-height: 32px;
}


 .contact .contact-info ul li a, 
 .contact .contact-info ul li{
    font: 500 15px
    'Outfit', sans-serif;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    display: flex;
    flex-shrink: 0;
}

 .contact ul li a:hover
{
    text-decoration:none;
    color:#fff;
}
.readmoreSection .learnmore figure img{
    width:100%;
    max-width: 100%;
}
/*-------construction part css ends here----------*/
/*==============read more page css ends here======*/
/*==============portfolio page css starts here======*/
.portfolio_banner .banner-img {
    position: relative;
    overflow: hidden;
    padding-top: 25%;
    z-index: 1;
}
.portfolio_banner .banner-img::before {
    content: '';
    position: absolute;
   background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/*--------portfolio project section starts here----*/
.portfolioprojectSection{
    padding:70px 0;
}
.portfolioprojectSection .aboutproject{
    text-align:center;
 }
.portfolioprojectSection .aboutproject h2 span{
   font:700 16px 'Outfit', sans-serif;
   line-height:24px;
   display: block;
   color:#d45905;
   padding-bottom:20px;
}
.portfolioprojectSection .aboutproject h2{
    font:600 42px 'Outfit', sans-serif;
    line-height:55px;
    display: block;
    color:#272735;
    letter-spacing: 1px;
    margin-bottom:10px;
 }
 .portfolioprojectSection .aboutproject p{
    font:400 20px 'Outfit', sans-serif;
    line-height:30px;
    color:#272735;
 }
.portfolioprojectSection .portfolioList{
    margin:50px 0;
}
.portfolioprojectSection .portfolioList .accordionBox{
    padding:40px 20px;
    background: #427573;
    border:1px solid #04a579;
}
.portfolioprojectSection .portfolioList .accordionBox .card .collapsed.card-link,
.portfolioprojectSection .portfolioList .accordionBox .card .card-link{
    position:relative; 
    display: block; 
}
.portfolioprojectSection .portfolioList .accordionBox .card .collapsed.card-link::after,
.portfolioprojectSection .portfolioList .accordionBox .card .card-link::after{
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 15px;
    line-height: 6px;
    position: absolute;
    top: 11px;
    right: 0;
}
.portfolioprojectSection .portfolioList .accordionBox .card .card-link::after{
    content: '\f107';
}
.portfolioprojectSection .portfolioList .accordionBox .card{
    background: #0d3736;
    color:#fff;
    margin-bottom:20px;
    
}
.portfolioprojectSection .portfolioList .accordionBox .accordionTop h3{
    font:600 15px 'Outfit', sans-serif;
    line-height: 24px;
    letter-spacing: 1px;
    color:#fff;
    padding-bottom:20px;
    border-bottom:1px solid #ccc;  
}
.portfolioprojectSection .portfolioList .accordionBox .card{
    margin-top:20px;  
}
.portfolioprojectSection .portfolioList .accordionBox .card .card-link{
    font:500 15px 'Outfit', sans-serif;
    letter-spacing: 1px;
    line-height: 24px;
    color:#fff;
}
.portfolioprojectSection .portfolioList .accordionBox .card .card-body ul{
    list-style: none;
}
.portfolioprojectSection .portfolioList .accordionBox .card .card-body ul li{
    font:400 13px 'Outfit', sans-serif;
    letter-spacing: 1px;
    line-height: 24px;
    color:#fff;
}

/*--------portfolio project section ends here------*/

/*==============portfolio page css ends here======*/


.inner_banner{
    padding:0;
    margin:0;
}
.inner_banner .innerBannerimg{
    width:100%;
}
.page-template-template-about .inner_banner .bannerbox::before{
    display:none;
}
.single-post .post-navigation{
    display:none;
}
.readmoreSection .learnmore h2{
    padding:0;
    margin:0 0 0px 0;
    font-size:30px;
}
.blogSingleHeader ul{
    padding:0;
    margin:0px 0 30px 0;
    text-align:left;
}
.blogSingleHeader ul li{
    display:inline-block;
    padding:0;
    margin:0 15px 0 0;
    font: 400 15px "Montserrat";
    line-height: 20px;
    color: #000;
    text-align:center;
}
.blogSingleHeader ul li i{
    width:30px;
    height:30px;
    margin:0 10px 0 0;
    color:#fff;
    line-height:30px;
    border-radius:50%;
    background:#e66605;
}


.children .comment-content{
    padding:0;
    margin:20px 0 0px 0;
    font: 500 15px "Montserrat";
    line-height: 22px;
    color: #282828;
}
#comments.comments-area{
    max-width: inherit;
    margin:25px 0 0 0;
    padding: 20px;
    background: #f0f0f0;
}
#comments.comments-area h2.comment-reply-title{
    font: 700 20px "Montserrat";
    line-height: 30px;
    color: #282828;
    padding:0;
    margin:0;
}
#comments.comments-area h2.comment-reply-title#reply-title{
    font: 700 17px "Montserrat";
    line-height: 30px;
    color: #282828;
    padding:10px 0 0 0;
    margin:0;
}
#comments.comments-area h2.comment-reply-title a{
    font: 700 12px "Montserrat";
    line-height: 30px;
    color: #fff;
    padding: 10px 20px;
    margin: 0 0 0 20px;
    background: #9f0104;
    position: relative;
    top: -5px;
}
#comments.comments-area .reply a{
    font: 700 12px "Montserrat";
    line-height: 18px;
    color: #fff;
    padding: 10px 30px;
    margin: 15px 0 0 0;
    background: #9f0104;
    position: relative;
    top: 0;
    display: inline-block;
}

#commentform.comment-form{
    padding:0;
    margin:0;
}
#commentform.comment-form .logged-in-as,
#commentform.comment-form .comment-notes
{
    padding:0;
    margin:0 0 15px 0;
}
#commentform.comment-form label{
    display:block;
    font: 600 15px "Montserrat";
    line-height: 30px;
    color: #282828;
    margin:0 0 0px 0;
}
#commentform.comment-form .comment-form-comment,
#commentform.comment-form .comment-form-author,
#commentform.comment-form .comment-form-email{
    margin:0 0 0px 0px;
}
#commentform.comment-form textarea{
    padding:10px;
    margin:0;
    border:1px solid #000;
    background:#fff;
    box-shadow:none;
    outline:none;
    height:150px;
}
#commentform.comment-form input[type=text],
#commentform.comment-form input[type=email]
{
    padding:7px 10px;
    margin:0;
    border:1px solid #000;
    background:#fff;
    box-shadow:none;
    outline:none;
}
.navigation.post-navigation{
    display:none;
}
#comments.comments-area .comments-title{
    padding:0;
    margin:0 0 10px 0;
    font: 700 15px "Montserrat";
    line-height: 25px;
    color: #282828;
}
#comments.comments-area .comment-list li{
    padding:0 0 20px 0px;
    border-bottom:1px dashed #ccc;
    margin:0 0 20px 0;
}
#comments.comments-area .comment-list li .children li{
    padding:0 0 20px 0;
    margin:20px 0;
}
#comments.comments-area .comment-list li .children li:last-child{
    border-bottom:none;
    margin:20px 0 0 0;
}
#commentform.comment-form input[type=submit]{
    padding:12px 20px;
    margin:0;
    border:1px solid #0a1d26;
    box-shadow:none;
    outline:none;
    background: #0a1d26;
    color:#fff;
}
.comment-body .comment-content p,
.comment-body .comment-content p
{
    padding:15px 0 0 0;
    font: 500 15px "Montserrat";
    line-height: 22px;
    color: #282828;
}
.comment-body .comment-metadata{
    padding:10px 0 0 0;
}
/*====================services section==================*/
.services_section{
    padding:60px 0;
    margin:0;
    background:#fff;
}
.services_section .topTitleSection{
    text-align:center;
    padding:0;
    margin:0;
}
.services_section .topTitleSection h2{
    padding:0;
    margin:0 300px;
    font: 700 42px "Montserrat";
    line-height: 53px;
    color: #272735;
    text-transform:uppercase;
}
.services_section .topTitleSection h2 span{
    display:block;
    text-align:center;
    font: 700 16px "Montserrat";
    line-height: 20px;
    color: #d45905;
    text-transform:uppercase;
    margin:0 0 15px 0;
}
.services_section .topTitleSection p{
    font: 500 18px "Montserrat";
    line-height: 25px;
    color: #272735;
    padding:0;
    margin:10px 0 0 0;
    text-align:center;
}
.ListContainer{
    padding:60px 0 0 0px;
}
.ListContainer .container{
    max-width:1300px;
}
.ListContainer aside {
    background: #f6f5f5;
    padding: 15px 15px 30px 15px;
    margin: 0 0 30px 0;
    text-align: center;
    min-height: 513px;
}
.ListContainer aside figure{
    margin:0 0 20px 0px;
}
.ListContainer aside h3{
    padding:0;
    margin:0 0 15px 0;
    font: 700 22px "Montserrat";
    line-height: 27px;
    color: #272735;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
}
.ListContainer aside h3 a{
    color: #272735;
}
.ListContainer aside p{
    padding:0 10px;
    margin:0;
    font: 500 18px "Montserrat";
    line-height: 25px;
    color: #272735;
}
.ListContainer aside .readmore{
    display:inline-block;
    margin:20px 0 0 0;
    padding:0 20px;
    font: 700 15px "Montserrat";
    line-height: 45px;
    color: #fff;
    text-transform:uppercase;
    background:#db6418;
}
.ListContainer aside .readmore:hover{
    background:#272343;
}
.singleContainer .readmoreSection .learnmore h2{
    margin:0 0 30px 0px;
}
.readmoreSection .learnmore ul{
    padding:0;
    margin:25px 0 0 20px;
}
.readmoreSection .learnmore h4{
    font: 500 20px "Montserrat";
  line-height: 35px;
  color: #272343;
    padding-top:10px;
} 

.readmoreSection .learnmore ul li{
    font: 400 18px "Montserrat";
    line-height: 25px;
    color: #272735;
    padding:0;
    margin:0 0 10px 0;
}
.readmoreSection .learnmore ol{
    padding:0;
   margin:25px 0 0 20px;
   list-style: decimal;
}
.readmoreSection .learnmore ol li{
    font: 400 18px "Montserrat";
    line-height: 25px;
    color: #272735;
    padding:0;
    margin:0 0 10px 0;
}

.reviewList {
    padding:0px 0 0px 0;
    margin:0;
}
.reviewList .container{
    max-width:1300px;
}
.reviewList .container ul li{
    list-style:none;
}
.reviewList .container .item{
    padding:63px 35px 63px 35px;
    margin:0 0 25px 0;
    background:#f6f6f6;
    list-style-type:none;
    position:relative;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.reviewList .container .item:hover{
    background: rgb(255,116,44);
    background: -moz-linear-gradient(0deg, rgba(255,116,44,1) 31%, rgba(215,91,7,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,116,44,1) 31%, rgba(215,91,7,1) 100%);
    background: linear-gradient(0deg, rgba(255,116,44,1) 31%, rgba(215,91,7,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff742c",endColorstr="#d75b07",GradientType=1);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.reviewList .container .item:after{
    position:absolute;
    background:url(../images/tescom.png) left top no-repeat;
    width:95px;
    height:64px;
    content:"";
    right:30px;
    top:-15px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.reviewList .container .item:hover:after{
    background:url(../images/teecom-hover.png) left top no-repeat;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.reviewList .container .item .star i {
      color: #fab32a;
}
.reviewList .container .item:hover .star i{
      color: #fff;
}
.reviewList .container .item .testimonial-box h3{
    padding:0;
    margin:5px 0 20px 0;
    font: 700 18px "Montserrat";
    line-height: 25px;
    color: #272735;
}
.reviewList .container .item:hover .testimonial-box h3{
    color: #fff;
}
.reviewList .container .item .testimonial-bottom h4{
    font: 700 15px "Montserrat";
    line-height: 20px;
    color: #272735;
    padding:0;
    margin:0;
}
.reviewList .container .item:hover .testimonial-bottom h4{
    color: #fff;
}
.reviewList .container .item .reviewImage{
    position: absolute;
    left:-80px;
    top: 17px;
    width: 110px;
    height: 110px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    overflow: hidden;
}
.testimonial-bottom{
    display:flex;
    align-items: center;
}
.testimonial-bottom figure.lidfg{
    margin:0 15px 0 0px;
    width:90px;
    height:90px;
    border-radius:50%;
    overflow:hidden;
}
.testimonial-bottom figure img{
}
.page-template-template-review .reviewList .container .item .testimonial-bottom h4{
    font: 700 18px "Montserrat";
    line-height: 20px;
    color: #272735;
    padding: 0;
    margin: 0 0 5px 0;
    text-transform:uppercase;
    letter-spacing:2px;
}
.page-template-template-review .reviewList .container .item:hover .testimonial-bottom h4,
.page-template-template-review .reviewList .container .item:hover .testimonial-box p
{
    color:#fff;
}

/*====================services section end================== */
/*====================contact Container================== */

.contactContainer{
    padding:80px 0 50px 0;
    margin:0;
    background:#f9f9fb;
}
.contactContainer .container{
    max-width:1300px;
    margin:0 auto;
}
.contactContainer h2{
    padding:0;
    margin:0 0 50px 0;
    font: 700 35px "Montserrat";
    line-height: 45px;
    color: #02044a;
    text-transform:uppercase;
    text-align:center;
}
.contactContainer h2 span{
    display:block;
    font: 700 18px "Montserrat";
    line-height: 25px;
    color: #454545;
}
.contactformContainer{
    max-width:inherit;
    margin:0 auto;
    background:#fff;
    padding:0;
    border-radius:8px;
}
.contactformContainer aside{
    border-radius:10px;
    padding:0;
    position:relative;
    overflow:hidden;
}
/*.contactformContainer aside:after{
    position: absolute;
    width: 250px;
    height: 250px;
    background: #fa949d;
    content: "";
    padding: 0;
    margin: 0;
    border-radius: 50%;
    right: -96px;
    bottom: -77px;
}
.contactformContainer aside:before{
    position: absolute;
    width: 100px;
    height: 100px;
    background: #7e53f9;
    content: "";
    padding: 0;
    margin: 0;
    border-radius: 50%;
    right: 81px;
    bottom: 67px;
    z-index: 1;
}*/
.contactformContainer aside h3 span{
    display: block;
    font: 700 16px "Montserrat";
    line-height: 20px;
    color: #d45905;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}
.contactformContainer aside h3 {
    padding: 0;
    margin: 0 0;
    font: 700 42px "Montserrat";
    line-height: 53px;
    color: #272735;
    text-transform: uppercase;
}

.contactformContainer aside ul{
    margin:35px 0 130px 0px;
}
.contactformContainer aside ul li{
    font: 600 18px 'Outfit', sans-serif;
    color:#140f11;
    line-height: 20px;
    padding:10px 0 20px 0;
    list-style-type:none;
}
.contactformContainer aside ul li a{
    font: 600 18px 'Outfit', sans-serif;
    color:#140f11;
    line-height: 20px;
}
.contactformContainer aside ul li{
    clear:both;
}
.contactformContainer aside ul li i{
    font-size:30px;
    color:#fff;
    margin:0 20px 10px 0;
    float:left;
    background:#fe701f;
    width:64px;
    height:64px;
    text-align:center;
    line-height:60px;
}
.contactformContainer aside ul li span{
    display:block;
    font: 500 20px 'Outfit', sans-serif;
    color:#d55906;
    line-height: 20px;
    text-transform:uppercase;
    margin:8px 0 8px 0;
}
.contactForm form{
    padding:20px 40px 0 40px;
    margin:0;
}
.contactForm form .form-group{
    padding:0;
    margin:0;
    position:relative;
}
.contactForm form .form-group .wpcf7-not-valid-tip{
    position:absolute;
    right:15px;
    top:0;
    pointer-events: none;
}
.contactForm form .wpcf7-response-output{
    color:#fff;
    text-align:center;
}
.contactForm form .form-group label{
    display:block;
    font: 500 15px "Montserrat";
    line-height: 25px;
    color: #8889a9;
    display:none;
}
.wpcf7-spinner{
    display: none;
}
.contactForm form .form-group p{
    display:none;
}
.contactus_form{
    background:#272735;
    padding:60px 0;
}
.contactus_form .container{
    max-width:1300px;
}
.contactus_form h4{
    text-align:center;
    font: 700 55px "Montserrat";
    line-height:60px;
    color: #fff;
    text-transform:uppercase;
    padding:0;
    margin:0 0 20px 0;
}
.contactForm form .form-group input[type=text],
.contactForm form .form-group input[type=tel],
.contactForm form .form-group input[type=email]
{
    width:100%;
    padding:0 15px;
    margin:0 0 25px 0;
    height:54px;
    border:none;
    line-height:54px;
    box-shadow:none;
    outline:none;
    background:#eaeaeb;
    border:2px solid #eaeaeb;
}
.contactForm form .form-group input[type=text]:focus,
.contactForm form .form-group input[type=tel]:focus,
.contactForm form .form-group input[type=email]:focus,
.contactForm form .form-group textarea:focus
{
    background:#fff;
    border:2px solid #ff742d;
}
.contactForm form .form-group textarea{
    width:100%;
    padding:15px;
    margin:0 0 15px 0;
    height:190px;
    border:none;
    line-height:25px;
    box-shadow:none;
    outline:none;
    background:#eaeaeb;
    border:2px solid #eaeaeb;
}
.contactForm form .form-group input[type=submit]{
    padding: 15px 58px;
    margin:15px 0 0 0;
    border: 2px solid #fff;
    box-shadow: none;
    outline: none;
    background: #272735;
    color: #fff;
    font-size:16px;
    border-radius:0;
    font: 700 20px "Montserrat";
    line-height:20px;
    color: #fff;
    text-transform:uppercase;
}
.contactForm form .form-group br{
    display:none;
}
.contactForm form .submitbutton{
    text-align:center;
}

/*====================contact Container end================== */
/*====================portfolio part================== */
.portfolio-page-container{
    padding:70px 0 130px 0;
    margin:0;
}
.portfolio-page-container .container{
    max-width:1300px;
}

.portfolio-page-container .sidebar-left ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.portfolio-page-container .sidebar-left ul li{
    position: relative;
    background: #f1f4f9;
    display: flex;
    align-items: center;
    margin: 0 5px 10px 5px;
}
.portfolio-page-container .sidebar-left ul li a{
    font: 600 15px 'Outfit', sans-serif;
    text-decoration: none;
    line-height: 22px;
    margin: 0;
    width: 100%;
    padding: 20px 29px 20px 15px;
    z-index: 1;
}
.portfolio-page-container .sidebar-left ul li a:hover{
    text-decoration: none;
    color: #fff;
    display: block;
    width: 100%;
}
.portfolio-page-container .sidebar-left ul li a:hover:before{
    opacity: 1;
    width: 100%;
    left: 0;
}
.portfolio-page-container .sidebar-left ul li a:after{
    position: absolute;
    content: '\f061';
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    top: 19px;
    right: -4px;
    padding-right: 30px;
}
.portfolio-page-container .sidebar-left ul li a:before{
content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: 0px;
    background: #e66402;
    opacity: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    -webkit-transition: width .5s linear;
    transition: width .5s linear;
    border-left: 5px solid #4C8139;
}


.portfolio-page-container .porifolio-product{
    padding:0;
    margin:0;
}
.portfolio-page-container .porifolio-product aside{
    padding:0;
    margin:0 0 30px 0;
    position:relative;
        overflow: hidden;
}
.portfolio-page-container .porifolio-product aside figure{
    padding:0;
    margin:0;
    position:relative;
}
.portfolio-page-container .porifolio-product aside figure img{
        width: 100%;
        height: auto;
}
.portfolio-page-container .porifolio-product aside figure h3{ 
    position:absolute;
    left:10px;
    bottom:10px;
    right:30px;
    z-index:1;
        background:#fff;
        padding: 20px;
}
.portfolio-page-container .porifolio-product aside figure h3.ConShow{ 
    position:absolute;
    left:10px;
    bottom:10px;
    right:30px;
    z-index:1;
        background:#4f8539;
        padding: 20px;
}

.portfolio-page-container .porifolio-product aside figure h3 a {
  color: #3c4044;
  font: 600 15px "Montserrat";
  line-height: 25px;
  color: #3c4044;
  padding: 0 0;
  display: block;
}
.portfolio-page-container .porifolio-product aside figure h3.ConShow a{
    color: #fff;
    font: 600 20px "Montserrat";
    line-height: 25px;
    padding:0 0;
    display:block;   
}

.portfolio-page-container .porifolio-product aside figure h3 .portCon{
        opacity: 0;
        visibility: hidden;
        height: 0;
        font: 600 18px "Montserrat";
    line-height: 27px;
    color: #fff;
        padding: 0 0;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
.portfolio-page-container .porifolio-product aside figure h3.ConShow .portCon.portConShow{
        opacity: 1;
        visibility: visible;
        height: auto;
        font: 600 18px "Montserrat";
    line-height: 27px;
    color: #fff;
        padding: 18px 0;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
.plusIcon{
        position: absolute;
        right: -18px;
        top: 11px;
        background-color: #151614 !important;
        font: 600 30px "Montserrat" !important;
        line-height: 40px !important;
        color: #fff !important;
        padding: 3px 15px !important;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
.plusIcon.buttonShow{
        position: absolute;
        right: 0;
        top: 0;
        background-color: #d45905 !important;
        font: 600 30px "Montserrat" !important;
        line-height: 40px !important;
        color: #fff !important;
        padding: 3px 15px !important;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
.readmoreBu{
        background: transparent;
        padding: 0 20px !important;
        margin: 20px 0 0 0;
        font: 600 15px "Montserrat" !important;
        line-height: 47px !important;
        color: #fff !important;
        border: 2px solid #fff;
        display: inline-block !important;
        text-transform: uppercase;
}


.tax-portfolio_cat .notcat{
    display:none;
}
.porifolio-product h2{
    padding:0;
    margin:0 0 30px 0;
    font: 700 27px "Montserrat";
    line-height: 32px;
    color: #3c4044;
}
.page-template-template-portfolio .portfolio-page-container{
    padding:0px 0 130px 0;
    margin: 0;
}
.portfolio-page-container .porifolio-product aside figure h3.ConShow .portCon.portConShow {
    opacity: 1;
    visibility: visible;
    height: auto;
    font: 600 16px "Montserrat";
    line-height: 24px;
    color: #fff;
    padding:0;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.portfolio-page-container .portConShow a.readmoreBu {
    font-size: 14px !important;
    line-height: 35px !important;
    height: 40px;
}
/*====================portfolio part end================== */
.page-template-template-contact .areaSection{
    background:#edf0f2;
}
.page-template-template-contact .blogprojectSection{
    margin-top: 0;
}
.areaSection .area p {
    font: 500 20px 'Outfit', sans-serif;
    line-height: 30px;
    color: #272735;
    padding: 0 0 30px 0;
    margin: 0;
    text-align:center;
}
.performance{
        padding: 0 0 70px 0;
        margin: 0;
}
.performance .owl-dots .owl-dot{
      width: 10px;
      height: 10px;
      background: #d97729;
      -webkit-border-radius: 0px;
      outline: none;
      border-radius: 50%;
      margin: 0 5px;
}
.performance .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    background: #000;
    -webkit-border-radius: 0px;
    outline: none;
    border-radius: 50%;
    margin: 0 5px;
}
.readmoreSection .learnmore p a{
    font: 700 19px "Montserrat";
    line-height: 24px;
    color: #272343;
}

.desktop{
    display:none;
}

.portfolio-ul li::before {
    content: "\f061";
    font-family: 'FontAwesome';
    margin-right: 10px;
        color:#ff8346;
}
.portfolio-ul li {
list-style:none;
    padding-bottom:15px
}
.short_des p {
    font-size: 16px !important;
    font-weight: 600;
}
.portfolios_box h1 {
    font-size: 70px !important;
    line-height: 70px !important;
}
/* appointment  */
.ui-datepicker-month,.ui-datepicker-year{
    color:#fff !important;
}
#fbuilder .ui-datepicker th {
    text-transform: uppercase;
    padding: 5px 0;
    color: #ffffff !important;
    text-align: center;
    text-shadow: 0px 0px 0px #fff !important;
    filter: dropshadow(color=#fff, offx=0, offy=0) !important;
}
#fbuilder .ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #ffffff !important;
}
#fbuilder .ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff !important;
    text-shadow: 0px 0px 0px #fff !important;
    filter: dropshadow(color=#fff, offx=1, offy=1);
    box-shadow: none;
    border: 0px;
}
.fields{
    color:#fff !important;
}
#fbuilder .large {
    width: 100% !important;
    padding: 10px !important;
    border-radius: 10px;
    border: 1px solid #fff;
}
input#hdcaptcha_cp_appbooking_post_1 {
    padding: 10px;
     border-radius: 10px;
    border: 1px solid #fff;
}
 #fbuilder .pbSubmit {
    background: #fff !important;
    color: #000;
    display: inline-block;
    cursor: pointer;
    margin: 10px 10px 0px 0px;
    padding: 10px 20px !important;
    border: 1px solid #fff;
    border-radius: 10px;
}
.bannerSection .bannerpara h1 {
    font: 700 42px "Outfit", Sans-serif !important;
    text-transform: uppercase;
    line-height: 55px;
    color: #fff;
    display: block;
    /* padding: 0 100px; */
}
.middle-col{
    align-items:center;
}
.portfolios_box p{
    font-size:24px !important;
}
.portfolio-heading-excerpt-text{
    color:#1F336E !important;
    font-size:30px !important;
    font-weight:800 !important;
}
.portfolio_meta h2{
    color:#1F336E !important;
    font-size:30px !important;
    font-weight:800 !important;
}

@media only screen and (max-width:600px){
.portfolios_content h2,.portfolios_content h3 {
    font-size: 22px !important;
}
.portfolio-heading-excerpt-text {
    color: #1F336E !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}
.portfolios_box p {
    font-size: 14px !important;
    line-height: 24px !important;
}
} 
.phonePart{
        display: none;
}

.overflowContent{
    height:94px;
    overflow:hidden;
}
.constructionBottom{
  margin: 15px 0 0 0;
}
.page-template-template-about .inner_banner .bannerpara figure{
        display: none;
}
.feedbacksreview{
    padding: 30px;
    background: #f6f6f6;
    max-width: inherit;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    margin-top: 100px;
    margin-bottom:50px;
}
.services_section .topTitleSection .feedbacksreview p{
        padding: 80px 0 20px 0;
}
.feedbacksreview span{
    width: 180px;
    height: 180px;
    background: #538641;
    position: absolute;
    left: 44%;
    top: -80px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    z-index: 9;
    text-align: center;
    color: #fff;
    font-size:15px;
}
.feedbacksreview span strong{
    display: block;
    font-size: 30px;
}
.feedbacksreview span b{
    display: block;
    margin: 4px 0 0 0;
}
.feedbacksreview span i{
        font-size: 50px;
        color: #fff;
        display: block;
        margin: 20px 0 15px 0;
}
.comNservice{
        max-width: inherit;
        margin: 0 auto;
}
.page-template-template-contact .contactformContainer{
    background-color: inherit;
}
.tax-servivrescat .notcat{
        display: none !important;
}
.tax-servivrescat .comNservice p {
    padding: 0 0 10px 0;
    text-align: left;
}
.tax-servivrescat .comNservice ul{
        padding: 0 0 25px 0;
        text-align: left;
        margin: 0 0 0 20px;
}
.tax-servivrescat .comNservice ul li{
        list-style-type: disc;
        font: 500 18px "Montserrat";
        line-height: 25px;
        color: #272735;
        margin: 0 0 15px 0;
}
.readmoreSection .learnmore h5 {
    font: 600 21px 'Outfit', sans-serif;
    line-height: 30px;
    color: #000;
    display: block;
    padding-top: 18px;
    /*padding-bottom: 16px; */
    /* border-bottom: 1px solid #ccc;
    position:relative; */
}

/* .readmoreSection .learnmore h5::after {
    content: '\f067';
    font-family: 'FontAwesome';
    font-size: 19px;
    line-height: 16px;
    position: absolute;
    top: 25px;
    right: 4px;
} */
.readmoreSection .container{
    max-width:1300px;
}
.aboutSection .construction .contentArea p{
    padding-bottom:0;
}
.reviewList .item .testimonial-box{
    min-height:230px;
}
.inner_banner .bannerpara{
    text-align:center;
}
.bannerSection.inner-banner-img .bannerpara p {
    text-transform: capitalize;
    text-align:center;
}
.bannerSection.inner-banner-img .bannerpara{
    text-align:center;
}
/* .readmoreSection .read-more-col{
    order:1;
} */
.readmoreSection .learnmore h3 strong {
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  padding: 20px 0 0 0;
}
/* .servicesGallery .galleryCon h4 strong{
    font: 700 25px 'Outfit', sans-serif,'SemiBold ';
    line-height: 35px;
    color: #272735;
    padding: 0;
    margin: 0 0 15px 0;
} */
.servicesGallery .galleryCon table{
    margin:10px 0 20px 0;
}
.servicesGallery .galleryCon table tr td{
    border:2px solid #000;
    
}
.servicesGallery .galleryCon table tr td .western{
    padding: 9px 3px 10px 11px;
}
.servicesGallery .galleryCon table tr td .western span{
    font: 500 18px 'Outfit', sans-serif,'SemiBold ' !important;
    line-height: 30px;
    color: #272735;
    padding:0 0 0 0;
}
.servicesGallery .galleryCon ul {
    padding: 0 0 0 24px;
}
.servicesGallery .galleryCon ul li{
   list-style: none;
}
.servicesGallery .galleryCon ul li{
    font-size: 18px;
    line-height: 30px;
    color: #272735;
    font-family: 'Outfit', sans-serif,'Regular';
    font-weight: 400;
    position:relative;
 }
 .servicesGallery .galleryCon ul li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 9px;
    line-height: 6px;
    position: absolute;
    top: 14px;
    left: -18px;
    font-weight: 600;
}
.servicesGallery .galleryCon ol{
    margin:0 0 15px 10px;
}
.servicesGallery .galleryCon ol li{
    font-size: 18px;
    line-height: 30px;
    color: #272735;
    font-family: 'Outfit', sans-serif,'Regular';
    font-weight: 400;
    position: relative;
}
.servicesGallery .galleryCon ol li{
    list-style: decimal;
}
.ListContainer aside h3 a{
    color:#1f336e;
}
.singleContainer .readmoreSection .learnmore h2{
    color:#1f336e;
}
.readmoreSection .learnmore h4 {
  color: #db6418;
}
.readmoreSection .learnmore h4 strong{
  color: #db6418;
}
.servicesGallery .galleryCon h4 {
  color: #db6418;
}
.servicesGallery .galleryCon h4 strong{
  color: #db6418;
}
.footerSection #myBtn {
  position: fixed;
  bottom: 18%;
  right: 3%;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #e66402;
  color: white;
  cursor: pointer;
  border-radius: 4px;
  display: none;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
  
.footerSection #myBtn:hover {
    background-color: #555;
  }
  .aboutSection li:nth-child(odd){
    background: #e66402;;
    color:#fff;
  }
  .aboutSection li{
     background:#e66402 !important;
     color:#fff !important;
   }



@media only screen and (min-width:1900px) and (max-width:6009px){
    /* .aboutSection li {
        
        margin: 100px 200px;
      
    } */
    h1, h2 {
        font-size: 40px;
        line-height: 50px;
    }
    p {
        font-size: 20px;
        line-height: 30px;
    }
    .button {
        font: 600 20px 'Outfit', sans-serif;
        letter-spacing: 2px;
        line-height: 56px;
        height: 60px;
    }
    .homeSection .home .para p {
        font-size: 25px;
        line-height: 40px;
    }
    .headingpara {
        font: 400 25px 'Outfit', sans-serif;
        line-height: 38px;
    }
    .aboutSection li {
        /* min-height: 1100px; */
        margin: 20px 250px;
        
    }
    #tabs-nav li a {
        font-size: 22px;
        letter-spacing:1px;
    }
    /* .aboutSection li:nth-child(odd) {
       
        min-height: 1100px;
      
    } */
    .home .aboutSection .construction {
        padding: 350px  100px;
    }
    .aboutSection .construction .constructionTop{
        padding:0;
    }
    /* .aboutSection li .construction {
       
        margin: 200px -322px;
    } */
    .processSection .processHeading p {
        font: 400 25px 'Outfit', sans-serif;
        line-height: 41px;
    }
    .processSection .accordion h3 {
        font-size: 26px;
        letter-spacing: 1px;
        line-height:34px;
    }
    .portfolioSection .portfolio-heading p {
        font: 400 25px 'Outfit', sans-serif;
        line-height: 39px;
    }
    .portfolioSection .portfolio-box .portfolio-text p {
        font: 400 21px 'Outfit', sans-serif;
        line-height: 32px;
        max-width: 568px;
    }
    .portfolioSection .portfolio-box .portfolio-text h3 {
        font: 700 27px 'Outfit', sans-serif;
        line-height: 34px;
    }
    .projectSection .project p {
        font: 400 25px 'Outfit', sans-serif;
        line-height:38px;
        
    }
    .testimonialSection .testimonialList-main .item .testimonial-box h3 {
        font: 400 35px 'Outfit', sans-serif;
        line-height: 41px;
    }
    .testimonialSection .testimonialSlider .testimonial-box p {
            font-size: 25px;
            line-height: 38px;
    }
    .reviewList .testimonial-box P{
            font-size: 20px;
            line-height: 30px;
    }
    .testimonialSection .testimonialList-main .item .testimonial-bottom .tname h4 {
        font: 700 32px 'Outfit', sans-serif;
        line-height: 40px;
    }
    .testimonialSection .testimonialList-main .item .star i {
        font-size: 20px;
    }
    .areaSection .areaList {
        font: 500 25px 'Outfit', sans-serif;
    }
    .areaSection .areaText p {
        font: 400 25px 'Outfit', sans-serif;
        line-height: 35px;
    }
    .cosmoSection .cosmo .cosmoList h3 {
        font: 600 30px 'Outfit', sans-serif;
        line-height:45px;
    }
    .cosmoSection .cosmo .cosmoList {
        min-height: 178px;
    }
    .cosmoSection .cosmo .cosmoList p {
        font: 400 20px 'Outfit', sans-serif;
        line-height: 34px;
    }
    .licensedSection .licensed p {
        font: 400 25px 'Outfit', sans-serif;
        line-height: 32px;
    }

}
/* ==================sudip start update css code================== */
.site .bannerSection.inner_banner .banner-img,
.site .bannerSection.inner-banner-img .banner-img
{
    position: relative;
    overflow: hidden;
    padding-top: 0;
    z-index: 1;
    text-align: center;
}
.site .bannerSection.inner_banner .banner-img img,
.site .bannerSection.inner-banner-img .banner-img img
{
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    object-fit: inherit;
}
.home .aboutSection .construction,
.page-template-template-about .aboutSection .construction,
.serviceSection .service-part .service 
{
    padding: 0 50px;
    border: none; 
    width: auto;
    float: none;
}
.home .aboutSection .content .container,
.page-template-template-about .aboutSection .content .container,
.serviceSection .service-part .content .container 
{
        max-width: inherit;
}
.home .aboutSection li:nth-child(even) .construction,
.page-template-template-about .aboutSection li:nth-child(even) .construction,
.serviceSection .service-part li:nth-child(even) .service

{
    padding: 0 50px;
    border: none; 
    width: auto;
    float: none;
}
.home .aboutSection li .study-image figure,
.page-template-template-about .aboutSection li .study-image figure,
.serviceSection .service-part li .study-image figure
{
        background: none !important;
}
.home .aboutSection li .study-image,
.page-template-template-about .aboutSection li .study-image,
.serviceSection .service-part li .study-image
{
        float: none;
        position: relative;
        /* border-right: 20px solid #fff;*/
        border-left:none; 
}
.home .aboutSection li:nth-child(even) .study-image,
.page-template-template-about .aboutSection li:nth-child(even) .study-image,
.serviceSection .service-part li:nth-child(even) .study-image
{
        float: none;
        position: relative;   
        /* border-right: 20px solid #fff;*/
        border-left:none; 
}
.page-template-template-about .aboutSection li:nth-child(even) .study-image,
.serviceSection .service-part li:nth-child(even) .study-image
{
        order: 2;
}
.home .aboutSection li .study-image img,
.page-template-template-about .aboutSection li .study-image img,
.serviceSection .service-part li .study-image img

{
        display: block;
        width: 100%;
}
.home .aboutSection li,
.page-template-template-about .aboutSection li,
.serviceSection .service-part li
{
        display: flex;
        align-items: center;
        margin: 20px 0;
        background:#f2f6f5;
        color:#272735;
}
.home .aboutSection li::nth-child(2n+1),
.page-template-template-about .aboutSection li::nth-child(2n+1),
.serviceSection .service-part li::nth-child(2n+1)
{
        background: #e66402;
        color: #fff;
}
.home .aboutSection li .study-image,
.page-template-template-about .aboutSection li .study-image,
.serviceSection .service-part li .study-image

{
        width: 50%;
}
.home .aboutSection li .content,
.page-template-template-about .aboutSection li .content,
.serviceSection .service-part li .content

{
        width: 50%;
}
.home .aboutSection,
.page-template-template-about .aboutSection,
.serviceSection

{
        padding: 0 0 40px 0;
}
.page-template-template-about .aboutSection .constructionText p,
.serviceSection .service-part .constructionText p
{
        padding: 0;
}   
.portfolioSection .portfolioSlider{
        margin:0 -30px;
        overflow: hidden;
        padding: 30px 15px;
} 
.portfolioSection .portfolioSlider .owl-stage-outer{
        overflow: visible;
}
.awardList .awardListslider .item{
        border: 1px solid #ccc;
        padding: 0 10px;
}
.testimonialSection .testimonialList-main .item .testimonial-box h3{
    font: 600 28px 'Outfit', sans-serif;
    line-height: 30px;
    padding:20px 0;
    color:#000;
}
.testimonialSection .testimonialSlider .testimonial-box p {
        font-size: 18px;
        line-height: 28px;
        text-align: left;
        height: 250px;
        min-height: auto;
}
.testimonialSection .testimonialList-main .item .testimonial-bottom .tname h4 {
        font: 700 22px 'Outfit', sans-serif;
        line-height: 30px;
}
.testimonialSection .testimonialList-main .item .testimonial-box h3{
        height: 100px;

}
.page-template-template-about .aboutSection .about-part li{
        margin: 20px 0;
}
.page-template-template-about .aboutSection .about-part{
        max-width: 1300px;
        margin: 0 auto;
}
.serviceSection{
        padding: 50px 0;
}
.serviceSection li .serviceTop h1{
    font: 600 28px 'Outfit', sans-serif;
    line-height: 40px;
}
.aboutSection li .study-image,
.portfolio-page-container .porifolio-product aside figure,
.ListContainer aside figure,
.servicesGallery figure
{
        position: relative;
}
.aboutSection li .study-image:after,
.service-part li .study-image:after,
.portfolio-page-container .porifolio-product aside figure:after,
.ListContainer aside figure:after,
.servicesGallery figure:after
{
        position:absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        background:rgba(0,0,0,0.0);
        content: "";
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        pointer-events: none;
}
.aboutSection li .study-image:hover:after,
.service-part li .study-image:hover:after,
.portfolio-page-container .porifolio-product aside figure:hover:after,
.ListContainer aside figure:hover:after,
.servicesGallery figure:hover:after
{
        position:absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        background:rgba(0,0,0,0.4);
        content: "";
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        pointer-events: none;
}
.cosmoSection .cosmo .cosmoList {
    display: flex;
    align-items: center;
    padding: 20px 44px;
    background: #c65204;
    border: 1px dotted #fff;
    height: 190px;
    min-height:inherit !important;
}
.servicesGallery{
        padding: 80px 0 50px 0;
}
.servicesGallery .galleryCon{
        padding: 0 0 30px 0;
        margin: 0;
}
.servicesGallery .galleryCon h4{
        font:700 25px 'Outfit', sans-serif,'SemiBold ';
        line-height: 35px;
        /* color: #272735; */
        padding: 0;
        margin: 0 0 15px 0;
}
.servicesGallery .galleryCon p{
    margin-bottom: 20px;
    padding-bottom: 0;

}
.servicesGallery figure{
        margin: 0 0 30px 0;
} 
.codedropz-upload-wrapper,
.codedropz-upload-wrapper a,
.dnd-upload-status .dnd-upload-details .name,
.dnd-upload-status .dnd-upload-details .name em
{
        color: #fff !important;
}


@media only screen and (max-width:991px){
.home .aboutSection li,
.page-template-template-about .aboutSection li,
.serviceSection .service-part li
{
        display: block;
        align-items: center;
}
.home .aboutSection li .study-image,
.home .aboutSection li:nth-child(even) .study-image,
.page-template-template-about .aboutSection li:nth-child(even) .study-image,
.page-template-template-about .aboutSection li .study-image,
.serviceSection .service-part li:nth-child(even) .study-image,
.serviceSection .service-part li .study-image

{
        width: auto;
        border: none;
        float: none;
}
.home .aboutSection li .content,
.page-template-template-about .aboutSection li .content,
.serviceSection .service-part li .content

{
        width: auto;
}
.home .aboutSection .construction,
.page-template-template-about .aboutSection .construction,
.serviceSection .service-part li .service

{
        padding: 20px;
        border: none;
        width: auto;
        float: none;
}
.aboutSection li .construction h1,
.page-template-template-about .aboutSection li .construction h1,
.serviceSection .service-part li .service h1

{
    font-size: 17px;
    line-height: 28px;
    padding: 0;
    margin: 0 0 15px 0;
}
.site .bannerSection.inner_banner .banner-img img, 
.site .bannerSection.inner-banner-img .banner-img img {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    height: 550px;
    object-fit: cover;
}
.portfolioSection .portfolioSlider {
    margin: 0 0;
}
.portfolioSection .portfolio-box .portfolio-text p{
      height: auto; 
      text-align: center !important;
}

.testimonialSection .testimonialList-main .item .testimonial-box h3 {
    height: auto;
    font-weight: 600 !important;
}
.testimonialSection .testimonialSlider .testimonial-box p {
        min-height: inherit !important;
}
.cosmoSection .cosmo .cosmoList {
        padding: 20px 15px !important;
        min-height: inherit;
        height: auto;
}
.cosmoSection .cosmo .cosmoList .cosmoLeft {
    padding: 0px 13px 0 0 !important;
    margin: 0 0 0 0 !important;
    flex-shrink: 0 !important;
    max-width: inherit !important;
}
.cosmoSection .cosmo .cosmoList .cosmoRight {
    margin: 0 0px 0 6px !important;
}
.testimonialSection .testimonialSlider .testimonial-box p{
        height: 220px;
}
.socialSection .social .iconList li {
        margin: 0 5px;
  }
.footerSection .social figure img {
    max-width: 100%;
  }
}
/* ==================sudip end update css code================== */

.home .aboutSection li,
.page-template-template-about .aboutSection li{
  background: #f2f6f5 !important;
  color: #272735 !important;
}
.home .aboutSection li:nth-child(even),
.page-template-template-about .aboutSection li:nth-child(even){
  background: #e66402 !important;
  color: #fff !important;
}