/*header*/

.header{background: #fff; backdrop-filter: blur(20px); z-index: 999; padding: 5px 0px 10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03);}

.header .container{ position: relative;}

.header.my-fixed{ background: rgba(255, 255, 255, 0.92); transition: all .4s ease;}

.header .header-logo{position: relative; z-index: 9; padding: 0px 0px 0px;}



@media (max-width: 1079px) {

	.desktop--menu{display:none;}

	.header .header-logo{position: relative; top: 3px}

  .header .header-logo img{ height: 40px;}

}



@media (min-width: 1080px) {

    .header{padding: 10px 0px 0px;}

    .header .header-logo{padding: 0px 0px 10px;}

} 

/*header end*/



/*Homepage*/

.home--banner{ background: url(../images/home/home-banner-sm.jpg) no-repeat center bottom; background-size: cover; padding: 50px 0px 100px; text-align: center;}
.home--banner p{ font-family: var(--font-medium); letter-spacing: normal;}


@media (max-width: 767px) {

  .home--banner h5{ font-size: 16px;}

}



@media (min-width: 767px) {

  .home--banner{ padding: 50px 0px 150px;}

}



@media (min-width: 992px) {

  .home--banner{ background: url(../images/home/home-banner.jpg) no-repeat center bottom; background-size: cover; padding: 100px 0px 250px;}

}





.stats-box{ padding: 30px; position: relative; border-radius: 10px; color: #fff; margin-bottom: 20px;}

.stats-box h4 { margin-top: 20px; font-family: var(--font-medium);}

.stats-icon{ position: absolute; top: 30px; right: 30px; display: inline-block;}

.stats-box.sb--1 { background: #3DB6FF;}

.stats-box.sb--2 { background: #3DCFAE;}

.stats-box.sb--3 { background: #9169F6;}



.wcr-sec .wcr-icon{ margin-bottom: 20px;}

@media (max-width: 767px) {

  .wcr-sec{ text-align: center;}

  .wcr-sec .wcr-icon{ margin-bottom: 16px;}

  .wcr-sec .wcr-icon img{ width: 100px;}

}



.material-slider.site--slider .swiper-button-next::after{ content: url(../images/rarr.svg);}

.material-slider.site--slider .swiper-button-prev::after{ content: url(../images/larr.svg);}

.material-slider .ms-img2, .material-slider .ms-img5{ margin-top: 10px;}

.material-slider .ms-img{ position: relative;}

.material-slider .ms-txt{ position: absolute; bottom: 2px; left: 10px;}

.material-slider .ms-txt, .material-slider .ms-txt a{font-size: 11px; color: #fff; font-family: var(--font-light);}

.material-slider .ms-txt:after{ content: ">"; position: relative; right: -10px;}

.material-slider.no-arrow .ms-txt:after{ content: none;}



@media (max-width: 767px) {

  .material-slider.site--slider .swiper-button-next, .material-slider.site--slider .swiper-button-prev {position: absolute; top: 0;}

  .material-slider{ margin-top: 50px;}

  .material-slider .swiper-button-prev, .material-slider .swiper-rtl .swiper-button-next {right: 90px; left: auto;}

  .material-slider .swiper-button-next, .material-slider .swiper-rtl .swiper-button-prev {right: 10px; left: auto;}

  .material-slider.site--slider .swiper-slide { margin-top: 10px;}

}



@media (min-width: 768px) {

  .msl-col-1, .msl-col-3{ justify-content: space-between; display: flex; flex-direction: column;}

  .material-slider.site--slider .swiper {width: 90%; height: 100%;}

  .material-slider .swiper-button-prev, .material-slider .swiper-rtl .swiper-button-next {left: -10px; right: auto;}

  .material-slider .swiper-button-next, .material-slider .swiper-rtl .swiper-button-prev {right: 1px; left: auto;}

  .material-slider .ms-txt, .material-slider .ms-txt a{font-size: 16px; font-family: var(--font-medium);}

  .material-slider .ms-txt:after{ content: url(../images/ms-arr.svg); position: relative; right: -20px;}

  .material-slider .ms-txt{ position: absolute; bottom: 10px; left: 20px;}

}



@media (min-width: 1200px) {

  .material-slider .ms-txt, .material-slider .ms-txt a{font-size: 24px;}

  .material-slider .ms-txt{ position: absolute; bottom: 20px; left: 20px;}

}



@media (min-width: 768px) {

  .inner--banner .container{ width: 100%; padding-right: 0px; padding-left: 80px;}

  .inner--banner-lft{ width: 100%;}

  .inner--banner .inner--banner-img{ width: 100%; height: 100%;}

  .inner--banner .inner--banner-img img{ width: 100%; height: 100%; object-fit: cover;}

}



@media (min-width: 1600px) {

  .inner--banner .container{ width: 100%; padding-right: 0px; padding-left: 15px;}

}



.wedo-slider{ position: relative; background: #BEC6FD; border-radius: 10px; padding-bottom: 30px; max-width: 1130px; 

  margin: auto; padding-left: 10px; padding-right: 10px;}

.wedo-slider.site--slider .swiper-slide{ padding-top: 20px; margin-bottom: 30px;}

.wedo-slider.site--slider .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 20px;}

.wedo-slider .wedo-link a{ color: #3948FF; font-family: var(--font-medium); position: relative;}

.wedo-slider .wedo-link a:after{ content: url(../images/blu-arr.svg); position: relative; right: -10px; top: 3px;}

.wedo--box{ max-width: 777px; background: #fff; padding: 30px; box-shadow: 0px 0px 25px rgba(57, 72, 255, 0.1); border-radius: 10px;}

.wedo-slider.site--slider .swiper-button-next::after{ content: url(../images/sicon-right-round-sm.svg);}

.wedo-slider.site--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round-sm.svg);}

.wedo-slider .swiper-button-prev, .wedo-slider .swiper-rtl .swiper-button-next {left: -5px; right: auto;}

.wedo-slider .swiper-button-next, .wedo-slider .swiper-rtl .swiper-button-prev {right: -5px; left: auto;}



@media (min-width: 768px) {

  .wedo-slider{ padding-top: 20px;}

  .wedo-slider.site--slider .swiper-button-next::after{ content: url(../images/sicon-right-round.svg);}

  .wedo-slider.site--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round.svg);}

  .wedo-slider .swiper-button-prev, .wedo-slider .swiper-rtl .swiper-button-next {left: 0px; right: auto;}

  .wedo-slider .swiper-button-next, .wedo-slider .swiper-rtl .swiper-button-prev {right: 0px; left: auto;}

}





@media (min-width: 1366px) {

  .wedo-slider{ padding-left: 50px; padding-top: 20px; border-radius: 20px;}

  .wedo-slider.site--slider .swiper {width: 100%; height: 100%;}

  .wedo-slider.site--slider .swiper-slide{width: 777px !important;}

  .wedo-slider.site--slider .swiper-slide:nth-last-of-type(1){ padding-right: 50px;}

  .wedo-slider .swiper-button-prev, .wedo-slider .swiper-rtl .swiper-button-next {left: 30px; right: auto;}

  .wedo-slider .swiper-button-next, .wedo-slider .swiper-rtl .swiper-button-prev {right: 30px; left: auto;}

}



.home--arch .wedo--box{ background: #fff; width: 100%; height: 320px;}

.home--arch .wedo--box.wedo--box1{ background: url(../images/home/arch1.jpg) no-repeat right bottom #fff; background-size: 300px 146px;}

.home--arch .wedo--box.wedo--box2{ background: url(../images/home/arch2.jpg) no-repeat right 30px bottom #fff; background-size: 249px 180px;}

.home--arch .wedo--box.wedo--box3{ background: url(../images/home/arch3.jpg) no-repeat right 50px bottom #fff; background-size: 146px 180px;}

.home--arch .wedo-link{ margin-top: 10px;}



@media (min-width: 768px) {

  .home--arch .wedo--box{ height: 378px;}

  .home--arch .wedo--box.wedo--box1{background-size: 565px 275px;}

  .home--arch .wedo--box.wedo--box2{background-size: 389px 281px;}

  .home--arch .wedo--box.wedo--box3{background-size: 283px 349px;}

}



.proc-slider.site--slider .swiper {width: 90%; height: 100%;}

.proc-slider.site--slider .swiper-button-next::after{ content: url(../images/sicon-right-round-sm.svg);}

.proc-slider.site--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round-sm.svg);}

.proc-slider .swiper-button-prev, .proc-slider .swiper-rtl .swiper-button-next {left: 0px; right: auto;}

.proc-slider .swiper-button-next, .proc-slider .swiper-rtl .swiper-button-prev {right: 0px; left: auto;}

.proc--box{background: #F9FAFF; border-radius: 20px; padding: 20px;}



@media (min-width: 1200px) {

  .proc--box{padding: 30px;}

  .proc-slider.site--slider .swiper-button-next::after{ content: url(../images/sicon-right-round.svg);}

  .proc-slider.site--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round.svg);}

}



.pref-list{ display: flex; margin-bottom: 20px;}

.pref-icon{ flex-shrink: 0; margin-right: 10px;}



@media (min-width: 1200px) {

  .pref-list{ margin-bottom: 30px;}

  .pref-icon{ margin-right: 20px;}

}





.testiBox{border-radius: 10px; width: 100%; padding: 30px 20px 0px; max-width: 1130px; margin: auto; overflow: hidden; position: relative;}

.testiBox:before{content: ""; background: url(../images/quote.png); width: 50px; height: 36px; background-size: 50px 36px; position: absolute; left: 0; top: 10px;}



.testi-titl{ margin-top: 10px; padding-top: 16px; font-size: 16px; position: relative;}

.testi-titl h6{ font-family: var(--font-medium);}

.testi-desc{ position: relative; }



.testi-img{ position: relative; text-align: center; width: 100%;}

.testi-img img{ position: relative; z-index: 2; line-height: 0;}

.testi-img:before{ content: ""; width: 150px; height: 150px; position: absolute; bottom: 0px; left: 0; right: 0; margin: auto;

   border-radius: 100%;}

 

.tbg-blue{background: rgba(57, 72, 255, 0.1);}

.tbg-blue .testi-img:before{background: #3948FF;}

.tbg--lblue{background: rgba(57, 72, 255, 0.2);}

.tbg--lblue .testi-img:before{background: #959DFF;}

.tbg--pink{background: rgba(169, 61, 207, 0.2);}

.tbg--pink .testi-img:before{background: #A93DCF;}

.tbg--green{background: rgba(61, 207, 174, 0.2);}

.tbg--green .testi-img:before{background: #3DCFAE;}

.tbg--yellow{background: rgba(250, 242, 131, 0.2);}

.tbg--yellow .testi-img:before{background: #FAF283;}



@media (max-width: 991px) {

  .testi-img{ background: #ccc; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin-bottom: 20px;}

  .testi-img img{ width: 150px;}

  .testi-txt-box h2{ margin-top: 30px;}

}



@media (min-width: 768px) {

  .testiBox .row{ align-items: flex-start;}

  .testi-img{ margin-top: 30px;}

}



@media (min-width: 992px) {

  .testiBox{border-radius: 20px; padding: 30px 30px 0px;}

  .testi-titl{ margin-top: 30px;}

  .testi-img:before{ width: 366px; height: 366px;  bottom: -200px; left: 0; right: 0; margin: auto; border-radius: 100%;}

  .testi-desc{ font-size: 18px;}

  .testiBox:before{width: 150px; height: 136px; background-size: 150px 136px; left: 0; top: 30px;}

  .testiBox .row{ align-items: flex-end;}

  .testi-img{ margin-top: unset;}

}



@media (min-width: 1200px) {

  .testi-titl{ margin-bottom: 50px;}

  .testi-txt-box{ margin-top: 20px;}

}





.hser-img{ position: relative; background: #F9FAFF;}

.serv-slider .swiper-slide a{ color: #000;}

.hser-img img{ mix-blend-mode: darken;}

.hser-img h4{ position: absolute; left: 20px; top: 20px; width: 100%;}

.hser-img h4:after{ content: "\f30f"; font-family:"Ionicons"; position: absolute; right: 15%;}

.serv-slider .swiper-slide:nth-of-type(1) .hser-img h4:after{ color: #07A6C8;}

.serv-slider .swiper-slide:nth-of-type(2) .hser-img h4:after{ color: #A93DCF;}

.serv-slider .swiper-slide:nth-of-type(3) .hser-img h4:after{ color: #FF8413;}

.serv-slider .swiper-slide:nth-of-type(4) .hser-img h4:after{ color: #3DCFAE;}

.serv-slider .swiper-slide:nth-of-type(5) .hser-img h4:after{ color: #3948FF;}



@media only screen and (min-width: 1200px) and (max-width: 1440px) {

  .fw-slider .container{ width: 100%; padding-left: 0; padding-right: 0;}

}



.pi-slider{ max-width: 1060px; margin: auto;}



.pi-slider.site--slider .swiper-button-next::after{ content: url(../images/sicon-right-round-sm.svg);}

.pi-slider.site--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round-sm.svg);}

.pi-slider .swiper-button-prev, .pi-slider .swiper-rtl .swiper-button-next {left: 0px; right: auto;}

.pi-slider .swiper-button-next, .pi-slider .swiper-rtl .swiper-button-prev {left: 60px; right: auto;}

.pi-slider.site--slider .swiper-button-next, .pi-slider.site--slider .swiper-button-prev {position: absolute; top: 0;}

.pi-slider.site--slider .swiper-slide{ margin-top: 30px;}

.pi-img{ background: #F9FAFF;}

.pi-img img{ mix-blend-mode: darken;}



@media (min-width: 1200px) {

  .pi-slider.site--slider .swiper-button-next::after{ content: url(../images/sicon-right-round.svg);}

  .pi-slider.site--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round.svg);}

  .pi-slider .swiper-button-next, .pi-slider .swiper-rtl .swiper-button-prev {left: 90px; right: auto;}

  .pi-slider.site--slider .swiper-button-next, .pi-slider.site--slider .swiper-button-prev {position: absolute; top: 70%;}

  .pi-slider.site--slider .swiper-slide{ margin-top: 30px;}

}



.rm-link a{ color: #3948FF; font-family: var(--font-medium); position: relative;}

.rm-link a:after{ content: url(../images/blu-arr.svg); position: relative; right: -10px; top: 3px;}

.hblog--box{ background: #FFFFFF; box-shadow: 0px 0px 25px rgba(57, 72, 255, 0.1); border-radius: 10px;}

.hblog--box-txt{ padding: 20px 20px 30px;}

.blog-slider.site--slider .swiper-button-next::after{ content: url(../images/sicon-right-round-sm.svg);}

.blog-slider.site--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round-sm.svg);}

.blog-slider .swiper-button-prev, .blog-slider .swiper-rtl .swiper-button-next {left: -10px; right: auto;}

.blog-slider .swiper-button-next, .blog-slider .swiper-rtl .swiper-button-prev {right: 1px; left: auto;}

@media (min-width: 1200px) {

  .hblog--box h4{ min-height: 100px;}

}



.trusted-logos-list{ display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}

.trusted-logos-list img{ margin: 5px; width: 120px;}



@media (min-width: 768px) {

  .trusted-logos-list{ display: flex; justify-content: space-between;}

  .trusted-logos-list img{width: unset;}

}



.vision-goal .vgBox1{ position: relative; background: #3948FF; border-radius: 20px; padding: 20px 20px 0px; width: 100%; color: #fff;}

.vision-goal .vgBox2{ position: relative; background: #A93DCF; border-radius: 20px; padding: 20px 20px 0px; width: 100%; color: #fff; 

  margin-top: 20px;}

.vision-goal .vgBox1 .vgImg img{ width: 100px;}

.vision-goal .vgBox2 .vgImg img{ width: 80px;}

.vision-goal .vgBox1 .vgImg{ position: absolute; right: 0; bottom: 0;}

.vision-goal .vgBox2 .vgImg{ position: absolute; right: 10px; top: -10px;}

.vision-goal .vgBox1 .vgTxt{ padding-right: 30px; padding-bottom: 10px;}

.vision-goal .vgBox2 .vgTxt{ padding-right: 0px; padding-bottom: 10px;}



@media (min-width: 768px) {

  .vision-goal .vgBox1 .vgTxt{ padding-right: 80px;}

  .vision-goal .vgBox2 .vgTxt{ padding-right: 30px;}

  .vision-goal .vgBox1{ padding: 20px 0px 20px 20px; width: 100%; height: 250px;}

  .vision-goal .vgBox2{ padding: 20px 0px 20px 20px; width: 100%; height: 250px;  margin-top: unset;}

  .vision-goal .vgBox1 .vgImg img{ width: 100px;}

  .vision-goal .vgBox2 .vgImg img{ width: 110px;}

  .vision-goal .vgBox1 .vgImg{ position: absolute; right: 0; bottom: 0;}

  .vision-goal .vgBox2 .vgImg{ position: absolute; right: 0px; bottom: 0px; top: unset;}

  .vision-goal .vgBox1 .vgImg img{border-radius: 0px 0px 20px 0px;}

}



@media (min-width: 1200px) {

  .vision-goal .vgBox1 .vgTxt, .vision-goal .vgBox2 .vgTxt{ padding-right: 280px;}

  .vision-goal .vgBox1{ padding: 30px 0px 30px 30px; width: 100%; height: 306px;}

  .vision-goal .vgBox2{ padding: 30px 0px 30px 30px; width: 100%; height: 306px;  margin-top: unset;}

  .vision-goal .vgBox1 .vgImg img, .vision-goal .vgBox2 .vgImg img{ width: unset;}

  .vision-goal .vgBox1 .vgImg{ position: absolute; right: 0; bottom: 0;}

  .vision-goal .vgBox2 .vgImg{ position: absolute; right: 20px; top: -50px; bottom: unset;}

  .vision-goal .vgBox1 .vgImg img{border-radius: 0px 0px 20px 0px;}

}





.value-list .value-item{ margin-bottom: 20px;}

@media (min-width: 768px) {

  .value-list{ display: grid; grid-template-columns: auto auto; justify-content: space-between;}

  .value-list .value-item{ max-width: 320px; margin-bottom: 20px;}

}



.types-slider.site--slider .swiper-button-next::after{ content: url(../images/sicon-right-round-sm.svg);}

.types-slider.site--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round-sm.svg);}

.types-slider .swiper-button-prev, .types-slider .swiper-rtl .swiper-button-next {left: auto; right: 60px;}

.types-slider .swiper-button-next, .types-slider .swiper-rtl .swiper-button-prev {left: auto; right: 10px;}

.types-slider.site--slider .swiper-button-next, .types-slider.site--slider .swiper-button-prev {position: absolute; top:0px;}

.types-slider.site--slider .swiper-slide{ margin-top: 30px;}



@media (min-width: 1200px) {

  .types-slider.site--slider .swiper-button-next::after{ content: url(../images/sicon-right-round.svg);}

  .types-slider.site--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round.svg);}

  .types-slider .swiper-button-prev, .types-slider .swiper-rtl .swiper-button-next {left: auto; right: 100px;}

  .types-slider .swiper-button-next, .types-slider .swiper-rtl .swiper-button-prev {left: auto; right: 10px;}

  .types-slider.site--slider .swiper-button-next, .types-slider.site--slider .swiper-button-prev {position: absolute; top:-20px;}

}



.pro-slid-inner{border-radius: 20px; padding: 30px 10px 30px;}

.pro--slider{ position: relative;}

.pro--slider .swiper-button-next, .pro--slider .swiper-button-prev{ top: 30px;}

.pro--slider .swiper-button-next{ right: 0px;}

.pro--slider .swiper-button-prev{ left: 0px;}

.pro--slider .swiper-button-next::after{ content: url(../images/sicon-right-round-sm.svg);}

.pro--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round-sm.svg);}

.pro--slider .swiper {width: 100%; height: 100%;}

.pro--slider .swiper-slide {

   display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

  }



.protabBtn{ border-radius: 50px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 10px 20px; cursor: pointer; font-family: var(--font-medium);}

.swiper-slide.swiper-slide-thumb-active .protabBtn{background: #3948FF; color: #fff;}

.protabtxt{ padding: 50px 0px 30px; width: 100%;}



@media (min-width: 768px) {

    .pro--slider .swiper-button-next{ right: 10px;}

    .pro--slider .swiper-button-prev{ left: 10px;}

    .protabBtn.btn-nowrap{ white-space: nowrap; width: 228px;}

    .pro--slider .swiper.proSlider, .pro--slider .swiper.proSlidercom {width: 90%;}

    .pro--slider .swiper.proSlider .swiper-wrapper, .pro--slider .swiper.proSlidercom .swiper-wrapper{ align-items: center;}

}

@media (min-width: 1366px) {

.pro-slid-inner{border-radius: 20px; padding: 50px 10px 30px;}

.pro--slider .swiper-button-next::after{ content: url(../images/sicon-right-round.svg);}

.pro--slider .swiper-button-prev::after{ content: url(../images/sicon-left-round.svg);}

.pro--slider .swiper-button-next, .pro--slider .swiper-button-prev{ top: 32px;}

}



ul.txt-list{ padding: 0px 0px 0px 20px; margin: 0;}

ul.txt-list li{ margin-bottom: 10px;}



/*vertical tabs*/

.vtab-links .nav-tabs .nav-link {margin-bottom: -1px; border: 0px}

.vtab-links .nav-link{ color: rgba(0,0,0,1); font-family: var(--font-medium);}

.v--tabs .tab-content{ background: transparent;}

.v--tabs .tab-content ul{ padding: 0 0px 0px 16px; margin: 0;}

.v--tabs .tab-content ul li{ margin-bottom: 10px;}

.v--tabs .tab-content ul li:nth-last-of-type(1){ margin-bottom: 0;}

.vtabs-txt .btn{ font-size: 15px; padding: 10px 30px;}

.vtab-links .nav-tabs .nav-item .nav-link.active{color: #fff; background: #3DB6FF; border-radius: 5px;}

@media (max-width: 767px) {

    .vtabs-sec{ margin-top: 20px;}

    .vtab-links .nav-tabs {border-bottom: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; overflow-x: auto; margin-bottom: 20px; padding-bottom: 20px;}

    .vtab-links .nav-link {white-space: nowrap; font-size: 13px;}

    .v--tabs .tab-content{ font-size: 14px; line-height: 18px;}

}



@media (min-width: 768px) {

.vtabs-sec{padding-top: 50px;}

.v--tabs{ display: flex;}

.vtab-txt-row{ display: flex; flex-direction: row;}

.v--tabs .vtab-links{ flex-basis: 35%; margin-right: 30px;}

.v--tabs .tab-content{ flex-basis: 65%;}

.vtab-links .nav-tabs{ display: flex; flex-direction: column; border: 0;}

.vtab-links .nav-tabs .nav-link {margin-bottom: 20px; padding:10px 20px; text-align: left; width: 100%; position: relative; background: transparent; border-radius: 5px;}

.vtab-links .nav-tabs .nav-item:nth-last-of-type(1) .nav-link { border-bottom: 0;}

}



@media (min-width: 1200px) {

  .vtab-links .nav-tabs .nav-link {margin-bottom: 30px; font-size: 24px;}

}



.know--more-box{ background: #9169F6; border-radius: 5px; width: 100%; color: #fff; text-align: center; align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 30px 20px; position: relative;}

.know--more-box:before{content: url(../images/products/steel/wcu-bg1.png); position: absolute; left: 0; bottom: -10px;}

.know--more-box:after{content: url(../images/products/steel/wcu-bg2.png); position: absolute; right: 0; bottom: -10px;}

.wcu--box{ margin-bottom: 30px;}



@media (min-width: 1200px) {

  .wcu--box{ margin-bottom: 50px;}

}



@media (max-width: 768px) {

  .sbu-sec .sbu-row{ display: grid; grid-template-columns: auto auto; justify-content: center;}

  .sbu-sec .sbu-box{margin: 0px 5px 10px; max-width: 150px;}

  .sbu-sec .sbu-box h4{ font-size: 14px; line-height: 18px;}

  .sbu-img{ margin-bottom: 5px;}

}



@media (max-width: 1023px) {

  .sbu-sec .sbu-box h4{ font-size: 14px; line-height: 18px; font-family: var(--font-medium);}

  .sbu-img{ margin-bottom: 5px;}

}



@media (min-width: 768px) {

  .sbu-sec .sbu-row{ display: flex; justify-content: space-between;}

  .sbu-sec .sbu-box{margin: 0px 5px 10px; max-width: 220px;}

  .sbu-img{ margin-bottom: 10px;}

}



@media (min-width: 1024px) {

  .sbu-img{ margin-bottom: 10px;}

}



@media (min-width: 1500px) {

  .sbu-sec .sbu-box{max-width: unset;}

}



.adv-dis-sec{background: linear-gradient(to bottom, #f3fffa 0%,#f3fffa 50%,#fdf5ff 50%,#fdf5ff 100%);}

.adv-dis-box{ padding: 20px 0px 0px;}



@media (min-width: 768px) {

  .adv-dis-sec{background: linear-gradient(to right, #f3fffa 0%,#f3fffa 50%,#fdf5ff 50%,#fdf5ff 100%);}

  .adv-dis-box{ max-width: 433px; margin: auto; padding: unset;}

}



@media (min-width: 1366px) {

  .adv-dis-box{ max-width: 533px;}

}



.sand-price-table .spt-box{ width: 100%; margin-bottom: 5px;}

.sand-price-table .spt-titl{ padding: 20px 20px; margin: 0; list-style: 0; color: #fff; text-align: center;}

.sand-price-table .spt-desc{ padding: 20px 20px;}

.sand-price-table .spt-desc ul{ padding: 10px 0px 0px 0px;}

.sand-price-table .spt-desc ul li{ list-style-type: none; padding-left: 25px; position: relative;}

.sand-price-table .spt-desc ul li:before{ content: url(../images/pr-tick.svg); position: absolute; left: 0; top: 0;}



@media (min-width: 1200px) {

  .sand-price-table .spt-desc{ padding: 20px 20px 20px 30px;}

}



.sand-price-table .spt-desc.pspt-desc ul li:before{ content: none;} 

.sand-price-table .spt-desc.pspt-desc ul li{ border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-left: 0; margin-bottom: 10px; padding-bottom: 10px;}

.sand-price-table .spt-desc.pspt-desc ul li:nth-last-of-type(1){ padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}

 

.tsb-table p{ max-width: 350px;}

.tsb-table .tsb-img{ margin: 10px 0px;}

.tsb-table tbody td{ vertical-align: middle;}

.tsb-table thead td{ font-family: var(--font-medium); vertical-align: middle; height: 50px;}

.tsb-table thead td:nth-of-type(1){ padding-left: 20px;}

.tsb-table h4{ font-size: 18px; line-height: 24px; max-width: 280px; font-family: var(--font-medium);}



@media (max-width: 767px) {

  .tsb-table h4, .tsb-table p{ font-size: 14px; line-height: 18px;}

}



@media (min-width: 1366px) {

  .tsb-table h4{ font-size: 20px; line-height: 26px; padding-left: 10px;}

}



.comod-slide-sec .typImg{ position: relative;}

.comod-slide-sec .typImg .comod-price{ position: absolute; right: 20px; bottom: 20px; background: #FAF283; border-radius: 7.5px; padding: 10px;

font-family: var(--font-medium);}



@media (min-width: 1366px) {

  .comod-slide-sec .typImg .comod-price{right: 35px;}

}



.contact-box{background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08); padding: 20px; margin-bottom: 30px; text-align: center;}



@media (min-width: 767px) {  

  .contact-box-row{ margin-top: -100px;}

  .contact-box-row{ max-width: 700px;}

}



@media (min-width: 1200px) {  

  .contact-box{ padding: 30px 30px; max-width: 445px; margin-bottom: 30px;}

  .contact--banner-inner{ position: relative;} 

  .contact-box-row{ max-width: 910px; position: absolute; left: 0; top: 150px;  margin-top: unset;}

}



.contact--modal .modal-content{padding: 20px 20px}

.contact--modal .modal-header{ border-bottom: 0;}





.diff-box{background: rgba(190, 198, 253, 0.3); border-radius: 10px; padding: 20px; width: 100%;}

.c-diff-sec .row{ max-width: 1100px; margin-left: auto; margin-right: auto;}



.error-page{ padding: 30px; background: #D32161; color: #fff;}



.our--clients-sec{display:none;}
/* Custom Css :start */
.blue-bg{
  background: #A2B0FD;
}
.lblue-bg{
  background: #EBEEFF;
}
.radius-16{
  border-radius: 16px;
}
.b-shadow{
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
}
.contact-btns .btn-blue{
background: #5D75FC;
color: #fff;
}
.contact-btns a {
  border-radius: 16px;
  background: var(--blue-blue-50, #EBEEFF);
  padding: 16px 24px;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.testimonial-main{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 55px 28px;
  border-radius: 16px;
}
.testimonial-cnt {
  padding-left: 60px;
}
.testimonial-main.one {
  background-image: url(../images/cctv/testimonial-bg-one.svg);
}
.testimonial-main.two {
  background-image: url(../images/cctv/testimonial-bg-two.svg);
}
.testimonial-main.three {
  background-image: url(../images/cctv/testimonial-bg-three.svg);
}
.testimonial-cnt p {
  height: 180px;
}
.swiper-pagination.testi-pg.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: relative;
  bottom: -30px;
}
.testi-swiper span.swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  margin: 0px 6px !important;
}
.testi-swiper span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #3553FB;
}
.packages-main{
  padding: 40px 20px;
}
.text-blue{
  color: #3553FB;
}
.dblue-bg{
  background: #3553FB !important;
}
.text-green{
  color: #4ECEAE;
}
.text-purple{
  color: #8D71F3;
}
.contact-btns .btn-green{
  background: #4ECEAE;
  color: #fff;
  }
.contact-btns .btn-purple{
  background: #8D71F3;
  color: #fff;
}
.contact-btns .btn-green:hover {
  background: #38bd9c;
}
.contact-btns .btn-purple:hover {
  background: #7259ce;
}
.commercial .testimonial-cnt p {
  height: 280px;
}
.home-constructions .testimonial-cnt p {
  height: 220px;
}
@media screen and (max-width:500px){
  .testimonial-cnt p {
    height: 240px;
}
.testimonial-cnt{
  padding-left: 0px;
}
.commercial .testimonial-cnt p {
  height: 360px;
}
.home-constructions .testimonial-cnt p {
  height: 285px;
}
.villa-constructions .testimonial-cnt p {
  height: 278px;
}
}
@media screen and (min-width:768px) and (max-width:1080px){
  .villa-constructions .testimonial-cnt p {
    height: 150px;
}
  .testimonial-cnt p {
    height: 100px;
}
.commercial .testimonial-cnt p {
  height: 150px;
}
.tab-reverse{
  flex-direction: column-reverse;
}
.home-constructions .testimonial-cnt p {
  height: 160px;
}
}
/* Custom Css :END */

/* ------------------Start: New Styels ----------------------  */

.bg-blue03 {
  background-color:#788CFC;
}

.c-border {
  border-radius: 124px 0px;
}

.testimonial-main.four {
  background-image: url(../images/z-electrical-contractors-in-bangalore/testimonial-orange-bg.png);

}

/* -------------------End: New Styels ----------------------  */

.c-sec-bg {
    background-color: #C0CAFE;
}

.c-box {
    background-color: #ffffff;
}

.c-pb {
    margin-top: 24px;
}

.c-pt {
    padding-top: 24px;
}

.accordion-header .acc-btn {
    font-size: 20px;
}

.c-blog-box {

    border: 1px solid #000 !important;
}

.c-blog-box .hblog--box-txt {
    padding: 10px 0px 10px;
}

@media (min-width: 1200px){ 

    .c-client .swiper-button-next.ind-next {
    display: none;
}

.c-client .swiper-button-prev.ind-prev {
    display: none;
}

.c-client .swiper-pagination.ind-pagi.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
       
} 


@media (max-width: 700px){ 

    .c-sm-pb {
        padding-bottom: 20px;
    }
       
}
/*fire hydrant*/
.fire-hy-bg{background:#A2B0FD;border-radius:16px;}
.fire-supply-new{background:url(../images/fire-hydrant/fire-supply-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
.fire-supply-new h2{color: var(--blue-blue-50, #EBEEFF);}
.mt-35{margin-top: 35px;}
.fw-semibold{font-weight: 600;}
.applications-new .overlay-text{position: relative; margin-top: -40px; left: 15px;top:-10px ;}
.new-testimonial .testimonial-cnt p{height: unset !important;}
.new-testimonial .swiper-slide{display: flex;align-items: stretch;height: auto;}
.accessories .overlay-text{position: relative; margin-top: -40px; left: 15px;top:-10px ;}

/*home page updation*/
 .services-section .slider-head{position: absolute;top: 0px;padding: 20px;}
.services-section .image-content .slider-content{position: absolute; bottom: -100%; padding: 20px;visibility: hidden;transition: 0.5s; }
        .services-section .image-content:hover .slider-content{bottom: 0% !important ;visibility: visible; }
        .services-section .swiper-slide .image-content:before{width: 100%;position: absolute; content: ' ';display: block;height: 100%; background: linear-gradient(0deg, #000 33.36%, rgba(0, 0, 0, 0.00) 100%); transition: 0.5s ease-in;opacity: 0;}
        .services-section .swiper-slide .image-content:hover:before{ background: linear-gradient(0deg, #000 33.36%, rgba(0, 0, 0, 0.00) 100%);transition: 0.5s ease-in; opacity: 1;}
        .services-section .fs-22{font-size: 22px;}
        .services-section .slider-content p{font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
       @media (min-width: 1000px){
            .testimonials-sec .new-img img{bottom: -5px;}
        .testimonials-sec .new-img-1 img{bottom: -26px;}
        .testimonials-sec .new-img-2 img{bottom: -38px;}
       }
      @media (max-width: 1000px){.testimonials-sec .align img{margin-bottom:-9em !important;}}
          .testimonials-sec .swiper-pagination{ bottom: -30px !important;}
        /*.services-section .swiper-pagination{ bottom: -40px !important;}*/
        .services-section .swiper-slide{margin-bottom: 50px;}
        .over-unset{overflow:unset !important;}
        .testimonials-sec .swiper-pagination-bullet, .services-section .swiper-pagination-bullet{background-color: #3948FF;width: 8px;height: 8px;}
        .testimonials-sec .swiper-pagination-bullet-active, .services-section .swiper-pagination-bullet-active{width: 20px;border-radius: 10px;}
        .interior-designers-bangalore-pg .fire-supply-new {
            background: url(../images/interior-designers/work-us-bg.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            padding: 90px 0px;
        }
        .interior-bnr{
            height: 100vh;
        }
        @media screen and (max-width:500px){
            .interior-bnr{
                height: 50vh;
            }  
        }
        @media screen and (min-width:768px) and (max-width:1080px){
            .interior-bnr{
                height: 30vh;
            }  
        }
        .bg-blue03 {
  background-color:#788CFC;
}

.c-border {
  border-radius: 124px 0px;
}

.testimonial-main.four {
  background-image: url(../images/z-electrical-contractors-in-bangalore/testimonial-orange-bg.png);

}
.c-shadow { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); }
.testimonial-main.five {
  background-image: url(../images/plumbing-contractors-in-bangalore/testimonial-bg.png);

}


.bg-lll-blue{background-color: #EBEEFF;}
.bg-lll-blue .fs-20{font-size:20px; line-height:30px; font-weight: 400; color: #000;}


/* modular-kitchen-showroom-in-coimbatore START */
.fs-20{font-size: 20px;}.fs-16{font-size: 16px !important;}.fw-700{font-weight: 700;}.fw-500{font-weight: 500;}.fw-600{font-weight: 600 !important;}.fw-800{font-weight: 800;}.fw-300{font-weight:300;}
.btn-rounded-16{border-radius: 16px !important;padding-top: 16px !important;padding-bottom: 16px !important;}.fs-32{font-size:32px !important;}
.why-settle-container.purple{background-color: #A2B0FD;padding: 60px;display: flex;justify-content: center;flex-direction: column;align-items: center;border-radius: 16px;}
.white-btn-ct-us{background-color: #EBEEFF;padding: 16px 24px;}
.purple-sci-section{background-color: #788CFC;border-top-left-radius: 128px;border-bottom-right-radius: 128px;padding: 60px;}
.erg-sec-bg{background-color: #EBEEFF;}
.strategic-container{position: relative;background-repeat: no-repeat!important;background-size: cover!important;background-position: center center!important;height: 280px;overflow: hidden;}
.strategic-container .normal-content h3{font-size:32px;font-weight:800;}
.strategic-container.cont-1{background: url('../images/modular-kitchen-showroom-in-coimbatore/placement-sec-img1.png');}
.strategic-container.cont-2{background: url('../images/modular-kitchen-showroom-in-coimbatore/placement-sec-img2.png');}
.strategic-container.cont-3{background: url('../images/modular-kitchen-showroom-in-coimbatore/placement-sec-img3.png');}
.normal-content{height: 100%;display: flex;align-items: center;justify-content: center;}
.hover-content{height: 100%;align-items: center;justify-content: center;background: #000000B2;display: flex;  top: 100%; left: 0;transition: top 0.5s ease;position: absolute;}
.strategic-container:hover .normal-content{display: none;}
.strategic-container:hover .hover-content{top: 0;}
.text-grey{color: #A6A6A6;}.bg-black{background-color: #212121;}.bg-purple{background-color: #A2B0FD;}
/* modular-kitchen-showroom-in-coimbatore END */

/* modular-kitchen-price-in-showroom-START */
.relgrow-worth-container{background-color: #F9FAFF;padding: 20px;border-radius: 16px;}
.avg-module-table-parent{background-color: #C8F0E6;padding: 80px;border-radius: 16px;position: relative;}
.green-ring{position: absolute;left: 0;bottom: 0;}.green-ring img{border-bottom-left-radius: 16px;}
.table-of-avg-module{background-color: white;}
.table-of-avg-module table{width: 100%;text-align: center;}
.table-of-avg-module table th, td{padding: 20px 30px;font-size:20px;}.fs-12{font-size: 12px;}
.border-bottom-n{border-bottom: 1px solid black;}.border-right-n{border-right: 1px solid black;}.border-bottom-dashed{border-bottom: 1px dashed black;}
.strategic-container.kitch-pric-1{background-image: url('../images/modular-kitchen-price-in-coimbatore/kitch-pric-img1.png');}
.strategic-container.kitch-pric-2{background-image: url('../images/modular-kitchen-price-in-coimbatore/kitch-pric-img2.png');}
.strategic-container.kitch-pric-3{background-image: url('../images/modular-kitchen-price-in-coimbatore/kitch-pric-img3.png');}
.strategic-container.kitch-pric-4{background-image: url('../images/modular-kitchen-price-in-coimbatore/kitch-pric-img4.png');}
.purple-content-sec{border-radius: 16px; padding: 30px;}
.clever-container ul{list-style: none;padding-left: 0;}
.clever-container ul li{position: relative;padding-left: 30px;margin-bottom: 15px;font-size: 16px;line-height: 20px;}
.clever-container ul li::after{background-image: url('../images/modular-kitchen-price-in-coimbatore/clever-li-icon.svg');background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;;left: 0;top:0;content: '';width: 20px;height: 20px;}
.strategic-container.diff-need-1{background-image: url('../images/functional-stylish-modular-designs/diff-need-img1.png');}
.strategic-container.diff-need-2{background-image: url('../images/functional-stylish-modular-designs/diff-need-img2.png');}
.strategic-container.diff-need-3{background-image: url('../images/functional-stylish-modular-designs/diff-need-img3.png');}
#accordionFAQ .accordion-header .accordion-button{font-size: 20px;font-weight: 700;}
#accordionFAQ .accordion-body{font-size: 20px;font-weight: 300 !important;}

@media (max-width:768px){
  .purple-sci-section{border-top-left-radius: 64px;border-bottom-right-radius: 64px;padding: 40px;}
  .avg-module-table-parent{padding: 35px;}
  .table-of-avg-module table th,td{padding: 10px 15px;}
  .green-ring img{width: 50% !important;}
  }
/* modular-kitchen-price-in-showroom-END */


/* newHome Relgrow CSS - START */
.newhomepage .homeBannerSwiper.swiper {width: 100%;height: 100%;}
.homeBannerSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homeBannerSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fs-18{font-size: 18px;}
.newhomepage .newHome_bnr .slider_Banner{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;height: 90vh;width: 100%;}
.newhomepage .newHome_bnr .slider_Banner.bnr1{background: url('../images/newhome/home_bnr1.png');}
.newhomepage .newHome_bnr .slider_Banner.bnr2{background: url('../images/newhome/home_bnr2.png');}
.newhomepage .newHome_bnr .slider_Banner.bnr3{background: url('../images/newhome/home_bnr3.png');}
.newhomepage .newHome_bnr .slider_Banner.bnr4{background: url('../images/newhome/home_bnr4.png');}
.blue-rounded-btn{background: #3948ff;border-radius: 23px;color: #fff;font-size: 12px;padding: 3px 10px;border: 0;width:fit-content;align-self: center;font-weight: 500;font-size: 18px;transition: all 0.2s ease;}
.blue-rounded-btn:hover {scale: 1.05;transition: all 0.2s ease;}
.dcc-wrapper{height: 100%;text-align: center;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.dcc-parent{width: 20%;height: 250px;border: 1px solid rgba(217, 217, 217, 1);padding: 15px 9px;}
.dcc-grandparent{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 40px;}
.bg-l-blue{background: rgba(249, 250, 255, 1);}
.area-wrapper-ind-col{transition: transform 0.3s ease;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);border-radius: 10px;padding: 20px;height: 100%;}
.area-wrapper-ind-col.col-bg-violet{background: rgba(238, 237, 252, 1);}
.area-wrapper-ind-col.col-bg-green{background: rgba(225, 251, 240, 1);}
.area-wrapper-ind-col.col-bg-pink{background: rgba(244, 225, 251, 1);}
.area-wrapper-ind-col.col-bg-yellow{background:rgba(255, 253, 219, 1);}
.area-wrapper-ind-col.col-bg-pblue{background:rgba(234, 244, 255, 1);}
.area-wrapper-ind-col.col-bg-pred{background:rgba(255, 234, 234, 1);}
.area-wrapper-ind-col:hover{transform: translateY(-10px);transition: transform 0.3s ease;}
.serv-real-estate-col{display: flex;justify-content: center;align-items: center;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);padding: 20px 18px;border-radius: 10px;height: 100%;min-height: 170px;}
.serv-real-estate-col.blue-dark{background: rgba(57, 72, 255, 1);}
.blue-rounded-btn.white-bg{background: white;color: rgba(57, 72, 255, 1);}
.blue-rounded-btn.white-bg a{color: rgba(57, 72, 255, 1);}
.design-sol-container{background: rgba(238, 237, 252, 1);}
.design-sol-container .blue-rounded-btn{align-self: flex-start;}
.design-serv-col{border-radius: 10px;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);overflow: hidden;height: 100%}
.design-serv-col.bg-darkblue{background: rgba(57, 72, 255, 1);display: flex;justify-content: center;align-items: center;}
.design-serv-col .img-wrapper{overflow: hidden;}
.design-serv-col .img-wrapper img{transition: all 0.3s ease;}
.design-serv-col:hover .img-wrapper img{scale: 1.1;transition: all 0.3s ease;}
.light-border-air{height: 100px;width: 1px;background:rgba(0, 0, 0, 1);}
.y-choose-content .inner-content-y-choose{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.y-choose-content{display: flex;justify-content: center;align-items:start;padding: 30px 20px;height: 100%;}
.border-bottom-cus{border-bottom: 1px solid rgba(0,0,0,1);}
.archSwiper.swiper {width: 100%;height: 100%;}
.archSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.archSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archSwiper .enquire-now-cta a{position: relative;display: inline-block;text-decoration: none;padding-right: 25px;}
.archSwiper .enquire-now-cta a:hover::after{right: -5px;transition: all 0.2s ease;}
.archSwiper .enquire-now-cta{font-size: 18px;font-weight: 500;}
.archSwiper .enquire-now-cta a::after{position: absolute;height: 24px;width: 24px;background: url('../images/newhome/enq-cta.svg');transition: all 0.2s ease;top: 5%;right: 0;content: '';}
.archSwiper .swiper-pagination{position: absolute;margin-top:40px;}
.archSwiper .swiper-pagination .swiper-pagination-bullet-active{background: #3948FF;width: 20px;border-radius: 20px;}
.sustainableSwiper.swiper {width: 100%;height: 100%;}
.sustainableSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sustainableSwiper .swiper-slide img {
  width: auto;
  height: 100%;
  object-fit: cover;
}
.sustainableSwiper .swiper-pagination-sus{display: flex;justify-content: center;align-items: center;}
.sustainableSwiper .swiper-pagination-sus .swiper-pagination-bullet-active{background: #3948FF;width: 20px;border-radius: 20px;}
.material-slider.site--slider .swiper-button-next::after{content: url(../images/sicon-right-round.svg) !important;}
.material-slider.site--slider .swiper-button-prev::after{content: url(../images/sicon-left-round.svg) !important;}
.testiSwiper .swiper-pagination-testi{display: flex;justify-content: center;align-items: center;}
.testiSwiper .swiper-pagination-testi .swiper-pagination-bullet-active{background: #3948FF;width: 20px;border-radius: 20px;}
.testiSwiper.swiper {width: 100%;height: 100%;padding-bottom: 50px;}
.testiSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.testiSwiper .swiper-slide img {
  width: auto;
  height: 100%;
  object-fit: cover;
}
.newhomepage p,
.newhomepage ul,
.newhomepage li {
  color: rgba(0, 0, 0, 1);
}
.newhomepage .stats-box{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.testiSwiper .test-cards{background: url('../images/newhome/testi-cards-bg.png');background-repeat: no-repeat;background-size: cover;background-position: left;min-height: 330px;max-width: 650px;border-radius: 20px;display: flex;justify-content:space-between;padding: 15px 25px;flex-direction: column;}
.testiSwiper .test-name-desig{display: flex;justify-content: space-between;}
.testiSwiper .swiper-pagination-testi{position: absolute;margin-top:40px;}
.para-test-content{margin-bottom: 20px;}
.rm-link a::after{transition: all 0.2s ease;}
.rm-link a:hover::after{right: -15px;transition: all 0.2s ease;}
.para-test-content{padding-top: 55px;}



@media (min-width:1560px){
  .design-sol-container{max-width: 1400px;}
  .max-test-container{max-width: 1400px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .spcl-col{display: flex;width: 51.5%;}
  .col-l{padding-top: unset;margin-top: -27px;padding-left: 20px;}
}
@media (max-width:991px){
  .border-bottom-cus-mob{border-bottom: 1px solid rgba(0,0,0,1);}
}
@media (max-width:768px){
  .dcc-grandparent{flex-wrap: wrap;gap: 16px;}
  .dcc-parent{width: 45%;height: 200px;}
  .design-sol-container .blue-rounded-btn{align-self: center;}
  .dcc-wrapper{justify-content: center;}
  .dcc-wrapper h4{font-size: 18px !important;line-height: 22px;}
  .archSwiper.swiper {padding-bottom: 40px;}
  .testiSwiper.swiper {padding-bottom: 40px;}
  .sustainableSwiper.swiper {padding-bottom: 40px;text-align: start;}
}

@media (max-width:650px){
  .serv-real-estate-col{display: block;}
  .testiSwiper .test-name-desig{display: block;}
  .testiSwiper .test-cards{background-position: left;height:480px;}
  .para-test-content{padding-top: 80px;}
  .para-test-content{margin-bottom: 0px;}

}
/* newHome Relgrow CSS - END */