/* machining uichanging ends */
.menqq {opacity: 0;}
.fade {transition: opacity .15s linear;}
.show {display: flex;opacity: 1;align-items: center;}

@media (min-width: 481px) {
    .menq {
        position: fixed;
        right: 0;
        top: 45%;
        right: -90px;
        z-index: 999;
    }
    .menq li:nth-child(3),.menq li:nth-child(4),.menq li:nth-child(1) {
        display: flex;
    }
    .menq .cnow:hover {
        margin-left: -90px;
    }
    .menq .bnow:hover {
        margin-left: -150px;
    }
    .menq .wnow:hover {
        margin-right: 90px;
    }
    .menq li {
        display: none;
    }
    .menq li {
        list-style-type: none;
        border-radius: 30px 0px 0px 30px;
        height: 55px;
        padding: 0px 5px 0px 5px;
        margin: 15px 0px 15px -1px;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.3s ease-out;
        cursor: pointer;
        background: #fff;
        box-shadow: 0 0 8px 0 #d5d5d5;
    }
    .menq a span:first-child {
        background: #003a82;
        border-radius: 50%;
        display: flex;
        align-items: center;
        height: 40px;
        justify-content: center;
        width: 40px;
    }
    .menq a {
        display: flex;
        align-items: center;
        gap: 0px 15px;
    }
    .menq a svg {
        width: 30px;
        height: 30px;
    }
    .menqq .wnow:hover {margin-left: -100px;}.menqq .cnow:hover {margin-left: -90px;}.menqq .bnow:hover {transform: translateX(-110px);}.menqq {position: fixed;right: 0;top: 65%;right: -110px;z-index: 999;}.menqq li {display: flex;}.menqq a span:first-child {background: #003a82;border-radius: 50%;display: flex;align-items: center;height: 40px;justify-content: center;width: 40px;}.menqq li {list-style-type: none;border-radius: 30px 0px 0px 30px;height: 55px;padding: 0px 5px 0px 5px; margin: 15px 0px 15px -1px;
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.3s ease-out;cursor: pointer;background: #fff;box-shadow: 0 0 8px 0 #d5d5d5;}.menqq a {display: flex;align-items: center;gap: 0px 15px;}.menqq a svg { width: 30px;height: 30px;}
}



@media (max-width:480px){.dtl-cnt p:last-child{width:100%;}.map{margin-top:20px;}.c-frm .row{padding:0px 0px;background:transparent;}.cnt-dtl{padding:20px 0px 0px;}
    .copyright .container p{text-align:center;}.copyright .container a{white-space:nowrap;}.effect{filter:none;}
    .cnt-dtl h2{margin-bottom:10px;}#form .f-row{border-radius:0px;padding:20px 10px;} 
    .enquiry p{font-size:20px;line-height:20px;}.banner {height: 400px;}.cbtn{padding:10px 15px;}    
    .ch2{font-size:32px;line-height:35px;}.ch3{font-size:22px;line-height:20px;}.wus .container::after,.vmcnt,.infraslider .owl-dots,.flogo p{display:none;}
    .rslider .owl-dots{margin-top:10px;}.rslider{width:100%;}.submit input{width:150px;}
    .sse {bottom: 0px !important;transform: none !important;writing-mode:horizontal-tb !important;width: 100%;text-align: center;display: inherit;grid-template-columns: repeat(2, 1fr);}.copyright{padding-bottom:0;}.contactpage .copyright{padding-bottom:0px;}.side-menu-wrap {width: 100%;}
    .dtl-icn svg{width:20px;}.dtl-lst{gap:10px;}.dtl-icn{width:30px;height:30px;}
    .fn20 {font-size: 18px;}.dtl-cnt{width:100%;}.habt1 a{margin-bottom: 0px;}
    .textWrapper span, .textWrapper .bh1{font-size:25px;}.awrap{margin-top:60px;}.fcont .fbold{font-size:26px;}
    .hbloglist p,.t1 p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}.sub-banner{height:120px;}.breadcrumb{padding:8px 0px;}.fdcnt,.sncnt,.gmcnt,.agcnt,.otherscnt,.mhide,.habt1 h3,.flogo img,.banner .swipernav, .habt .lgrey,.fcol5 ul.mt1,.abtvideo .tblack{display:none;}.othersl,.agl,.gml,.snl,.fdl{display:flex;}
    .fdcnt ul,.sncnt ul,.gmcnt ul,.agcnt ul,.otherscnt ul{margin-bottom:10px;}.abtsec .mbtn{display:inline-flex;}
    .textWrapper p,.nslider .f16{display:none;}.textWrapper .d-flex{justify-content:center;width:100%;}.textWrapper{padding:10px;bottom:-20px;justify-content:center;align-items:flex-start;}.textWrapper .bh1{margin-bottom:0px;text-align:left;padding:0px 20px;}
    .facts{flex-wrap:wrap;}.facts{border-bottom:0px;}.facts .fdata{flex-direction:column;text-align:center;}.fdata p{text-align:center;}.ficon{width:auto;height:auto;}.prod-sec .btn-aln {margin-top:40px;}
  .hprow img, .hprow1 img{height:200px;object-fit: cover;
        object-position: left bottom;}.hp21 h3, .hpr2 h3{width:100%;text-align:center;}.pspace{padding:40px 0px;}.rslider::after,.enquiry{display:none;}.rslider{margin-top:20px;}
    .rslider .owl-item{padding:20px;}.hblog .carrows .owl-prev, .hblog .carrows .owl-next{position:relative;}.hbloglist .owl-nav,.hproject .owl-nav{text-align:right;padding:20px 20px 0px;}
    .hblog .carrows .owl-prev{left:0px;}.side-menu-wrap{padding-top:80px;}.header-sticky .side-menu-wrap{padding-top:80px;}.swiper .swiper-wrapper .swiper-slide{height:100%;}
    .habt{margin-top:0px;}.hp1 h3, .hpr1 h3{font-size:24px;margin-bottom:0px;}.hprod h2{margin-bottom:20px;}.pirow h2{font-size:16px;padding:10px;}
    .pirow{gap:10px;}.w80 .ch3,.wcus h2{font-size:17px;}.sub-banner h1{font-size:26px;line-height:1;}.mpb25{padding-bottom: 25px;}.brbg .mb3{margin-bottom:20px;}
    .psrow .pr1 h2{padding:0px;font-size:18px;}.project-slide .carousel-indicators img,.project-slide .carousel-indicators button{width:70px;height:50px;}
    .modal-dialog{width:90%;}.modal1 .modal-body{padding:10px;}.clientslider .owl-prev{left:-20px;}.clientslider .owl-next{right:-25px;}.clientlist{grid-template-columns: repeat(2,1fr);}
    .habt .linec, .strength p,.mline{-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}.aslide h1{margin-bottom:30px;}.infraslider .owl-nav,.infraslider .owl-prev, .infraslider .owl-next{position:relative;}
    .infraslider .owl-prev, .infraslider .owl-next{left:auto;right:0;}.infraslider .owl-nav{display:flex;justify-content:flex-end;margin-top:20px;gap:15px;}
    .mcenter h2,.mcenter h3{text-align:center;}.sse a{display: flex;justify-content: center;padding:10px;}
    .pslides span{width: 30px;height: 30px;}.pslides .swiper-button-next, .pslides .swiper-button-prev{top:45%;}.pslides svg{width:20px;}
    .contactbanner{background-position:left;}.aboutbanner{background-position:right;}.imgar{background-position:-400px 0px;}.lines{line-height:22px;}
    .whatsapp {bottom:3rem;right:0.75rem;}.whatsapp svg {width: 36px;height: 36px;}.senq{padding:5px;}.header-logo svg{width: 170px;}.sp-active svg{width:130px;}.carrows svg {width: 35px;height: 50px;}
    header{padding:0px 0px;}.habt1{padding:10px;}.tabspace a{padding:10px 0px 10px 30px}.newsdesc{padding:20px;}.carrows .owl-prev, .carrows .owl-next{bottom:0px;}.carrows {padding-bottom: 70px;}
    .imglink li:before{left:-15px;width:2px;}.imglink li.active::before{height:30px;top:12px;}.ttc{text-align:center;}.bluebg .vmicon{margin-top:10px;}
    footer .container{display:flex;flex-direction:column-reverse;}.copyright .container{flex-direction:row;}
    .header-logo img{width:100px;}.infrarow{padding-top:20px;}.pbspace{padding-bottom:40px;}.abtvideo{gap:20px 0px;}.abtvideo .w75{margin-bottom:20px;}.abtvideo .f30{font-size:24px;line-height:26px;}
    .ch1{font-size:36px;line-height:38px;}.vm div{padding:20px;}.fullbg,.subbanner{height: 220px;background-position: center;}
    .line.odd{padding-left:15px;padding-right: 15px;}.mimage::before{width:50px;}.line{padding:20px 0px;}.lstart::after{height:59%;}.line.lend::after{height:36%;}.line.even{padding-right:15px;}
    .facont .ch4{margin-bottom:25px;}.mpt0{padding-top:0px;}.shape::after{width:250px;}.shape .awrap{margin:0px;}.shape{padding-bottom:0px;}
    #thumbs i{width:30px;height:30px;}#thumbs img{width:100px;}#big{padding:20px 0px;}#big h3{text-align:center;padding:0px 10px 5px;}
    .clist .bluebg{display:none;}.clist .strength{grid-template-columns:100%;}.clist .tab-pane{display:block;opacity: 1;}.clist h2{display:block;}
    .clist .tab-content > div{margin-bottom:40px;}.clist .tab-content > div:last-child{margin-bottom:0px;}.certificates{padding-top:10px;}.certificates a{padding:5px;}
    .certificates p{font-size:14px;}.awardsrow{column-count:2;column-gap:10px;}.awardsrow div{padding:8px;margin-bottom:10px;}.grid6.infraslider .owl-dots{display:block;}
    .facts{gap:30px 0px;}.yelbor .vlink{border-width:10px;}.side-menu-close{width:25px;}.c-add .pt5{padding-bottom:10px;}
    .pnt5{top: 31% !important;}.pnt6{top: 53% !important;}.pnt2{top: 14% !important;}.pnt3{top: 18% !important;left: 75% !important;}
    .pnt4{top: 46% !important;left:66.5% !important;}.enqcircle,.enqcircle::after, .enqcircle::before{width:60px;height:60px;}.enqcircle{bottom:0px;right:-20px;left:auto;display:none;}
    .seform .modal-dialog{width:100%;}.enqcircle svg{width:26px;height:26px;}
    /*.bslide1{background:url(images/quality-castings-600x400.webp) !important;}.bslide2{background:url(images/reliable-casting-solutions-600x400.webp) !important;}.bslide3{background:url(images/quality-control-gates-600x400.webp) !important;}.bslide4{background:url(images/two-decades-excellence-in-casting-solutions-600x400.webp) !important;}*/
    .swiper-button-prev{left:10px;opacity:1 !important;}.swiper-button-next{right:10px;opacity:1 !important;}.wus{padding-top:0px;}
    .milestonebanner{background-position:-1300px top;}.enqcircle span{display:block;font-size:16px;font-weight:500;}.enqcircle a{display:flex;width:100%;gap:10px;padding:8px;}.enqcircle{width:100%;border-radius:0px;bottom:0;right:0px;height:auto;
        transform:none;line-height:0px;}.enqcircle::after, .enqcircle::before{width:100%;height:100%;}.arbanner{background-position: right;}.depdbanner{background-position: right;}
    .certbanner{background-position:-1100px center;}.ambanner{background-position:-1000px center;}.ogbanner{background-position: -1000px bottom;}.windbanner{background-position: right;}
    .inspirebanner{background-position:-1200px top;}.mpbanner{background-position: -970px center;}.clientbanner{background-position:-1100px center;}
    .subbanner .ch1{font-size:30px;line-height:32px;}.msbanner,.plbanner{background-position:-900px top;}.tqabanner{background-position:-1300px top;}
    .csrbanner{background-position:-500px top;}.newsdesc .date{position:relative;bottom:0;}.nslider .owl-item{padding-bottom:0px;}.newsdesc h3{font-size:20px;}
    .habout .habt h2{font-size:24px;line-height:28px;}.bgpad {padding: 0px 15px 0px;}.awardsrow{grid-template-columns: repeat(1,1fr);}
	.swiper-pagination{display:block;bottom:0px;}	.swiper-pagination-bullet{margin: 0px 10px;}.ficon img{width:45px;}.fcont p:last-child{font-size:15px;}.facts{grid-template-columns: 45% 55%;}.grid46{margin-bottom: 25px;}.pgrid{margin:15px 0px 20px;}
	.banner .btnwrap{display:flex;margin-top:15px;padding-left:20px;}.banner .btnwrap a,.mview{display:block;}.banner .cbtn{padding: 5px 10px;font-size:14px;}
	.habt .my2.ch2{margin-top:0px;}.copyright .left a{font-size:10px;}.fcol5 h2.mt2{margin-top:0px;}#abtvideo .abtvideo{gap:10px 0px;}#abtvideo .facts{margin-top:40px;}.vm::after{top: 160px;}
	.facility .fimg img{content:url('images/kcti.html');}.si-email{width:100%;}.si-email a{padding:5px 0px;}.cnt-sicon{align-items: flex-start;}.mmt5 svg{margin-top:5px;}
	.c-form-col{order: 1;}.c-add{order: 2;}.subbanner{align-items:flex-end;}.subbanner .container{margin-bottom:30px;}.breadcrumb a{font-size:14px;}
	.grid-2 .sbc1:first-child{justify-content: center;}.grid-2 .sbc1:first-child p{margin-bottom:20px;}.contactpage .boxform{width:100%;}
    .csrbanner p{width:100%;}.csrbanner{background-position:left;}.hh2 {font-size: 28px;line-height: 28px;}.plus::after {font-size: 25px;}.ser-grid {grid-template-columns: repeat(1, 1fr);}
	.ser-grid .ser-col:nth-child(2)::before {width: 0;}.serslider .owl-dots .owl-dot span {width: 15px;height: 3px;display: block;}.owl-carousel .owl-dot {border-radius:0;width: 25px;height:3px;}
	.ser-grid .owl-dots {text-align:right;margin: 0px 5px !important;}.ser-grid .owl-dot.active {background: #000 !important;}.ser-grid {margin-top: 50px;}.clslider .owl-dots {text-align:right;}
	.ch2{font-size:34px !important;margin-bottom:20px;}.cnt-hd {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;text-align:center;}.mapfl {margin-top: 25px;padding-top: 25px;}.blg-cnt .ch3 {margin: 30px 0;}
	.apcol {gap: 20px;}.mapfl .ch3 {font-size: 20px;line-height: 26px;letter-spacing: -1px;font-weight: 600;}.qimg img {height: 350px;}
	.blogslider .owl-dots {margin-top: 30px;}.owl-carousel .owl-dot {width: 17px !important;}.blg-cnt .ch3 {font-size:20px;line-height:25px;}.bpara {font-size: 17px;line-height: 23px;}.blogslider .owl-nav{display:block;}
	.qat h3 {font-size: 25px;line-height: 30px;}.foimg .qat-c {bottom: 30px !important;}.qat-c {bottom: 20px;}.stoinf .dcnone{margin-top: 40px;}.carrows .owl-next {right: 10px;}
	.carrows .owl-prev {right: 45px;}.comb {margin-bottom: 20px}.infra-sec .ch2 {font-size: 26px;line-height: 26px;}.tabspace a {padding: 10px 10px;}
	.scrtabs-tab-scroll-arrow-left, .scrtabs-tab-scroll-arrow-right {top: 35%;}.scrtabs-bootstrap4 {margin-top: 15px;}.scroll-card-body {padding-top: 0;}.abtvj-sec::before, .banner::after, .circle::before {display:none;}.swiper-pagination::after {display:none;}.pslider img {width:250px !important;}.scrtabs-tabs-movable-container .appicon-grd svg {width: 45px;}.apcon-chd {gap:0;}.tabspace a::after {bottom: -8px;}
	.stoinf, .prod-sec {padding-bottom:55px;}.abt-vj {padding-top:0;}.foimg .para {display:block !important;}.foimg .ch3 {margin-bottom:20px !important;}.qat-cc {transform: translateY(76%) !important;}
	.qat-c {transform: translateY(60%);}.qat h3 {margin-bottom:15px;}.pbold {font-size: 24px;line-height: 23px;}.sticky {top: 86px;}.abtcsec .fcont p {margin-top:5px;}
	.vsn .cogrid:nth-child(2) .bpara {font-size: 16px;line-height: 24px;}.visions .bpara {font-size: 20px;line-height: 27px;}.vsn .cogrid:nth-child(2) {margin-top: 20px;}
	.clientgrid {grid-template-columns: repeat(2, 1fr);gap: 20px 15px;}.clientgrid .climg {padding: 10px;}.subbanner::after {background-size: 245px;}.subbanner::after, .subbanner::before {left: -50px;}
	.subbanner::before {background-size:315px;}.infra {grid-template-columns: repeat(1, 1fr);gap: 30px;}.apara {font-size: 16px;line-height: 24px;}.pimg {gap: 40px 15px;}
    .pimg p {font-size: 14px;line-height: 20px;width: 80%;padding: 0;margin: auto;}.trpage li a {font-size: 18px;}.trbtn {margin-top:30px;}.infcogrid img {height:auto;}.crev {gap: 25px;}.infcogrid .fcont .fbold {font-size: 38px;}
    .infcogrid .infser .fcont .nonb {margin-top: 10px;}.infcogrid .cont {margin-top:10px !important;}.f-list {grid-template-columns: repeat(1, 1fr);}
	.form-group {margin-bottom: 10px;}.f-list {gap: 0;}.form-control {font-size: 15px;font-family:'hind', sans-serif;height:calc(2.4em + 0.75rem + 2px);padding:0.375rem 15px 0.375rem 15px;}
	.submit .cbtn {padding: 12px 31px;}.submit input {width: 125px;}.contactus .lgrnbg .mb3 {margin-bottom: 30px;}.ifmap iframe {height: 280px;}.firm {margin-bottom: 20px;font-size: 22px;
    line-height: 28px;}.contactus .absec .hh2 {margin-bottom:20px;}.cnt-det {padding: 35px 0 10px 0;}.app-brd {margin-left: 50px;}
	.app-brd::after {left: -50px;}.line.odd .mimage::before {left: -50px;}.app-brdl {margin-right: 50px;}.app-brdl::after {right: -50px;}.line.even .mimage::before {right: -50px;}
	.app-brdl:before, .app-brd::before {width: 114%;}.app-brd::before {left: -50px;}.line.even {padding-left: 15px}.line {border:0px;}.app-brdsrt {padding-top: 50px;}

	.app-brd .ch4, .app-brdl .ch4 {font-size: 30px;top: -19px;padding-right: 30px;}.app-brd::after {background: #21ba55;width: 2px;}.app-brdl:before, .app-brd::before {height: 2px;background: #21ba55;}.app-brdl::after {    width: 2px;background: #21ba55;} .app-brdsrt::before {height:0;}.testslider img {width: 160px !important;}.foimg .para a {display:block;font-size: 16px;}.subbanner .ch2 {margin-top: 70px;}
	.infcogrid .bpoints li {line-height:25px;}.infcogrid .bpoints {margin-top: 15px;}.mould {margin-bottom: 25px;}.ascroll li a {padding: 15px 35px 15px 25px;}.menu-list {gap: 85px;}
	.menu-list a {font-size: 16px;font-weight: 500;}.mlc3 .mlc-title-log a {flex-direction:column;}.mlc-title-log {justify-content: center;}.mlc1 .mlc-title-log a {flex-direction: column-reverse;}
	.mlc1 .mlc-title-log:nth-child(3) a::after {left: 13px;}.mlc1 .mlc-title-log:nth-child(3):hover a::after {left: 11px;}.mlc3 .mlc-title-log:nth-child(4) a::after {	left: 25px;}
	.mlc1 .mlc-title-log:nth-child(4) a::after {left: 5px;}.mlc1 .mlc-title-log:nth-child(4):hover a::after {left: 9px;}.mlc3 .mlc-title-log:nth-child(4):hover a::after {left: 25px;}
    .mlc3 .mlc-title-log:nth-child(3) a::after {left: 25px;}.mlc3 .mlc-title-log:nth-child(3):hover a::after {left: 25px;}.mlc3 .mlc-title-log:nth-child(1) a::after {left: 15px;}
    .mlc3 .mlc-title-log:nth-child(1):hover a::after {left: 12px;}.mlc1 .mlc-title-log:nth-child(1) a::after {left: 19px;} .mlc1 .mlc-title-log:nth-child(1):hover a::after {left: 15px;}
	.mlc1 .mlc-title-log:nth-child(2) a::after {left: 25px;}.mlc1 .mlc-title-log:nth-child(2):hover a::after {left: 20px;}.ev-cont .ch3 {font-size: 20px;line-height: 25px;        letter-spacing: 1px;}
	.org-grid {grid-template-columns: repeat(1, 1fr);gap: 20px 20px;}.melimg {align-items: center;gap: 20px;flex-direction: column;}.tstr p {font-size: 15px;}
	.noslider .owl-item img {display: block;width: 250px!important;}.d-block.enbtn.cbtn.ccbtn {display:none !important;}.para {font-size: 16px;line-height: 24px;}
	.bbtn {font-size:15px;}.infra p {height: auto;}.pql {padding: 5px 5%;}.trpage li a {gap:25px;}.button-icon svg {width: 35px;height: 35px;}
	.popup-youtube img {border-radius: 30px;}.carrows {padding: 10px 0 40px 0;}.p2slider .owl-dots, .p3slider .owl-dots {margin-top: 20px;width: 80%;margin:20px auto 0 ;}
	.tst p {font-size: 16px;line-height: 24px;}.side-menu-nav .main-menu .sub-menu a {font-size: 15px;padding: 12px 18px;}.sub-menu a {border-bottom: 1px solid #ccc;}
	.app-brdsrt::after {height: 59%;}.foundry-grid {grid-template-columns:repeat(1, 1fr);}.p2slider .owl-item img, .p3slider .owl-item img {width: 235px;}
	.prd-slider .owl-nav button, .foundry-grid .owl-nav button {width: 37px;height: 37px;left: -15px;}.prd-slider .owl-nav .owl-next, .foundry-grid .owl-nav .owl-next {right: -15px;}.tframe {border-radius: 30px;}.tframe .ch3 {padding: 8px 15px;}
	.mbhd {margin-top: 20px;}.faq-singular .faq-question {font-size: 20px;padding: 10px 25px;}.contents .ch5 {font-size: 20px;}.thanks {font-size: 24px;line-height: 28px;}
	.menq {position: fixed;right: 0;top: 45%;right: -90px;z-index: 999;}.menq li:nth-child(3),.menq li:nth-child(4),.menq li:nth-child(1) {display: flex;}
        .menq .cnow:hover {margin-left: -90px;}.menq .bnow:hover {margin-left: -150px;}.menq li {display: none;}.menq li {list-style-type: none;border-radius: 30px 0px 0px 30px;height: 55px;padding: 0px 5px 0px 5px;margin: 15px 0px 15px -1px;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.3s ease-out;cursor: pointer;background: #fff;box-shadow: 0 0 8px 0 #d5d5d5;}
        .menq a span:first-child {background: #003a82;border-radius: 50%;display: flex;align-items: center;height: 40px;justify-content: center;width: 40px;}
        .menq a {display: flex;align-items: center;gap: 0px 15px;}.menq a svg {width: 30px;height: 30px;}.whatsapp{display:block;}.foundry-grid .foimg img, .foundry-grid .qat img {height:auto;}
        .menqq {display: grid;grid-template-columns: 33% 33% 33%;text-align: center;list-style-type: none;margin: 0px;background: #1f1d5c;position: fixed;bottom: 0;z-index: 9999;width: 100%;padding: 5px 0px;}.modal-title {width: 100%;font-size: 25px;}.submit input {width: 140px;}.menqq a {line-height: 20px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: space-between;text-align: center;font-weight: 500;font-size: 14px;height: 100%;}.menqq svg {width: 30px;height: 30px;}.mvbtn {display: block!important;}.bnow a span:nth-child(2) { display: block;}.copyright {padding-bottom: 65px;}.wnow span{color:#fff;}.cnow span{color:#fff;}.bnow span{color:#fff;}.wnow{border-right: 1px solid #fff;}.cnow{border-right: 1px solid #fff;}.vee .modal-dialog {width: 98%;}

}	










.hero-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.heroSwiper {
    width: 100%;
    height: 740px;
}
.heroSwiper .swiper-slide {
    position: relative;
    overflow: hidden;
}
/* Background */
.hero-bg {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    //transform: scale(1);
    //transition: transform 8s ease;
}

/* Ken Burns effect */
.heroSwiper .swiper-slide-active .hero-bg img {
    //transform: scale(1.1);
}

/* Shape */

/* =================================
   LEFT DESIGN
================================= */
.hero-left-design {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}
.hero-left-design::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ff9d28;
    clip-path: polygon(
        0 0,
        72% 0,
        100% 50%,
        72% 100%,
        0 100%
    );
}
.hero-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 100%;
    background: #181b5b;
    clip-path: polygon(
        0 0,
        72% 0,
        100% 50%,
        72% 100%,
        0 100%
    );
}

/* Orange border/offset effect */
.hero-shape::after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 100%;
    background: #ff9d28;
}

/* =================================
   CONTENT
================================= */
.hero-left-design .hero-content {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 55%;
    z-index: 3;
}


.hero-subtitle {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.hero-content h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 38px;
    line-height: 1.05;
    font-weight: 700;
}

/* Button */
.hero-btn {
    display: inline-block;
    padding: 8px 18px;
    background: #ff9d28;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}
.hero-btn:hover {
    background: #fff;
    color: #151958;
}
.hero-btn i {
    font-size: 16px;
}

@media (max-width: 991px) {

    .hero-left-design {
        width: 50%;
    }

    .hero-shape {
        width: 90%;
        height: 70%;
    }

    .hero-left-design .hero-content {
        left: 32%;
        width: 60%;
    }

    .hero-content h1 {
        font-size: 25px;
    }
}


@media (max-width: 767px) {

    .hero-slide {
        min-height: 550px;
    }

    .hero-bg-img {
        width: 100%;
        height: 550px;
        object-fit: cover;
    }

    .hero-left-design {
        width: 100%;
        height: 100%;
    }

    .hero-left-design::before {
        clip-path: none;
        background: linear-gradient(
            180deg,
            rgba(21, 25, 88, .95) 0%,
            rgba(21, 25, 88, .75) 0%,
            rgba(21, 25, 88, .15) 0%
        );
    } 

    .hero-shape {
        display: none;
    }

    .hero-left-design .hero-content {
        left: 25px;
        top: 50%;
        transform: translateY(-50%);
        width: calc(100% - 50px);
        text-align: left;
    }

    .hero-content h1 {
        font-size: 34px;
        color: #181357;
    }

    .hero-subtitle {
        display: none;
    }
    .hero-btn {
        display: none;
    }
}

/* Hide arrows if not required */
.heroSwiper .swiper-button-prev,
.heroSwiper .swiper-button-next {
    width: 50px;
    height: 50px;
    background: #fff;
    color: #fca309;
    border-radius: 50%;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
.heroSwiper .swiper-button-prev::after,
.heroSwiper .swiper-button-next::after {
    font-size: 18px;
    font-weight: 700;
}
.heroSwiper .swiper-button-prev {
    left: 30px;
}
.heroSwiper .swiper-button-next {
    right: 30px;
}
.heroSwiper .swiper-button-prev:hover,
.heroSwiper .swiper-button-next:hover {
    background: #fca309;
    color: #fff;
}


/* Pagination */
.heroSwiper .swiper-pagination {
    z-index: 10;
}
.heroSwiper .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
}
.heroSwiper .swiper-pagination-bullet-active {
    opacity: 1;
}

@media (max-width: 1199px) {
    .heroSwiper {
        height: 650px;
    }
    .hero-shape {
        width: 950px;
        top: -30px;
        left: -100px;
    }
    .hero-content {
        left: 120px;
        top: 170px;
    }
    .hero-content h1 {
        font-size: 40px;
    }
}



@media (max-width: 767px) {
    .heroSwiper {
        height: 650px;
    }
    .hero-bg img {
        object-position: center;
    }
    /* Shape */
    .hero-shape {
        width: 850px;
        max-width: none;
        left: -250px;
        top: -30px;
    }
    /* Content */
    .hero-content {
        left: 30px;
        right: 30px;
        top: 130px;
    }
    .slider-line {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .slider-line img {
        width: 32px;
        height: 32px;
    }
    .hero-content h1 {
        font-size: 42px;
        line-height: 1.1;
    }
    .hero-btn {
        height: 50px;
        padding: 10px 15px;
        margin-top: 30px;
        font-size: 13px;
    }
    .heroSwiper .swiper-button-prev,
    .heroSwiper .swiper-button-next {
        display: none;
    }

}


@media (max-width: 480px) {
    .heroSwiper {
        height: 600px;
    }
    .hero-content {
        left: 20px;
        right: 20px;
        top: 110px;
    }
    .hero-content h1 {
        font-size: 34px;
    }
    .slider-line {
        font-size: 12px;
    }
    .hero-shape {
        width: 700px;
        left: -220px;
    }
}



@media (max-width: 767px) {

    /* Remove shape image on mobile */
    .heroSwiper .hero-shape {
        display: none;
    }

    /* Move content toward bottom */
    .heroSwiper .hero-content {
        position: absolute;
        left: 20px;
        right: 20px;
        top: auto;
        bottom: 20px;
    }

}



.footer-nav-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
}

.footer-nav-list a {
    display: block;
    text-decoration: none;
}
@media (max-width: 580px) {
    .footer-nav-list {
        grid-template-columns: 1fr;
    }
}





/* Product Specification */


.product-spec-section {
    border-bottom: 1px solid #ddd;
    padding: 50px 0px 30px;
}

.product-image {
    width: 100%;
    border: 2px solid #16777a;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 20px;
}
.product-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}


/* Buttons */

.product-buttons a {
    display: inline-flex;
    align-items: center;

    text-decoration: none;
    color: #fff;

    background: #20252a;
    border-radius: 5px;

    overflow: hidden;

    font-size: 16px;
    font-weight: 600;

    transition: 0.3s ease;
}

.product-buttons a:hover {
    color: #fff;
    transform: translateY(-2px);
}

.product-buttons .btn-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
}

.product-buttons a > span:last-child {
    padding: 0 12px;
}

.enquiry-btn .btn-icon {
    background: #0876c9;
}

.whatsapp-btn .btn-icon {
    background: #35b957;
}


/* Product Details */
.product-details {
    padding-top: 5px;
}
.product-details h2 {
    margin: 0 0 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
    color: #1d1d1d;
}
.product-features {
    list-style: none;
    padding: 0;
    margin: 0;
}
.product-features li {
    position: relative;
    padding: 7px 0 7px 40px;
    font-size: 16px;
    line-height: 1.5;
    color: #111;
    font-weight: 600;
}
.product-features li::before {
    font-family:"Font Awesome 5 Free";
    content: "\f00c";
    position: absolute;
    left: 3px;
    top: 8px;
    width: 17px;
    height: 17px;
    border: 2px solid #222;
    border-radius: 3px;
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    color: #111;
    font-weight: 700;
}



/* ================================
   PLANET SECTION
================================ */

.planet-section {
    position: relative;
    width: 100%;
    min-height: 420px;

    background: linear-gradient(
        180deg,
        #fafaf5 0%,
        #eeeedf 100%
    );

    overflow: hidden;
}


/* Row */

.planet-section .row {
    min-height: 420px;
}


/* Left Content */

.planet-content {
    padding: 60px 30px 60px 75px;
    max-width: 1000px;
}

.planet-content h2 {
    margin: 0 0 10px;

    color: #315c54;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
}

.planet-content p {
    max-width: 900px;

    margin: 0 0 20px;

    color: #254d48;
    font-size: 20px;
    line-height: 1.5;
}


/* Button */

.planet-btn {
    display: inline-flex;
    align-items: center;
    padding: 11px 40px;
    color: #fff;
    background: #2d583d;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s ease;
}

.planet-btn:hover {
    color: #fff;
    background: #1f432d;
    transform: translateY(-2px);
}


/* ================================
   RIGHT IMAGE
================================ */

.planet-image {
    position: relative;

    width: 100%;
    height: 265px;

    margin-top: 20px;

    overflow: hidden;

    border-radius: 35px 0 0 35px;
}

.planet-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}





/* =================================
   IMPACT SECTION
================================= */

.impact-section {
    position: relative;
    width: 100%;
    padding: 60px 40px 60px;
    background: linear-gradient(
        100deg,
        #eef2df 0%,
        #f5f5eb 50%,
        #f1f2e7 100%
    );

    overflow: hidden;
}


/* =================================
   TREE AREA
================================= */

.impact-tree {
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.impact-tree img {
    display: block;
    width: 100%;
    max-width: 470px;
    height: auto;
    object-fit: contain;
    object-position: top center;
}


/* Tree Text */

.tree-content {
    position: absolute;

    right: 5%;
    bottom: 25px;

    display: flex;
    flex-direction: column;

    color: #111;
}

.tree-content strong {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
}

.tree-content span {
    margin-top: 4px;

    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
}


/* =================================
   CARDS
================================= */
.impact-cards {
    align-items: center;
}
.impact-card {
    position: relative;
    min-height: 285px;
    padding: 30px 25px 25px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
}


/* Different card heights like screenshot */
.impact-cards > div:nth-child(1) .impact-card {
    min-height: 285px;
}

.impact-cards > div:nth-child(2) .impact-card {
    min-height: 285px;
    transform: translateY(0);
}

.impact-cards > div:nth-child(3) .impact-card {
    min-height: 260px;
    transform: translateY(10px);
}

/* Heading */
.impact-card h3 {
    margin: 0 0 18px;
    color: #264f42;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;
}

/* Sub heading */
.impact-card h4 {
    margin: 0 0 22px;
    color: #333;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
}

/* Description */
.impact-card p {
    margin: 0;
    color: #263b36;
    font-size: 18px;
    line-height: 1.55;
}

/* =================================
   ICON
================================= */
.impact-icon {
    margin-top: 20px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #486655;
    font-size: 35px;
    align-self: center;
}




/* =================================
   TABLET
================================= */

@media (max-width: 1199px) {

    .impact-section {
        padding: 50px 25px 50px;
    }

    .impact-tree {
        min-height: 350px;
    }

    .impact-tree img {
        max-width: 400px;
        height: 340px;
    }

    .tree-content {
        right: 10%;
    }

    .tree-content strong {
        font-size: 21px;
    }

    .tree-content span {
        font-size: 18px;
    }

    .impact-card {
        padding: 25px 20px;
    }

    .impact-card h3 {
        font-size: 18px;
    }
}


/* =================================
   MOBILE
================================= */

@media (max-width: 767px) {

    .impact-section {
        padding: 40px 15px;
    }

    .impact-tree {
        min-height: 300px;
    }

    .impact-tree img {
        height: 300px;
        max-width: 350px;
    }

    .tree-content {
        right: 5%;
        bottom: 20px;
    }

    .tree-content strong {
        font-size: 20px;
    }

    .tree-content span {
        font-size: 17px;
    }

    .impact-card {
        min-height: 260px !important;
        transform: none !important;
    }

    .impact-card h3 {
        font-size: 20px;
    }

    .impact-card p {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
 .footer-wrapper {
    margin-bottom: 60px;
  }
}


@media (max-width: 767px) {
    .vs-carousel .slick-dots {
        display: flex !important;
        justify-content: center;
        gap: 6px;
        list-style: none;
        padding: 0;
        margin: 20px 0 0;
    }

    .vs-carousel .slick-dots li {
        display: none;
    }

    .vs-carousel .slick-dots li:nth-child(1),
    .vs-carousel .slick-dots li:nth-child(2),
    .vs-carousel .slick-dots li:nth-child(3),
    .vs-carousel .slick-dots li:nth-child(4) {
        display: block;
    }
}





/* =====================================
   HOW WE WORK
===================================== */

.how-we-work-section {
    position: relative;
    width: 100%;
    min-height: 580px;
    padding: 65px 0 70px;
    background-image: url("../images/banners/how-we-work.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}


/* Dark Background Overlay */

.how-we-work-overlay {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.72);

    z-index: 1;
}


/* Main Wrapper */

.how-we-work-wrapper {
    position: relative;

    width: 92%;
    max-width: 1650px;

    margin: 0 auto;

    z-index: 2;
}


/* =====================================
   TITLE
===================================== */

.how-we-work-title {
    text-align: center;

    margin-bottom: 50px;
}

.how-we-work-title h2 {
    margin: 0;

    color: #fff;

    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
}


/* =====================================
   GRID
===================================== */

.how-we-work-grid {
    display: grid;

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

    gap: 28px;
}


/* =====================================
   CARD
===================================== */

.work-card {
    position: relative;
    min-height: 250px;
    padding: 30px;
    background: rgba(15, 15, 15, 0.62);
    border: 1px solid #fca101;
    border-radius: 18px;
    color: #fff;
    transition: all 0.3s ease;
}


/* Number */

.work-number {
    display: block;
    margin-bottom: 15px;
    color: #fca101;
    font-size: 40px;
    line-height: 1;
    font-weight: 500;
}


/* Heading */

.work-card h3 {
    margin: 0 0 18px;

    color: #fff;

    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}


/* Description */

.work-card p {
    margin: 0;

    color: rgba(255, 255, 255, 0.75);

    font-size: 16px;
    line-height: 1.55;
}


/* Hover */

.work-card:hover {
    background: rgba(20, 20, 20, 0.82);

    transform: translateY(-5px);

    border-color: #ff5b1a;
}



/* =====================================
   LARGE TABLET / SMALL DESKTOP
===================================== */

@media (max-width: 1200px) {

    .how-we-work-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .work-card {
        min-height: 230px;
    }
}


/* =====================================
   TABLET
===================================== */

@media (max-width: 768px) {

    .how-we-work-section {
        padding: 50px 0;
    }

    .how-we-work-wrapper {
        width: 90%;
    }

    .how-we-work-title {
        margin-bottom: 35px;
    }

    .how-we-work-title h2 {
        font-size: 32px;
    }

    .how-we-work-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .work-card {
        min-height: 230px;
        padding: 25px;
    }
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 576px) {

    .how-we-work-section {
        padding: 45px 0;
    }

    .how-we-work-wrapper {
        width: 90%;
    }

    .how-we-work-title h2 {
        font-size: 28px;
    }

    .how-we-work-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .work-card {
        min-height: auto;
        padding: 25px;
    }

    .work-number {
        font-size: 34px;
    }

    .work-card h3 {
        font-size: 20px;
    }

    .work-card p {
        font-size: 15px;
    }
}