/*
Theme Name:     S3DA Design
Theme URI:      https://s3da-design.com/
Description:    Traditional construction design processes have remained untouched, despite advancements in technology. Most companies specialize in a certain area and leave the burden of design merging on the architect.
Version:        1.0.0

*/


@charset "utf-8";
/* CSS Document */
html {overflow-x: hidden; box-sizing: border-box; scroll-behavior: smooth;}
body {width: 100%;font-family: var(--primary-font); font-weight:500;}
a, input[type="button"], .btn {outline: none;transition: all 600ms ease-in-out;}
a:focus, a:hover {outline: none;text-decoration: none;}
ul {padding: 0px;margin: 0px;list-style: none;}
p {padding-bottom: 20px; font-size:16px; line-height:30px; color:#4c4c4c;font-family: var(--book);font-weight: normal;letter-spacing: 0.02em;margin-bottom: 0;}
a {text-decoration: none;}
.wpb-content-wrapper{overflow-x: hidden;}
:root {
  --primary-font:'ITC Avant Garde Gothic Medium';
  --bold: 'ITC Avant Garde Gothic Bold';
  --book: 'ITC Avant Garde Gothic Book';
  --demi: 'ITC Avant Garde Gothic Demi';
  --primary-color: #ED7509;
  --secondary-color: #fc851b;
}

/*Font Face*/
@import url("https://fonts.googleapis.com/css?display=swap&family=Prosto+One:ital,wght@0,100,200,300,400,500,600,700,800,900;1,100,200,300,400,500,600,700,800,900");
@import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@font-face {
    font-family: 'ITC Avant Garde Gothic Bold';
    src: url('fonts/AvantGarde-Bold.woff2') format('woff2'),
        url('fonts/AvantGarde-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Book';
    src: url('fonts/AvantGardeCE-Book.woff2') format('woff2'),
        url('fonts/AvantGardeCE-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Demi';
    src: url('fonts/AvantGardeCE-Demi.woff2') format('woff2'),
        url('fonts/AvantGardeCE-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Medium';
    src: url('fonts/AvantGarde-Medium.woff2') format('woff2'),
        url('fonts/AvantGarde-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



*, *::before, *::after {
  box-sizing: inherit;
}

@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}
/*-- LOADER */
#loader{
    position:fixed;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    background:#fff;
    z-index:999999;
}

#loader .logo-wrapper{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}


#loader .custom-logo{
    z-index:2;
    animation: logoIntro 1.2s ease-out, logoFloat 3s ease-in-out infinite 1.2s;
    filter:drop-shadow(0 0 15px rgba(0,115,170,.25));
}

#loader .loading-text{
    margin-top:20px;
    font-size:11px;
    letter-spacing:2px;
    color:#2e2e2e;
    animation:blink 1.5s infinite;
    text-align:center;
}

/* Animations */

@keyframes logoIntro{
    0%{
        opacity:0;
        transform:scale(.5);
    }
    60%{
        opacity:1;
        transform:scale(1.1);
    }
    100%{
        opacity:1;
        transform:scale(1);
    }
}

@keyframes logoFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}

@keyframes blink{
    50%{
        opacity:.4;
    }
}

@media (max-width:768px){
	#loader .custom-logo{
		width:100px;
		height:auto;
	}
	#loader .loading-text{
		font-size:9px;
	}
}





.animated{-webkit-animation-duration: 2s !important; animation-duration: 2s !important;}
.common-btn{display:inline-block; font-size:15px; line-height:18px; color:#fff; letter-spacing:.5px; font-family:var(--primary-font); background:var(--primary-color); padding:16px 40px;transition:all 600ms ease-in-out; letter-spacing: 0.05em;}
.common-btn:hover{background:var(--secondary-color); color:#fff;}

@keyframes shine {
20%,65%,100% {transform: skewX(-30deg) translateX(150%);}
}

h2{font-size: 45px;line-height: 55px;}
h2 strong{font-family: var(--bold);font-weight: normal;}

.sub-title{display:inline-block; font-size:18px; line-height:20px; color:#252525; font-weight:500; padding-left:60px; margin:0 0 20px; position:relative;}
.sub-title:before{position:absolute; content:""; left:0; top:0; bottom:0; margin:auto 0; background:url(images/text-before.png) no-repeat center; background-size:100% 100%; width:21px; height:24px;}
.sub-title:after{position:absolute; content:""; left:25px; top:0; bottom:0; margin:auto 0; width:27px; height:1px; background:#454545;}
.common-title{font-family:var(--bold); font-size:52px; line-height:52px; color:#0c0c0c; padding:0; margin:0 0 40px;}

.common-img{position: relative;display: block;overflow: hidden;}
.common-img:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 85.1%,rgba(0, 0, 0, 0.2) 100%);width: 100%;height: 100%;}
.common-img:after{content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, 0.3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 1;}
.common-img:hover:after{height: 250%;transition: all 600ms linear;background-color: transparent;}

/* =========== Header Start =========== */
.navbar-default {z-index:99; padding:13px 0 15px;margin:0px; background: #fff; transition: all 600ms ease-in-out;border-radius: 0;}
.navbar-default .container{display:flex; justify-content:space-between; align-items: center;align-items: flex-end;}
.navbar-default .logo-block{width:176px;transition: all 600ms ease-in-out;}
.navbar-default .logo-block img{width:132px; height:auto;transition: all 600ms ease-in-out;}
.navbar-default .rt-block{display: flex;align-items: center;gap:50px;}
.navbar-default .contact-block{display:flex;position:relative;}

.navbar-default .contact-block .phone{font-family:var(--demi); font-size:20px; line-height:22px; color:#000; padding-left:34px; position:relative;padding-right: 30px;margin-right: 30px;}
.navbar-default .contact-block .phone:after{position:absolute; content:""; left:0; top:1px; background:url(images/call-icon.svg) no-repeat center; width:20px; height:20px; background-size:100%;}
.navbar-default .contact-block .mail{font-family: var(--primary-font);font-size:15px; line-height:18px; color:#000; padding-left:40px; position:relative;}
.navbar-default .contact-block .mail:after{position:absolute; content:""; left:0; top:0; background:url(images/20_70.svg) no-repeat center; width:27px; height:18px; background-size:100%;}
.navbar-default .contact-block a:hover{color:var(--primary-color);}
.navbar-default .contact-block .phone::before{position:absolute; content:""; right:0; top:0; bottom:0; margin:auto auto; height: 100%; width:1px; background:rgba(0,0,0,.2);}
.navbar-default .rt-block .btn-block{width:auto;}


.navbar-default .sf-menu li {padding-right: 50px;}
.navbar-default .sf-menu li:last-child {padding-right: 0;}
.navbar-default .sf-menu li a{font-size: 15px; line-height: 18px;color: #000; text-transform:capitalize; padding: 13px 0 13px; position:relative;}
.navbar-default .sf-menu li a:after{position:absolute; content:""; left:0; right:0; margin:0 auto; bottom:0; width:0; height:1px; background:var(--secondary-color); transition:ease-in-out all 300ms;}
.navbar-default .sf-menu li a:hover:after, .navbar-default .sf-menu li.active a:after{width:100%;}
.navbar-default .sf-menu .sub-menu li a::after {content: '';position: absolute;left: 0px;transition: .6s ease-in-out;background: rgba(255, 255, 255, .7);width: 14px;height: 1px;top: 10px;opacity: 1;bottom: auto;right: auto;}
.navbar-default .sf-menu .sub-menu li:hover a::after { width: 0px;}
.navbar-default .sf-menu .sub-menu li:hover .sub-menu li a::after{width:14px;}
.navbar-default .sf-menu .sub-menu li .sub-menu li:hover a::after{width:0;}
.navbar-default .sf-menu .sub-menu li:hover .sub-menu li a{padding:0 0 0 30px !important;}
.navbar-default .sf-menu .sub-menu li .sub-menu li:hover a{padding:0 !important;}
.navbar-default .sf-menu li a:hover, .navbar-default .sf-menu li.active a {color: var(--primary-color);}
.navbar-default .sf-menu .sub-menu li a {padding: 0 0 0 30px;color: #fff;font-size: 15px;line-height: 20px;}
.navbar-default .sf-menu .menu-item-31 ul.sub-menu {min-width: 320px;}
.navbar-default .sf-menu ul {background: var(--primary-color);}
.navbar-default .mobile-menu-block{display:none;}
.navbar-default .sf-menu li:last-child .sub-menu{right:-40px; left: auto;min-width: 300px;}
.navbar.hide {transform: translateY(-100%);opacity: 0;}

.navbar .container.top-nav-blk{justify-content: flex-end;margin-bottom: -20px;transition: all 600ms ease-in-out;}
.navbar-default .rt-block{transition: all 600ms ease-in-out;}

@media screen and (min-width: 992px) {

.navbar-default.navbar-fixed{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08); padding:10px 0; background:rgba(255,255,255,.9); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);box-shadow: 0px 10px 12px 0px rgba(50, 50, 50, 0.05);}
.navbar-default.navbar-fixed .logo-block{width:200px;}
/*.navbar-default.navbar-fixed .sf-menu li a{padding:20px 0 20px;}*/
.navbar-default.navbar-fixed .sf-menu .sub-menu li a {padding: 0 0 0 30px;color: #fff;}
.navbar-default.navbar-fixed .container.top-nav-blk{margin-top: -40px;margin-bottom: 0;}
.navbar-default.navbar-fixed .logo-block img{width:100px; height:auto;}
.navbar-default.navbar-fixed .rt-block{padding-bottom: 10px;}
}

.main-banner{padding-top:180px !important; padding-bottom:130px;min-height: 635px;display: flex;align-items: center;position: relative;overflow: hidden;}
/* .main-banner::before{content:'';background: rgba(0, 0, 0, 0.64);filter: blur(149.45px);width: 1000px;height: 1000px;position: absolute;left: -200px;top: -200px;border-radius: 100%;} */
.main-banner .text-block{max-width: 540px;position: relative;}
.main-banner h1{font-size: 52px;line-height: 60px;font-family:var(--bold);font-family: var(--book); color: #fff;margin-bottom: 20px; text-transform:uppercase;text-shadow: 2px 6px 11px rgb(0 0 0 / 73%);}
.main-banner h1 strong{font-family:var(--demi);font-weight: normal;}
.main-banner p{color:#fff; font-size:18px; line-height:22px;}

footer{background:url(images/Group-95.jpg) no-repeat center; background-size:cover; padding:80px 0 20px;}
footer h3{font-family:var(--demi); font-weight:normal; font-size:16px; line-height:20px; margin:0 0 30px; color:#fff;letter-spacing: 0.02em;}
footer .about-info{padding:40px 50px 0 0;}
footer .copyright{padding-top: 30px; margin-top:50px; border-top: 1px solid rgba(255,255,255,.1);}
footer p{font-family:var(--book);color:#fff; padding:0; color:#d3d3d5;}
footer .copyright p{font-size:14px; line-height:25px;}
footer ul li{padding:0 0 10px;}
footer ul li a{font-family:var(--book); font-size:16px; line-height:16px; color: #d3d3d5;}
footer ul li a:hover{color:var(--primary-color);}
footer .project-support-blk{position:relative;overflow:hidden;padding: 30px 30px;border: 1px solid rgba(255, 255, 255, 0.1);}
footer .project-support-blk::before{ position: absolute; content: "";left: 0;top: 0;width: 100%;height: 100%;background: url(images/21_52.webp); background-size: cover;background-repeat: repeat;background-position: top left; mix-blend-mode: luminosity;opacity: 0.04;} 
footer .project-support-blk p{margin-bottom:0;}
footer .copyright p a{color:#d3d3d5;}
footer .copyright p a:hover{color:var(--primary-color);}

footer .footer-center-block .project-contact-blk{padding-top: 35px;margin-top: 30px;border-top: 1px solid rgba(255, 255, 255, .1);}
footer .footer-center-block .project-contact-blk ul li {font-size: 16px;line-height: 26px;color: #fff;font-family: var(--book);padding-left: 30px;margin: 0 0 8px;position: relative;}
footer .footer-center-block .project-contact-blk .col-lg-4:nth-child(2) .block ul li a{font-family: var(--demi);}
footer .footer-center-block .project-contact-blk ul li:after {position: absolute;content: "";left: 0;top: 4px;margin: auto 0;width: 16px;height: 24px;background-size: 100%;background: url(images/21_380.svg) no-repeat center;background-size: contain;}
footer .footer-center-block .project-contact-blk ul li a {color: #fff;}
footer .footer-center-block .project-contact-blk ul li a:hover {color:var(--primary-color);}
footer .footer-center-block .project-contact-blk .col-lg-4:nth-child(2) .block ul li:after { background: url(images/21_399.svg) no-repeat center; width: 17px;height: 17px;}
footer .footer-center-block .project-contact-blk .col-lg-4:nth-child(3) ul li:after {background: url(images/21_407.svg) no-repeat center;width: 22px;height: 14px;    top: 7px;}
footer .footer-center-block .project-contact-blk h4 {color: #fff;font-size: 13px;line-height: 13px;padding: 7px 18px;margin-bottom: 18px;font-family: var(--book);border: 1px solid rgba(255, 255, 255, .1);display: inline-block;background: rgba(255, 255, 255, 0.1);border-radius: 24px;letter-spacing: 0.06em;text-transform: uppercase;}
footer .footer-center-block .project-contact-blk .col-lg-4:nth-child(2) .block{padding-left:80px;}


.why-us-sec {padding-top:0!important;overflow: hidden;}
.why-us-sec .why-us-inner{ position:relative; margin-top:0;padding-top: 40px;padding-bottom: 10px;}
.why-us-sec{position:relative;}
.why-us-sec:before{z-index:9; position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:url(images/21_52.webp); background-size: auto;background-repeat: repeat;background-position: top left;mix-blend-mode: color-dodge;opacity: 0.1;}
.why-us-sec:after{z-index:1; position:absolute; content:""; left:0; top:0; width:100%; height:100%; background: #ed7509; }
.why-us-sec .why-us-inner .vc_col-sm-12 .wpb_wrapper{position:relative; z-index:9;}
.why-us-sec h2{font-family: var(--book); color:#fff; font-weight:normal !important;  font-weight:normal; padding:0; margin:0 0 40px;}
.why-us-sec h2 strong{font-family:var(--bold);}
.why-us-sec .why-us-inner .icon-block{position:relative;margin-bottom: 28px;}
.why-us-sec .why-us-inner .icon-block img{height:50px; width:auto;}
.why-us-sec .why-us-inner .icon-block:after{position:absolute; content:""; right:0; top:0; bottom:0; margin:auto 0; background:url(images/21_108.svg) no-repeat right center; opacity:.5; width:210px; height:9px;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(4) .icon-block:after{display:none;}
.why-us-sec .why-us-inner h3{ color:#fff;padding:0;font-size: 20px;line-height: 24px;margin: 0 0 18px;}
.why-us-sec .why-us-inner p{ color:#fff;}
.why-us-sec .why-us-inner .bottom-block{display: flex;flex-wrap: wrap;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(1){width: 28%;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(2){width: 25%;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(3){width: 26%;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(4){width: 21%;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(1) .icon-block:after{right: 33px;}

.structural-design-sec{/*margin-top:90px;*/ position:relative;}
.structural-design-sec:after{position:absolute; content:""; bottom:0; width:calc(100% - 500px); height:630px; background:#FFF4EA; z-index:-1;}
.structural-design-sec .block{position:relative; margin-bottom:30px;}
.structural-design-sec .block.block-rt{margin-bottom:0;}
.structural-design-sec .block .text-block{padding:60px 0 60px 100px;}
.structural-design-sec .block.block-rt .text-block{padding:60px 100px 60px 0;}

.structural-design-sec .block:before{position:absolute; content:""; left:0; height:100%; width:48%; background:url(images/22_532.webp) no-repeat center; background-size:cover;}
.structural-design-sec .block.block-rt:before{background:url(images/Top-Construction-Photo.jpg) no-repeat center; background-size:cover; right:0; left:initial;}
.structural-design-sec .block h2{font-family: var(--book); font-weight:normal;color:#121212; padding:0; margin:0 0 40px;}
.structural-design-sec .block h2 strong{font-family:var(--bold); }
.structural-design-sec .block ul{margin-bottom:40px;}
.structural-design-sec .block ul li{font-size:17px; line-height:20px; color:#121212; padding:0 0 0 35px; margin-bottom:25px; position:relative;}
.structural-design-sec .block ul li:after{position:absolute; content:""; left:0; top:0; bottom:0; margin:auto 0; background:url(images/21_125.svg) no-repeat center; width:18px; height:13px; background-size: 100%; opacity:.5;}


.design-projects-sec{padding-top:60px !important; padding-bottom:100px; position:relative; background:var(--primary-color);}
.design-projects-sec:before{z-index:9; position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:url(images/21_52.webp); background-size: auto;background-repeat: repeat;background-position: top left;mix-blend-mode: color-dodge;opacity: 0.1;}
.design-projects-sec h4{font-family: var(--book); font-size:16px; line-height:20px; font-weight:normal; color:#fff; margin:0 0 9px;}
.design-projects-sec h2{font-size:65px; line-height:69px; padding:0; margin:0 0 13px; color:#fff; font-family:var(--bold); position:relative;}
.design-projects-sec h2:after{position:absolute; content:""; right:9% ; top:0; bottom:0; margin:auto 0; background:url(images/21_108.svg) no-repeat right center; opacity:.5; width:210px; height:9px;}
.design-projects-sec h3{font-size:32px; line-height:44px; font-weight:500; padding:0; margin:0 0 15px; color:#fff; font-family:var(--bold);}
.design-projects-sec h5{font-size:16px; line-height:20px; font-weight:500; color:#fff; display:flex; gap:10px; align-items:center;}
.design-projects-sec h5 strong{background: #232323;color: #FCB731;padding:10px;font-family: var(--demi);font-weight: normal;font-size: 13px;line-height: 15px;border-radius: 6px;}
.design-projects-sec .container{position:relative; z-index:9;}
.design-projects-sec .bottom-services{margin-top:5px; padding: 0 90px;}
.design-projects-sec .bottom-services .circle-block{position:relative;height:300px; display:flex; align-items:center;}
.design-projects-sec .bottom-services .circle-block:before{position:absolute; content:""; background:url(images/21_171.svg) no-repeat center; background-size:100% 100%; width:300px; height:300px;left: -15px;}
.design-projects-sec .bottom-services .circle-block:last-child:after{display:none;}
.design-projects-sec .bottom-services .circle-block .wpb_wrapper{position:relative; z-index:9;}
.design-projects-sec .bottom-services .circle-block h3{font-size:50px; line-height:47px; font-family:var(--demi); margin:0 0 10px;}
.design-projects-sec .bottom-services .circle-block P{color:#fff; padding:0; margin:0; font-family: var(--book);}
.design-projects-sec .bottom-services .circle-block .wpb_text_column.wpb_content_element{padding-left:50px; margin:0 0 0;}
.design-projects-sec .bottom-services .circle-block::after {position: absolute;content: "";background: url(images/21_195.svg) no-repeat center;background-size: 100% 100%;width: 12px;height: 12px;right:0;top: 0;bottom: 0; margin: auto 0;animation: moveFadeRight 2s linear infinite;}

@keyframes moveFadeRight {
  0% {
    transform: translateX(-4px);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  100% {
    transform: translateX(10px);
    opacity: 0;
  }
}

.soliution-sec .vc_column-inner{padding-top:0 !important;}
.soliution-sec .block{position:relative;}
.soliution-sec .block:nth-child(1){margin-top:-60px;}
.soliution-sec .block .text-block{position:absolute; bottom:35px; width:90%; margin:0 auto; left:0; right:0;z-index: 2;}
.soliution-sec .block .text-block h2{font-family: var(--book); color:#fff; padding:0; margin:0 0 16px;font-size: 36px;line-height: 45px}
.soliution-sec .block .text-block h2 strong{font-family:var(--bold);}
.soliution-sec .block .text-block p{color:#fff;margin-bottom: 0;}
.soliution-sec .block img{height: 650px;object-fit: cover;transition: all 600ms ease-in-out;}
.soliution-sec .block:hover  .img-blk img{transform: scale(1.04);}
.soliution-sec .vc_row-fluid{padding: 0 12%;}
.soliution-sec .block .img-blk{position: relative;overflow: hidden;}
.soliution-sec .block .img-blk::before{content: '';z-index: 1;background: rgba(0, 0, 0, 0.7);filter: blur(178.3px);width: 742px;height: 761px;position: absolute;bottom: -336px;left: -178px;border-radius: 50%;}


.advantage-sec{padding-top:90px !important; padding-bottom:40px; background: #FFFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 244, 234, 1) 100%);}
.advantage-sec .box-card{margin-bottom:60px; position:relative; padding:0 25px 0 25px; min-height:330px;}
.advantage-sec .box-card:before{position:absolute; content:""; height:58px; width:1px; background:#ED7509; left:1px; top:0;transition:all 600ms ease-in-out;}
.advantage-sec .box-card:after{position:absolute; content:""; height:100%; width:1px; background:#E9CBB1; left:0; top:0;}
.advantage-sec .icon{margin:0 0 25px;}
.advantage-sec .icon img{width:auto; height:50px;transition:all 600ms ease-in-out;}
.advantage-sec h2{font-family: var(--book);color:#121212; padding:0; margin-bottom:80px !important;}
.advantage-sec h2 strong{font-family:var(--bold);font-weight: normal;}
.advantage-sec h3{font-size:20px; line-height:30px; color:#121212; padding:0; margin:0 0 30px;}
.advantage-sec p{font-size:16px; line-height:30px; color:#6B6B6B; padding:0; margin:0; font-family: var(--book);}
.advantage-sec .box-card:hover .icon img {transform: scale(1.06);}
.advantage-sec .box-card:hover:before{height:80px;}


.visions-sec{padding-top:80px !important; padding-bottom:90px;}
.visions-sec .inner-sec{margin-bottom:0; position:relative;}
.visions-sec .inner-sec .text-block{position:absolute; top:0; width:calc(100% - 75px); right:0; background:var(--primary-color); margin-top:115px; padding:60px 90px 90px 547px; }
.visions-sec .inner-sec .text-block:before{z-index:1; position:absolute; content:""; left:0; top:0; width:300%; height:100%; background:url(images/21_52.webp); background-size: auto;background-repeat: repeat;background-position: top left;mix-blend-mode: color-dodge;opacity: 0.1;}
.visions-sec .inner-sec .text-block .inner-text{position:relative; z-index:9;}
.visions-sec .inner-sec .text-block h2{font-family:var(--demi);color:#fff; padding:0; margin:0 0 30px;}
.visions-sec .inner-sec .text-block p{font-size:16px; line-height:30px; color:#fff;}
.visions-sec .inner-sec .text-block .common-btn{background:#fff; color:#383838;}
.visions-sec .inner-sec .text-block .common-btn:hover{background:#D9D9D9;}
.visions-sec .inner-sec .img-block{position:relative; z-index:9;}
.visions-sec .inner-sec .img-block img{height: 500px;width: 550px;object-fit: cover;object-position: top center;}

.contact-sec{padding-top:80px !important; padding-bottom:60px;}
.contact-sec h2{font-family: var(--book);color:#fff; padding:0; margin-bottom:50px !important;}
.contact-sec h2 strong{font-family:var(--bold);}
.contact-sec .block{max-width:525px;}
.contact-sec h4{ font-size:18px; line-height:32px; font-family:var(--demi); position:relative; color:#fff; padding:0; margin:0 0 25px;} 
.contact-sec h4:after{position:absolute; content:""; right:0; width:calc(100% - 120px); top:0; bottom:0; margin:auto 0; background:rgba(255, 255, 255, .2); height:1px;}
.contact-sec .block:nth-child(3) h4::after{width:calc(100% - 75px);}
.contact-sec .block:nth-child(4) h4::after{width:calc(100% - 75px);}
.contact-sec .block ul li{font-size:16px; line-height:24px; color:#fff; font-family: var(--book); padding-left:32px; margin:0 0 20px; position:relative;}
.contact-sec .block ul li:after{position:absolute; content:""; left:0; top:0; margin:auto 0; width:15px; height:30px;background:url(images/21_380.svg) no-repeat center;background-size: contain;}
.contact-sec .block ul li a{color:#fff;}
.contact-sec .block ul li a:hover{opacity:.8;}
.contact-sec .block:nth-child(3) ul li:after{background:url(images/21_399.svg) no-repeat center; width:17px; height:17px;top: 3px;}
.contact-sec .block:nth-child(4) ul li:after{background:url(images/21_407.svg) no-repeat center; width:22px; height:14px;top: 3px;}

.contact-sec h3{font-size:24px; line-height:40px; color:#fff; padding:0; margin:0 0 30px; font-family:var(--book);}
.contact-sec h3 strong{font-family:var(--bold);}
.contact-sec .form-block{border: 1px solid rgba(255,255,255,0.2);padding: 35px 40px;background: rgba(0,0,0,0.5);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.contact-sec label{font-size:16px; line-height:30px; font-family:var(--medium); color:#fff;}
.contact-sec .form-control{height:50px; font-size:14px; line-height:20px; border-radius:0; box-shadow:none!important; border-radius:0;font-family:var(--primary-font); border: 1px solid rgba(255, 255, 255, 0.3)!important;background: rgba(255, 255, 255, 0.2);color: #fff;
    letter-spacing: 0.02em;outline: none!important;}
.contact-sec .form-control:focus{box-shadow:mone!important; } 
.contact-sec textarea.form-control{height:147px; resize:none;}
.contact-sec .form-group{margin-bottom:10px;}
.contact-sec .form-group p{padding:0; margin:0 0 10px;}
.contact-sec .button-block{margin-top:30px;}
.contact-sec .common-btn{border:none; }
.contact-sec .form-block .form-group p{font-size: 15px !important;line-height: 25px !important;color: #fff;}
.contact-sec .form-block .form-group.checkbox-group .checkbox-item .wpcf7-list-item{margin: 0!important;}
.contact-sec .form-block .form-group.checkbox-group .checkbox-item label span.wpcf7-list-item-label{font-family: var(--primary-font);}
.contact-sec .form-block .form-group.checkbox-group .checkbox-item .wpcf7-list-item input[type=checkbox]{height: 25px;width: 25px;}
.contact-sec .form-block .form-group.checkbox-group .checkbox-item label{margin: 0;display: flex;gap: 10px;    align-items: center;}

.faq-sec{padding-top:80px !important;}
.faq-sec h2{font-family: var(--book); color:#121212; padding:0; margin-bottom:40px !important;}

.faq-sec .vc_tta-panel-title{font-size:18px; line-height:22px; color:#121212; font-family:var(--medium);}
.faq-sec .vc_tta-panel-title a{padding:25px !important;}
.faq-sec .vc_tta-panel-body{padding:30px !important;}
.faq-sec .vc_tta-panel-body p{margin-bottom:0; font-family:var(--book); color:#565656;}
.faq-sec .vc_tta-panel-heading, .faq-sec .vc_tta-panel-body{border:1px solid rgba(0,0,0,.1) !important;}
.faq-sec .vc_tta-panel-body{border-top:none !important;}
.faq-sec .vc_tta-panel-body p a{color: #ED7509;transition: all 600ms ease-in-out;font-family: var(--primary-font);}
.faq-sec .vc_tta-panel-body p a:hover{color: rgb(18, 18, 18);}

.testimonials-sec{padding-top:90px !important; padding-bottom:40px;}
.testimonials-sec h2{font-family: var(--book);color:#121212; padding:0; margin-bottom:40px !important;}
.testimonials-sec h2 strong{font-family:var(--bold);}
.testimonials-sec .owl-item .sa_hover_container .testimonial-info{min-height:330px;}
.testimonials-sec .owl-item .sa_hover_container p{color:#565656; padding:0 0 20px; margin:0;}
.testimonials-sec .owl-item .sa_hover_container p strong{font-size: 24px; color:var(--primary-color); padding:0; margin:0;}
.testimonials-sec .owl-item .sa_hover_container h3{font-size:17px; line-height:31px; font-family:var(--primary-font) !important; font-weight:500; color:#565656; padding:0; margin:0;}
.testimonials-sec .vc_sep_holder_l{padding-top: 40px; margin-bottom: 40px;}
.testimonials-sec .services-block h2{font-size:40px; line-height:42px; margin:0 0 100px;}
.testimonials-sec .owl-nav{position: absolute;right: 0;top: -78px !important; width:80px;}
.testimonials-sec .white .sa_owl_theme .owl-nav .owl-next, .testimonials-sec .white .sa_owl_theme .owl-nav .owl-prev{font-size:0 !important; outline:none;width: 35px;height: 40px;background-size: 9px;}
.testimonials-sec .sa_owl_theme .owl-nav .owl-prev{left:0;}
.testimonials-sec .white .sa_owl_theme .owl-nav .owl-next{background-color:rgb(221, 105, 0);}
.testimonials-sec .white .sa_owl_theme .owl-nav .owl-prev{background-color:rgb(237, 117, 9);}
.testimonials-sec .testimonial-block{position: relative;    border: 1px solid rgba(0,0,0,.1) !important;background: rgb(255 255 255 / 20%);padding: 40px;}
.testimonials-sec .testimonial-block::before{content:'';width: 70px;height: 50px;border: 1px solid #ed75097d;position: absolute;left:-1px;top: -1px;border-right: none;border-bottom: none;transition: all 600ms ease-in-out;}
.testimonials-sec .testimonial-block::after{content:'';width: 70px;height: 50px;border:1px solid #ed75097d;position: absolute;right:-1px;bottom: -1px;border-top: none;border-left: none;transition: all 600ms ease-in-out;}
.testimonials-sec .testimonial-block:hover::after{width: 90px;height: 70px;}
.testimonials-sec .testimonial-block:hover::before{width: 90px;height: 70px;}

.expertise-sec{padding-top:120px !important; padding-bottom:100px; background:var(--primary-color); position:relative;}
.expertise-sec:before{z-index:1; position:absolute; content:""; left:0; top:0; width:10%; height:100%; background:url(images/21_52.webp); background-size: auto;background-repeat: repeat;background-position: top left;mix-blend-mode: color-dodge;opacity: 0.1;}
.expertise-sec:after{z-index:9; position:absolute; content:""; right:0; top:0; width:34%; height:100%; background:url(images/Group-94.png) no-repeat center; background-size: cover; background-position: top left;}
.expertise-sec .text-block{position:relative; z-index:9;}
.expertise-sec h2{font-family: var(--demi); font-size:57px; line-height:61px; color:#fff; padding:0; margin-bottom:45px !important;}
.expertise-sec h2 strong{font-family:var(--bold);}
.expertise-sec .common-btn{background:#fff; color:#383838;}
.expertise-sec .common-btn:hover{background:#D9D9D9;}

.bottom-common-cta{padding-top:80px!important;padding-bottom: 80px;position: relative;background: var(--primary-color);overflow: hidden;}
.bottom-common-cta::before{content: '';width:calc(50% - 250px); height: 100%;background: url(images/bottom-cta-img.jpg) no-repeat top center;position: absolute;right: 0;top:0;    background-size: cover;}
.bottom-common-cta .text-blk h2{padding: 0;margin:0 0 50px 0;color: #fff;font-family: var(--book);max-width: 800px;}
.bottom-common-cta .text-blk a.common-btn{background: #fff;color: #383838;}
.bottom-common-cta .text-blk a.common-btn:hover{background: #D9D9D9;}


.inner-banner{padding-top:245px !important; padding-bottom:130px;}
.inner-banner h1{font-size:55px; line-height:60px; color:#fff; font-family:var(--demi); padding:0; margin:0 0 35px;text-shadow: 2px 6px 20px rgba(0, 0, 0, 0.9);}


/*======== about Page========*/

.how-sec {padding-top:70px!important; padding-bottom:40px;}
.how-sec h2{font-family:var(--book); padding:0; margin:0 0 30px!important;position: relative;}
.how-sec h2::after{content: '';width: calc(100% - 150px);height:1px;background: #D9D9D9;top: 0;bottom: 0;margin: auto;right: 0;position: absolute;}
.how-sec .how-img-sec{margin-top: 35px;}

.what-sec {padding-top:40px!important; padding-bottom:80px;}
.what-sec h2{font-family:var(--book); padding:0; margin:0 0 30px!important;position: relative;}
.what-sec .img-blk img{object-fit: cover; height: 380px;}

.modern-approach-sec{padding-top:75px !important; padding-bottom:300px; position:relative;overflow: hidden;}
.modern-approach-sec:after{position:absolute; content:""; top:-144px; left:0; right: 0; margin: 0 auto;width:100%; height:80%; background: rgba(0, 96, 164, 0.8);filter: blur(100px);border-radius: 40%;}
.modern-approach-sec .wpb_text_column{position:relative; z-index:9;}
.modern-approach-sec h2{font-family:var(--book); padding:0; margin:0 0 30px; color:#fff;}
.modern-approach-sec h2 strong{font-family:var(--demi);}
.modern-approach-sec p{padding:0; margin:0; color:#fff;}




/*======== design Services Page========*/

.banner-after-section{padding-top: 80px!important;padding-bottom:50px;}
.banner-after-section .structural-engineering-row .structural-engineering{width: 54%;}
.banner-after-section .structural-engineering-row .get-free-quote-block{width: 46%;}

.banner-after-section .structural-engineering-row .get-free-quote-block .vc_column-inner{padding-top:0!important;}
.banner-after-section .structural-engineering-row .structural-engineering .vc_column-inner{padding-top:0!important;}
.banner-after-section .structural-engineering-row .structural-engineering h2{font-family:var(--book);font-weight: normal;font-size: 50px;line-height:60px;color: #000000;padding: 0;margin-bottom: 40px ;}
.banner-after-section .structural-engineering-row .structural-engineering h2 strong{font-family: var(--demi);}
.banner-after-section .structural-engineering-row p:last-child{padding: 0px;}
.banner-after-section .structural-engineering-row .structural-engineering .drop-down-blk{margin-top: 34px;}
.banner-after-section .structural-engineering-row .structural-engineering .drop-down-blk h3{font-size: 16px;line-height: 18px;text-transform: uppercase;letter-spacing: .5px;font-family: var(--bold);margin: 0;}
.banner-after-section .structural-engineering-row .structural-engineering .drop-down-blk .vc_toggle_title{background-color: #ED7509;padding: 15px 50px 15px 25px;}
.banner-after-section .structural-engineering-row .structural-engineering .drop-down-blk .vc_toggle_title i.vc_toggle_icon{left: auto!important;right: 15px;background: transparent;}
.banner-after-section .structural-engineering-row .structural-engineering .drop-down-blk .vc_toggle_title i.vc_toggle_icon::after, .banner-after-section .structural-engineering-row .structural-engineering .drop-down-blk .vc_toggle_title i.vc_toggle_icon::before{background-color: #ffffff;} 
.banner-after-section .structural-engineering-row .structural-engineering .drop-down-blk .vc_toggle_content {border: 1px solid #DBD7D7 !important;padding: 30px 20px;margin-top: 0;border-top: 0 !important;}
.banner-after-section .structural-engineering-row .structural-engineering .drop-down-blk .vc_toggle_content ul li{font-size: 16px;line-height: 25px;color:#121212;margin-bottom: 14px;position: relative;padding: 0px 0px 0px 25px;font-family:var(--primary-font); font-weight: normal;}
.banner-after-section .structural-engineering-row .structural-engineering .drop-down-blk .vc_toggle_content ul li::after{position: absolute;content: "";left: 0px;top:5px;width: 15px;height: 15px;opacity: 0.5;margin: auto 0px; background: url(images/21_125.svg) center center / 100% no-repeat;}
.banner-after-section .structural-engineering-row p a{color: #ED7509;transition: all 600ms ease-in-out;font-family: var(--primary-font);}
.banner-after-section .structural-engineering-row p a:hover{color: rgb(18, 18, 18);}
.banner-after-section .structural-engineering-row .structural-engineering ul {margin-bottom: 30px;}
.banner-after-section .structural-engineering-row .structural-engineering ul li{font-size: 18px;line-height: 20px;color: #121212;padding: 0 0 0 45px;margin-bottom: 25px;position: relative;}
.banner-after-section .structural-engineering-row .structural-engineering ul li:after {position: absolute; content: "";left: 0; top: 1px;margin: auto 0;background: url(images/21_125.svg) no-repeat center;width: 25px;height: 15px;background-size: 100%;opacity: .5;}

.design-services-contact-sec{padding-top: 50px!important;}
.design-services-contact-sec .inner-blk form .form-block{border: 1px solid #DBD7D7;padding: 44px 32px;    margin-top: 40px;}
.design-services-contact-sec .inner-blk h3{font-family: var(--bold);font-size: 25px;line-height: 29px;color:#2C2C2C;padding: 0;margin-bottom: 15px ;}
.design-services-contact-sec .inner-blk p{margin-bottom: 0;padding-bottom: 0;}
.design-services-contact-sec .inner-blk form .form-block .row{margin-right: -7px; margin-left: -7px;}
.design-services-contact-sec .inner-blk form .form-block .row .col-md-4, .design-services-contact-sec .inner-blk form .form-block .row .col-md-12{padding-right: 7px;padding-left: 7px;}
.design-services-contact-sec .inner-blk form .form-block .checkbox-group{padding: 20px 0 15px;}
.design-services-contact-sec .inner-blk form .form-block .checkbox-group .checkbox-item .wpcf7-list-item{margin: 0!important;}
.design-services-contact-sec .inner-blk form .form-block .checkbox-group .checkbox-item label span.wpcf7-list-item-label{font-family: var(--primary-font);color: #000;}
.design-services-contact-sec .inner-blk form .form-block .checkbox-group .checkbox-item .wpcf7-list-item input[type=checkbox]{height: 25px;width: 25px;}
.design-services-contact-sec .inner-blk form .form-block .checkbox-group .checkbox-item label{margin: 0;display: flex;gap: 10px;}
.design-services-contact-sec .inner-blk form .form-block .form-group .form-control{display: block;font-family: var(--primary-font);font-size: 17px;line-height: 30px;padding:8px 14px;color: #495057;background-color: #F1F1F1;background-clip: padding-box;border: none;border-radius: 0;}
.design-services-contact-sec .inner-blk form .form-block .form-group label{font-family: var(--book) !important;font-size: 14px !important;line-height: 20px !important;}
.design-services-contact-sec .inner-blk form .form-block .form-group  .wpcf7-not-valid-tip{font-family: var(--book) !important;font-size: 15px !important;line-height: 25px !important;color: #000 !important;}
.design-services-contact-sec .inner-blk  .form-control:focus {color: #c1ccd700;background-color: #fff;border: none;outline: none;box-shadow: none;}
.design-services-contact-sec .inner-blk textarea {height: 115px !important;resize: none;font-family: var(--book);font-size: 17px;line-height: 30px;}
.design-services-contact-sec .inner-blk .wpcf7-response-output {font-family: var(--book);margin: 25px 0px 0px;}
.design-services-contact-sec .inner-blk .button-block {margin-top: 30px;}
.design-services-contact-sec .inner-blk .common-btn{display: inline-block;border: none;cursor: pointer;}
.design-services-contact-sec .inner-blk form .form-block p{font-size: 15px !important;line-height: 25px !important;text-align: center;}
.design-services-contact-sec .inner-blk form .form-block .form-group p{text-align: left;}


.client-logo-block {padding-top: 80px!important; padding-bottom:80px;}
.client-logo-block .vc_row .wpb_column{width:10%;}

.design-services-sec{margin-top:0;padding-top:0!important; position:relative;}
.design-services-sec .block{position:relative;}
.design-services-sec .block.block-rt{margin-bottom:0;}
.design-services-sec .block .text-block{padding:67px 0 107px 50px;}
.design-services-sec .block.block-rt .text-block{padding:67px 50px 107px 0;}

.design-services-sec .block:before{position:absolute; content:""; left:0; height:100%; width:50%; background:url(images/Full-Service-image.jpg) no-repeat center; background-size:cover;}
.design-services-sec .block.block-rt.seismic-retrofit-engineering:before{background:url(images/Seismic-Retrofit-img.jpg) no-repeat center; background-size:cover; right:0; left:initial;}
.design-services-sec .block.foundation-engineering:before{background:url(images/Foundation-Engineering-img.jpg) no-repeat center;background-size: cover;}
.design-services-sec .block.block-rt.load-bearing-wall-removal:before{background:url(images/Load-bearing-img.jpg) no-repeat center; background-size:cover; right:0; left:initial;}
.design-services-sec .block.warehouse-design:before{background:url(images/Warehouse-Design-img.jpg) no-repeat center;background-size: cover;}
.design-services-sec .block.block-rt.high-wind-engineering:before{background:url(images/high-wind-engineering-img.jpg) no-repeat center; background-size:cover; right:0; left:initial;}
.design-services-sec .block.block-rt.express-car-wash:before{background:url(images/Express-car-wash-img.jpg) no-repeat center; background-size:cover; right:0; left:initial;}
.design-services-sec .block.restaurant-design:before{background:url(images/Restaurant-Design-img.jpg) no-repeat center;background-size: cover;}
.design-services-sec .block.block-rt.church-sec:before{background:url(images/Church-img.jpg) no-repeat center; background-size:cover; right:0; left:initial;}

.design-services-sec .block.complete-data-center:before{background:url(images/Complete-Data-Center-img.jpg) no-repeat center;background-size: cover;}
.design-services-sec .block.block-rt.solar-system-engineering:before{background:url(images/System-Engineering-img.jpg) no-repeat center;background-size: cover;right:0; left:initial;}
.design-services-sec .block.full-mep-integration:before{background:url(images/full-mep-integration-img.jpg) no-repeat center;background-size: cover;}
.design-services-sec .block.block-rt.structural-review-sec:before{background:url(images/structural-review-img.jpg) no-repeat center;background-size: cover;right:0; left:initial;}
.design-services-sec .block.why-choose-s3da-sec:before{background:url(images/why-choose-s3da-img.jpg) no-repeat center;background-size: cover;}

/*==MEP==*/
.design-services-sec .block.mechanical-electrical-design:before{background:url(images/mechanical-electrical-img.jpg) no-repeat center;background-size: cover;}
.design-services-sec .block.block-rt.electrical-design-sec:before{background:url(images/electrical-design-img.jpg) no-repeat center;background-size: cover;right:0; left:initial;}
.design-services-sec .block.plumbing-design-sec:before{background:url(images/plumbing-design-img.jpg) no-repeat center;background-size: cover;}

.design-services-sec .block.block-rt.solar-design-sec:before{background:url(images/solar-design-img.jpg) no-repeat center;background-size: cover;right:0; left:initial;}
.design-services-sec .block.fire-protection-sec:before{background:url(images/Fire-Protection-img.jpg) no-repeat center;background-size: cover;}

/*==Solar EV==*/
.design-services-sec .block.complete-ev-charging-sec:before{background:url(images/Complete-EV-Charging-img.jpg) no-repeat center;background-size: cover;}
.design-services-sec .block.block-rt.solar-pv-system-sec:before{background:url(images/Solar-PV-System-img.jpg) no-repeat center;background-size: cover;right:0; left:initial;}
.design-services-sec .block.full-mep-integration-sec:before{background:url(images/full-mep-Integration-img.jpg) no-repeat center;background-size: cover;}
.design-services-sec .block.block-rt.structural-review-sec:before{background:url(images/Structural-Review-img.jpg) no-repeat center;background-size: cover;right:0; left:initial;}
.design-services-sec .block.why-choose-design-sec:before{background:url(images/Why-Choose-us-s3d.jpg) no-repeat center;background-size: cover;}



.design-services-sec .block h2{font-family: var(--book); font-weight:normal; font-size:50px; line-height:70px; color:#121212; padding:0; margin:0 0 50px;}
.design-services-sec .block h2 strong{font-family:var(--demi); }
.design-services-sec .block p a{color: #ED7509;transition: all 600ms ease-in-out;font-family: var(--primary-font);}
.design-services-sec .block p a:hover{color: rgb(18, 18, 18);}
.design-services-sec .block ul{margin-bottom:40px;}
.design-services-sec .block ul li{ font-size: 16px;line-height: 25px;color: #121212;padding: 0 0 0 36px;margin-bottom: 15px;position: relative;font-family: var(--primary-font);}
.design-services-sec .block ul li:after{position:absolute; content:""; left:0; top:6px;margin:auto 0; background:url(images/21_125.svg) no-repeat center; width:18px; height:15px; background-size: 100%; opacity:.5;}

.ready-to-elevate-sec .text-blk{padding:60px 10% 60px;}
.ready-to-elevate-sec .text-blk h2{font-family: var(--book); font-weight:normal; font-size:40px; line-height:55px; color:#fff; padding:0; margin:0 0 20px;}
.ready-to-elevate-sec .text-blk p{color:#fff;margin-bottom:0;}
.ready-to-elevate-sec .text-blk a.common-btn{background: #fff;color: #383838;margin-top:40px;}
.ready-to-elevate-sec .text-blk a.common-btn:hover{background: #D9D9D9;}

.structural-calculations-section{padding-top: 100px!important;}
.structural-calculations-section .top-heading-blk h2{font-family: var(--book); font-weight:normal; font-size:50px; line-height:70px; color:#fff; padding:0; margin:0 0 40px;}
.structural-calculations-section .top-heading-blk h2 strong{font-family:var(--demi); }
.structural-calculations-section .top-heading-blk p{color:#fff;}
.structural-calculations-section .top-heading-blk{padding-bottom: 80px;}
.structural-calculations-section .mixed-use-sec h2{font-family: var(--book); font-weight:normal; font-size:50px; line-height:70px; color:#fff; padding:0; margin:0 0 40px;}
.structural-calculations-section .mixed-use-sec h2 strong{font-family:var(--demi); }
.structural-calculations-section .mixed-use-sec p{color:#fff;}
.structural-calculations-section .mixed-use-sec .text-content{position: relative;padding-left: 40px;}
.structural-calculations-section .mixed-use-sec .text-content::before{content:'';width:calc(100% + 30px); height: 1px;background: rgba(255,255,255,0.1);position:absolute;left: -30px;top:0;}


.sample-projects-sec{padding-top: 80px!important; padding-bottom:80px;}
.sample-projects-sec .top-heading h2{font-size: 58px;line-height: 62px;font-family: var(--book);padding: 0;margin:0;color: #121212;}
.sample-projects-sec .top-heading h2 strong{font-family:var(--demi); }
.sample-projects-sec .top-heading{padding-bottom:70px;}

.portfolio-items{padding-bottom: 60px;padding-bottom: 60px;}
.portfolio-items .img-block img{height: 299px;width:100%;object-fit: cover;margin-bottom: 28px;}
.portfolio-items .content h3{font-family: var(--book);font-size: 17px;line-height: 30px;color: #121212;margin-bottom: 0;}
.portfolio-items .content h3 a{color: #121212;}
.portfolio-items .content .post-date{font-size: 16px;color: #121212;padding-bottom: 14px;display: block;}




.testimonials-sec.design-testimonials-sec{padding-top: 100px !important;padding-bottom: 130px;background: #FFFF;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 244, 234, 1) 100%);}
.testimonials-sec.design-testimonials-sec .owl-item .sa_hover_container .testimonial-info{min-height:388px;}
.testimonials-sec.design-testimonials-sec .testimonial-profile .testimonial-img{margin-bottom:14px; width: 100px;height: 100px;overflow: hidden;border-radius: 50%;}
.testimonials-sec.design-testimonials-sec .testimonial-profile .testimonial-name p{padding-bottom:0;font-size:13px;line-height: 20px;}
.testimonials-sec.design-testimonials-sec .owl-item .sa_hover_container .testimonial-profile .testimonial-name h3 {margin: 0 0 5px;}

.faq-sec.service-faqs{padding-top: 70px !important; padding-bottom: 80px;}

/*======== design Services Page========*/


/*---Projects Page----*/
.projects-sec{padding-top: 70px!important; padding-bottom:60px;background: url(images/bg-texture.png);background-position: top left;background-repeat: repeat;}
.projects-sec .top-heading h2{font-family: var(--book);padding: 0;margin:0;color: #121212;}
.projects-sec .top-heading h2 strong{font-family:var(--demi); }
.projects-sec .top-heading{padding-bottom:50px;}


.projects-sec .portfolio-categories-wrapper .portfolio-category-item{position: relative;margin-bottom:20px;}
.projects-sec .portfolio-categories-wrapper{margin-left: -10px;margin-right: -10px;}
.projects-sec .portfolio-categories-wrapper .portfolio-category-item .vc_column-inner{padding-right: 10px;padding-left: 10px;}
.projects-sec .portfolio-categories-wrapper .portfolio-category-item .vc_column-inner .wpb_wrapper{position: relative;}
.projects-sec .portfolio-categories-wrapper .portfolio-category-item .portfolio-category-image .vc_figure{display:block;}
.projects-sec .portfolio-categories-wrapper .portfolio-category-item .portfolio-category-image .vc_figure .vc_single_image-wrapper{height:480px;overflow: hidden;display:block;}
.projects-sec .portfolio-categories-wrapper .portfolio-category-item .portfolio-category-image img{width:100%;height:480px;object-fit: cover;transition: all 600ms ease-in-out;}
.projects-sec .portfolio-categories-wrapper .portfolio-category-item .portfolio-category-image figure a{position: relative;}
.projects-sec .portfolio-categories-wrapper .portfolio-category-item .portfolio-category-image figure a::after{content: '';position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, .3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 1;}
/* .projects-sec .portfolio-categories-wrapper .portfolio-category-item .portfolio-category-image figure a::before{ content: '';position: absolute;right: 0;left: 0;bottom: 0;background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 37.36%, #0D0D0D 87.69%); width: 100%; height: 35%;z-index: 1;} */
.projects-sec .portfolio-categories-wrapper .portfolio-category-item h3{display:block;font-size: 18px;line-height: 25px;color: #000000;font-family: var(--primary-font);padding:18px 25px 0 3px;}
.projects-sec .portfolio-categories-wrapper .portfolio-category-item h3 a{color: #000000;transition: all 600ms ease-in-out;display:inline-block;border-left: 2px solid var(--primary-color);padding-left: 17px;}
/* .projects-sec .portfolio-categories-wrapper .portfolio-category-item:hover h3 a{color: var(--primary-color);padding-bottom:10px;padding-top: 10px;} */
.projects-sec .portfolio-categories-wrapper .portfolio-category-item:hover img{transform: scale(1.05);}
.projects-sec .portfolio-categories-wrapper .portfolio-category-item:hover .portfolio-category-image figure a::after{height: 250%;transition: all 600ms linear !important;background-color: transparent;}
/* .projects-sec .portfolio-categories-wrapper .portfolio-category-item .portfolio-category-title{position: absolute;bottom: 0;left: 0;z-index: 1;margin-bottom:0;width: 100%;} */

/*---Projects Arcive----*/
.blog-banner, .arcive-banner{position:relative;}
.blog-banner h1, .arcive-banner h1.page-title{position: relative;}
/* .blog-banner::before, .arcive-banner::before{content:'';width:100%;height:100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.86) 100%);position:absolute;top:0;left:0;} */
.search .common-section, .archive .common-section{padding:70px 0 60px;background: url(images/bg-texture.png) left top repeat;background-position: left top;}
.search .common-section .archive-header h2, .archive .common-section .archive-header h2{font-family: var(--book);padding: 0;margin:0 0 40px 0;color: #121212;text-align:center;}
.search .common-section .archive-header h2 strong, .archive .common-section .archive-header h2 strong{font-family:var(--demi); }

.search .common-section .archive-card .img-block, .archive .common-section .archive-card .img-block{height:342px;overflow:hidden;}
.search .common-section .archive-card .img-block img, .archive .common-section .archive-card .img-block img{width:100%;height:342px;transition: all 600ms ease-in-out;object-fit:cover;}
.search .common-section .archive-card:hover img, .archive .common-section .archive-card:hover img{transform: scale(1.05);}
.search .common-section .archive-card, .archive .common-section .archive-card{border:none;border-radius:0;background:transparent;height: 100%;border: 1px solid #D5D5D5;border-top: none;}
.search .common-section .archive-card .text-block, .archive .common-section .archive-card .text-block{padding:40px 23px 40px 23px;}
.search .common-section .archive-card .text-block h2, .archive .common-section .archive-card .text-block h2{font-size: 20px;line-height: 30px;color: #000000;margin-bottom:20px;min-height: 116px;}
.search .common-section .archive-card .text-block h2 a, .archive .common-section .archive-card .text-block h2 a{color: #000000;}
.search .common-section .archive-card .text-block .text-blk, .archive .common-section .archive-card .text-block .text-blk{font-size: 17px;line-height: 30px;color: #121212;padding-bottom: 20px;margin-bottom: 1rem; font-family: var(--book);font-weight: normal;}
.search .common-section .archive-card .text-block .text-blk p, .archive .common-section .archive-card .text-block .text-blk p{margin-bottom: 0;padding-bottom: 0;}

.search #loadMore, .archive  #loadMore{border: none;cursor: pointer;outline:none;}
.search .common-section .row, .archive .common-section .row{margin-right: -10px;margin-left: -10px;}
.search .common-section .row .col-lg-4, .archive .common-section .row .col-lg-4{padding-right:10px;padding-left:10px;} 
.search .common-section .row .col-lg-8, .archive .common-section .row .col-lg-8{padding-right:10px;padding-left:10px;} 
.search .common-section .row .col-lg-4, .archive .common-section .row .col-lg-4{padding-right:10px;padding-left:10px;} 
.search .common-section .row .col-md-6, .archive .common-section .row .col-md-6{padding-right:10px;padding-left:10px;} 
.search .common-section .archive-type .badge{    background: rgba(0, 0, 0, 0.1);padding: 5px 22px;border-radius: 27px;font-size: 13px;color: #000;font-weight: normal;transition: all 600ms ease-in-out;}
.search .common-section .archive-type {padding-bottom: 15px;}

 /* #sidebar.sidebar-menu ul{display: flex;flex-wrap: wrap;}
#sidebar.sidebar-menu ul li{width:calc(50% - 10px);margin-right: 20px;}
#sidebar.sidebar-menu ul li:first-child{margin-right: 0;width:100%;}
#sidebar.sidebar-menu ul li:last-child{margin-right: 0;} */
#sidebar.sidebar-menu{position: sticky;top: 150px;}
 #sidebar #searchform > div{display:flex;flex-wrap: wrap;}
 #sidebar #searchform .screen-reader-text{display:none;}
 #sidebar #searchform input[type=text]{width: 85%;border: 1px solid rgba(0,0,0,.1) ;outline: none;height: 58px;padding: 10px 15px;border-right:none;font-family: var(--book);font-size:15px;}
#sidebar #searchform  #searchsubmit{background: #FFEEE0; border: none;border-radius: 0;font-size: 0;width:15%;outline: none;background:#FFEEE0 url(images/search-icon.svg) no-repeat;    background-position: center;cursor:pointer;}
#sidebar .newsletter-blk{padding:40px 30px 40px 30px;background: #fff;border:2px solid #fc851ba3;}
 #sidebar .newsletter-blk h3{font-size: 18px;line-height: 30px;color: #000000;font-family: var(--demi);margin-bottom: 25px;}
 #sidebar .newsletter-blk input[type=text],  #sidebar .newsletter-blk input[type=email]{border:1px solid rgb(0 0 0 / 7%);outline: none;height: 55px;padding: 10px 15px;background:#F5F5F5;border-radius:0;font-family: var(--book);font-size:13px;outline:none;box-shadow:none;color:#141414;letter-spacing: 0.05em;}
 #sidebar .newsletter-blk input::placeholder{color:#000;}
 #sidebar .newsletter-blk .form-block .form-group p{padding:0;margin:0;}
 #sidebar .newsletter-blk .form-block .button-block .common-btn{display: inline-block;border: none;cursor: pointer;font-size: 14px;padding: 14px 30px;}
 #sidebar .free-consultaton-blk{background:url(images/signup-bg.jpg) no-repeat;background-size:cover;padding:270px 30px 30px 30px;position: relative;overflow: hidden;}
  #sidebar .free-consultaton-blk::before{content: '';z-index: 1;background: rgba(0, 0, 0, 0.7);width:100%;height:100%;position: absolute;bottom:0;left: 0;background: linear-gradient(rgba(13, 13, 13, 0) 37.36%, rgb(13, 13, 13) 87.69%);}
    #sidebar .free-consultaton-blk .block{position: relative;z-index: 2;}
 #sidebar .free-consultaton-blk h3{font-size: 28px;line-height: 37px;color: #FFFFFF;font-family: var(--book);margin-bottom: 21px; letter-spacing: 0.03em;}
 #sidebar .free-consultaton-blk p{color:#fff;font-size: 13px;line-height: 23px;}
 #sidebar .free-consultaton-blk .common-btn{display: inline-block;background: #fff;color: #383838;border: none;cursor: pointer;}
 #sidebar .free-consultaton-blk  .common-btn:hover{background: #D9D9D9;}
 #sidebar ul li{padding-bottom:25px;}
.blog-single-page #sidebar.block{position: sticky;top: 150px;} 
 #sidebar .blog-sidebar{margin-bottom:25px;}
.search .bottom-common-cta, .single .bottom-common-cta, .archive .bottom-common-cta{background:url(images/bottom-cta-blk.jpg) no-repeat;background-size:cover;}
#sidebar.sidebar-menu .blog-sidebar ul{display: block;} 
#sidebar.sidebar-menu .blog-sidebar ul li{width: 100%;margin-right: 0!important;}
.blog-single-page #sidebar #searchform input[type=text]{width: 85%;}
.blog-single-page #sidebar #searchform  #searchsubmit{width:15%;}

/*========Blog CSS==========*/
.top-blog-section{padding-top:80px!important;padding-bottom:40px;}
.top-blog-section .top-blog-list .featured-blog-card .featured-image img{width:100%;height:380px;object-fit:cover;display:block;border-radius:10px;}
.top-blog-section .top-blog-list .featured-content{padding-top: 15px;padding-left: 20px;}
.top-blog-section .top-blog-list .featured-title{font-size:35px;line-height:50px;margin:0 0 22px 0;font-family: var(--book);}
.top-blog-section .top-blog-list .featured-title a, .top-blog-section .top-blog-list .sidebar-title a{text-decoration:none;color: #121212;}
.top-blog-section .top-blog-list .featured-excerpt{font-size: 16px;line-height: 30px;color: #121212;padding-bottom:30px;font-family: var(--book);padding-right:10%;}
.top-blog-section .top-blog-list .post-date{font-size:13px;color:#7a7a7a;display:block;margin-bottom:13px;font-family: var(--primary-font);}
.top-blog-section .top-blog-list .featured-blog-card .common-btn{font-size: 13px;line-height: 18px;background:transparent; color: #000000;letter-spacing: 0.05em;padding: 0;border-bottom: 1px solid #000;}
.top-blog-section .top-blog-list .featured-blog-card .common-btn:hover{color:var(--primary-color);border-bottom-color:var(--primary-color);}
.top-blog-section .top-blog-list .custom-blog-showcase .row{margin-right: -10px;margin-left: -10px;}
.top-blog-section .top-blog-list .custom-blog-showcase .row .col-lg-7{padding-right:10px;padding-left:10px;} 
.top-blog-section .top-blog-list .custom-blog-showcase .row .col-lg-5{padding-right:10px;padding-left:10px;}
/* .top-blog-section .top-blog-list .sidebar-blog-item{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding-bottom:20px;margin-bottom:20px;}
.top-blog-section .top-blog-list .sidebar-blog-list .sidebar-blog-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.top-blog-section .top-blog-list .sidebar-blog-list .sidebar-blog-item .sidebar-content .post-date{font-size:14px;margin-bottom: 15px;}
.top-blog-section .top-blog-list .sidebar-blog-list .sidebar-blog-item .sidebar-content h3.sidebar-title{font-size: 22px;line-height:35px;margin:0 0 65px 0;font-family: var(--book);}
.top-blog-section .top-blog-list .sidebar-blog-list .sidebar-blog-item img{width:100%; height:260px;object-fit:cover;}
.top-blog-section .top-blog-list .custom-blog-showcase .row{margin-right: -10px;margin-left: -10px;}
.top-blog-section .top-blog-list .custom-blog-showcase .row .col-lg-7{padding-right:10px;padding-left:10px;} 
.top-blog-section .top-blog-list .custom-blog-showcase .row .col-lg-5{padding-right:10px;padding-left:10px;} 
.top-blog-section .top-blog-list .custom-blog-showcase .row .col-lg-4{padding-right:10px;padding-left:10px;} 
.top-blog-section .top-blog-list .custom-blog-showcase .row .col-lg-8{padding-right:10px;padding-left:10px;}  */



.bottom-blog-section{padding-top:40px!important;padding-bottom:80px;}
.bottom-blog-section .top-heading h2{font-size:25px;line-height: 40px;font-family: var(--demi);padding: 0;margin:0;color: #121212; position:relative;}
.bottom-blog-section .top-heading h2 strong{font-family:var(--demi); background: #fff; padding-right: 20px; position: relative; font-weight: normal;}
.bottom-blog-section .top-heading h2::before{content:'';width:100%;height:1px;background:rgba(0, 0, 0, 0.07);position:absolute;top:0;left:0;bottom:0;margin: auto;}
.bottom-blog-section .top-heading{padding-bottom:40px;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item{padding-bottom:50px;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item::last-child{padding-bottom:0;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-image img{width:100%;height:200px;object-fit:cover; border-radius: 10px;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content{padding-top:20px;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content .post-list-flex{display: flex;align-items: center;padding-bottom:22px;gap: 20px;flex-direction: row-reverse;justify-content: flex-end; align-items: center;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content .post-date{font-size: 13px;color: #7a7a7a;display:block;font-family: var(--primary-font);}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content .blog-category-name a.category-name{background: rgb(237 117 9); padding: 7px 22px;border-radius: 35px; font-size: 12px;color: #ffffff;transition: all 600ms ease-in-out; letter-spacing: 0.05em;font-family: var(--book); display: inline-block;  line-height: 14px; min-height: 26px;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content .blog-category-name a.category-name:hover{background:#C45C18;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content h2.blog-title{font-size: 22px;line-height:35px;margin:0 0 22px 0;font-family: var(--book);    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;min-height:105px;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content h2.blog-title a{color:#121212;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content .blog-excerpt{font-size: 16px;line-height: 30px;color: #121212;padding-bottom:35px;font-family: var(--book);min-height: 155px;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content .common-btn{font-size: 13px;line-height: 18px;background:transparent; color: #000000;letter-spacing: 0.05em;padding: 0;border-bottom: 1px solid #000;}
.bottom-blog-section .custom-vertical-blog-list .blog-list-item .blog-content .common-btn:hover{color:var(--primary-color);border-bottom-color:var(--primary-color);}
.bottom-blog-section .custom-vertical-blog-list .blog-pagination{display:flex;align-items:center;justify-content:center;gap: 10px;padding-top: 40px;}
.bottom-blog-section .custom-vertical-blog-list .blog-pagination .page-numbers{width:30px;height:30px;background:transparent;font-family: var(--primary-font);font-size:14px;line-height:14px;color: #121212;border-radius:50%;display: flex;line-height: 30px;text-align: center;justify-content: center;}
.bottom-blog-section .custom-vertical-blog-list .blog-pagination .page-numbers.current{background:#ED7509;color: #fff;}
.bottom-blog-section .custom-vertical-blog-list .blog-pagination .prev.page-numbers, .bottom-blog-section .custom-vertical-blog-list .blog-pagination .next.page-numbers{width:auto;height:auto;}

/*========Guest Contribution CSS==========*/
.guest-contribution-list-sec.bottom-blog-section{padding-top:80px!important;padding-bottom:80px;}
.guest-contribution-list-sec .top-heading h2{font-size: 58px;line-height: 62px;font-family: var(--book);padding: 0;margin:0;color: #121212;}
.guest-contribution-list-sec .top-heading h2 strong{font-family:var(--demi); }
.guest-contribution-list-sec .top-heading{padding-bottom:70px;}

.guest-blogging-policy-sec{padding-top:70px!important;padding-bottom:70px;background-image: url(images/bg-texture.png); background-repeat: repeat;background-position: top left;background-size:auto;}
.guest-blogging-policy-sec h2{font-family: var(--book);padding: 0;margin-bottom:40px;color: #121212;}
.guest-blogging-policy-sec h2 strong{font-family: var(--demi);font-weight: normal;}
.guest-blogging-policy-sec h4{padding: 0;margin:0 0 30px 0;color: #121212;}
.guest-blogging-policy-sec ul li{font-size:17px;line-height: 22px;color: #121212;padding: 0 0 0 31px;margin-bottom: 0;position: relative;}
.guest-blogging-policy-sec ul li:after {position: absolute;content: "";left: 0;top: 10px;margin: auto 0;background: url(images/21_125.svg) no-repeat center;width:17px;height: 11px;background-size: 100%;opacity: .5;}
.guest-blogging-policy-sec p a{color: #ED7509;transition: all 600ms ease-in-out;font-family: var(--primary-font);}
.guest-blogging-policy-sec p a:hover{color: rgb(18, 18, 18);}
.guest-blogging-policy-sec p strong{font-family: var(--primary-font);font-weight: normal;}

/*========Blog Details CSS==========*/
.blog-banner.inner-banner{padding-top: 220px !important;padding-bottom: 90px;}
.blog-single-page .blog-content-section{padding-top:130px;padding-bottom:100px;}
.blog-single-page .blog-content-section .image-block img{width:100%;height:auto;}
.blog-single-page .blog-content-section .image-block {margin-bottom:35px;}
.blog-single-page .blog-content-section .title-blk .blog-post-date{display: flex;align-items: center;padding-bottom:30px;0}
.blog-single-page .blog-content-section .title-blk .blog-post-date .date{font-size:15px;line-height: 27px;color:#121212;display:block;font-family: var(--primary-font);}
.blog-single-page .blog-content-section .title-blk .blog-post-date .categories a{background:var(--primary-color); padding: 7px 22px;border-radius: 27px;font-size: 13px;color: #fff;transition:all 600ms ease-in-out;font-family: var(--primary-font);margin-right: 20px;}
.blog-single-page .blog-content-section .title-blk .blog-post-date .categories a:hover{background: var(--secondary-color);color: #fff;}
.blog-single-page .blog-content-section .title-blk h2.blog-title{font-size:45px;line-height:65px;color:#121212; margin:0 0 50px 0;font-family: var(--book);}
.blog-single-page .blog-content-section .wrapper ul li a, .blog-single-page .blog-content-section .wrapper p a{color:var(--primary-color);transition: all 600ms ease-in-out;font-family: var(--primary-font);}
.blog-single-page .blog-content-section .wrapper ul li a:hover, .blog-single-page .blog-content-section .wrapper p a:hover{color:var(--secondary-color);}
.blog-single-page .blog-content-section .wrapper p strong{font-family: var(--demi);font-weight:normal;}
.blog-single-page .blog-content-section .wrapper h2{font-size:40px;line-height:60px;color:#121212; margin:0 0 30px 0;font-family: var(--book);}
.blog-single-page .blog-content-section .wrapper h2 strong{font-family: var(--book);font-weight:normal;}
.blog-single-page .blog-content-section .wrapper h3{font-size:32px;line-height:45px;color:#121212; margin:0 0 15px 0;font-family: var(--book);}
.blog-single-page .blog-content-section .wrapper h3 strong{font-family: var(--book);font-weight:normal;}
.blog-single-page .blog-content-section .wrapper, .blog-single-page .blog-content-section .image-block, .blog-single-page .blog-content-section .top-content{padding-right:10px;}
.blog-single-page .blog-content-section .wrapper ul li{font-size: 16px;line-height: 25px;color: #121212;padding:0 0 0 27px;margin-bottom: 14px;position: relative;font-family: var(--primary-font);}
.blog-single-page .blog-content-section .wrapper ul li:after {position: absolute;content: "";left: 0;top: 6px;margin: auto 0;background: url(images/21_125.svg) no-repeat center;width: 14px;height: 13px;background-size: 100%; opacity: .5;}
.blog-single-page .blog-content-section #sidebar .blog-sidebar:nth-child(1){border: 1px solid #E6E0E0;background: #fff;padding: 30px 30px 20px 30px;} 
.blog-single-page .blog-content-section #sidebar .blog-sidebar:nth-child(1) h4{font-size: 24px;line-height: 40px;color:#121212;font-family: var(--book);margin-bottom: 25px;}
.blog-single-page .blog-content-section #sidebar .blog-sidebar:nth-child(1) ul li a{display:block;border-left:3px solid #ed75094a;padding-left:10px;margin-bottom:5px;color: #121212;font-family: var(--book);font-size:16px;line-height:25px;transition: all 600ms ease-in-out;}
.blog-single-page .blog-content-section #sidebar .blog-sidebar:nth-child(1) ul li{padding:0;margin-bottom:25px;}
.blog-single-page .blog-content-section #sidebar .blog-sidebar:nth-child(1) ul li .post-date{font-size:13px;line-height: 20px;color:#121212;display:block;font-family: var(--primary-font);padding:5px 0 0 15px;}
.blog-single-page .blog-content-section #sidebar .blog-sidebar:nth-child(1) ul li a:hover{border-left-color:var(--primary-color);}

/*---Contact Us---*/
.contact-sec.contact-us-page-sec h2{color:#3F3F3F;}
.contact-sec.contact-us-page-sec h4{color:#3F3F3F;}
.contact-sec.contact-us-page-sec .block ul li{color:#3F3F3F;}
.contact-sec.contact-us-page-sec .block ul li a{color:#3F3F3F;}
.contact-sec.contact-us-page-sec .block ul li a:hover{color:var(--primary-color);}
.contact-sec.contact-us-page-sec .block ul li:after{background: url(images/location-color.svg) no-repeat center;}
.contact-sec.contact-us-page-sec .block:nth-child(3) ul li:after{background: url(images/call-color.svg) no-repeat center;} 
.contact-sec.contact-us-page-sec .block:nth-child(4) ul li:after{background: url(images/email-color.svg) no-repeat center;} 
.contact-sec.contact-us-page-sec .contact-right .wpb_wrapper{background:url(images/contact-bg.jpg) no-repeat;background-size:cover;padding:35px 35px 40px 35px; }
.contact-sec.contact-us-page-sec .contact-right .wpb_wrapper .wpb_wrapper{background:transparent;padding:0; }

/*========mep CSS==========*/
.faq-sec.contact-faq-blk-sec{padding-top:50px!important;}
.faq-sec.contact-faq-blk-sec .vc_tta-panel-title a{padding: 20px 15px !important;}
.faq-sec.contact-faq-blk-sec .vc_tta-panel-heading{background-color: #ED7509 !important;border:1px solid #ED7509!important; }
.faq-sec.contact-faq-blk-sec .vc_tta-panel-body{border:1px solid #DBD7D7!important;border-top:none!important;}
.faq-sec.contact-faq-blk-sec .vc_tta-panel-heading .vc_tta-panel-title{font-size: 17px;}
.faq-sec .vc_tta-panel-body ul li, .faq-sec.contact-faq-blk-sec .vc_tta-panel-body ul li{font-size: 16px;line-height: 25px;color:#121212;margin-bottom: 14px;position: relative;padding: 0px 0px 0px 25px;font-family:var(--primary-font); font-weight: normal;}
.faq-sec .vc_tta-panel-body ul li::after, .faq-sec.contact-faq-blk-sec .vc_tta-panel-body ul li::after{position: absolute;content: "";left: 0px;top:5px;width: 15px;height: 15px;opacity: 0.5;margin: auto 0px; background: url(images/21_125.svg) center center / 100% no-repeat;}
.faq-sec.contact-faq-blk-sec .vc_tta-panel-heading .vc_tta-panel-title>a:hover{color:#fff!important;} 

.faq-sec.contact-faq-blk-sec .inner-blk{background: url(images/contact-bg.jpg) no-repeat;background-size: cover;padding: 44px 32px;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block{/*border: 1px solid #DBD7D7;*/margin-top: 40px;}
.faq-sec.contact-faq-blk-sec .inner-blk h3{font-family: var(--bold);font-size: 25px;line-height: 29px;color:#fff;padding: 0;margin-bottom: 15px ;}
.faq-sec.contact-faq-blk-sec .inner-blk p{margin-bottom: 0;padding-bottom: 0;color:#fff;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .row{margin-right: -7px; margin-left: -7px;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .row .col-md-4, .faq-sec.contact-faq-blk-sec .inner-blk form .form-block .row .col-md-12{padding-right: 7px;padding-left: 7px;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .row .col-md-4{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .row div:nth-child(3){-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .checkbox-group{padding: 20px 0 15px;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .checkbox-group .checkbox-item .wpcf7-list-item{margin: 0!important;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .checkbox-group .checkbox-item label span.wpcf7-list-item-label{font-family: var(--primary-font);color: #fff;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .checkbox-group .checkbox-item .wpcf7-list-item input[type=checkbox]{height: 25px;width: 25px;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .checkbox-group .checkbox-item label{margin: 0;display: flex;gap: 10px;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .form-group .form-control{display: block;font-family: var(--primary-font);font-size: 17px;line-height: 30px;padding:8px 14px;color: #495057;background-color: #fff;background-clip: padding-box;border: none;border-radius: 0;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .form-group label{font-family: var(--book) !important;font-size: 14px !important;line-height: 20px !important;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .form-group  .wpcf7-not-valid-tip{font-family: var(--book) !important;font-size: 15px !important;line-height: 25px !important;color: #000 !important;}
.faq-sec.contact-faq-blk-sec .inner-blk  .form-control:focus {color: #c1ccd700;background-color: #fff;border: none;outline: none;box-shadow: none;}
.faq-sec.contact-faq-blk-sec .inner-blk textarea {height: 115px !important;resize: none;font-family: var(--book);font-size: 17px;line-height: 30px;}
.faq-sec.contact-faq-blk-sec .inner-blk .wpcf7-response-output {font-family: var(--book);margin: 25px 0px 0px;}
.faq-sec.contact-faq-blk-sec .inner-blk .button-block {margin-top: 30px;}
.faq-sec.contact-faq-blk-sec .inner-blk .common-btn{display: inline-block;border: none;cursor: pointer;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block p{font-size: 15px !important;line-height: 25px !important;text-align: center;}
.faq-sec.contact-faq-blk-sec .inner-blk form .form-block .form-group p{text-align: left;}

/*========Government CSS==========*/
.banner-after-section.banner-after-government-section .structural-engineering-row .structural-engineering h2{margin-bottom: 18px;}
.banner-after-section.banner-after-government-section .structural-engineering-row .structural-engineering h3{font-size: 20px;line-height: 31px;margin-bottom: 25px;}
.government-licensed-section{padding-top:85px!important;padding-bottom:244px;}
.government-licensed-section .text-block h4{color:#fff;font-size: 18px;line-height: 25px;margin-top:15px;}
.government-licensed-section .text-block h3{color:#fff;font-size: 24px;line-height: 32px;}
.government-licensed-section  .icon-block img{height: 60px;width: auto;}

.gov-logo-sec .inner-blk{margin-top:-124px;}
.gov-logo-sec .inner-blk .block{background:#fff;padding:36px 40px;border-radius:16px;}

.advantage-sec.engineering-services-sec{padding-bottom: 50px;}
.advantage-sec.engineering-services-sec h2{font-size: 50px;line-height: 70px;margin-bottom: 20px !important;}
.advantage-sec.engineering-services-sec .heading-blk{margin-bottom:70px!important;}
.advantage-sec.engineering-services-sec ul{padding-top:15px;}
.advantage-sec.engineering-services-sec ul li {font-size: 16px;line-height: 25px;color: #121212;margin-bottom: 14px;position: relative;padding: 0px 0px 0px 25px;font-family: var(--primary-font);font-weight: normal;}
.advantage-sec.engineering-services-sec ul li::after { position: absolute;content: "";left: 0px;top: 5px; width: 15px;height: 15px;opacity: 0.5;margin: auto 0px;background: url(images/21_125.svg) center center / 100% no-repeat;}

.why-us-sec.why-choose-s3da-design-sec h2{font-size: 50px;line-height: 70px;margin-bottom: 20px !important;}
.why-us-sec.why-choose-s3da-design-sec .heading-blk{margin-bottom:50px!important;}
.why-us-sec.why-choose-s3da-design-sec:after{ position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:url(images/structural-calculations-section-bg.jpg); background-size: cover;background-repeat: repeat;background-position: top left;opacity: 1;}
.why-us-sec.why-choose-s3da-design-sec:before{background:transparent;}

.banner-after-government-section{padding-top: 50px !important;padding-bottom: 80px;}

.banner-after-government-section .structural-engineering-row .structural-engineering h2 {font-family: var(--book);font-weight: normal;font-size: 50px;line-height: 60px;color: #000000; padding: 0;    margin-bottom: 18px;}

.banner-after-government-section .contact-blk li {font-size: 23px;line-height: 27px;font-family: var(--demi);padding-left: 40px; margin: 0;position: relative;}
.banner-after-government-section .contact-blk li:after {position: absolute;content: ""; left: 0;top:3px;margin: auto 0;width:22px; height: 24px; background-size: 100%; background: url(images/20_58.svg) no-repeat center;background-size: contain;}
.banner-after-government-section .contact-blk li:nth-child(2)::after{background-image:url(images/20_70.svg);width: 28px;top:2px;}
.banner-after-government-section .contact-blk li a{color: #292929;transition:all 600ms ease-in-out;}
.banner-after-government-section .contact-blk li a:hover{color:var(--primary-color);}
.banner-after-government-section .contact-blk {display: flex;align-items: center;justify-content: center;gap: 40px;}
.banner-after-government-section .structural-engineering-row .structural-engineering .block{max-width: 700px; text-align: center;margin: 60px auto 0;border: 1px dashed #ED7509; padding: 30px 40px;background: #ed75090d;border-radius: 25px;}
.banner-after-government-section .structural-engineering-row .structural-engineering .block h3{font-size:30px;line-height: 45px;margin-bottom: 20px;}
.banner-after-government-section .structural-engineering-row .structural-engineering .block p{padding-bottom:0;}

/*========Testimonials CSS==========*/
.main-testimonials-list-sec{padding-top:70px !important;padding-bottom:70px;}

.main-testimonials-list-sec .inner-blk .testimonial-block{border: 1px solid #ED7509;border-radius: 10px;background: #FFFF;margin-bottom:30px!important;padding:35px 30px 35px 30px;    margin-top: 30px;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-info{padding: 0 0 35px 0;font-size: 15px;line-height: 27px;font-family: var(--primary-font);color: #2a2a2a;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-profile{padding:30px 0 0 0;display:flex;border-top: 1px solid rgba(0,0,0,.1);align-items: center;gap: 20px;position: relative;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-img{width:110px;height:110px;border-radius: 50%;position: relative; margin-top: -68px;margin-bottom: 25px;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-img::before{content:'';width: 116px;height: 117px;border-radius: 50%;background: rgba(237, 117, 9, 0.62);position: absolute;top: -2px;left: -2px;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-img img{width:110px;height: 110px;object-fit: cover;border-radius: 50%;position: relative;z-index: 1;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-profile .testimonial-name { border-left:3px solid #ed75095c;padding-left: 15px;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-profile .testimonial-name h3{font-size: 16px;line-height: 22px;color: var(--primary-color); font-family: var(--demi);font-weight: normal;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-profile .testimonial-name p{font-family: var(--book);font-weight: normal;padding-bottom: 0;color: #2e2e2e;font-size: 14px;line-height: 20px;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-info p{color: rgb(86, 86, 86);padding: 0px 0px 20px; margin: 0px;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-info p strong{font-size: 24px;color: var(--primary-color);padding: 0;margin: 0;line-height: 14px;}
.main-testimonials-list-sec .inner-blk .testimonial-block .testimonial-profile::after{content: '';background: url(images/quot01.png);width:120px;height: 89px;position: absolute;right: -35px;bottom: -62px;opacity:1;}
.main-testimonials-list-sec .inner-blk .testimonial-block  .rating{background: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.07);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);border-radius: 30px;display: inline-block;padding: 0 25px 4px 25px;position: absolute;right: 46px; top: 14px;}

.contact-sec.referral-program-contact-sec{padding-bottom:100px!important;padding-bottom:100px;}

.designing-the-hybrid-office-policy-sec{padding-top: 70px !important;padding-bottom: 70px;background-image: url(images/bg-texture.png);background-repeat: repeat;background-position: top left;background-size: auto;}
.designing-the-hybrid-office-policy-sec .top-block h2{font-family: var(--book);padding: 0;color: #121212;padding-left: 20px;border-left: 2px solid #ED7509;}
.designing-the-hybrid-office-policy-sec .top-block {padding-bottom: 40px;}

.guest-blogging-policy-sec.policy-block ul{padding-bottom:35px;}
.guest-blogging-policy-sec.policy-block ul li{margin-bottom: 17px;}
.guest-blogging-policy-sec.policy-block ul li:after {top: 6px;}

.guest-blogging-policy-sec.site-map-block h3{font-size:22px;line-height:25px;margin-bottom:30px;font-family: var(--bold);}
.guest-blogging-policy-sec.site-map-block ul{padding-bottom:30px;}
.guest-blogging-policy-sec.site-map-block ul li{margin-bottom: 17px;}
.guest-blogging-policy-sec.site-map-block ul li a{color:#2a2a2a;transition:all 600ms ease-in-out;}
.guest-blogging-policy-sec.site-map-block ul li a:hover{color:var(--primary-color);}
.guest-blogging-policy-sec.site-map-block ul li:after {top: 4px;}
.guest-blogging-policy-sec.site-map-block .custom-sitemap-main{display: flex;flex-wrap: wrap;}
.guest-blogging-policy-sec.site-map-block .custom-sitemap-main .page-list{width:calc(50% - 9px);}

/*---Referral Program----*/
.referral-program-banner-sec{padding-top: 75px!important; padding-bottom:60px;background: url(images/bg-texture.png);background-position: top left;background-repeat: repeat;}
.referral-program-banner-sec .block-row h2{font-family: var(--book);font-weight: normal;color: #121212;padding:0;margin:0;}
.referral-program-banner-sec  .title-block .vc_column-inner{padding-top: 0!important;}
.referral-program-banner-sec  .right-content-block .vc_column-inner{padding-top: 0!important;}
.referral-program-banner-sec .block-row {padding-bottom: 40px;}
.referral-program-banner-sec .left-img-blk figure, .referral-program-banner-sec .left-img-blk .vc_single_image-wrapper{display: block; }
.referral-program-banner-sec .right-img-blk figure, .referral-program-banner-sec .right-img-blk .vc_single_image-wrapper{display: block; }
.referral-program-banner-sec .left-img-blk img, .referral-program-banner-sec .right-img-blk img{object-fit: cover; height:300px;}
.referral-program-banner-sec .list-card-blk{padding-top: 70px;padding-bottom: 50px;}
.referral-program-banner-sec .list-card-blk .box-card .tp-num{font-size: 50px;font-family: var(--demi);color: #000000; letter-spacing: -0.10em;line-height: 1;padding-bottom: 15px;}
.referral-program-banner-sec .list-card-blk .box-card .tp-num strong{font-size: 22px;padding-left: 8px;font-family: var(--demi);font-weight: normal;}
.referral-program-banner-sec .list-card-blk .box-card h3{font-size: 20px;line-height: 30px;color: #121212;padding: 0;margin: 0 0 30px;}
.referral-program-banner-sec .list-card-blk .box-card h3 strong{color:var(--primary-color);font-weight: normal;font-family: var(--demi);}
.referral-program-banner-sec .list-card-blk .box-card{position: relative;padding: 0 25px 0 25px;}
.referral-program-banner-sec .list-card-blk .box-card:before {position: absolute;content: "";height: 45px;width: 1px;background: #ED7509;left: 1px;top: 0; transition: all 600ms ease-in-out;}
.referral-program-banner-sec .list-card-blk .box-card:after {position: absolute;content: "";height: 100%;width: 1px;background: #E9CBB1;left: 0;  top: 0;}
.referral-program-banner-sec .list-card-blk .box-card:hover:before {height: 80px;}


.error-page-block .container{position:relative;}
.error-page-block .container::before{content: '404'; font-family: var(--bold);font-size: 443px;line-height: 236px; position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;bottom: 0; z-index: -1;opacity: 0.05;}
.error-page-block{padding: 240px 0 150px;}
.error-page-block h1{font-family: var(--bold);font-weight: normal;font-size:70px;line-height: 74px; color: #121212; margin-bottom: 25px;}
.error-page-block h4{font-size: 22px;line-height: 30px;margin-bottom: 20px;}
.error-page-block p a{color: #ED7509;transition: all 600ms ease-in-out;font-family: var(--primary-font);}
.error-page-block p a:hover{color: rgb(18, 18, 18);}


/*---Get Proposal Popup---*/
.get-proposal-form-block{ border: 6px solid rgb(158 158 158 / 20%);padding: 35px 40px;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.get-proposal-form-block h2{font-family: var(--book);color:#fff;padding: 0;margin-bottom: 15px ;text-align: center;}
.get-proposal-form-block p{margin-bottom: 0;padding-bottom: 0;color:#fff;text-align: center;}
.get-proposal-form-block .heading-blk{padding-bottom: 45px;}
.get-proposal-form-block .row{margin-right: -7px; margin-left: -7px;}
.get-proposal-form-block .row .col-md-4, .get-proposal-form-block .row .col-md-12{padding-right: 7px;padding-left: 7px;}
.get-proposal-form-block .checkbox-group{padding: 20px 0 15px;}
.get-proposal-form-block .checkbox-group .checkbox-item .wpcf7-list-item{margin: 0!important;}
.get-proposal-form-block .checkbox-group .checkbox-item label span.wpcf7-list-item-label{font-family: var(--primary-font);color: #fff;}
.get-proposal-form-block .checkbox-group .checkbox-item .wpcf7-list-item input[type=checkbox]{height: 25px;width: 25px;}
.get-proposal-form-block .checkbox-group .checkbox-item label{margin: 0;display: flex;gap: 10px;}
.get-proposal-form-block .form-group .form-control{height:50px; font-size:14px; line-height:20px; border-radius:0; box-shadow:none!important; border-radius:0;font-family:var(--primary-font); border: 1px solid rgba(255, 255, 255, 0.3)!important;background: rgba(255, 255, 255, 0.2)!important;color: #fff!important;
    letter-spacing: 0.02em;outline: none!important}
.get-proposal-form-block .form-group .form-control:focus{}
.get-proposal-form-block .form-group label{font-family: var(--book) !important;font-size: 14px !important;line-height: 20px !important;}
.get-proposal-form-block .form-group  .wpcf7-not-valid-tip{font-family: var(--book) !important;font-size: 15px !important;line-height: 25px !important;color: #000 !important;}
.get-proposal-form-block  .form-control:focus {color: #c1ccd700;background-color: #fff;border: none;outline: none;box-shadow: none;}
.get-proposal-form-block textarea {height: 115px !important;resize: none;font-family: var(--book);font-size: 17px;line-height: 30px;}
.get-proposal-form-block .wpcf7-response-output {font-family: var(--book);margin: 25px 0px 0px;}
.get-proposal-form-block .button-block {margin-top: 30px;}
.get-proposal-form-block .common-btn{display: inline-block;border: none;cursor: pointer;}
.get-proposal-form-block p{font-size: 15px !important;line-height: 25px !important;text-align: center;color: #fff;}
.get-proposal-form-block .form-group p{text-align: left;}


/*--LP CSS--*/

.inner-banner.lp-banner{ padding-bottom: 0; position: relative;}
.inner-banner.lp-banner::before{content:'';width:100%;position:absolute;height:100%;background:rgba(0,0,0,.3);top:0;left:0;}
.inner-banner.lp-banner .text-block{padding-right:50px;}
.inner-banner.lp-banner .text-block h1{font-size: 45px;line-height: 55px;}
.inner-banner.lp-banner .text-block h1 strong{font-family: var(--book);font-weight:normal;}
.inner-banner.lp-banner .text-block p{color:#fff;text-shadow: 1px 0px 7px rgba(0, 0, 0, 0.9);}

.inner-banner.lp-banner .contact-us-blk{padding-left: 40px;}
.inner-banner.lp-banner .contact-us-blk form{padding: 30px 30px;background:#fff;border-radius:10px 10px 0 0;}
.inner-banner.lp-banner .contact-us-blk .form-block h2{font-size: 30px;line-height: 40px;color:#121212;padding: 0; margin:0 0 26px;font-family: var(--book);padding-bottom: 12px;border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
.inner-banner.lp-banner .contact-us-blk .form-block .form-group label {font-size: 13px;line-height: 17px; font-family: var(--primary-font);color: #2e2e2e;}
.inner-banner.lp-banner .contact-us-blk .form-block .form-group .form-control {border: 1px solid rgb(0 0 0 / 7%);outline: none;height: 50px;padding: 10px 15px;background: #F5F5F5;border-radius: 0;font-family: var(--book);font-size: 13px;outline: none;box-shadow: none;color: #141414; letter-spacing: 0.05em}
.inner-banner.lp-banner .contact-us-blk .form-block .form-group .form-control:focus {box-shadow: mone!important;}
.inner-banner.lp-banner .contact-us-blk .form-block .form-group textarea.form-control { height: 100px;resize: none;}
.inner-banner.lp-banner .contact-us-blk .form-block .form-group p{margin-bottom:0!important;padding-bottom: 0;}
.inner-banner.lp-banner .contact-us-blk .form-block .form-group{margin-bottom: 10px;}
.inner-banner.lp-banner .contact-us-blk .form-block .form-group span.wpcf7-not-valid-tip{font-size: 12px!important;line-height: 14px!important;}
.inner-banner.lp-banner .contact-us-blk form .wpcf7-response-output{margin: 0!important;padding: 0!important; border: none!important;font-size: 14px!important;}
.inner-banner.lp-banner .contact-us-blk .form-block .button-block{ margin-top: 14px;}
.inner-banner.lp-banner .contact-us-blk .form-block .button-block .common-btn{ border: none;cursor: pointer;} 
.inner-banner.lp-banner .contact-us-blk .form-block .row{margin-right: -6px;margin-left: -6px;}
.inner-banner.lp-banner .contact-us-blk .form-block .col-sm-6, .inner-banner.lp-banner .contact-us-blk .form-block .col-sm-12{padding-right: 6px;padding-left: 6px;}


.lp-who-we-are-sec{padding-top:50px!important;padding-bottom:10px;}
.lp-who-we-are-sec h2{font-family: var(--book);font-weight: normal;color: #121212; padding: 0; margin: 60px 0 40px;}
.lp-who-we-are-sec .main-block-slider {position:relative;}
.lp-who-we-are-sec .main-block-slider .img-blk{height: 320px;overflow: hidden;display: block;position: relative;}
.lp-who-we-are-sec .main-block-slider .img-blk::after{content: '';position: absolute;width: 200%; height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, .3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 1;}
.lp-who-we-are-sec .main-block-slider .img-blk img{width: 100%;height: 320px;object-fit: cover;transition: all 600ms ease-in-out;}
.lp-who-we-are-sec .main-block-slider h3{display: block;font-size: 16px;line-height: 23px;color: #fff; font-family: var(--primary-font); padding:20px 15px 20px 15px;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;}
.lp-who-we-are-sec .main-block-slider .img-blk::before{content:'';width: 100%;height: 96px;position: absolute; bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);z-index: 1;}
.lp-who-we-are-sec .main-block-slider:hover .img-blk::after{height: 250%;transition: all 600ms linear !important;background-color: transparent;}
.lp-who-we-are-sec .main-block-slider:hover .img-blk img{transform: scale(1.05);}
.lp-who-we-are-sec .black .owl-nav {position: absolute;right:-4px;top: 20px!important; width: 80px;}
.lp-who-we-are-sec .black .sa_owl_theme .owl-nav .owl-next, .lp-who-we-are-sec .black .sa_owl_theme .owl-nav .owl-prev {font-size: 0 !important;outline: none;width: 35px;height: 40px; background-size: 9px;background-color: #fff;}
.lp-who-we-are-sec .black .sa_owl_theme .owl-nav .owl-next {background-color: rgb(235, 235, 235);}
.lp-who-we-are-sec .black .sa_owl_theme .owl-nav .owl-prev {background-color: rgb(255, 255, 255);right: 45px; left: auto;}
.lp-who-we-are-sec .vc_separator{padding-top:50px;}

.advantage-sec.lp-advantage-sec{padding-top:50px!important;}
.advantage-sec.lp-advantage-sec h2{margin-bottom:30px!important;}
.advantage-sec.lp-advantage-sec .heading-blk{padding-bottom:50px;}

.design-projects-sec.lp-design-projects-sec{padding-bottom: 60px;}
.design-projects-sec.lp-design-projects-sec h2{font-size: 45px;line-height: 55px;font-family: var(--primary-font);font-weight:normal;}
.design-projects-sec.lp-design-projects-sec h2::after{display:none;}
.design-projects-sec.lp-design-projects-sec .btn-bottom{padding-top:50px;}
.design-projects-sec.lp-design-projects-sec .btn-bottom .btn-block{display: flex; align-items: center; justify-content: center;gap: 20px;}
.design-projects-sec.lp-design-projects-sec .btn-bottom .common-btn {background: #fff;color: #383838;}
.design-projects-sec.lp-design-projects-sec .btn-bottom .common-btn:nth-child(2) {background:#232323;color: #fff;}
.design-projects-sec.lp-design-projects-sec .btn-bottom .common-btn:hover{background: #D9D9D9;}
.design-projects-sec.lp-design-projects-sec .btn-bottom .common-btn:nth-child(2):hover {background:#535353;}

.testimonials-sec.lp-testimonials-sec{padding-top: 20px !important;    background: url(images/bg-texture.png) left top repeat;background-position: left top;}
.testimonials-sec.lp-testimonials-sec .owl-item .sa_hover_container  .testimonial-info{min-height:418px;}

.don-hesitate-take-the-first-step-sec {position: relative;margin-top: 0;padding-top: 50px!important;padding-bottom: 50px;}
.don-hesitate-take-the-first-step-sec:before { z-index: 9; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(images/21_52.webp);background-size: auto; background-repeat: repeat; background-position: top left; mix-blend-mode: color-dodge;opacity: 0.1;}
.don-hesitate-take-the-first-step-sec:after {z-index: 1; position: absolute; content: "";left: 0;top: 0;width: 100%;height: 100%;background: #ed7509;}
.don-hesitate-take-the-first-step-sec h2{font-family: var(--book);font-weight: normal;font-size: 40px;line-height: 55px;color: #fff;padding: 0;margin: 0 0 20px;}
.don-hesitate-take-the-first-step-sec p{color:#fff;}
.don-hesitate-take-the-first-step-sec a.common-btn {background: #fff;color: #383838;margin-top: 40px;}
.don-hesitate-take-the-first-step-sec a.common-btn:hover {background: #D9D9D9;}
.don-hesitate-take-the-first-step-sec .text-blk{position:relative;z-index:9;}

.lp-blog-sec{padding-bottom: 50px;padding-top: 70px !important;}
.lp-blog-sec .top-heading h2 {font-family: var(--book); padding: 0; margin: 0; color: #121212;}
.lp-blog-sec .top-heading h2 strong {font-family: var(--demi);}
.lp-blog-sec .top-heading{ padding-bottom: 50px;}
.lp-blog-sec .blog-list .vc_gitem-animated-block{height: 342px;overflow: hidden;}
.lp-blog-sec .blog-list .vc_gitem-animated-block .vc_gitem-zone{transition: all 600ms ease-in-out;}
.lp-blog-sec .blog-list .vc_grid-item:hover .vc_gitem-animated-block .vc_gitem-zone{transform: scale(1.05);}
.lp-blog-sec .blog-list .vc_grid-item .vc_gitem-zone.vc_gitem-zone-c{padding: 30px 13px 20px 13px;border: 1px solid #D5D5D5;border-top: none;background-color: #fff !important;} 
.lp-blog-sec .blog-list .vc_grid-item .vc_gitem-zone.vc_gitem-zone-c .vc_custom_heading h4{text-align: left;font-size: 20px;line-height: 30px;color: #000000;min-height:90px;}
.lp-blog-sec .blog-list .vc_grid-item .vc_btn3-container a.vc_btn3{display: inline-block; font-size: 13px; line-height:16px;color: #fff;border-radius:0;font-family: var(--primary-font);background: var(--primary-color);padding:15px 30px; transition: all 600ms ease-in-out; letter-spacing: 0.05em;}
.lp-blog-sec .blog-list .vc_grid-item .vc_btn3-container a.vc_btn3:hover{background: var(--secondary-color);color: #fff;}
.lp-blog-sec .blog-list .vc_grid-item .vc_gitem-zone.vc_gitem-zone-c .vc_gitem-post-data-source-post_excerpt{min-height:240px;}

.lp-ft-top-sec{padding-top: 50px!important;padding-bottom: 0;}
.lp-ft-top-sec .faq-sec{padding-top:0!important;}
.lp-ft-top-sec h3{font-size: 30px;line-height: 42px;color: #121212;}
.lp-ft-top-sec h3 strong{font-family: var(--demi);font-weight:normal;}
.lp-ft-top-sec .contact-details-sec{ padding-left: 40px;padding-bottom:40px;}
.lp-ft-top-sec .faq-sec{padding-right:40px;padding-bottom:40px; border-right:1px solid rgba(0,0,0,.1);}
.lp-ft-top-sec .contact-details-sec h4 { font-size: 16px; line-height: 25px;font-family: var(--demi); position: relative;color: #3F3F3F;padding: 0;  margin: 0 0 20px;}
.lp-ft-top-sec .contact-details-sec .block ul li {font-size: 15px;line-height: 24px;color: #3F3F3F;font-family: var(--book);padding-left: 32px;margin: 0 0 17px;position: relative;}
.lp-ft-top-sec .contact-details-sec .block ul li:after {position: absolute;content: "";left: 0;top: 0;margin: auto 0;width: 15px; height: 30px; background: url(images/21_380.svg) no-repeat center; background-size: contain;}
.lp-ft-top-sec .contact-details-sec .block ul li a {color: #3F3F3F;}
.lp-ft-top-sec .contact-details-sec .block ul li a:hover { color: var(--primary-color);}
.lp-ft-top-sec .contact-details-sec  .block ul li:after {background: url(images/location-color.svg) no-repeat center;background-size: contain;}
.lp-ft-top-sec .contact-details-sec  .block:nth-child(2) ul li:after {background: url(images/call-color.svg) no-repeat center;background-size: contain;width: 17px;height: 30px;}
.lp-ft-top-sec .contact-details-sec  .block:nth-child(3) ul li:after {background: url(images/email-color.svg) no-repeat center;background-size: contain;width: 21px;height: 25px;}



/*Mobile Menu*/
.navbar-default .mobile-menu-block .menu-icon ul{display:block!important;width:40px !important;height: 28px;cursor:pointer;margin-top: 0;}
.navbar-default .mobile-menu-block .menu-icon ul li{display:block;float:right;width:100%;height:3px;background:#fff;padding:0;margin:2.8px 0;transition:all 600ms ease-in-out;border-radius: 20px;}
.navbar-default .mobile-menu-block .menu-icon ul li:last-child{width:80%}
.overlay #menu-mobile-menu{display:none;}
.overlay .overlay-content{height: 100vh; /*display: flex; align-items: center;*/ z-index:99999999999999; position: fixed; width: 100%; left:0; top: 0; transition: all .8s ease;color: #fff;background:rgba(0,0,0, .6);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);opacity: 0;visibility: hidden;}
.overlay.open-mobile-menu .overlay-content{transition: all 1.2s ease;left: 0;opacity:1;visibility:visible;}
/* .overlay .menu-block{height: 100vh; max-width:960px;width:100%;  position: fixed; right:-370px; top: 0; transition: all 1.2s ease; z-index: 2;background:transparent; overflow:auto; align-items:start;background-repeat: repeat-y; padding:70px 0 70px 0;    flex-direction: column;margin: 0 auto;left: 0;} */
/*.overlay.mobile-anim-menu .menu-block{border-left: 1px solid rgba(255,255,255,0.2);}*/
.overlay.open-mobile-menu .menu-block{transition: all .5s ease;right: 0;  }
.overlay .menu-block .mobile-menu{ transition:all .8s; padding-top:40px; padding-left:0; margin-bottom:0;  padding: 0 0 40px 10px;}
.overlay.mobile-anim-menu .menu-block .mobile-menu{transition: all .8s;   }
/* .overlay .menu-block .mobile-menu .menu-item a{ font-size: 15px; color: #fff; line-height: 17px; font-weight: 500;  text-transform:uppercase; padding: 0; margin: 0; transition: all 600ms ease-in-out;font-family: var(--content-font);
  font-weight: normal;letter-spacing: 0.12em;} */
.overlay.mobile-anim-menu .menu-block .mobile-menu .menu-item::after, .overlay.mobile-anim-menu .menu-block .mobile-menu .menu-item:before{height: 0;}
/* .overlay .menu-block .mobile-menu .menu-item.active > a{  background:var(--primary-color);color: #fff;} */
/* .overlay .menu-block .mobile-menu .menu-item:hover a{background:var(--primary-color);color: #fff;} */
.overlay .menu-block .mobile-menu .menu-item:hover span{color:var(--primary-color);}
.overlay .menu-block .mobile-menu .menu-item.active span{color:var(--primary-color);}
.overlay ul.mobile-menu{display: flex;width: 100%;flex-wrap: wrap;flex-direction: row;margin-bottom: 1rem;}
.overlay ul.mobile-menu li{ position:relative; text-align:left; padding:10px 0 0 10px; width: 100%;flex: 0 0 100%;max-width: 100%;border-bottom: 1px dashed rgba(255, 255, 255, 0);}
.overlay ul.mobile-menu li a{ display:block; padding:15px 0 15px 25px; }
.overlay ul.mobile-menu li span{ display:block; font-size:20px;  width:60px; text-align:right; position:absolute; right:0; top:19px; cursor:pointer;font-weight: 400;font-family: 'ITCAVANTGARDESTDMD'; display: flex;
  justify-content: center;}
  
.overlay ul.mobile-menu li span:before{ display:block; content:"\f107"; font-family:'FontAwesome'; float:right; }
.overlay ul.mobile-menu li span.menu-open:before{ content:"\f106"; }
.overlay ul.mobile-menu li ul li span{top:8px;}
.overlay ul.mobile-menu li ul li span:before{ content:"\f107"; }
.overlay ul.mobile-menu li ul li span.menu-open:before{ content:"\f106"; }
.overlay .sub-menu{ display:none;padding:0 10px 0 12px; margin-bottom: 0;transition: all 600ms ease-in-out;}
.overlay .sub-menu.open{display:block}

.overlay .menu-block .bottom-block{ padding:20px 40px 20px 40px; margin:0;}
.overlay .menu-block .bottom-block .menu-contact-info{ padding:0 0 0 20px; margin:0; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk{ padding-bottom:0px; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li{ display:block; padding:0 0 10px 0; transition:all 600ms ease-in-out; transform: translateY(20px); visibility:hidden; opacity:0; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li a{font-size:16px; color:#fff; line-height:18px; padding:4px 0 4px 27px; transition:all 600ms ease-in-out;font-family: 'Campton Book';font-weight: 400; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li a:hover{}
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(1) a{ background:url(images/menu-ph-icon.png) no-repeat left center / 16px; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(2) a{ background:url(images/menu-email-icon.png) no-repeat left center / 16px; }

.overlay .menu-block .bottom-block .menu-contact-info .location-blk{ transition:all 600ms ease-in-out; transform: translateY(20px); visibility:hidden; opacity:0; }
.overlay .menu-block .bottom-block .menu-contact-info .location-blk p{ display:inline-block; color:#fff; font-size:16px; font-weight:300; line-height:25px; padding:4px 0 4px 30px; background:url(images/menu-location-icon.png) no-repeat left top 8px / 16px;font-family: 'Campton Book';font-weight: 400;}

.overlay a:hover, .overlay a:focus { color: #1e3e98;}
.overlay .closebtn {width: auto; position: fixed;top: 17px;right: 23px;font-size: 33px;font-weight: 300; visibility: hidden; opacity: 0; transition: all 0ms ease-in-out; z-index:999999999; border: none; height: 35px;border:1px solid #ff8f59; width: 35px;text-align: center;line-height: 22px;border-radius: 50%;background:#e58116;}
.overlay.open-mobile-menu .closebtn{visibility:visible; opacity:1; transition:all 400ms ease-in-out; transition-delay:1s;    color:#fff;}
.overlay.open-mobile-menu .closebtn span:nth-child(1){font-size: 22px;text-transform: uppercase;letter-spacing: 0.10em;}
.overlay.open-mobile-menu .closebtn:hover{color:#646464;border-color:#646464;}
.overlay .sub-menu .menu-item {padding: 10px 0;}

.overlay .closebtn::after{display:none;}
.overlay ul.mobile-menu{ width:100%; padding:0 0 30px; }
.overlay ul.mobile-menu li{ transition:all 600ms ease-in-out; transform: translateY(20px); visibility:hidden; opacity:0; }
.overlay ul.mobile-menu li:last-child{ border-bottom:none;border-top: none; }
.overlay.mobile-anim-menu ul.mobile-menu li{ visibility:visible; opacity:1; transform:translateY(0px); transition:all 600ms ease-in-out; transition-delay:.2s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(2){ transition-delay:.2s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(3){ transition-delay:.3s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(4){ transition-delay:.4s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(5){ transition-delay:.5s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(6){ transition-delay:.6s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(7){ transition-delay:.7s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(8){ transition-delay:.8s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(9){ transition-delay:.9s; }
.overlay.mobile-anim-menu .menu-block .bottom-block .menu-contact-info .phn-blk ul li{ visibility:visible; opacity:1; transform:translateY(0px); transition-delay:.1s; }
.overlay.open-mobile-menu .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(2){ transition-delay:.2s; }
.overlay.open-mobile-menu .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(3){ transition-delay:.3s; }
.overlay.mobile-anim-menu .menu-block .bottom-block .menu-contact-info .location-blk{ visibility:visible; opacity:1; transform:translateY(0px); transition-delay:.3s; }

.overlay ul.mobile-menu li a { top:140px;font-weight:normal;font-size:15px; color:#000; line-height:18px;transition:all 600ms ease-in-out; border-radius: 30px;letter-spacing: 0.03em;}
.overlay .mobile-menu li a:hover{color:var(--primary-color); }
.overlay .menu-block ul.mobile-menu .sub-menu .menu-item a{ font-size:14px; line-height:16px; font-weight:400; padding: 10px 0;}
/* .overlay ul.mobile-menu li a::after{content: "";position: absolute;top: auto;bottom:9px;left: 0;width: 100%;height: 1px;background:#292929CC;opacity: 1!important;transform: scaleX(0);transform-origin: bottom right;transition: transform 0.25s ease-out;}
.overlay ul.mobile-menu li a:hover::after{transform: scaleX(1);transform-origin: bottom left;} */
.overlay .overlay-content .bg-img-box{opacity:0;transition:all 600ms ease-in-out;}
.overlay .overlay-content .bg-img-box{width:100%;height:100vh;object-fit:cover;}
.overlay .overlay-content .bg-img-box video{width: 100%;height: 100vh;object-fit: cover;}
.overlay.mobile-anim-menu .overlay-content .bg-img-box{opacity:0.2;} 

.overlay .logo-menu-blk{position: fixed; top: -97px;left: 23px;background:rgba(255, 255, 255, 1); padding:10px 25px 15px; border-radius:0 0 10px 10px;transition: all 600ms ease-in-out; z-index:9;box-shadow: 1px 0 10px rgba(0, 0, 0, 0.3); }
.overlay .logo-menu-blk img{width: 100px;height: auto;}
.overlay.mobile-anim-menu .logo-menu-blk {transition: all 600ms ease-in-out;transition-delay: 0.3s;top:0;}
html.menu-class { overflow: hidden;}
.overlay .meida-blk{ opacity:0;transform:translateY(20px);transition: all 600ms ease-in-out;}
.overlay.mobile-anim-menu .meida-blk{transition: all 600ms ease-in-out;transition-delay: 0.3s;opacity:1;transform:translateY(0px);}
.overlay .meida-blk .social-media{position: relative;right: 0;bottom: 0;}
.overlay .meida-blk a{display:inline-block;margin-right:14px; color: #fff;font-size:17px;transition: all 600ms ease-in-out;width: 34px;height: 34px;background:;border-radius: 100%;text-align: center;font-size: 16px;line-height: 34px;transform: scale(1);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);}
.overlay .meida-blk a:hover{transition:all 600ms ease-in-out;transform: scale(1.1);}
.overlay .sub-menu .menu-item a{background:transparent!important;}
.overlay .sub-menu .menu-item{padding:0;}
.overlay .sub-menu .menu-item a{color: #000!important;}
.overlay .sub-menu .menu-item a:hover{color:var(--primary-color)!important;}
.overlay .sub-menu .menu-item.active a{color:var(--primary-color)!important;}
.wpcf7-spinner{display:none !important;}
.overlay .sub-menu .menu-item{margin-bottom: 10px;margin-top: 10px;}
/*---Start News Menu css---*/

.overlay #menu-mobile-menu{display:none;}

.overlay .overlay-content{height: 100vh; /*display: flex; align-items: center;*/ z-index:99999999999999; position: fixed; width: 100%; left: 100%; top: 0; transition: all .8s ease;color: #fff;background:rgba(0, 0, 0, 0.2);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);}
.overlay.open-mobile-menu .overlay-content{transition: all 1.2s ease;left: 0;}
.overlay .menu-block{height: 100vh; width:370px;  position: fixed; right:-100%; top: 0; transition: all 1.2s ease; z-index: 2;background:rgb(255, 255, 255); overflow:auto; scrollbar-width: thin; scrollbar-color:#fff #000; align-items:start;
display: flex; flex-wrap:wrap; }
/*.overlay.mobile-anim-menu .menu-block{border-left: 1px solid rgba(255,255,255,0.2);}*/
.overlay.open-mobile-menu .menu-block{transition: all .5s ease;right: 0;  padding:70px 0 50px 0;}
.overlay .menu-block .mobile-menu{ transition:all .8s; padding-top:40px; padding-left:0; margin-bottom:0; }
.overlay.mobile-anim-menu .menu-block .mobile-menu{transition: all .8s;padding-top: 0;padding-left: 0;}
/* .overlay .menu-block .mobile-menu .menu-item a{ font-size: 15px; color: #fff; line-height: 17px; font-weight: 500;  text-transform:uppercase; padding: 0; margin: 0; transition: all 500ms ease-in-out;font-family: var(--content-font);
  font-weight: normal;letter-spacing: 0.12em;} */

.overlay.mobile-anim-menu .menu-block .mobile-menu .menu-item::after, .overlay.mobile-anim-menu .menu-block .mobile-menu .menu-item:before{height: 0;}

.overlay .menu-block .mobile-menu .menu-item.active > a{color:var(--secondary-color);}
.overlay .menu-block .mobile-menu .menu-item a:hover{color:var(--secondary-color);}

.overlay ul.mobile-menu{display: flex;width: 100%;flex-wrap: wrap;flex-direction: row;margin-bottom: 1rem;}
.overlay ul.mobile-menu li{ position:relative; text-align:left; padding:12px 0 12px 20px; width: 100%;flex: 0 0 100%;max-width: 100%;border-bottom: 1px dashed rgba(0, 0, 0, 0.2);}
.overlay ul.mobile-menu li a{ display:block; padding:10px 0; }
.overlay ul.mobile-menu li span{ display:block; font-size:14px; color:#000000; width:30px;height: 30px;text-align: center; text-align:right; position:absolute; right:32px; top:21px; cursor:pointer; }
.overlay ul.mobile-menu li span:before{ display:block; content:"\f107"; font-family:'FontAwesome'; float:right; }
.overlay ul.mobile-menu li span.menu-open:before{ content:"\f106"; }
.overlay ul.mobile-menu li ul li span:before{ content:"\f107"; }
.overlay ul.mobile-menu li ul li span.menu-open:before{ content:"\f106"; }
.overlay .sub-menu{ display:none;padding:0 10px 0 12px; margin-bottom: 0;transition: all 600ms ease-in-out;}
.overlay .sub-menu.open{display:block}


.structural-design-sec .img-blk{display: none;}
/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation: landscape) {
  body {
    -webkit-text-size-adjust: none;
  }
}
@media only screen and (orientation: portrait) {
  body {
    -webkit-text-size-adjust: none;
  }
}
@media screen and (max-width: 1750px) {
	
	
}
@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1299px) {
.main-banner{padding-top: 140px !important; padding-bottom: 100px;min-height: 620px;}
.main-banner h1{font-size: 45px;line-height: 54px;}
.main-banner .text-block{max-width: 450px;}
h2{font-size: 40px;line-height: 50px;}
.why-us-sec .why-us-inner .icon-block:after{width: 169px;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(1) .icon-block:after {right: 25px;}
p{font-size: 15px;line-height: 27px;}

.design-projects-sec .bottom-services{padding: 0 20px;}
.testimonials-sec .testimonial-block{padding: 25px 20px;}
.visions-sec .inner-sec .text-block{    padding: 60px 38px 90px 524px;}

.advantage-sec h3{margin: 0 0 20px;}
.advantage-sec .box-card{min-height: 360px;}
.soliution-sec .vc_row-fluid{padding: 0 8%;}

}


@media screen and (max-width: 1199px) {
    .common-btn{padding: 14px 30px;font-size: 14px;line-height: 17px;}
.navbar-default .sf-menu li{padding-right: 30px;}
  .navbar-default .rt-block {gap: 20px;}
  .navbar-default .sf-menu li a{font-size: 14px;line-height: 16px;}
  .navbar-default .contact-block .phone{font-size: 18px; line-height: 20px;}
  .navbar-default .contact-block .mail{font-size: 14px;line-height: 16px;}
  .navbar-default .logo-block{width: 160px;}
  .main-banner h1{font-size: 40px;line-height: 50px;}
  .main-banner{min-height: 508px;}
  .main-banner .text-block{max-width: 420px;}
  .why-us-sec .why-us-inner .icon-block:after { width: 130px;}
.why-us-sec .why-us-inner h3{font-size: 18px;line-height: 22px;margin: 0px 0 15px;}
h2{font-size: 35px;line-height: 45px;}
.why-us-sec .why-us-inner{padding-bottom: 0;}
.structural-design-sec .block ul li{font-size: 15px;line-height: 21px;margin-bottom: 13px;padding: 0 0 0 28px;}
.structural-design-sec .block ul li:after{bottom: auto;top: 5px;width: 15px;height: 13px;}
.structural-design-sec .block h2{margin: 0 0 30px;}
.structural-design-sec .block .text-block{padding: 50px 0 50px 80px;}
.structural-design-sec .block.block-rt .text-block{padding: 50px 80px 50px 0;}
.design-projects-sec h2:after{width: 130px;}
.design-projects-sec .bottom-services {padding:0; }
.design-projects-sec .bottom-services .circle-block:before{width: 263px;height: 263px;}
.design-projects-sec .bottom-services .circle-block{height: 263px;}
.design-projects-sec .bottom-services .circle-block .wpb_text_column.wpb_content_element{padding-left: 30px;}
.soliution-sec .vc_row-fluid{padding: 0 5%;}
.advantage-sec{padding-top:70px !important;}
.advantage-sec h3{font-size: 18px;line-height: 28px;}
.advantage-sec p{font-size: 15px;line-height: 27px;}
.advantage-sec .box-card{padding: 0 0 0 25px;margin-bottom: 40px;}
.design-projects-sec .bottom-services .circle-block h3{font-size: 40px; line-height: 39px;}
.soliution-sec .block .text-block h2{font-size: 32px;line-height: 41px;}
.visions-sec .inner-sec .text-block{padding: 60px 38px 67px 370px;}
.visions-sec .inner-sec .img-block img{height: 450px;width: 400px;}
.contact-sec h3{font-size: 19px; line-height: 34px;}
.contact-sec .form-block{padding: 30px 30px;}
.testimonials-sec .services-block h2{font-size: 32px;line-height: 40px;}
.bottom-common-cta{padding-top: 50px !important;padding-bottom: 50px;}
.bottom-common-cta .text-blk h2{margin: 0 0 30px 0;}
footer ul li a{font-size: 15px; line-height: 17px;}
footer .project-support-blk{    padding: 25px 20px;}

}

@media screen and (max-width: 991px) {
  body{overflow-x: hidden;}
  .navbar-default{padding: 8px 0 10px;}
    .navbar-default .rt-block .navigation{display: none;}
    .navbar-default .mobile-menu-block{display: inline-block;}
.navbar-default .logo-block img{width: 100px;}
    .navbar .container.top-nav-blk{display: none;}
    .navbar-default .container{align-items: center;}
    .navbar-default.navbar-fixed{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08); background:rgba(255,255,255,.9); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);box-shadow: 0px 10px 12px 0px rgba(50, 50, 50, 0.05);}
.navbar-default .mobile-menu-block .menu-icon ul li{height: 2px;background:#000000;}
.main-banner{min-height: 420px;}
.main-banner .text-block{ max-width: 600px;}

.why-us-sec .why-us-inner .icon-block:after{display: none;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(1){width: 50%;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(2){width: 50%;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(3){width: 50%;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(4){width: 50%;}
.design-projects-sec h2{font-size: 50px;  line-height: 55px;}
.design-projects-sec h3{font-size: 28px;line-height: 39px;}
.design-projects-sec h2:after { width: 80px;}

.design-projects-sec .bottom-services .circle-block{height: 200px;}
.design-projects-sec .bottom-services .circle-block:before{width: 200px;height: 200px;}
.design-projects-sec .bottom-services .circle-block h3{font-size: 30px;line-height: 30px;margin: 0 0 5px;}
.design-projects-sec .bottom-services .circle-block .wpb_text_column.wpb_content_element{padding-left: 8px;}
p {font-size: 15px;line-height: 25px;}
.structural-design-sec:after{width: calc(100% - 300px);height: 520px;}
.soliution-sec .vc_row-fluid {padding: 0;}
.advantage-sec .box-card{min-height: 325px;}
.advantage-sec h3{ margin: 0 0 15px;}

.visions-sec{padding-top: 60px !important;padding-bottom: 80px;}
.visions-sec .inner-sec .img-block img{height: 446px; width: 300px;}
.visions-sec .inner-sec .text-block{padding: 37px 38px 44px 257px;}

.contact-sec .vc_col-sm-7{width: 100% !important;}
.contact-sec .vc_col-sm-5{width: 100% !important;}
.contact-sec h3 br, .contact-sec h2 br{display: none;}
.contact-sec h2{ margin-bottom: 30px !important;}
.contact-sec{padding-top: 60px !important;}
.contact-sec h4{font-size: 16px;line-height: 30px;}
.contact-sec label{font-size: 14px;line-height: 24px;}
.contact-sec .form-control{height: 45px;}
.contact-sec textarea.form-control{height: 120px;}
.faq-sec{padding-top: 60px !important;}
.faq-sec .vc_tta-panel-title{font-size: 16px;}
.faq-sec .vc_tta-panel-title a{padding: 20px !important;}
.faq-sec .vc_tta-panel-body {padding: 20px 20px !important;}
.faq-sec .vc_tta-panel-body ul li, .faq-sec.contact-faq-blk-sec .vc_tta-panel-body ul li{font-size: 14px;line-height: 23px;}
.testimonials-sec{padding-top: 80px !important;}
.testimonials-sec{padding-top: 60px !important;}
.testimonials-sec .owl-nav{top: -65px !important;}
.bottom-common-cta::before {width: calc(50% - 140px);}
footer{padding: 50px 0 20px;}
footer .about-info{padding: 20px 0 40px 0;}
footer .footer-center-block .project-contact-blk .col-lg-4:nth-child(2) .block {padding-left: 0;}
footer .footer-center-block .project-contact-blk .col-lg-4:nth-child(1) .block {padding-bottom: 30px;}
footer .copyright p{font-size: 12px;line-height: 20px;}
footer .footer-center-block .project-contact-blk ul li{font-size: 15px;line-height: 24px;padding-left: 25px;margin: 0 0 6px;}
footer .footer-center-block .project-contact-blk ul li:after{width: 13px;height: 20px;top: 2px;}
footer .footer-center-block .project-contact-blk h4{font-size: 12px;line-height: 16px; height: 30px;}
footer .copyright{padding-top: 25px;margin-top: 30px;}
.testimonials-sec .vc_sep_holder_l{padding-top: 30px;margin-bottom: 30px;}


}


@media screen and (max-width: 767px) {
.main-banner{min-height: 380px;padding-top: 100px !important;padding-bottom: 50px;}
.main-banner h1{font-size: 35px; line-height: 44px;}
.main-banner .text-block{ max-width: 100%;}

.structural-design-sec .block .text-block{padding: 30px 0 40px 0;}
.structural-design-sec .block.block-rt .text-block{padding: 30px 0 40px 0;}
.structural-design-sec .block.block-rt:before, .structural-design-sec .block:before , .structural-design-sec:after {display: none;}
.structural-design-sec .img-blk{display:block;}
.structural-design-sec{padding-top: 40px!important;}
.structural-design-sec .block.block-rt .vc_inner{flex-direction: column-reverse;display: flex;}
.structural-design-sec .block{ margin-bottom: 0;}
h2{font-size: 28px;line-height: 41px;}
.structural-design-sec .block h2{margin: 0 0 20px;}
.design-projects-sec{padding-top: 50px !important;padding-bottom: 50px;}
.design-projects-sec h2:after{display: none;}
.design-projects-sec h4 {font-size: 15px; line-height: 25px;text-align: center;}
.design-projects-sec h2{font-size: 40px; line-height: 43px;text-align: center;}
.design-projects-sec h5{font-size: 15px;line-height: 20px;justify-content: center;}
.design-projects-sec .bottom-services .circle-block::after{display: none;}
.design-projects-sec .bottom-services .circle-block{height: 200px;width: 200px;text-align: center;margin: -20px auto 0;}
.design-projects-sec .bottom-services .circle-block .wpb_text_column.wpb_content_element{padding-left: 0;}
.design-projects-sec .bottom-services .circle-block:before{left: 0;}
.design-projects-sec h3{ text-align: center;}
.design-projects-sec .bottom-services{margin-top: 0;}

.soliution-sec{padding-top: 40px!important;}
.soliution-sec .block:nth-child(1){margin-top: 0;margin-bottom: 30px;}
.soliution-sec .block .text-block h2{font-size: 28px; line-height: 38px;}
.advantage-sec .box-card{ min-height: auto;border: 1px solid #E9CBB1; padding: 25px 25px 25px 25px; margin-bottom: 25px;}
.advantage-sec h3 br, .advantage-sec .box-card:before, .advantage-sec .box-card:after{display: none;}
.advantage-sec p, .advantage-sec h3, .advantage-sec .icon{text-align: center;}
.advantage-sec{padding-top: 60px !important;padding-bottom: 30px;}
.advantage-sec h2{margin-bottom: 40px !important;}

.visions-sec {padding-top: 50px !important; padding-bottom: 50px;}
.visions-sec .inner-sec .text-block{width: 100%;margin-top: 0;padding:65px 35px 30px 20px;margin-top: -35px; position: relative;}
.visions-sec .inner-sec .img-block img{height: 400px;width: calc(100% - 30px); margin: 0 auto;display: block;}
.visions-sec .inner-sec .text-block h2{margin: 0 0 15px;}
.visions-sec .inner-sec .text-block p{font-size: 15px; line-height: 26px;}
.contact-sec{padding-top: 50px !important;padding-bottom: 50px;}
.contact-sec h2{margin-bottom: 20px !important;}
.faq-sec{padding-top: 40px !important;}
.faq-sec .vc_tta-panel-title{line-height: 27px !important;}
.testimonials-sec .white .sa_owl_theme .owl-nav .owl-next, .testimonials-sec .white .sa_owl_theme .owl-nav .owl-prev{ width: 35px;height: 35px;}
.testimonials-sec .owl-item .sa_hover_container .testimonial-info{min-height: 220px;}
.testimonials-sec .vc_sep_holder_l{padding-top: 20px;  margin-bottom: 20px;}
.testimonials-sec .services-block h2{font-size: 26px;line-height: 36px;}
.testimonials-sec{ padding-top: 40px !important;    padding-bottom: 20px;}
.bottom-common-cta::before{display: none;}
.bottom-common-cta{padding-top: 30px !important;padding-bottom: 35px;}
.bottom-common-cta .text-blk h2{margin: 0 0 20px 0;text-align: center;}
.bottom-common-cta .text-blk .button-block{text-align: center!important;}
footer .project-support-blk{    margin-top: 25px;}

.design-projects-sec h3{font-size: 26px;line-height: 37px;padding-bottom: 30px;}
.design-projects-sec .bottom-services .circle-block h3{padding-bottom: 0;}

.overlay .menu-block{width: 100%;}
.overlay.open-mobile-menu .menu-block{ padding: 90px 20px 0 20px;}
.overlay .logo-menu-blk{padding: 6px 16px 10px;border-radius: 0 0 10px 10px;}
.overlay .logo-menu-blk img{width: 80px;}

.overlay .menu-block .bottom-block{padding: 0 0 20px 0;}
.overlay .nav-footer{display:none!important;}
.overlay ul.mobile-menu li{    padding: 10px 0 10px 0;}
.overlay ul.mobile-menu li a{font-size: 14px;    line-height: 16px;}
}

@media screen and (max-width: 575px) {
.main-banner h1{ font-size: 32px;line-height: 40px;}
.main-banner{ min-height: 330px;text-align: center;}

  .common-btn{padding: 12px 25px;font-size: 13px;line-height: 16px;}  
.why-us-sec h2{text-align: center !important;margin: 0 0 30px;}
.why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(1), .why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(2), .why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(3), .why-us-sec .why-us-inner .bottom-block .vc_col-sm-3:nth-child(4){width: 100%;}
.why-us-sec .why-us-inner .icon-block{text-align: center; margin-bottom: 25px;}
.why-us-sec .why-us-inner h3{text-align: center;margin: 0 0 12px;}
.why-us-sec .why-us-inner p{text-align: center;}
.why-us-sec .why-us-inner .text-block{margin-bottom: 20px;}
.why-us-sec .why-us-inner{padding-bottom: 10px;}

.soliution-sec{padding-left: 30px !important;padding-right: 30px !important;}
.testimonials-sec .owl-nav{top: 0 !important;}

.navbar-default .mobile-menu-block .menu-icon ul{margin-top: 6px;width: 35px !important;}
.navbar-default .mobile-menu-block .menu-icon ul li{    margin: 2.4px 0;}
}

@media screen and (max-width: 500px) {
footer .footer-center-block .project-contact-blk .row .col-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
footer .footer-center-block .project-contact-blk .col-lg-4:nth-child(2) .block{padding-bottom: 25px;}
.navbar-default .logo-block img{width: 85px;}
.main-banner{ min-height: 360px;}
.main-banner h1{font-size: 28px; line-height: 37px;}
}

@media screen and (max-width: 384px) {
.navbar-default .logo-block{ width: 100px;}
.navbar-default .rt-block {
        gap: 15px;
    }
}