:root {
  --orange: #ff9922;
  --white: #ffffff;
  --black: #000000;
  --grey: #787878;
  --darkgrey: #313131;
  --lightblue: #3d4a6d;
  --bggrey: #f6f7fb;
  --darkblue: #263147;
  --bluebg: #d8e6f5;
  --ybg: #e2e9ec;
  --servicebg: #e7f0fd;
}

body {
  font-family: "Barlow", sans-serif !important;
  margin: 0px;
  padding: 0px;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
a{text-decoration: none !important;color: var(--orange) !important;}
.owl-carousel .item .sbox p, .owl-carousel .item .sbox h3{color: var(--black) !important;}
.cookie-container {display: flex;padding: 15px;background: #00447c;color: #fff;position: fixed;bottom: 0;right: 0;font-size: 1rem;gap: 2rem;z-index: 9999999;opacity: 1;visibility: visible;flex-direction: row;align-items: center;width: 100%;justify-content: center;}
.cookie-container.hide {opacity: 0;visibility: hidden;}
.cookie-container a {color: #fff;}
.cookie-container a:hover {color: #222;}
.cookie-container .cookie-message {margin: 0;}
.cookie-container .agree-button {text-align: center;}
.agree-button button {background: #fff;color: #00457a;border: none;padding: 5px 30px;cursor: pointer;font-weight: 700;border-radius: 5px;font-size: 1rem;}
.agree-button button:hover {background: #000;  color: #007af7;}
.container {width: 1146px;margin: 0px auto;}
header {position: fixed;top: 0;width: 100%;border-bottom: 1px solid #465368;z-index: 99;padding: 10px;background-color: var(--darkblue);}
.headermenu ul {margin: 0px;padding: 0px;list-style: none;}
.headermenu ul li {display: inline-block;font-size: 17px;text-transform: uppercase;}
.headermenu ul li a {color: var(--white) !important;text-decoration: none;display: block;}
.headermenu ul li a:hover {color: var(--orange) !important;}
.logo {float: left;}
.logo img {  width: 104px;height: 72px;}
.headermenu {float: right;font-family: "Barlow", sans-serif !important;text-transform: uppercase;}
.w-100 {width: 100%;float: left;}
.py-60 {padding: 60px 0;}
.pt25 {padding-top: 25px;}
.py-20{padding: 20px 0;}
.pt25 {padding-top: 25px;}
.pt45 {padding-top: 34px;}
.py180 {padding: 180px 0;}
.tc {text-align: center;}
.py15 {padding: 15px 0;}
.mb25 {margin-bottom: 25px;}

.pt180 {padding-top: 180px;}
.pb50 {padding-bottom: 50px;}
img {max-width: 100%;}
.authname {text-align: center; line-height: 15px; font-size: 10px; font-weight: 600;display: none;}
.container1024 {max-width: 1024px; margin: 0px auto;}
article.post {border-bottom: 4px dashed #ecf0f1;}
article.post:last-of-type {border-bottom: none;}
.site-header {border-bottom: 3px solid #ecf0f1;}
.site-footer {border-top: 3px solid #ecf0f1;}
.blogdetails {width: calc(100% - 0px);margin-right: 24px;float: left;background: #fff;}
.sidebar {width: 370px;float: left;}
.widget_recent_entries {background: #fff;padding: 20px;margin-top: 15px;}
.wp-block-latest-posts.wp-block-latest-posts__list {list-style: none;padding-left: 0;}
.widget_recent_entries li a {color: #000;text-decoration: none;}
.wp-block-heading strong {margin-left: 29px;}
.widget_recent_entries li {margin-bottom: 20px;list-style: decimal;margin-left: 25px;padding-left: 10px;border-bottom: 1px dashed #ccc;padding-bottom: 20px;}
.dates {padding: 25px 25px 0 25px;float: left;box-sizing: border-box;width: 100%;font-size: 14px;}
.content_post {box-sizing: border-box;padding: 25px;float: left;margin-top: 0;padding-top: 0;}
.mincontainer {max-width: 600px; padding: 0px 15px; margin: 0px auto;}
.content_post strong {font-weight: 500;}
.blogsection {font-size: 15px; color:#3a3a3a; line-height: 30px; }
.blogsection h2 a {color: var(--black); font-size: 26px; font-weight: 700; line-height: 36px;}
.times{ font-size: 11px; margin-right: 15px; font-weight: 600; color: #000;}
.author-img img {border-radius: 50%;}
a {text-decoration: none;}
.mincontainer840 {max-width: 840px;margin: 0px auto;}
div.container {max-width: 1140px;margin: 0 auto;}
/*--------- Menu CSS Strat-----------*/
.toggle,[id^="drop"] {display: none;}
nav {margin: 0;padding: 0;}
nav:after {content: "";display: table;clear: both;}
nav ul {float: right;padding: 0;margin: 0;list-style: none;position: relative;}
nav ul li {margin: 0px;display: inline-block;float: left;}
nav a {display: block;padding: 23px 30px;color: #fff;font-size: 17px;text-decoration: none;}
nav ul li ul li:hover {background: var(--darkblue);}
nav ul ul {display: none;position: absolute;top: 70px;width: 250px;}
nav ul li:hover > ul {display: inherit;}
nav ul ul li {width: 250px;float: none;display: list-item;position: relative;background: var(--darkblue);border-bottom: 1px dashed #4a5977;}
nav ul ul li a {padding: 12px 15px;}
nav ul ul ul li {position: relative;top: -70px;left: 250px;}
li > a:after {content: "";}
li > a:only-child:after {content: "";}

/* Media Queries------ */
@media all and (max-width: 768px) {
  nav {margin: 0;}
  nav a {padding: 12px 15px;}
  .toggle + a,.menu {display: none;}
  .toggle {display: block;padding: 12px 15px;color: #fff;font-size: 17px;text-decoration: none;border: none;}
  [id^="drop"]:checked + ul {display: block;}
  nav ul li {display: block;width: 100%;}
  nav ul ul .toggle,nav ul ul a {padding: 0 40px;}
  nav ul ul ul a {padding: 0 80px;}
  nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a {padding: 14px 20px;color: #fff;font-size: 17px;}
  nav ul li ul li .toggle,nav ul ul a {background-color: #1c2538;}
  nav ul ul {float: none;position: static;color: #ffffff;}
  nav ul ul li:hover > ul,nav ul li:hover > ul {display: none;}
  nav ul ul li {display: block;width: 100%;}
  nav ul ul ul li {position: static;}
}
@media all and (max-width: 330px) {
  nav ul li {display: block;width: 94%;}
}
/*--------- Menu Css END ------------*/
/*------ Blog CSS--------*/
.banner_inner.bg-drafting.w100.py120 {padding: 50px 0px!important;}
.py120 {padding: 120px 0;}
.times {font-size: 11px;margin-right: 15px;font-weight: 600;color: #000;}
.banner {background: url(images/banner_bg.webp) top center no-repeat;background-size: cover;background-attachment: fixed;color: #fff;text-align: center;}
.containerbanner {max-width: 830px;margin: 0px auto;}
.bannertitle {font-size: 37px;font-weight: 700;padding-bottom: 45px;}
.bannertitle span {font-size: 34px;font-weight: 400;}
.banner_inner {background: var(--darkblue);text-align: center;color: var(--white);}
.banner_inner h1 {font-size: 37px;font-weight: 700;}
.banner_inner span {font-size: 28px;font-weight: 300;line-height: 35px;}
.fs25 {font-size: 25px;font-weight: 700;margin-bottom: 25px;}
.col3 {width: calc(100% / 4 - 30px);float: left;margin: 0 15px;}
.number {font-size: 37px;}
.parasection {width: calc(100% - 390px);float: left;font-size: 17px;line-height: 32px;}
.parasection h1 {font-size: 35px;margin: 0;color: #000;font-weight: 800;}
.parasection h1 span {color: #000000;}
.subtital {font-size: 22px;padding: 15px 0;font-weight: 600;}
.paraimagebox {width: 360px;margin-right: 30px;float: left;}
.servicebg {background: #e8f1f8;padding: 65px 0px 100px 0;}
.servicebg h2 {font-size: 32px;margin: 0 0 35px 0;text-transform: uppercase;color: #000;font-weight: 700;text-align: center;}
.servicebg h2 span {color: #000000;}
.item {background: #fff;box-shadow: 0px 0px 10px #c8d9e7;transition: 1s;}
.item a {color: #000;}
.item h3 {font-size: 16px;font-weight: 700;margin: 0;}
.sbox {padding: 15px;border-top: 1px solid #ccc;}
.sbox p {padding-top: 0px;margin-top: 5px;font-size: 15px;min-height: 105px;}
.sbox a {font-size: 14px;font-weight: 600;color: #ff9922;}
.whyright {width: 430px;float: right;background: #ff9922;padding: 25px;box-sizing: border-box;position: relative;margin-top: -110px;}
.whyright .btns {text-align: center;font-size: 15px;font-weight: 700;border-radius: 5px;text-transform: uppercase;background: #263147;color: #fff;width: 100%;display: inline-block;padding: 15px;box-sizing: border-box;}
.whyright span {font-size: 27px;font-weight: 800;margin-bottom: 25px;display: inline-block;}
.whyright ul {margin: 0px 0px 0px 18px;padding: 0px;}
.whyright ul li {margin-bottom: 25px;font-weight: 600;font-size: 15px;}
.whyleft {width: calc(100% - 500px);float: left;color: #fff;font-size: 21px;line-height: 40px;}
.whyus {  background: #263147 !important;}
.whybox {border: 2px solid #30456d;text-align: center;border-right: 0;width: calc(100% / 4 - 4px);float: left;padding: 15px;color: #fff;box-sizing: border-box;line-height: 30px;}
.whybox:last-child {border-right: 2px solid #30456d;}
.w260 {width: 260px;float: left;margin-right: 20px;}
.formain {width: calc(100% - 358px);float: left;}
.w260 {font-size: 36px;color: #000;font-weight: 700;line-height: 25px !important;}
.w260 span {font-size: 20px;color: #000;font-weight: 400;padding-top: 20px;display: inline-block;}
/*--------- Footer CSS-----------*/
/*--------- Footer CSS END-----------*/
/*--------------css from styleh.css*---------------*/
.footer {background: var(--darkblue);color: var(--white);}
.footer a {color: var(--white) !important;text-decoration: none;}
.footer a:hover {color: var(--orange) !important;}
.footer ul {margin: 0px;padding: 0px 0;display: inline-block;}
.footer ul li {list-style: none;font-size: 17px;line-height: 38px;float: left;width: calc(100% - 10px);margin: 0px 5px;}
.footer ul li a {color: var(--white) !important;text-decoration: none;}
.footer ul li a:hover {color: var(--orange) !important;}
.col4 {width: calc(100% / 3);float: left;padding: 15px;box-sizing: border-box;}
.ftitles {font-size: 22px;font-weight: bold;color: var(--white);}
.ftext {font-size: 17px;line-height: 26px;}
.bt1 {border-top: 1px solid #556482;}
.fcm {width: calc(100% - 1px);float: left;padding: 10px 0 0px 0;line-height: 25px;}
.fcm img {float: left;margin-right: 10px;}
.tc {text-align: center;}
.mt20 {margin-top: 20px;}
/*--------- Footer CSS END-----------*/
.owl-prev {position: absolute;left: -28px;font-size: 65px !important;top: 30%;}
.owl-next {position: absolute;right: -28px;font-size: 65px !important;top: 30%;}
.dis-f {display: flex;}
/* -- For Mobile -- */
/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
  .container {width: 1146px;}
}
/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .container {width: 960px;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .container {width: 720px;}
  nav a {padding: 23px 15px !important;}
  .whybox {border: 2px solid #30456d;text-align: center;border-bottom: 0px;border-right: 2px solid #30456d;width: calc(100% / 1 - 4px);float: left;padding: 15px;color: #fff;box-sizing: border-box;line-height: 30px;}
  .whybox:last-child {border-right: 2px solid #30456d;border-bottom: 2px solid #30456d;}
  .whyleft {width: 100%;}
  .whyright {width: 100%;margin-top: 25px;}
  .paraimagebox {width: 100%;display: none;}
  .parasection {width: 100%;}
  .w260 {width: 100%;margin-bottom: 20px;text-align: center;}
  .formain {width: 100%;}
  .dis-f {display: block;}
}
/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
  nav a {padding: 12px 15px !important;}
  .container {width: 540px;}
  header {background: var(--darkblue);max-height: 90vh;overflow: auto;}
  .headermenu {width: 100%;}
  .headermenu ul {width: 100%;}
  .tog {position: absolute;z-index: 999;top: 10px;right: 18px;width: 68px;}
  .dcm {display: none !important;}
  footer ul {padding: 10px 0;}
  .col4 {width: calc(100% / 1);float: left;padding: 15px;box-sizing: border-box;}
  .owl-nav {display: none;}
}

/* X-Small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
  .container {width: 98%;margin: 0px 1%;}
  .whyusbanner {display: none;}
  footer ul li {width: calc(100% / 1 - 10px);}
  .fcm {width: calc(100% / 1 - 1px);}
}

.bannertitle {font-size: 37px;font-weight: 700;padding-bottom: 45px;}
.bannertitle span {font-size: 34px;font-weight: 400;}

/*----------Hover Blurout Effect----------*/

.whyus {background: var(--darkgrey);color: #fff;font-size: 18px;line-height: 35px;}
.whytitle {font-size: 20px;font-weight: 600;}
.formsection {background: #ff9922;}
.formsection {background-image: url("images/formbg.webp");min-height: 500px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.formtitle {text-align: center;font-size: 37px;font-weight: bold;color: var(--black);line-height: 40px;margin-bottom: 25px;}
.formtitle span {text-align: center;font-size: 32px;font-weight: 300;color: var(--grey);}
.fs25 {font-size: 25px;font-weight: 700;margin-bottom: 25px;}
.subtital {font-size: 34px;font-weight: 300;color: var(--grey);padding-bottom: 15px;}
/*----------Inner Page CSS Start----------*/
.mainbg {background: url(images/bg.webp) center center no-repeat;background-attachment: fixed;}
.whysection {background: var(--white);border-radius: 8px;text-align: center;padding: 25px;margin-top: -170px;margin-bottom: 40px;}
.whytitles {font-size: 20px;font-weight: 600;margin-bottom: 30px;}
.whytext {  text-transform: uppercase;  line-height: 15px;color: var(--orange);}
.borderr {  border-right: 2px solid #ececec;}
.number {font-size: 37px;width: 100%;float: left;}
.overview {text-align: center;font-size: 16px;line-height: 32px;color: var(--black);text-align: justify;text-align-last: center;}
.overview span {font-size: 20px;padding: 15px 0;display: inline-block;}
.py180 {padding: 180px 0;}
.py75 {padding: 75px 0;}
.pb30 {padding-bottom: 30px;}
.ybg {background: var(--ybg);}
.ybg ul {margin: 0px 0px 0px 23px;padding: 0px;}
.ybg ul li {font-size: 17px;line-height: 38px;}
.servicessec {font-size: 16px;line-height: 32px;text-align: left;color: var(--lightblue);}
.servicessec h3 {font-size: 30px;font-weight: 700;}
.servicessec h3 a {color: var(--lightblue);}
.largtext {font-size: 20px;padding: 15px 0;display: inline-block;}
.pb75 {padding-bottom: 75px;}
.tc {  text-align: center;}
.f30 {font-size: 30px;}
.btncalltoaction {font-size: 18px;font-weight: 600;margin: 0 25px;letter-spacing: 0.1px;color: #000 !important;background: #d58921;text-decoration: none;padding: 8px 25px;border-radius: 3px;}
/*----------Inner Page CSS END----------*/
/*-------------- Inner Page Baners CSS Start -----------*/
.bg-scan {background: var(--darkblue) url(images/inner-banner/scan-banner.webp) center right no-repeat;}
.bg-bim {background: var(--darkblue) url(images/inner-banner/bim-banner.webp) center right no-repeat;}
.bg-rendeing {background: var(--darkblue) url(images/inner-banner/rendring.webp) center right no-repeat;}
.bg-archicad {background: var(--darkblue) url(images/inner-banner/archi-cad.webp) center right no-repeat;}
.bg-cd {background: var(--darkblue) url(images/inner-banner/cd-banner.webp) center right no-repeat;}
.bg-contact {background: var(--darkblue) url(images/inner-banner/contactus.webp) center right no-repeat;}
.bg-drafting {background: var(--darkblue) url(images/inner-banner/drafting.webp) center right no-repeat;}
.bg-mepcad {background: var(--darkblue) url(images/inner-banner/mep-cad.webp) center right no-repeat;}
.bg-revit {background: var(--darkblue) url(images/inner-banner/revit.webp) center right no-repeat;}
.bg-stdraft {background: var(--darkblue) url(images/inner-banner/st-draft.webp) center right no-repeat;}
/*-------------- Inner Page Baners CSS END -------------*/
/*----------Contact us page CSS----------*/
.mainfc {font-size: 16px;font-weight: bold;margin: 15px 0;}
.textcp {line-height: 32px;}
.textcp a {color: #212529;text-decoration: none;}
/*----------Contact us page CSS END----------*/
/*--------------------  Portfolio Page CSS -----------------*/
.thumb {border: 3px solid var(--bluebg);}
.lightbox {position: fixed;z-index: 999;height: 0;width: 0;text-align: center;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);opacity: 0;}
.lightbox img {max-width: 90%;max-height: 80%;margin-top: 2%;opacity: 0;}
.lightbox:target {outline: none;width: 100%;height: 100%;opacity: 1 !important;}
.lightbox:target img {border: solid 5px #f1f1f1;opacity: 1;webkit-transition: opacity 0.6s;transition: opacity 0.6s;}
.light-btn {color: #fafafa;background-color: #333;border: solid 3px white;padding: 5px 15px;border-radius: 1px;text-decoration: none;cursor: pointer;vertical-align: middle;position: absolute;top: 45%;z-index: 99;}
.light-btn:hover {background-color: #111;}
.btn-prev {left: 7%;}
.btn-next {right: 7%;}
.btn-close {position: absolute;opacity: 1;right: 2%;top: 2%;color: #fafafa;background-color: red !important;border: solid 3px white;padding: 10px 15px;border-radius: 1px;text-decoration: none;}
.btn-close:hover {background-color: #740404;opacity: 1;}
/*-------------- Portfolio Page CSS ----------------------*/
/*--------- Footer CSS-----------*/
/* -- For Mobile -- */
@media all and (max-width: 991px) {
  nav a {padding: 23px 15px !important;}
}
@media all and (max-width: 767px) {
  header {background: var(--darkblue);max-height: 90vh;overflow: auto;}
  nav a {padding: 12px 15px !important;}
  .headermenu {width: 100%;}
  .headermenu ul {width: 100%;}
  .tog {position: absolute;z-index: 999;top: 10px;right: 18px;width: 68px;}
  .dcm {display: none !important;}
  .mincontainer840 {max-width: 540px;margin: 0px auto;}
  footer ul {padding: 10px 0;}
  .btncalltoaction {margin: 0 10px;}
  .d-flexs {display: flex;}
  .item1 {order: 1;}
  .item2 {order: 2;}
  .banner {background-attachment: scroll;}
  .servicessec {text-align: left;}
  .fcm {width: calc(100% / 2);margin: 0px 0;}
  .col4 {width: calc(100% / 1);float: left;padding: 15px;box-sizing: border-box;}
}

@media all and (max-width: 575px) {
  .mincontainer840 {max-width: 100%;margin: 0px 15px;}
  footer ul li {width: calc(100% / 1 - 10px);}
  .fcm {width: calc(100% / 1 - 1px);}
}

/* -- For Mobile END -- */
/*---- css from styleh.css end-----*/
/*--------- Comman CSS-----------*/
.whysection .submit_btn,.formsection .submit_btn{background: var(--orange);border: 0;width: 100%;border-radius: 5px;font-size: 28px;color: #fff;text-transform: uppercase;font-weight: 600;padding: 7px;margin: 3px;text-align: center;cursor: pointer;}