*,

*::before,

*::after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



@media (prefers-reduced-motion: no-preference) {

  :root {

    scroll-behavior: smooth;

  }

}





@font-face {

  font-family: 'Soho Gothic Pro';

  src: url('../fonts/SohoGothicPro-Regular.woff2') format('woff2'),

      url('../fonts/SohoGothicPro-Regular.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: 'Soho Gothic Pro';

  src: url('../fonts/SohoGothicPro-Light.woff2') format('woff2'),

      url('../fonts/SohoGothicPro-Light.woff') format('woff');

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Soho Gothic Pro';

  src: url('../fonts/SohoGothicPro-Medium.woff2') format('woff2'),

      url('../fonts/SohoGothicPro-Medium.woff') format('woff');

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Soho Gothic Pro';

  src: url('../fonts/SohoGothicPro-Bold.woff2') format('woff2'),

      url('../fonts/SohoGothicPro-Bold.woff') format('woff');

  font-weight: bold;

  font-style: normal;

  font-display: swap;

}











body {

  margin: 0;

  background: #fff;

  -webkit-text-size-adjust: 100%;

  font-size: 16px;

  overflow-x: hidden;

  font-family: 'Soho Gothic Pro', serif;

  font-weight: normal;

  color: #494E54;

letter-spacing: normal;

}



hr {

  margin: 1rem 0;

  color: inherit;

  background-color: currentColor;

  border: 0;

  opacity: 0.25;

}



hr:not([size]) {

  height: 1px;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

  margin-top: 0;

  margin-bottom: 0.5rem;

}

.h1, h1 { 

  font-size: 42px;

}

.h2, h2 {

  font-size: 36px; 

}

.h3, h3 {

  font-size: 30px;

}

.h4, h4 {

  font-size: 20px;

}

.h5, h5 {

  font-size: 18px;

}

.h6, h6 {

  font-size: 16px;

}

a{transition: 0.5s ease all; text-decoration: none;}

p{margin-top: 0; font-size: 16px;  line-height: 1.5;  }

.img-fluid{max-width: 100%; height: auto;}

.container{max-width: 1750px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}

.btn{display: inline-block;   -webkit-appearance:none; -moz-appearance:none; appearance:none; background: transparent; border: 1px solid transparent; position: relative;  font-family: 'Soho Gothic Pro', serif; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;  letter-spacing: 0px;  border-radius: 0px;  padding: 14px 24px ;    font-size: 18px;line-height: 1; font-weight: normal;   text-align: center;  text-decoration: inherit; cursor: pointer;}



.btn-primary{background: #F08A00; color: #fff; border-color:#F08A00 ;}

.btn-primary:hover{background: transparent; color: #F08A00; }





.wpcf7-spinner{position: absolute !important;}



p:has(input.btn) {

  margin-bottom: 0;

}





.btn:focus{outline: none; }

.btn-secondary:disabled, .btn-secondary[disabled], .btn-secondary.disabled{opacity: 0.64;}

sup {font-size: 10px;font-weight: bold;}



.text-center{text-align: center;}

.text-left{text-align: left;}

.text-right{text-align: right;}

.tab-show{display: none  !important;}

.slick-dots{position: relative; bottom: auto;margin: 35px auto 0;}

.slick-dots li {width: 24px;height: 24px;border-radius: 50%;background: #fff; border: 5px solid #fff; box-shadow: 0 0 1px 1px #ccc; transition: 0.5s ease all;}

.slick-dots li.slick-active{background: #F08A00;  box-shadow: 0 0 1px 1px #F08A00;  }

.slick-dots li button { display: none;}

.small-icon.slick-arrow {width: 50px; transition: 0.5s ease all; height: 50px;background: #fff;border-radius: 50%;z-index: 2; border: 1px solid #CCCCCC; color: #494E54;}

.small-icon.slick-arrow:before {display: none;}

.page-overlay{position: fixed; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; background: rgba(30, 43, 71,0.5); opacity: 0; visibility: hidden;}

.open-menu .page-overlay{opacity: 1; visibility: visible;}

.mobile-show{display: none !important;}

body.open-menu{overflow: hidden;}

.open-menu .header_wrap{z-index: inherit;}

#page{overflow: hidden;}



/* Reset CSS ends */



@keyframes scroll-left {

  from {

    left: -50%;

  }

  to {

    right: 50%;

  }

}



/* Optional: for right-to-left scrolling */

@keyframes scroll-right {

  from {

    left: -50%;

  }

  to {

    left: 50%;

  }

}

@keyframes bounce-scroll {

  from {

    left: 0%;

  }

  to {

    left: 50%;

  }

}



.loader{/*background: #494E54 url(../img/loader-bg.svg) no-repeat center; */background: #494E54 url(../img/banner-img.jpg) no-repeat center; transition: opacity 0.6s ease, visibility 0.6s ease; display: flex; align-items: center; justify-content: center;  background-size: cover; height: 100vh; z-index: 5; width: 100%; position: fixed; top: 0; left: 0;}
.loader::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(240, 138, 0, 0.5);
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 0;
}

.loader-logo h2 {
    /* position: absolute; */
    /* animation: bounce-scroll 10s ease-in-out infinite alternate; */
    font-weight: 700;
    font-size: 160px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    color: #F08A00;
    text-align: center;
    z-index: 2;
    position: relative;
}

.loader-logo img{width: 371px;   transition: transform 0.6s ease;}

.loader.hide {

  opacity: 0; display: none;

  visibility: hidden;

}



.loader.zoom-out .loader-logo img {

  transform: scale(1.5);

}

.mouse_scroll{position:absolute;height:38px;width:22px;border:2px solid #fff;border-radius:36px;margin:20px auto;bottom:6%;left:50%;transform:translate(-50%);}

.mouse_scroll::before{content:'';position:absolute;top:8px;left:0;right:0;margin:auto;height:6px;width:6px;background-color:#fff;border-radius:50%;animation:scroll 1.5s linear 1s infinite forwards;}

.mouse_scroll::after{content:'Scroll';position:absolute;bottom:-35px;left:50%;transform:translate(-50%);white-space:nowrap;text-align:center;color:#fff;text-transform:uppercase;font-weight:700;font-size:16px;}







@keyframes scroll{0%{top:8px;opacity:1;}40%{top:35px;height:0px;width:0px;opacity:0;}100%{top:35px;height:0px;width:0px;opacity:0;}}



.header_wrap{padding: 30px 0; position: absolute; top: 0; left: 0; z-index: 3; width: 100%;}

.header_row{display: flex; align-items: center; justify-content: space-between;}

.header_item{display: flex;align-items: center; gap: 30px;}

.lang{display: flex; align-items: center;}

.lang a{color: #494E54; font-weight: 500;font-size: 16px; line-height: 1; padding: 0 14px; text-transform: uppercase;}

.lang a.active{color: #F08A00;}

.lang a~a{border-left: 1px solid #ccc;}

.logo{max-width: 124px;}

.logo a{display: block;}

.logo a img{display: block;}



.gtranslate_wrapper{visibility: hidden;}


.header__nav-button { background: transparent;width: 24px;height: 18px; border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; display: block;   -webkit-transform: rotate(0deg);   -ms-transform: rotate(0deg);   transform: rotate(0deg); }

.header__nav-button:hover, .header__nav-button:focus { outline: none; }

.header__nav-button > span {background:#231F20;display: block;position: absolute;height: 2px;width: 100%; left: 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.3s ease-in-out,; background: #1E2B47;transition: 0.3s ease-in-out, }

.header__nav-button > span:nth-child(1) { top: 0px; }

.header__nav-button > span:nth-child(2) {top: 8px; }

.header__nav-button > span:nth-child(3) {top: 16px; }

.open-menu .header__nav-button > span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }

.open-menu .header__nav-button > span:nth-child(2) {opacity: 0;left: -60px; }

.open-menu .header__nav-button > span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }



.open-menu .header__nav-button { position: fixed; z-index: 6;top: 15px; right: 15px;}



.overlay-menu {position: fixed;z-index: 5;background: #fff;height: 100vh;  overflow: hidden;top: 0;right:-100%;width: 100%;}

.overlay-menu.open{right: 0;}

.menu_row { display: flex; justify-content: space-between;}

.menu_sidebar {display: flex;flex-direction: column;justify-content: space-between;height: 100vh;padding: 50px 22px 22px;width: 200px;background: #494E54;}

.menu_sidebar>div{text-align: center;}

.menu_sidebar a{display: block;}

.menu_sidebar .lang{margin-top: 30px; justify-content: center;}

.menu_sidebar .lang a{color: #fff; font-size: 18px; font-weight: 500;}

.menu_sidebar .lang a.active{color: #F08A00;}

.menu_footer h4{ font-weight: 700;font-size: 18px; color: #fff; margin-bottom: 12px;}

.menu_footer .social_link{padding: 0; margin: 0; gap: 10px; display: flex; flex-wrap: wrap; justify-content: center;}

.menu_footer .social_link li a{width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; display: flex; align-items: center;  justify-content: center;}



.menu_wrap{ display: flex; width: calc(100% - 200px); height: 100vh; overflow-y: auto; padding-bottom: 30px; opacity: 0;transform: translate(-100%, 0); transition: 1s all;}

.open .menu_wrap{opacity: 1; transform: translate(0, 0);}

.menu_wrap .menu{width: 485px; padding: 60px;}

.menu_wrap .search .form-control{border: none; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 30px 10px 0;  font-family: 'Soho Gothic Pro'; font-weight: 400; font-size: 18px;color: #494E54;text-transform: uppercase;}

.menu_wrap .search .form-control:focus{outline: none; box-shadow: none;}

.menu_wrap .search{position: relative; margin-bottom: 50px;}

.menu_wrap .btn-search{position: absolute; background: transparent; border: none; padding: 0; position: absolute; right: 0;  top: 50%; transform: translateY(-50%);}

.menu_wrap .menu ul{list-style: none; padding: 0; margin: 0;}

.nav_element , .header_menu li{ font-weight: 400; font-size: 30px; margin-bottom: 25px; text-transform: capitalize; color: #494E54; }

.nav_element>a , .header_menu li > a{color: currentColor; padding-left: 23px; transition: 0.5s ease-in-out; position: relative; }

.nav_element>a::before , .header_menu li>a::before{content: ""; width: 9px; height: 15px; opacity: 0; background: url(../img/menu-arrow.svg) no-repeat center; background-size:cover; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); }

.nav_element>a.active, .nav_element>a:hover , .header_menu li>a.active , .header_menu li>a:hover{font-weight: 700; }

.nav_element>a.active::before, .nav_element>a:hover::before , .header_menu li>a.active::before , .header_menu li>a:hover::before{opacity: 1; left: 0;}





.hero_banner{margin: 0;}

.hero_banner .item{position: relative;}

.hero_banner .item>img{width: 100%; height: auto; display: block;}

.hero_banner .content{position: absolute; width: 29%; padding: 0 108px 176px; padding: 0 5.5% 176px; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; right: 0; top:0; height: 100%; clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%); background: #fff;}

.hero_banner .content h2{font-weight: 300;font-size: 52px; color: #231F20; text-align: right;text-transform: uppercase; }

.hero_banner .slick-dots{position: absolute; margin: auto; bottom: 76px; right:108px ; display: flex; justify-content: flex-end;}

.hero_banner .content::before{content: ""; width: 60px; height: 584px; clip-path: polygon(100% 0, 0 100%, 100% 100%); background: #F08A00; position: absolute; right: 0; bottom: 0;}





.our_company_wrap{background: #EDEDEE; padding-top: 116px;}

.our_company_row{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 90px;}

.our_company_row .heading{width: 45.2%;}

.our_company_row .heading h4{ font-weight: 700; font-size: 24px; line-height: 100%;color: #494E54;text-transform: uppercase; }

.our_company_row .heading h2{color: #494E54;font-weight: 400;font-size: 56px;text-transform: uppercase;}

.our_company_row .heading h2 span{font-weight: 700; color: #F08A00;}

.our_company_row .content{width: 40.6%;}

.our_company_row .content p{color: #494E54;font-weight: 400;font-size: 18px; margin-bottom: 20px;}



.experience_wrap {display: flex; cursor: grabbing; gap: 25px; display: flex; overflow: auto;align-items: center; padding-bottom: 24px; margin-bottom: 24px; }



.scroll-x::-webkit-scrollbar { display: none;}

.scroll-x.has-scrollbar::-webkit-scrollbar{display: block;height: 2px;width: 3px;background: #ccc;}

.scroll-x.has-scrollbar::-webkit-scrollbar-thumb:horizontal{background: #F08A00;border-radius: 10px;}

.scroll-x.has-scrollbar.active{user-select: none;}

.scroll-x{ overflow-x: scroll;display: flex;overflow: auto; }





.experience_content h4{font-weight: 700;font-size: 24px;text-transform: uppercase;}

.experience_content h2{font-weight: 400;font-size: 36px;text-transform: uppercase;}

.experience_content h2 span{color: #F08A00;}

.experience_content { width: 37.33%; padding-left: 100px;}

.experience_row { width: 64.66%; display: flex; }

.area { position: relative;  padding: 20px; display: flex; flex-direction: column; justify-content: space-between; background: #fff; min-width: 420px; width: 420px;}

.area::before { content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; background: #F08A00; transition: 1.5s all; }

.area:hover::before{height: 100%;}

.area>div{position: relative; z-index: 1;}

.area-image img {width: 100%;display: block;}

.area-info { max-width: 340px; transition: 1.5s all; margin: 28px  auto 0;}

.area-info h3 { font-weight: 700; font-size: 30px; transition: 1.5s all; color: #494E54; min-height: 90px; margin-bottom: 20px;}

.area-info h3 a{color: #4d5258; text-decoration: none;}

.area-info p {font-size: 16px; margin-bottom: 15px;}

.area .link-arrow {position: relative;     max-width: 320px;margin-inline: auto;width: 100%; transition: 1.5s all; z-index: 1; color: #F08A00;display: inline-flex;align-items: center;gap: 12px;font-weight: 500;font-size: 16px;text-transform: uppercase;margin-top: 10px;}

.area:hover .area-info{color: #fff;}

.area:hover .area-info h3,  .area:hover .area-info h3 a, .area:hover .link-arrow{color: #fff;}



.timline_wrap{background: #231F20 url(../img/pngtree-architectural-building.png) no-repeat center; background-size: cover;padding: 99px 0 74px;}

.timeline_head h4{color: #fff; font-weight: 700;font-size: 24px;text-transform: uppercase;}

.timeline_head h2{color: #fff; font-weight: 400; font-size: 36px;text-transform: uppercase; }

.timeline_head h2 span{color: #F08A00;}

.timeline{height: 775px;display: flex;  position: relative; margin-top: 30px; padding-left: 30px; padding-bottom: 25px;  overflow:auto;}

.timeline::before{content: ""; width: 98%; height: 30px; background: url(../img/timline-line.svg) repeat-x; position: absolute; top:50%; left: 6px; transform: translateY(-50%);}

.timeline-content:after{content: ""; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 15px; height: 15px; background: #F08A00; position: absolute; left:0 ; bottom: -12px; display: block;}

.timeline-content {

  max-width: 337px; position: relative;

  max-height: 358px;

  padding-left: 29px;

  flex-shrink: 0;

  flex-grow: 0;

  display: flex; flex-direction: column; gap: 13px;

  align-self: flex-start;

}

.timeline-content~.timeline-content{margin-left: -105px;}

.timeline-content::before{content: ""; width: 2px; height: 100%; background: #fff; left: 6px; top: 0; position: absolute;}

.timeline .timeline-content:nth-child(even){flex-direction: column-reverse; margin-left: -152px;     align-self: flex-end;}

.timeline .timeline-content:nth-child(even):after{bottom: auto; top: -12px;}

.timeline-content h4{color: #fff; font-weight: 700; font-size: 18px; }

.timeline-content p{min-height: 80px; margin: 0; font-size: 18px;font-weight: 400;color: #fff;}

.timeline-content img{display: block;width: 100%; max-width: 280px;}

.cip_portfolio_wrap{ padding-top: 108px; position: relative; padding-bottom: 20px;}

.cip_portfolio_wrap::before{content: "";  width: 100%; height: 100%; background: rgba(240, 138, 0,0.5) ;   background-size: cover; position: absolute; bottom: 0; right: 0;}

.cip_portfolio_wrap .container{position: relative; z-index: 2;}

.cip_portfolio_head{display: flex; align-items: center; gap: 25px; margin-bottom: 46px;}

.cip_portfolio_head>div{max-width: 403px;}

.cip_portfolio_head h2{ color: #fff; font-weight: 700;font-size: 36px; text-transform: uppercase; margin-bottom: 20px;}

.cip_portfolio_head p{color: #fff; font-weight: 400;font-size: 18px; line-height: 100%;}

.link-cir{width: 60px; height: 60px; display: flex; color: #fff; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; }

.link-cir:hover{background: #fff;color: #F08A00;}

.text-scroll{  min-height: 217px; position: relative; white-space: nowrap;}

.text-scroll h2{  position: absolute;/*animation: bounce-scroll 10s ease-in-out infinite alternate;*/ font-weight: 700;font-size: 160px;line-height: 100%;letter-spacing: 0%;text-transform: uppercase; color: transparent; -webkit-text-stroke: 2px #fff; }



.cip_portfolio_wrap .text-scroll h2{color: #F08A00;}



.location_wrap{padding: 100px 0;}

.location_row{display: flex; justify-content: space-between; flex-wrap: wrap;}

.location_head{width: 28%; align-self: center;}

.location_head h4{font-weight: 700; font-size: 24px; text-transform: uppercase;}

.location_head h2{font-weight: 400; font-size: 36px; text-transform: uppercase; }

.location_head h2 span{color: #F08A00;}

.location-map {width: 22%;}

.location-map img{width: 100%;}

.location-info { width: 32.2%; border: 1px solid #ccc;padding: 5px;}

.location-info h3{background: #F08A00; color: #fff;font-weight: 400; padding: 22px; font-size: 36px;text-transform: uppercase; margin-bottom: 27px; }

.location-info h4{ font-weight: 700; font-size: 24px;text-transform: uppercase; padding-left: 23px; }

.location-info ul{list-style: none; padding-left: 30px; margin: 0;}

.location-info ul li{display: flex; gap: 15px; padding: 25px 0; border-bottom: 1px solid #ccc;}

.location-info ul li:last-child{border: none;}

.location-info ul li span{min-width: 33px; width: 33px;}

.location-info ul li h6{font-weight: 700; font-size: 18px; color: #231F20;}

.location-info ul li p{ font-weight: 400; width: 100%; font-size: 16px;text-transform: capitalize; margin: 0;}



.media_wrap{background:#EDEDEE url(../img/pngtree-architecture-interior-building.png) no-repeat center;background-size: cover; padding: 100px 0;}

.media_head{margin-bottom: 25px; padding-right: 120px;}

.media_head h4{ font-weight: 700; font-size: 24px; text-transform: uppercase; }

.media_head h2{ font-weight: 400; font-size: 36px;text-transform: uppercase; }

.media_head h2 span{color: #F08A00;}

.media_slide {margin: 0 -12px;}

.media_slide .item{padding: 0 12px;}

.blog_img>a{display: block; position: relative; padding-top: 54%; margin-bottom: 24px;}

.blog_img>a img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}

.blog_info h3{ font-weight: 700; font-size: 30px; text-transform: uppercase; color: #494E54; margin-bottom: 22px; }

.blog_info h3 a{color: currentColor; text-decoration: none;}

.blog_info .link-arrow{display: flex; align-items: center; gap: 10px; font-weight: 700;font-size: 18px;text-transform: uppercase; color: #231F20; } 

.blog_info .link-arrow:hover{color: #F08A00;}

.blog_info .meta{display: flex; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 22px;}

.blog_info .meta h5{margin: 0; color: #F08A00; font-weight: 700;font-size: 24px;}

.blog_info .meta .date{display: flex; align-items: center; gap: 10px; font-size: 18px; color: #494E54;}

.media_slide .small-icon.slick-arrow.slick-prev{top: -75px; transform: none; left: auto ; right: 65px;}

.media_slide .small-icon.slick-arrow.slick-next{top: -75px; transform: none; right: 0;}

.small-icon.slick-arrow.slick-disabled{opacity: 0.5;}



.footer_wrap{background: #231F20; padding-top: 78px; padding-bottom: 26px;}

.footer_links_wrap{display: flex; flex-wrap: wrap; padding-bottom: 40px;}

.footer_link{padding: 0 40px;     flex: auto; border-left: 1px solid rgba(255,255,255,20%);}

.footer_links_wrap .footer_link:first-child{padding-left: 0; border: none;}

.footer_link h4{font-size: 18px; font-weight: 700; margin-bottom: 20px; color: #fff; text-transform: uppercase;}

.footer_link ul{list-style: none; padding: 0; margin: 0;}

.footer_link ul li{font-size: 18px; position: relative; padding-left: 15px; margin-bottom: 20px;}

.footer_link ul li::before{content: ""; width: 8px; height: 13px; background: url(../img/arrow-w.svg) no-repeat center; background-size: cover; position: absolute; left: 0; top: 10px;}

.footer_link ul li a{color: #fff;}

ul.column-2 {-webkit-column-count: 2;}

.footer_item_row{display: flex;  /*border-top: 1px solid rgba(255,255,255,20%);*/ padding: 40px 0; padding-top: 0;}

.footer_item{flex: auto;  padding: 0 40px; border-left: 1px solid rgba(255,255,255,20%);}

.footer_item_row .footer_item:first-child{padding-left: 0; border: none;}

.f-logo a{display: block;}

.f-logo img{max-width: 201px; width: 100%; display: block;}

.footer_item h4{font-size: 18px; color: #fff; font-weight: 700; margin-bottom: 12px;}

.footer_item .social_link{padding: 0; margin: 0; list-style: none; gap: 10px; display: flex; flex-wrap: wrap; }

.footer_item .social_link li a{width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; display: flex; align-items: center;  justify-content: center;}

.footer_item .media{display: flex; gap: 12px;}

.footer_item .media .icon{min-width: 40px; width: 40px;}

.footer_item .media h4{margin-bottom: 0;}

.footer_item .media p{font-size: 18px;color: #fff; margin: 0;}

.footer_item .media p a{color: currentColor; text-decoration: none;}



.footer_bottom{display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 30px; border-top: 1px solid rgba(255,255,255,20%);}

.footer_bottom ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 22px;}

.footer_bottom ul li{font-size: 18px; color: #fff;}

.footer_bottom ul li a{color: currentColor;}

.footer_bottom ul li a:hover{color: #F08A00;}



.footer_bottom p{font-size: 18px; color: #fff;margin: 0;}



/* contact page css*/

.inner_banner{padding: 200px 0; text-align: center; background: #EDEDEE url(../img/pngtree-architecture-interior-building.png) no-repeat center}

.inner_banner h1{font-size: 50px; color: #494E54; text-transform: uppercase; margin: 0;}

.contact_form{padding: 80px 0;}

.contact_form form{max-width: 650px; margin: 0 auto;}

.contact_form .form-group{margin-bottom: 20px;}

.contact_form .form-control{width: 100%; font-family: 'Soho Gothic Pro'; height: 45px; padding: 5px 10px; border: 1px solid #ccc;}

.contact_form textarea.form-control{height: 150px; resize: none;}

.contact_form .form-control:focus{outline: none;}

.contact_form .btn{max-width: 300px; margin: 0 auto; text-transform: uppercase; display: block;}



.portfolio_wrap {

  padding: 50px 0;

}

.portfoilo_row {

  display: flex;

  align-items: center;

  row-gap: 10px;

  flex-wrap: wrap;

}



.portfoilo_row .item {

  width: 25%;

  padding: 0 5px;

}



.portfoilo_row .item a {

  display: block;

}



.portfoilo_row .item a img {

  width: 100%;

}





/* BLOG-LISTING-CSS */



.blog_listing {

  display: flex;

  flex-wrap: wrap;

  row-gap: 40px;

  padding-bottom:40px;

}



.blog_listing .item {

  width: 33.33%;

  padding: 0 15px;

}



.page-id-160 .media_wrap{

  background:none;

}







.pagination ul li span , .pagination ul li a{

  min-width:50px;

  height:50px;

  background-color:#494e54;

  border-radius:100%;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}



.pagination ul{padding: 0;

  margin: 0;

  list-style: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 20px;

  justify-content: center;

}



.pagination ul li a:hover{

  background-color:#F08A00;

}





.pagination ul li a , .pagination ul li span {

  color:#fff;

  font-size:18px;

  font-weight:500;

}



.pagination ul li span{

  background-color:#F08A00;

}





/* experience listing css */

.experience_listing{padding:80px 0px; margin-bottom:0px;}



.experience_listing .experience_row{width:100%; flex-wrap: wrap; row-gap:40px; padding-bottom:20px;}



.experience_listing .experience_row .area{width:25%; min-width:25%;}



/* 

SINGLE POST CSS */



.single_post_wrap{padding:80px 0px;}

.single_post .post_thumbnail img{display:block; width:100%; height:500px; object-fit:cover;}

.single_post .post_thumbnail{margin-bottom:40px;}



.single_post .post_content p{

  color: #494E54;

  font-weight: 400;

  font-size: 18px;

  margin-bottom: 20px;

}





.single_post{padding-bottom:40px;}





.single_post_wrap .post_navigation{display: flex; justify-content:center; align-items: center; gap:10px;}



.single_post_wrap .post_navigation a span{min-width:100px}



.single_post .post_content p img{max-width:100%; display: block; padding:10px 0px;}



.single_post .post_content p img.aligncenter{margin:0 auto;}



.single_post .post_content p img.alignright{float: right; padding-left:30px;}



.single_post .post_content p img.alignleft{float:left; padding-right:30px;}



.post_content ul , .post_content ol{

    padding:0px 0px 0px 20px;

    margin:0px 0px 18px 0px

}



.post_content::after {

  content: "";

  display: table;

  clear: both;

}



.single_post .post_content li{font-size:18px; margin-bottom:10px;}







@media (max-width:1600px) {

  .hero_banner .content{width: 32%;}

  #page{zoom: 76%;}



}

@media (max-width:1350px) {

  .hero_banner .content { width: 38%; ;}

}



@media (max-width:992px) {
  .loader-logo h2 {font-size: 10vw;}

  #page{zoom: 1;}

.menu_wrap .experience_row { display: none;}

.hero_banner .content { width: 100%; zoom: 1; position: relative;height: auto; padding: 30px 15px;clip-path:inherit; align-items: center; }

.hero_banner .content::before{display: none;}

.hero_banner .slick-dots{bottom: auto; position: relative; margin-top: 5px; right: auto; justify-content: center;}

.hero_banner .content h2{text-align: center; font-size: 30px;         align-items: center;}

.menu_sidebar{width: 103px; padding: 50px 10px 22px;}

.menu_wrap .menu{padding: 60px 30px;}

.menu_wrap{width: calc(100% - 103px);}

.nav_element , .header_menu li{font-size: 20px;}

.header_item{gap: 15px;}

.hero_banner .item>img { min-height: 400px;object-fit: cover;}

.our_company_wrap{margin-top: 30px; padding-top: 50px;}

.our_company_row{margin-bottom: 40px;}

.our_company_row .heading{width: 100%;}

.our_company_row .heading h4{font-size: 18px;}

.our_company_row .heading h2{font-size: 30px;}

.our_company_row .content{width: 100%; margin-top: 20px;}

.our_company_row .content p{font-size: 14px;}

.text-scroll { min-height: 15vw;}

.text-scroll h2{font-size: 10vw;}

.experience_wrap{flex-wrap: wrap; padding-top: 30px;}

.experience_content{width: 100%; padding-left: 15px;}

.experience_content h4{font-size: 18px;}

.experience_content h2{font-size: 28px;}

.experience_row{width: 100%;}

.area-info h3{font-size: 24px;}

.area {padding: 15px;min-width: 320px;width: 320px;}

.timline_wrap{padding-top: 50px; padding-bottom: 25px;}

.timeline_head h4{font-size: 18px;}

.timeline_head h2{font-size: 28px;}

.timeline-content p, .timeline-content h4{font-size: 16px;}

.location_wrap{padding: 50px 0;}

.location-info{width: 100%; margin-top: 20px;}

.location-info h3{font-size: 28px;}

.location-info h4{font-size: 20px;}

.location-info ul li p, .location-info ul li h6{font-size: 16px;}

.location_head{width: 50%;}

.location_head h4{font-size: 18px;}

.location_head h2{font-size: 28px;}

.location-map{width: 48%;}

.media_wrap{padding: 50px 0;}

.media_head h4{font-size: 18px;}

.media_head h2{font-size: 28px;}

.blog_info .meta h5{font-size: 18px;}

.blog_info .meta .date{font-size: 16px;}

.blog_info h3{font-size: 24px;}

.blog_info .link-arrow{font-size: 16px;}

.cip_portfolio_head h2{font-size: 28px;}

.cip_portfolio_head p{font-size: 16px;}

.footer_links_wrap{row-gap: 25px;}

.footer_link{border: none; padding: 0 10px 0 0px;}

.footer_item_row{flex-wrap: wrap; justify-content: space-between; row-gap: 25px;}

.footer_item{padding: 0; padding-right: 10px; border: none;}

.footer_link ul li{font-size: 16px;}

.footer_link h4{font-size: 16px;}

.footer_link ul li::before{top: 7px;}

.footer_item.f-logo{width: 100%; text-align: center;}

.f-logo img{margin: 0 auto;}

.footer_item{width: 49%;}

.footer_bottom{flex-direction: column; gap: 15px; align-items: center;}

.footer_bottom ul li, .footer_bottom p,.footer_item .media p{font-size: 16px;}

.portfoilo_row .item {width: 50%;}

.experience_listing .experience_row .area{width:33.33%; min-width:33.33%;}

}





@media (max-width:767px){

  .blog_listing .item{width:50%;}

  .single-post .inner_banner h1{font-size:24px;}

  .experience_listing .experience_row .area{width:50%; min-width:50%;}

}



@media (max-width:640px) {

.cip_portfolio_head{flex-direction: column; align-items: flex-start;}

ul.column-2 {

  -webkit-column-count: 1;

}

.footer_link{width: 100%;}

.footer_item{width: 100%;}

.blog_listing .item{width:100%;}

.experience_listing .experience_row .area{width:100%; min-width:100%;}



}

.innner_pages {
    padding: 40px 0;
}