.elementor-626 .elementor-element.elementor-element-d2d58a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-626 .elementor-element.elementor-element-09f9ace{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-626 .elementor-element.elementor-element-50958b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-626 .elementor-element.elementor-element-857bbda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-626 .elementor-element.elementor-element-28052b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5ee9652 *//*==========================================================

CONSTRUCTION HERO

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

.vg-construction-hero{

position:relative;

overflow:hidden;

background:#071C45;

padding:160px 8%;

}

.vg-con-overlay{

position:absolute;

inset:0;

background:

linear-gradient(135deg,

rgba(7,28,69,.95),

rgba(7,28,69,.80));

}

.vg-construction-hero:before{

content:"";

position:absolute;

top:-300px;

right:-150px;

width:700px;

height:700px;

border:1px solid rgba(212,175,55,.12);

transform:rotate(45deg);

}

.vg-construction-hero:after{

content:"";

position:absolute;

bottom:-250px;

left:-200px;

width:500px;

height:500px;

border:1px solid rgba(255,255,255,.05);

transform:rotate(45deg);

}

.vg-con-container{

position:relative;

z-index:2;

display:grid;

grid-template-columns:1.1fr 1fr;

gap:80px;

align-items:center;

max-width:1500px;

margin:auto;

}

.vg-con-tag{

display:inline-block;

padding:12px 28px;

border-left:4px solid #D4AF37;

background:rgba(255,255,255,.05);

color:#D4AF37;

font-family:Poppins;

letter-spacing:2px;

font-weight:600;

margin-bottom:35px;

}

.vg-con-left h1{

font-family:Montserrat;

font-size:76px;

line-height:1.05;

font-weight:800;

color:#ffffff;

margin-bottom:30px;

}

.vg-con-left h1 span{

color:#D4AF37;

}

.vg-con-left p{

font-family:Poppins;

font-size:20px;

line-height:1.9;

color:#DCE5EF;

max-width:650px;

margin-bottom:45px;

}

.vg-con-btn{

display:inline-block;

padding:20px 42px;

background:#D4AF37;

color:#071C45;

font-family:Montserrat;

font-weight:700;

text-decoration:none;

transition:.4s;

clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);

}

.vg-con-btn:hover{

transform:translateY(-5px);

box-shadow:0 20px 45px rgba(212,175,55,.35);

}

.vg-con-right img{

width:100%;

display:block;

border-radius:10px;

box-shadow:0 40px 80px rgba(0,0,0,.35);

}

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

Responsive

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

@media(max-width:1024px){

.vg-con-container{

grid-template-columns:1fr;

}

.vg-con-left h1{

font-size:56px;

}

}

@media(max-width:767px){

.vg-construction-hero{

padding:90px 6%;

}

.vg-con-left h1{

font-size:38px;

}

.vg-con-left p{

font-size:17px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-206e7a8 *//*==========================================================

WHAT WE BUILD

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

.vg-build{

padding:140px 8%;

background:#ffffff;

position:relative;

overflow:hidden;

}

.vg-build-heading{

text-align:center;

max-width:900px;

margin:auto auto 80px;

}

.vg-build-heading span{

color:#D4AF37;

font-family:Poppins;

letter-spacing:3px;

font-weight:600;

}

.vg-build-heading h2{

font-family:Montserrat;

font-size:58px;

color:#071C45;

margin:20px 0;

line-height:1.1;

}

.vg-build-heading p{

font-family:Poppins;

font-size:18px;

line-height:1.9;

color:#66758B;

}

.vg-build-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.vg-build-card{

position:relative;

height:650px;

overflow:hidden;

cursor:pointer;

border-radius:14px;

display:flex;

align-items:flex-end;

transition:.5s;

background-size:cover;

background-position:center;

}

.residential{

background-image:url("https://vajragarudamultiservices.com/wp-content/uploads/2026/07/Construction-3.jpg");

}

.commercial{

background-image:url("https://vajragarudamultiservices.com/wp-content/uploads/2026/07/Construction-6.jpg");

}

.industrial{

background-image:url("https://vajragarudamultiservices.com/wp-content/uploads/2026/07/Construction-8.jpg");

}

.vg-build-overlay{

position:absolute;

inset:0;

background:linear-gradient(to top,

rgba(7,28,69,.95),

rgba(7,28,69,.15));

transition:.5s;

}

.vg-build-content{

position:relative;

z-index:5;

padding:45px;

transform:translateY(40px);

transition:.5s;

}

.vg-build-content h3{

font-family:Montserrat;

font-size:42px;

color:white;

margin-bottom:20px;

}

.vg-build-content p{

font-family:Poppins;

line-height:2;

color:white;

opacity:.92;

margin-bottom:30px;

}

.vg-build-content a{

color:#D4AF37;

text-decoration:none;

font-weight:600;

letter-spacing:1px;

}

.vg-build-card:hover{

transform:translateY(-12px);

}

.vg-build-card:hover .vg-build-content{

transform:translateY(0);

}

.vg-build-card:hover .vg-build-overlay{

background:linear-gradient(to top,

rgba(7,28,69,.97),

rgba(7,28,69,.35));

}

.vg-build-card:hover{

box-shadow:0 45px 80px rgba(0,0,0,.22);

}

.vg-build-card::after{

content:"";

position:absolute;

top:0;

left:-120%;

width:60%;

height:100%;

background:linear-gradient(

90deg,

transparent,

rgba(255,255,255,.18),

transparent);

transform:skewX(-25deg);

transition:.9s;

}

.vg-build-card:hover::after{

left:180%;

}

/* Responsive */

@media(max-width:1100px){

.vg-build-grid{

grid-template-columns:1fr;

}

.vg-build-card{

height:520px;

}

}

@media(max-width:767px){

.vg-build{

padding:90px 6%;

}

.vg-build-heading h2{

font-size:38px;

}

.vg-build-content{

padding:30px;

}

.vg-build-content h3{

font-size:32px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9abeac *//*==========================================================

CONSTRUCTION PROCESS

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

.vg-process{

padding:140px 8%;

background:#071C45;

position:relative;

overflow:hidden;

}

.vg-process-heading{

text-align:center;

max-width:900px;

margin:auto auto 100px;

}

.vg-process-heading span{

color:#D4AF37;

font-family:Poppins;

letter-spacing:3px;

font-weight:600;

}

.vg-process-heading h2{

font-family:Montserrat;

font-size:60px;

color:#fff;

margin:20px 0;

}

.vg-process-heading p{

font-family:Poppins;

font-size:18px;

color:#CED8E7;

line-height:1.9;

}

.vg-process-line{

position:absolute;

top:355px;

left:10%;

right:10%;

height:4px;

background:rgba(255,255,255,.08);

}

.vg-process-grid{

display:grid;

grid-template-columns:repeat(6,1fr);

gap:25px;

position:relative;

z-index:2;

}

.vg-step{

text-align:center;

}

.vg-circle{

width:90px;

height:90px;

margin:auto;

border-radius:50%;

background:#fff;

color:#071C45;

display:flex;

align-items:center;

justify-content:center;

font-family:Montserrat;

font-weight:700;

font-size:22px;

border:5px solid #D4AF37;

margin-bottom:35px;

transition:.4s;

}

.vg-step:hover .vg-circle{

background:#D4AF37;

transform:scale(1.08);

box-shadow:0 0 40px rgba(212,175,55,.45);

}

.vg-step h3{

font-family:Montserrat;

font-size:24px;

color:white;

margin-bottom:18px;

}

.vg-step p{

font-family:Poppins;

color:#D5DDE9;

line-height:1.8;

font-size:15px;

}

/* RESPONSIVE */

@media(max-width:1200px){

.vg-process-grid{

grid-template-columns:repeat(3,1fr);

row-gap:70px;

}

.vg-process-line{

display:none;

}

}

@media(max-width:768px){

.vg-process{

padding:90px 6%;

}

.vg-process-grid{

grid-template-columns:1fr;

}

.vg-process-heading h2{

font-size:38px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bd3959 */.vg-step{

opacity:0;

transform:translateY(80px);

transition:.8s ease;

}

.vg-step.show{

opacity:1;

transform:translateY(0);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fc1918 *//*==========================================================

OUR EXPERTISE

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

.vg-expertise{

padding:140px 8%;

background:#F8FAFC;

}

.vg-exp-heading{

text-align:center;

max-width:850px;

margin:auto auto 100px;

}

.vg-exp-heading span{

color:#D4AF37;

font-family:Poppins;

font-weight:600;

letter-spacing:3px;

}

.vg-exp-heading h2{

font-family:Montserrat;

font-size:58px;

color:#071C45;

margin:20px 0;

line-height:1.1;

}

.vg-exp-heading p{

font-family:Poppins;

font-size:18px;

color:#66758B;

line-height:1.9;

}

.vg-exp-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

margin-bottom:120px;

}

.vg-exp-row.reverse{

direction:rtl;

}

.vg-exp-row.reverse>*{

direction:ltr;

}

.vg-exp-image{

overflow:hidden;

border-radius:18px;

position:relative;

}

.vg-exp-image img{

width:100%;

display:block;

transition:1s;

}

.vg-exp-image:hover img{

transform:scale(1.08);

}

.vg-exp-image::after{

content:"";

position:absolute;

inset:0;

background:linear-gradient(to top,

rgba(7,28,69,.05),

transparent);

pointer-events:none;

}

.vg-exp-content span{

font-family:Montserrat;

font-size:70px;

font-weight:800;

color:#D4AF37;

opacity:.2;

display:block;

margin-bottom:15px;

}

.vg-exp-content h3{

font-family:Montserrat;

font-size:40px;

color:#071C45;

margin-bottom:25px;

}

.vg-exp-content p{

font-family:Poppins;

font-size:17px;

line-height:1.9;

color:#5E6D83;

margin-bottom:30px;

}

.vg-exp-content ul{

padding-left:20px;

}

.vg-exp-content li{

margin-bottom:14px;

font-family:Poppins;

color:#071C45;

}

@media(max-width:991px){

.vg-exp-row{

grid-template-columns:1fr;

}

.vg-exp-row.reverse{

direction:ltr;

}

}

@media(max-width:767px){

.vg-expertise{

padding:90px 6%;

}

.vg-exp-heading h2{

font-size:38px;

}

.vg-exp-content h3{

font-size:30px;

}

.vg-exp-content span{

font-size:48px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e9c97f1 *//*==========================================================

FINAL CTA

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

.vg-final-cta{

position:relative;

padding:160px 8%;

background:#071C45;

overflow:hidden;

}

.vg-final-overlay{

position:absolute;

inset:0;

background:

linear-gradient(rgba(7,28,69,.93),

rgba(7,28,69,.93)),

url("https://vajragarudamultiservices.com/wp-content/uploads/2026/07/Construction-11.jpg");

background-size:cover;

background-position:center;

opacity:10;

}

/* Floating blueprint grid */

.vg-final-cta::before{

content:"";

position:absolute;

inset:0;

background-image:

linear-gradient(rgba(212,175,55,.05) 1px, transparent 1px),

linear-gradient(90deg, rgba(212,175,55,.05) 1px, transparent 1px);

background-size:70px 70px;

animation:blueprintMove 18s linear infinite;

pointer-events:none;

}

@keyframes blueprintMove{

0%{

transform:translateY(0);

}

100%{

transform:translateY(70px);

}

}

.vg-final-container{

position:relative;

z-index:2;

max-width:1200px;

margin:auto;

text-align:center;

}

.vg-final-tag{

display:inline-block;

padding:12px 30px;

border:1px solid rgba(212,175,55,.4);

color:#D4AF37;

letter-spacing:3px;

font-family:Poppins;

font-weight:600;

margin-bottom:30px;

}

.vg-final-container h2{

font-family:Montserrat;

font-size:64px;

line-height:1.1;

color:#fff;

margin-bottom:30px;

}

.vg-final-container p{

font-family:Poppins;

font-size:19px;

line-height:1.9;

color:#D7E0EC;

max-width:760px;

margin:auto auto 70px;

}

.vg-final-stats{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:40px;

margin-bottom:70px;

}

.vg-final-stats div{

padding:35px;

background:rgba(255,255,255,.05);

backdrop-filter:blur(10px);

border:1px solid rgba(255,255,255,.08);

transition:.4s;

}

.vg-final-stats div:hover{

transform:translateY(-10px);

border-color:#D4AF37;

}

.vg-final-stats h3{

font-family:Montserrat;

font-size:54px;

color:#D4AF37;

margin-bottom:12px;

}

.vg-final-stats span{

font-family:Poppins;

color:#fff;

}

.vg-final-btn{

display:inline-block;

padding:22px 48px;

background:#D4AF37;

color:#071C45;

font-family:Montserrat;

font-weight:700;

text-decoration:none;

transition:.4s;

clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);

}

.vg-final-btn:hover{

transform:translateY(-6px);

box-shadow:0 20px 45px rgba(212,175,55,.35);

}

@media(max-width:991px){

.vg-final-stats{

grid-template-columns:1fr;

}

.vg-final-container h2{

font-size:46px;

}

}

@media(max-width:767px){

.vg-final-cta{

padding:100px 6%;

}

.vg-final-container h2{

font-size:34px;

}

.vg-final-container p{

font-size:17px;

}

}/* End custom CSS */