/* Home banner */
.banner-bg{ width:100%;}
.bnr-cnt-set{ width:100%;}
.bnr-cnt-main{ width:100%; display:flex; justify-content: space-between; position: relative;}
.bnr-cnt-main .bnr-cnt-sub:nth-child(1){left: 0; bottom: -100px;}
.bnr-cnt-main .bnr-cnt-sub:nth-child(2){left: 50px; bottom: 0; right: 0; margin: 0 auto;}
.bnr-cnt-main .bnr-cnt-sub:nth-child(3){right: 0; bottom: -100px;}
.bnr-cnt-sub{ width: 300px; height: 300px; position: absolute; content: ''; display: flex; align-items: center; justify-content: center;}
.bnr-cnt-sub .bnr-cnt-box{ background-color: #fff; border-radius: 50%; width: 85%; height: 85%; display: flex; flex-wrap: wrap; justify-content: center; padding: 30px; align-items: center; -webkit-box-shadow: -1px -1px 42px -15px rgba(0,0,0,0.7); -moz-box-shadow: -1px -1px 42px -15px rgba(0,0,0,0.7); box-shadow: -1px -1px 42px -15px rgba(0,0,0,0.7); position: relative; z-index: 1; align-items: center; transition: all 0.8s;}
.bnr-cnt-sub::before{position: absolute; content: ''; width: 100%; height: 100%; border-radius: 50%; border: 1px dashed #ddd; -webkit-animation: rotation 25s infinite linear; animation: rotation 25s infinite linear;}
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } }
@keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } }
.bnr-cnt-sub .bnr-cnt-box h2{ font-size: 16px; color: #0a5dac; font-weight: 600; width: 100%; text-align: center; transition: all 0.8s;}
.bnr-cnt-sub .bnr-cnt-box span{ display: flex; width: 100px; height: 50px; align-items: center; justify-content: center; transition: all 0.8s;}
.bnr-cnt-sub .bnr-cnt-box span img{ object-fit:contain; width:100%; height:100%; padding:0; margin:0 auto; max-height:52px; transition:all 0.8s;}
.bnr-cnt-sub .bnr-cnt-box p{ font-size: 14px; color: #343434; font-weight: 400; width: 100%; text-align: center; margin-bottom: 0; transition: all 0.8s; line-height: 18px;}
.bnr-cnt-main .bnr-cnt-sub:nth-child(3) .bnr-cnt-box h2{margin-top: 15px; margin-bottom: 0;}
.banner-bg { transition: transform 1.5s ease, opacity .5s ease-out; overflow: hidden; height: 100vh; position: relative; min-height: 900px;}
#bnrVideo { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}

.bnr-cnt-sub .bnr-cnt-box a{ width: 100%; height: 100%; background-color: #fff; align-items: center; justify-content: center; border-radius: 50%; display: none; transition: all 0.8s;}
.bnr-cnt-sub:hover{cursor: pointer; transition: all 0.8s;}
.bnr-cnt-sub:hover .bnr-cnt-box{background-color: rgba(10,93,172,1); transition: all 0.8s;}
.bnr-cnt-sub:hover .bnr-cnt-box a{display: flex; z-index: 999; transition: all 0.8s;}
.bnr-cnt-sub:hover .bnr-cnt-box h2{display: none; transition: all 0.8s;}
.bnr-cnt-sub:hover .bnr-cnt-box span{display: none; transition: all 0.8s;}
.bnr-cnt-sub:hover .bnr-cnt-box p{display: none; transition: all 0.8s;}

.banner-bg .carousel-item{z-index: 9;}
.banner-bg .carousel-caption{left: 0; right: 0; bottom: 0; top: 32%; z-index: 1; -webkit-animation-name: flash; animation-name: flash;}
.banner-bg .carousel-caption .cap-txt{ width:auto;}
.ani-div-sec{animation-delay: 1s;}
.banner-bg .carousel-caption h1{width:33%; font-size:42px; font-weight: 700; color: #222222; margin-bottom: 0; text-align: left; line-height: 42px; margin-bottom:20px;}
.banner-bg .carousel-caption p{ width:30%; line-height:24px; font-weight:300; font-size:18px; color:#555; text-align:left; margin-bottom:30px;}
.banner-bg .carousel-caption span{width:20%; display: flex; justify-content: flex-start;}
.banner-bg .carousel-caption a{background-color: #f4771d; border: 1px solid #f4771d; color: #fff; padding:10px 25px; text-transform: uppercase; transition: all 0.8s; font-weight:600;}
.banner-bg .carousel-caption a:hover{background-color: transparent; transition: all 0.8s; color: #f4771d;}
.new-bnr-img{position: relative; height:100%; min-height:1100px;}
.new-bnr-img span{ display:flex; width:100%;}

.bnr-img-lft{position: absolute; left:42%; top:20%; z-index: 1; box-shadow: 20px 20px 50px 0px rgba(0,0,0,0.35); -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.bnr-img-rht{position: absolute; bottom: 70px; right: 0; z-index: 2; box-shadow: 20px 20px 50px 0px rgba(0,0,0,0.35); -webkit-animation-delay: 1s; animation-delay: 1.3s;}
.carousel-control-next, .carousel-control-prev{width:40px; height:40px; bottom:25%; top: auto; font-size:40px; z-index:10; color:#333;}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{ color:#333;}
.carousel-control-prev{left:32%;}
.carousel-control-next{left:25%;}

.banr-vid-bg{width:100%; height: 100%; display: flex; justify-content: flex-end; min-height: 1000px; position: relative;}
.banr-vid-bg span{ width:100%; display:flex; position:relative; z-index:0; justify-content: center;}
.banr-vid-bg span video{width:100%; height: 100%;}
.banr-vid-bg span img{ width:100%; height:100%; object-fit:cover;}
.banr-vid-bg span::before{ position:absolute; content:''; background:rgba(30, 30, 30, 0.85); width:50%; height:100%; top:0; right:0; z-index:0;}
.banr-vid-bg span::after{ position:absolute; content:''; background:url(../../site/images/bg-logo.png) top no-repeat; width:50%; height:100%; top:0; left:0; z-index:0; background-position:top 10% left 10%;}
/* .banr-vid-bg span::after{ position:absolute; content:''; background:rgba(255, 255, 255, 0.9); width:50%; height:100%; top:0; left:0; z-index:0;} */

/* Animate */
.xhidden { opacity: 0; } 
.xvisible { opacity: 1; } 
.xanimated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
.xanimated2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 

/* Home Welcome Content */
.wel-rtg-bg{ position:relative; background-color:#eee;}
.wel-rtg-bg::before{ position:absolute; content: ''; top:150px; width:47%; height:230px; background-color:#67686c; z-index: 0; background-size: cover; -webkit-animation-name: slideInLeft; animation-name: slideInLeft;}
.wel-rtg-box{width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; z-index: 1; position: relative; padding:100px 0px;}
.wel-rtg-lft{width:50%; display: flex; align-items: flex-end; -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.wel-vis-mis-box{width: 100%; height:100%; padding:0px; position:relative;}
.wel-vis-mis-box span{ display:flex; width:80%; height:80%; box-shadow:20px 20px 50px 0px rgba(0,0,0,0.3);}
.wel-vis-mis-box span img{ width:100%; height:100%; object-fit:cover;}
.wel-vis-mis-box small{ display:flex; width:300px; height:300px; position:absolute; bottom:0; right:0; box-shadow:20px 20px 50px 0px rgba(0,0,0,0.3);}
.wel-vis-mis-box small img{ width:100%; height:100%; object-fit:cover;}

.wel-rtg-rht{ width:44%; margin:60px 0px 25px;}
.wel-new-box{ width:100%; margin-bottom: 50px;}
.wel-new-box h1{ font-size:60px; line-height:70px; color: #f4771d; font-weight:700; display:block;}
.wel-new-box h3{font-size:30px; color: #333333; font-weight:300; line-height:38px; margin-bottom:20px;}
.wel-new-box p{font-size:22px; font-weight:300; letter-spacing:-0.5px; color: #333; text-align: justify; line-height:35px; margin-bottom: 0;}
.wel-new-box{ width:100%; margin-bottom:50px;}
.wel-new-box .abt-lnk {position: relative; padding:35px 0px 0px; display:flex; justify-content:flex-start;}
.wel-new-box a.abt-btn{ display: inline-block; color:#333; padding:10px 35px; text-transform:uppercase; letter-spacing:0.5px; position: relative; z-index:0; overflow:hidden; background-color:transparent; border:1px solid #333; font-weight:400; font-size:18px; text-shadow:none;}
.wel-new-box a.abt-btn:hover{ color: #fff; background-color: transparent; color:#f4771d; border: 1px solid #f4771d;}

/* Home Product Content */
.our-prd-bg{width: 100%; position: relative;}
.our-prd-main{ width:100%; padding:100px 0px 0px; position:relative; z-index:1;}
.our-prd-main .tit{ margin-bottom:70px;}
.our-prd-main .tit h1{ font-size:70px; color:rgba(0, 0, 0, 0.8); font-weight:200; width:100%; margin-bottom:25px; text-align:center; position:relative; padding-bottom:10px;}
.our-prd-main .tit h1::before{ position:absolute; content:''; width:150px; height:1px; bottom:0; background: #ccc; left:0px; right:0; margin:0 auto;}
.our-prd-main .tit p{ width:100%; font-size:22px; color: #444; font-weight:300; text-align:center; line-height:35px; margin-bottom:15px; letter-spacing:-0.5px; padding:0px 150px;}

.our-prd-lst{ width:100%;}
.our-prd-lst .box{ width:100%; min-height:320px; padding:70px 0px; display:flex; grid-gap:30px; justify-content:space-between;}
.our-prd-lst .box:last-child{ padding-bottom:0;}
.our-prd-lst .box:last-child .lft{ padding-bottom:80px;}
.our-prd-lst .box .lft{ width:50%;}
.our-prd-lst .box .lft h2{ font-size:38px; padding-bottom:10px; margin-bottom:20px; color:#f4771d; font-weight:600; display:block; position:relative;}
.our-prd-lst .box .lft h2::before{ position:absolute; content:''; width:100px; height:1px; bottom:0; background: #ccc; left:0px;}
.our-prd-lst .box .lft p{ font-size:18px; font-weight:300; letter-spacing:-0.5px; color: #333; text-align:left; line-height:28px; margin-bottom:0; padding-right:50px;}
.our-prd-lst .box .lft .prd-lnk { position:relative; padding:30px 0px 0px; display:flex; justify-content:flex-start;}
.our-prd-lst .box .lft a.prd-btn{ display:inline-block; color:#333; padding:8px 35px; text-transform:uppercase; letter-spacing:0.5px; position: relative; z-index:0; overflow:hidden; background-color:transparent; border:1px solid #333; font-weight:400; font-size:16px; text-shadow:none;}
.our-prd-lst .box .lft a.prd-btn:hover{ color: #fff; background-color: transparent; color:#f4771d; border: 1px solid #f4771d;}

.our-prd-lst .box .rht{ width:50%; position:relative; z-index:0; display:flex; align-items:flex-end; padding-top:100px;}
.our-prd-lst .box .rht span{ width:450px; height:320px; display:flex; position:absolute; bottom:0; left:0; right:0; margin:0 auto; margin-bottom:50px; z-index:1; box-shadow:0px 40px 25px -25px rgba(0,0,0,0.35);}
.our-prd-lst .box .rht span img{ width:100%; height:100%; object-fit:cover;}
.our-prd-lst .box .rht small{ width:100%; height:200px; display:flex; background-color:#eee; clip-path: polygon(7% 0, 93% 0, 100% 100%, 0% 100%); -weblit-clip-path:polygon(7% 0, 93% 0, 100% 100%, 0% 100%);}
.our-prd-lst .box .rht small img{ width:100%; height:100%; object-fit:cover;}
.our-prd-lst .box:nth-child(2n+2){ flex-direction:row-reverse;}
.our-prd-lst .box:nth-child(2n+2) .lft{ padding-left:30px;}

/* Home Services Section */
.srvs-bg{ width:100%; background-color:#7F8082; z-index:0; position:relative;}
.srvs-bdy .srvs-main{ width:100%; padding:100px 60px 100px;}
.srvs-main .tit{ margin-bottom:70px;}
.srvs-main .tit h1{ font-size:50px; color:#fff; font-weight:800; width:100%; margin-bottom:35px; text-align:center; position:relative; padding-bottom:10px;}
.srvs-main .tit h1::before{ position:absolute; content:''; width:150px; height:1px; bottom:0; background: #ccc; left:0px; right:0; margin:0 auto;}
.srvs-main .tit p{ width:100%; font-size:22px; color: #fff; font-weight:300; text-align:center; line-height:35px; margin-bottom:15px; letter-spacing:-0.5px; padding:0px 350px;}
.srvs-main .srvs-lst{ width:100%; display:grid; grid-template-columns:repeat(6,1fr); grid-gap:0px;}
.srvs-main .srvs-lst .box{ width:100%; background-color:#fff; display:flex; flex-wrap: wrap;}
.srvs-main .srvs-lst .box:nth-child(2n+2){ flex-direction:column-reverse;}
.srvs-main .srvs-lst .box .top{ width:100%;}
.srvs-main .srvs-lst .box .top span{ width:100%; display:flex; height:200px;}
.srvs-main .srvs-lst .box .top span img{ width:100%; height:100%; object-fit:cover;}
.srvs-main .srvs-lst .box .btm{ width:100%; padding:20px 20px; min-height:200px; display: flex; align-items: center; position: relative; z-index:0; transition:all ease 0.4s;}
.srvs-main .srvs-lst .box .btm::before{ position:absolute; content:''; width:100%; height:0px; top:0; background: #f4771d; left:0px; transition:all ease 0.4s; z-index:-1;}
.srvs-main .srvs-lst .box:hover .btm::before{ transition:all ease 0.4s; height:100%;}
.srvs-main .srvs-lst .box .btm::after{ position:absolute; content:''; width:30px; height:20px; top:-20px; background: #fff; left:0px; right:0; margin:0 auto; transition:all ease 0.4s; z-index:1; clip-path: polygon(50% 25%, 0% 100%, 100% 100%); -wekit-clip-path: polygon(50% 25%, 0% 100%, 100% 100%);}
.srvs-main .srvs-lst .box:nth-child(2n+2) .btm::before{ top:auto; bottom:0;}
.srvs-main .srvs-lst .box:nth-child(2n+2) .btm::after{ top:auto; bottom:-20px; clip-path: polygon(100% 0, 50% 100%, 0 0);}
.srvs-main .srvs-lst .box:hover .btm::after{ background: #f4771d;}

.srvs-main .srvs-lst .box:hover .btm h2{ color:#fff;}
.srvs-main .srvs-lst .box .btm .cnt{ width:100%; text-align:center;}
.srvs-main .srvs-lst .box .btm span{ width:60px; height:60px; display:flex; align-items: center; justify-content:center; margin:0 auto;}
.srvs-main .srvs-lst .box .btm span img{ max-height:30px;}
.srvs-main .srvs-lst .box .btm h2{ font-size:20px; text-align:center; margin:0px 0px; color:#222; font-weight:300; display:block; line-height:20px; text-transform:uppercase;}
.srvs-main .srvs-lst .box .btm p{ font-size:16px; font-weight:300; letter-spacing:-0.5px; color: #333; text-align:center; line-height:20px; margin-bottom:0; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

.srvs-main .srvs-lnk { position:relative; padding:70px 0px 0px; display:flex; justify-content:center;}
.srvs-main a.srvs-btn{ display:inline-block; color:#fff; padding:10px 35px; text-transform:uppercase; letter-spacing:0.5px; position: relative; z-index:0; overflow:hidden; background-color:transparent; border:1px solid #fff; font-weight:400; font-size:18px; text-shadow:none;}
.srvs-main a.srvs-btn:hover{ color: #fff; background-color: transparent; color:#222; border: 1px solid #222;}

/* Home Help Section */
.help-bg{ background-color:#fff; position: relative; z-index:0;}
.help-bg:before{ position:absolute; background-color:#eee; content:""; width:30%; height:100%; top:0; right:0; z-index:-1;}
.help-bg:after{ position:absolute; background:url(../../site/images/phone.png) top no-repeat; content:""; width:240px; height:100%; top:0; left:10px; z-index:-1; background-size:contain;}
.help-cont{ width:56%; padding:20px 0px 80px;}
.help-cont .help-tit{ text-align:left; margin-bottom:35px;}
.help-cont .help-tit h1{ width: 100%; text-align: left; color: #130b04; font-size:44px; font-weight:100; margin:0px 0px 20px}
.help-cont .help-tit h1 span{ display:flex; font-weight:800; color: #130b04; font-size:35px; line-height:40px; margin-top:15px; letter-spacing:-0.5px; margin-bottom:30px;}
.help-cont .help-tit h2{ width: 100%; text-align: left; color: #333; font-size: 30px; font-weight:400; margin: 0}
.help-cont .help-tit h3{ width: 100%; text-align: left; color: #555; font-size: 18px; font-weight:300; margin: 0}

.help-lst{ width: 100%; display: flex; align-items: center; justify-content:flex-start;}
.help-lst .help-box{ display:flex; align-items:center; border-right:1px solid rgba(0, 0, 0, 0.2); margin:0px 15px; padding:0px 0px;}
.help-lst .help-box:last-child{ border-right: 0 none;}
.help-lst .help-box:nth-child(1){ margin-left: 0; padding-right:30px;}
.help-lst .help-box .lft{ width:50px;}
.help-lst .help-box .lft span{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 18px; background-color: #eee; color: #444; border-radius: 50px;}
.help-lst .help-box .rht{ width:78%; line-height: 18px;}
.help-lst .help-box .rht span{ display: flex; font-size: 14px; text-transform: uppercase; color:rgba(0, 0, 0, 0.5); font-weight: 400;}
.help-lst .help-box .rht small{ display: flex; font-size: 18px;}
.help-lst .help-box .rht small a{ display: flex; color: #f4771d; font-size: 18px; font-weight: 400;}
.help-lst .help-box .rht small a:hover{ color: #130b04; transition: all ease 0.4s;}
.help-lst .help-box .enq-help{ background-color: #ed1c24; border-radius: 50px; padding: 12px 35px; text-align: center; color: #fff; font-size: 14px; font-weight:300; text-transform: uppercase; border: 0 none; outline: 0; transition: all ease 0.4s; letter-spacing: 0.5px;}
.help-lst .help-box .enq-help:hover{ background-color: #fff; color:#ed1c24;}
.help-lst .help-box .enq-help:focus{ box-shadow: none;}
.home-enq{ width:100%; display:flex; justify-content:space-between; position:relative; align-items:flex-end; padding:120px 0px;}

.exs-cnect-enq{ width: 42%; background-color: #fff; padding:45px; box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.15);}
.exs-cnect-enq h2{ margin-bottom:30px; color: #130b04; font-size:28px; line-height:24px; font-weight:200;}
button.btn-enq{ background-color: #f4771d; border: 1px solid #f4771d; display: flex; justify-content: center; align-items: center; width:auto; border-radius:0; color:#fff; font-size:16px; font-weight:600; text-transform:uppercase; padding:10px 25px; margin-top:30px; transition: all ease-in 0.4s;}
button.btn-enq:hover{ border: 1px solid #f4771d; color: #f4771d; background-color: transparent; transition: all ease-in 0.4s;}

.exs-cnect-enq .exs-cnect-frm{ width: 100%;}
.exs-cnect-enq .exs-cnect-frm .form-group{ position: relative; margin-bottom: 22px;}
.exs-cnect-enq .exs-cnect-frm .form-group .form-control{ border: 0 none; border-radius:0; border-bottom:1px solid rgba(0, 0, 0, 0.15) ; position:relative; padding-left:35px;}
.exs-cnect-enq .exs-cnect-frm .form-group .form-control.form-select{ color:#666;}
.exs-cnect-enq .exs-cnect-frm .form-group .form-control:focus{ box-shadow: none;}
.exs-cnect-enq .exs-cnect-frm .form-group .form-control::placeholder{ color:#999; font-size:15px; font-weight:300;}
.exs-cnect-enq .exs-cnect-frm .form-group span.lnr{ position:absolute; left:8px; z-index: 1; top:10px; font-size:16px; color:#999;}
.exs-cnect-enq .exs-cnect-frm .form-group textarea{ border-radius:0px !important;}
.exs-cnect-enq .exs-cnect-frm button.btn-career{ background-color: #ed1c24; border: 1px solid #ed1c24; display: flex; justify-content: center; align-items: center; border-radius:0; color:#fff; font-size:16px; font-weight:400; text-transform:uppercase; padding:8px 50px; margin-top:50px; transition: all ease-in 0.4s;}
.exs-cnect-enq .exs-cnect-frm button.btn-career:hover{ border:1px solid #ed1c24; color:#ed1c24; background-color:transparent; transition:all ease-in 0.4s;}

/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1366px) { 
.banner-bg .carousel-caption h1{ font-size:40px; line-height:40px;}
.wts-icon{ right:20px;}
.inr-abt-bg{ top:5%;}
.inr-abt-cont-bg{ width:100%;}
.inner-wrapper .banner-bg::before{ width:58.1%;}
.inner-wrapper .banner-bg-2::before{ width:58.1%;}
.carousel-control-prev{ left:25%;}
.carousel-control-next{ left:15%;}
.banr-vid-bg span video{ width:auto; height:100%;}
.bnr-img-lft{ top:24%; left:39%;}
.banr-vid-bg span::after{ background-position:top 5% left 30%;}

.new-bnr-img{ position:relative; height:100%; min-height:900px;}
.carousel-control-next, .carousel-control-prev{ bottom:22%;}
.wel-rtg-bg::before{ top:130px; height:270px; }
.wel-new-box h1{ font-size:54px;}
.wel-new-box h3{ font-size:26px;}
.srvs-bdy .srvs-main{ padding:60px 0px 70px;}
.srvs-main .tit{ margin-bottom:50px;}
.srvs-main .tit p{ padding:0px 150px;}
.srvs-main .srvs-lst .box .btm h2{ font-size:18px;}
.help-bg:after{ width:240px; height:100%; top:0; left:-120px; opacity:0.2;}
.servs-ins-bg::before{ width:29%;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
.banner-bg{min-height: 720px; height: 100%;}
.banr-vid-bg{min-height: 700px;}
.new-bnr-img{min-height: 700px;}
.bnr-img-lft{max-height: 500px; left: unset; right: 0;}
.carousel-control-next, .carousel-control-prev { bottom: 10%; }
.banner-bg .carousel-caption h1{font-size: 38px;}
.wel-new-box h1{font-size: 48px; line-height: 48px; margin-bottom: 0;}
.wel-new-box h3 { font-size: 20px; }
.wel-new-box p{font-size: 20px; line-height: 24px;}
.exs-cnect-enq h2{font-size: 23px;}
.srvs-main .srvs-lst{grid-template-columns: repeat(3,1fr);}
.srvs-main .srvs-lst .box:nth-child(4){grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2;}
.srvs-main .srvs-lst .box:nth-child(5){grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;}
.srvs-main .srvs-lst .box:nth-child(6){grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2; flex-direction: column;}
.srvs-main .srvs-lst .box:nth-child(6) .btm::after{position: absolute; content: ''; width: 30px; height: 20px; top: -20px; background: #fff; left: 0px; right: 0; margin: 0 auto; transition: all ease 0.4s; z-index: 1; clip-path: polygon(50% 25%, 0% 100%, 100% 100%); -wekit-clip-path: polygon(50% 25%, 0% 100%, 100% 100%);}
.srvs-main .srvs-lst .box:nth-child(6):hover .btm::after { background: #f4771d; }
}

/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px) {
.bnr-img-lft{max-height: 425px;}
.banner-bg { min-height: 600px;}
.banr-vid-bg { min-height: 600px; }
.new-bnr-img { min-height: 600px; }
.bnr-img-lft{top: 32%;}
.wel-new-box h1{ font-size:45px;}
.help-cont .help-tit h1{font-size: 40px;}
.exs-cnect-enq{padding: 35px;}
.banner-bg .carousel-caption h1 { font-size: 36px; }
.our-prd-main .tit h1{ font-size:60px;}
.our-prd-main .tit p{ padding:0px 80px; font-size:20px; line-height:30px;}
.srvs-main .tit h1{ font-size:45px;}
.srvs-main .tit p{ padding:0px 80px; font-size:20px; line-height:30px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.bnr-img-lft{ left:unset; right: 0; max-height:500px; top:20%;}
.bnr-img-rht{ max-height:400px; bottom:150px;}
.banner-bg .carousel-caption{ top:35%;}
.banner-bg .carousel-caption h1{ width:100%; text-align:left; font-size: 34px; line-height: 38px;}
.banner-bg .carousel-caption p{ width:100%; text-align:left; color:#222;}
.banner-bg .carousel-caption span{ width:60%;}
.carousel-control-next, .carousel-control-prev{bottom:15%;}
.carousel-control-prev{ left:unset; right:7%;}
.carousel-control-next{ right:15%; left: unset;}
.banner-bg .carousel-caption .cap-txt{ width:75%; padding:50px; background-color:rgba(255,255,255,0.5); box-shadow:20px 20px 50px 0px rgba(0,0,0,0.35);}
.bnr-img-lft{ max-height:480px; top:26%;}
.wel-rtg-box{flex-wrap:wrap; padding:60px 0px;}
.wel-rtg-lft{width: 100%;}
.wel-rtg-rht{width: 100%; margin: 60px 0px 0px;}
.wel-rtg-bg::before{width: 100%;}
.wel-new-box h1{text-align: center;}
.wel-new-box h3{text-align: center;}
.wel-new-box p{text-align: center;}
.wel-new-box .abt-lnk{justify-content: center;}
.wel-new-box{margin-bottom: 0px;}
.our-prd-main .tit p{padding: 0px 50px; line-height: 30px;}
.our-prd-main .tit { margin-bottom: 0px; }
.our-prd-lst .box{flex-wrap: wrap; padding: 50px 0px 0px;}
.our-prd-lst .box .lft{width: 100%;}
.our-prd-lst .box .rht{width: 100%;}
.our-prd-lst .box .lft p{padding-right: 0; line-height: 24px; text-align: center;}
.our-prd-lst .box .lft h2{text-align: center;}
.our-prd-lst .box .lft h2::before{left: 0; right: 0; margin: 0 auto;}
.our-prd-lst .box .rht small{margin-top: 100px;}
.our-prd-lst .box .lft .prd-lnk{justify-content: center;}
.our-prd-lst .box:last-child .rht{padding-top: 0px;}
.srvs-main .tit p { padding: 0px 50px; line-height: 30px;}
.home-enq{ padding:50px 0px; flex-wrap:wrap;}
.help-cont{ width:100%;}
.exs-cnect-enq{ width:100%;}
.help-cont .help-tit h1{text-align: center;}
.help-bg::before{height: 25%; width: 100%; top: unset; bottom: 0;}
.help-cont .help-tit h2{text-align: center;}
.help-lst{justify-content: center; flex-wrap: wrap; width: 50%; margin: 0 auto;}
.help-lst .help-box:nth-child(1) { margin-left: 0; padding-right: 0px; margin-right: 0; margin-bottom: 30px; border-right: none;}
.help-lst .help-box:nth-child(2){padding-left: 0px;}
.help-lst .help-box{margin: 0px 0px; width: 100%;}
.help-cont .help-tit h1 span{justify-content: center;}

.help-lst{ flex-wrap: wrap;}
.help-lst .help-box{ width:100%; padding:0; margin:0; border:0 none; flex-wrap: wrap; margin-bottom:10px;}
.help-lst .help-box:nth-child(1){ padding:0;}
.help-lst .help-box .lft{ margin:0 auto;}
.help-lst .help-box .lft span{ font-size:22px;}
.help-lst .help-box .rht{ width:100%;}
.help-lst .help-box .rht span{ justify-content:center;}
.help-lst .help-box .rht small{ justify-content:center;}
button.btn-enq{ font-size:15px; padding:6px 25px; margin:30px auto 0px;}
.exs-cnect-enq h2{ font-size:22px; text-align:center; line-height:24px;}

.our-prd-main{ padding:50px 0px 0px;}
.our-prd-main .tit h1{ font-size:55px;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
.carousel-control-next, .carousel-control-prev{ bottom:40px; color:#fff; font-size:30px; transition:all ease 0.4s;}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{ color:#f4771d; text-decoration:none; outline:0; opacity:.9; transition:all ease 0.4s;}
.carousel-control-prev { left:60%; right:auto;}
.carousel-control-next { right:60%; left:auto;}
.bnr-img-lft{ height:100%; max-height:100%; top:unset; width:100%; position:relative; box-shadow:0px 15px 50px 0px rgba(0,0,0,0.35); z-index:9;}
.bnr-img-rht{ display:none;}
.banner-bg .carousel-caption .cap-txt{ width:100%; box-shadow:none; background-color:transparent;}
	
.new-bnr-img{ min-height:600px; display:flex; align-items:flex-end; margin-top: 130px;}
.new-bnr-img span{ height:400px; display: block;}
.new-bnr-img span img{object-fit: cover;}
.banner-bg{ min-height:auto; height:850px;}
.banner-bg .carousel-caption { top:15%; }
.banner-bg .carousel-caption h1{ width:100%; text-align:center; margin-left:0; font-size:18px; line-height:20px; margin-bottom:5px;}
.banner-bg .carousel-caption p{ width:100%; text-align:center; margin-left:0; font-size:15px; font-weight:400; line-height:20px; margin-bottom:25px;}
.banner-bg .carousel-caption span{ margin-left:0; width:50%; margin:0 auto; justify-content:center;}
.banner-bg .carousel-caption{ top:105px;}
.banner-bg .carousel-caption .cap-txt{ padding:15px;}
.banner-bg .carousel-caption a{ padding:5px 15px; font-size:13px;}

.banr-vid-bg{ min-height:850px;}
.banr-vid-bg span::before{ width:100%; bottom:0; top:auto; height:50%;}
.banr-vid-bg span::after{ width:100%; top:0; height:50%; background-size:cover; background-position:top 70px left 0px;}
.wel-vis-mis-box span{width: 100%; height: 100%;}
.wel-vis-mis-box small{bottom: -50px; right: 30px;}
.wel-rtg-rht{margin: 100px 0px 0px;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.banr-vid-bg{ min-height:750px;}
.banner-bg{height: 750px;}
.new-bnr-img{min-height: 500px;}
.banner-bg .carousel-caption { top: 75px; }
.new-bnr-img span { height: 300px; display: block; }
.banr-vid-bg span::after{background-position: top 50px left 0px;}

.srvs-main .srvs-lst .box:nth-child(4){grid-column-start: unset; grid-column-end: unset; grid-row-start: unset; grid-row-end: unset;}
.srvs-main .srvs-lst .box:nth-child(5){grid-column-start: unset; grid-column-end: unset; grid-row-start: unset; grid-row-end: unset;}
.srvs-main .srvs-lst .box:nth-child(6){grid-column-start: unset; grid-column-end: unset; grid-row-start: unset; grid-row-end: unset; flex-direction: column-reverse;}

.wel-rtg-box{ padding:30px 0px 40px;}
.wel-rtg-lft{ width:100%;}
.wel-rtg-rht{ width:100%;}
.wel-vis-mis-box span{ width:100%; height:100%;}
.wel-vis-mis-box small{ width:60%; height:100%; bottom:-80px; right:20px;}
.wel-rtg-bg::before{ width:50%;}
.wel-rtg-rht{ margin:170px 0px 5px;}

.wel-new-box{ margin-bottom:0;}
.wel-new-box h1{ font-size:32px; line-height:35px; text-align: center;}
.wel-new-box h3{ font-size:18px; line-height:24px; margin-bottom:10px; text-align: center;}
.wel-new-box p{ font-size:18px; line-height:25px; text-align:center;}
.wel-new-box .abt-lnk{ padding:25px 0px 0px; justify-content:center;}
.wel-new-box a.abt-btn{ font-size:15px; padding:6px 20px;}

.our-prd-main{ padding:40px 0px 40px;}
.our-prd-main .tit h1{ font-size:32px; margin-bottom:20px;}
.our-prd-main .tit h1::before { width:100px;}
.our-prd-main .tit p{ padding:0; font-size:18px; line-height:25px; }
.our-prd-main .tit{ margin-bottom:0;}
.our-prd-lst .box{ padding:20px 0px; flex-wrap: wrap;}
.our-prd-lst .box .lft{ width:100%;}
.our-prd-lst .box .lft h2{ text-align:center; font-size:26px; margin-bottom:15px; padding-bottom:5px;}
.our-prd-lst .box .lft h2::before{ right:0; margin:0 auto; width:60px;}
.our-prd-lst .box .lft p{ padding:0; font-size:18px; line-height:25px; text-align:center;}
.our-prd-lst .box .lft .prd-lnk{ padding:20px 0px 0px; justify-content:center;}
.our-prd-lst .box .lft a.prd-btn{ font-size:15px; padding:6px 20px;}

.our-prd-lst .box .rht{ width:100%; padding:0; flex-wrap: wrap;}
.our-prd-lst .box .rht span{ position:relative; width:80%; height:280px; margin-bottom:40px;}
.our-prd-lst .box .rht small{ position:absolute; z-index:-1;}
.our-prd-lst .box:last-child .lft{ padding-bottom:0;}

.srvs-bdy .srvs-main{ padding:40px 20px;}
.srvs-main .tit{ margin-bottom:30px;}
.srvs-main .tit h1{ font-size:35px; margin-bottom:20px;}
.srvs-main .tit h1::before { width:100px;}
.srvs-main .tit p{ padding:0; font-size:18px; line-height:25px; text-align:center;}
.srvs-main .srvs-lst{ grid-template-columns:repeat(2,1fr);}
.srvs-main .srvs-lst .box .top span{ height:150px;}
.srvs-main .srvs-lst .box .btm{ min-height:150px;}
.srvs-main .srvs-lst .box .btm h2{ font-size:15px; line-height:22px;}
.srvs-main .srvs-lnk{ padding:40px 0px 0px;}
.srvs-main a.srvs-btn{ font-size:15px; padding:6px 20px;}
.srvs-main .srvs-lst .box:nth-child(2n+2) .btm::after { top:auto !important; bottom:-20px !important; clip-path:polygon(100% 0, 50% 100%, 0 0) !important;}

.help-bg::before{ width:100%; height:40%;}
.help-bg::after{ width:155px; height:100%; top:0; left:0px; opacity:0.15;}
.home-enq{ padding:40px 0px; flex-wrap: wrap;}
.help-cont{ width:100%; padding:0px 0px 30px;}
.exs-cnect-enq{ width:100%; padding:30px;}
.help-cont .help-tit{ margin-bottom:25px;}
.help-cont .help-tit h1{ font-size:22px; font-weight:200; text-align:center; margin-bottom:10px;}
.help-cont .help-tit h1 span{ font-size:25px; line-height:30px; margin-bottom:10px;}
.help-cont .help-tit h2{ text-align: center; font-size:22px;}	
}