/* banner Content */
.banner-bg {width: 100%; transition: transform 1.5s ease, opacity .5s ease-out; height: 100%; position: relative;}
.banner-bg .wave{position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: url(../images/Wave.png); background-size: 2000px 117px;}
.banner-bg .wave.wave1{animation: animate 30s linear infinite; z-index: 4; opacity: 1; animation-delay: 0s; bottom: 0;}
.banner-bg .wave.wave2{animation: animate2 15s linear infinite; z-index: 3; opacity: 0.5; animation-delay: -5s; bottom: 10px;}
.banner-bg .wave.wave3{animation: animate 30s linear infinite; z-index: 2; opacity: 0.2; animation-delay: -2s; bottom: 15px;}
.banner-bg .wave.wave4{animation: animate2 15s linear infinite; z-index: 1; opacity: 0.7; animation-delay: -1s; bottom: 20px;}

@keyframes animate{ 0% { background-position-x: 0; } 100% { background-position-x: 2000px; } }
@keyframes animate2{ 0% { background-position-x: 0; } 100% { background-position-x: -2000px; } }
.banner-bg .carousel-item{z-index: 1; position: relative; overflow: hidden;}
.banner-bg .carousel-item span{width: 100%; height: 928px;  position: relative;}
.banner-bg .carousel-item span video{width: auto; height: 100%; margin: 0 auto;}
.banner-bg .carousel-item span::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0;}
/* .banner-bg .carousel-item span::after{position: absolute; content: ''; width: 100%; height: 122px; left: 0; bottom: 0; background: url(../images/bnr-btm-img.png) no-repeat; background-size: cover;} */
.banner-bg .carousel-item span img{object-fit: cover; width: 100%; height: 100%;}
.banner-bg .carousel-caption{left: 0; right: 0; bottom: 30%;}
.banner-bg .carousel-caption h3{width: 100%; font-size: 60px; font-weight: 200; color: #fac168; text-align: left; text-transform: uppercase; margin-bottom: 0px; line-height: 60px;}
.banner-bg .carousel-caption h2{width: 100%; font-size: 72px; font-weight: 900; color: #fff; text-align: left; line-height: 70px; margin-bottom: 5px; text-transform: uppercase;}
.banner-bg .carousel-caption p{width: 100%; line-height: 34px; font-weight: 900; font-size: 36px; color: #0349ad; text-align: left; margin-bottom: 40px; text-transform: uppercase;}
.banner-bg .carousel-caption .bnr-txt{width: 100%; -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: relative; text-align: left; padding-left: 90px;}
.banner-bg .carousel-caption .bnr-txt::before{position: absolute; content: ''; width: 410px; height: 410px; left: 0; top: -70px; background-color: rgb(37 128 193 / 80%); border-radius: 50%; z-index: -1; -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-duration: 5s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 1s;}
.banner-bg .carousel-caption .bnr-txt a{background-color: #004aa7; font-weight: 400; color: #fff; text-transform: uppercase; 
padding: 20px 50px; transition: 0.4;}
.banner-bg .carousel-caption .bnr-txt a:hover{transition: 0.4; background-color: rgba(0, 0, 0, 0.8);}
.carousel-control-next, .carousel-control-prev{width: 46px; height: 46px; bottom:4%; top: auto; font-size: 28px; z-index: 10; color: rgba(255, 255, 255, 1); border: 1px solid #fff; opacity: 1; border-radius: 50%; transition: 0.4s;}
.carousel-control-next:hover{background-color: rgba(255, 255, 255, 0.4); transition: 0.4s;} 
.carousel-control-prev:hover{background-color: rgba(255, 255, 255, 0.4); transition: 0.4s;}
.carousel-control-prev{left: auto; right: 20%;}
.carousel-control-next{right: 25%; bottom:4%;}
.carousel-inner{overflow: unset; overflow: hidden;}

/* Home page one click */
.one-clk-bg{width: 100%; background: #fff url(../images/one-clk-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed; position: relative;}
.one-clk-bg::before{position: absolute; content: ''; width: 322px; height: 175px; left: 0; margin: 0 auto; right: 0; bottom: 0; background: url(../images/one-clk-ptn.png) no-repeat;}
.one-clk-prt{width: 100%; display: flex; justify-content: space-between; margin-top: -150px; z-index: 5; position: relative;}
.one-clk-prt .one-clk-lft{width: 68%;}
.one-clk-prt .one-clk-lft .one-clk-lft1{width: 100%; display: flex; align-items: flex-end; justify-content: space-between;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-txt{width: 40%; margin-bottom: 70px;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-txt b{color: #222; font-size: 36px; font-weight: 900; line-height: 48px;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk{width: 53%;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a{width: 100%; height: 100%; display: flex; position: relative; transition: 0.4s; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a::after{position: absolute; content: ''; width: 0; height: 100%; left: 0; right: 0; top: 0; background-color: rgba(0, 188, 212, 0.7); transition: 0.4s; margin: 0 auto; z-index: 0;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a span{width: 100%; display: flex; transition: 0.4s; height: 400px;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a span img{object-fit: cover; width: 100%; height: 100%; transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a small{position: absolute; content: ''; left: 0; top: 0; padding: 50px; transition: 0.4s; z-index: 1;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a small strong{font-size: 30px; font-weight: 900; text-transform: uppercase; color: #fff; transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a small p{font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.4); transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a i{width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; border: 2px solid #00bcd4; border-radius: 50%; position: absolute; bottom: 12%; right: 10%; transition: 0.4s; z-index: 1;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a i ion-icon{font-size: 30px; color: #00bcd4; transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a:hover{box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a:hover::before{opacity: 0;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a:hover::after{transition: 0.4s; width: 100%;  background-color: rgba(0, 250, 280, 0.85);}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a:hover small strong{color: #fff; transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a:hover small p{color: rgba(255, 255, 255, 0.8);  transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a:hover i{border: 2px solid #fff; transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a:hover i ion-icon{color: #fff; transition: 0.4s;}

.one-clk-prt .one-clk-lft .one-clk-lft2{width: 100%; display: flex; justify-content: space-between; margin-top: 25px;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk{width: 57%;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk:nth-child(2){width: 40%;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a{width: 100%; height: 100%; display: flex; position: relative; transition: 0.4s; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a::after{position: absolute; content: ''; width: 0; height: 100%; left: 0; right: 0; top: 0; background-color: rgba(0, 188, 212, 0.7); transition: 0.4s; margin: 0 auto; z-index: 0;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a span{width: 100%; display: flex; transition: 0.4s; height: 275px;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a span img{object-fit: cover; width: 100%; height: 100%; transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a small{position: absolute; content: ''; left: 0; top: 0; padding: 50px; transition: 0.4s; z-index: 1;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a small strong{font-size: 30px; font-weight: 900; text-transform: uppercase; color: #fff; transition: 0.4s; line-height: 30px;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a small p{font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.4); transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a i{width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; border: 2px solid #00bcd4; border-radius: 50%; position: absolute; bottom: 12%; right: 10%; transition: 0.4s; z-index: 1;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a i ion-icon{font-size: 30px; color: #00bcd4; transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a:hover{box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a:hover::before{opacity: 0;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a:hover::after{transition: 0.4s; width: 100%; background-color: rgba(0, 188, 212, 0.85);}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a:hover small strong{color: #fff; transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a:hover small p{color: rgba(255, 255, 255, 0.8);  transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a:hover i{border: 2px solid #fff; transition: 0.4s;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a:hover i ion-icon{color: #fff; transition: 0.4s;}

.one-clk-prt .one-clk-rht{width: 30%; display: flex; flex-wrap: wrap;}
.one-clk-prt .one-clk-rht .clk-rht-lnk{width:100%;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(2){margin: 28px 0px;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(3) a::before{background-color: rgba(0, 188, 212, 0.8);}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(3) a small{padding: 50px 60px;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(3) a i{border: 2px solid #fff;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(3) a:hover small strong{color:#fff;} 
.one-clk-prt .one-clk-rht .clk-rht-lnk a i ion-icon{color: #fff !important;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a{width: 100%; height: 100%; display: flex; position: relative; transition: 0.4s; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.0);}
.one-clk-prt .one-clk-rht .clk-rht-lnk a::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); transition: 0.4s;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a::after{position: absolute; content: ''; width: 0; height: 100%; left: 0; right: 0; top: 0; background-color: rgba(0, 188, 212, 0.7); transition: 0.4s; margin: 0 auto; z-index: 0;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a span{width: 100%; display: flex; transition: 0.4s; height: 275px;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a span img{object-fit: cover; width: 100%; height: 100%; transition: 0.4s;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a small{position: absolute; content: ''; left: 0; top: 0; padding: 50px; transition: 0.4s; z-index: 1;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a small strong{font-size: 30px; font-weight: 900; text-transform: uppercase; color: #fff; transition: 0.4s; line-height: 30px;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a small p{font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.4); transition: 0.4s;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a i{width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; border: 2px solid #00bcd4; border-radius: 50%; position: absolute; bottom: 12%; right: 10%; transition: 0.4s; z-index: 1;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a i ion-icon{font-size: 30px; color: #00bcd4 !important; transition: 0.4s;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a:hover{box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); transition: 0.4s;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a:hover::before{opacity: 0;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a:hover::after{transition: 0.4s; width: 100%; background-color: rgba(0, 188, 212, 0.85);}
.one-clk-prt .one-clk-rht .clk-rht-lnk a:hover small strong{color: #fff; transition: 0.4s;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a:hover small p{color: rgba(255, 255, 255, 0.8);  transition: 0.4s;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a:hover i{border: 2px solid #fff; transition: 0.4s;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a:hover i ion-icon{color: #fff !important; transition: 0.4s;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(3) a i ion-icon{color: #fff !important;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(3) a span{height: 195px;}

/* Home page welcome part */
.hom-wel-bg{width: 100%;}
.hom-wel-main{ display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 180px 0px 130px; position: relative; margin-bottom: 30px;}
.hom-wel-lft{ width: 44%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative;}
.wel-lft-img1{position: relative; display: flex; justify-content: flex-start; align-items: flex-start; z-index: 1; margin-top: 50px; margin-left: 50px;}
.wel-lft-img1 span{width: 465px; height: 413px; transition: all ease-in 0.5s; position: relative;}
.wel-lft-img1 span::before{position: absolute; content: ""; width: 86%; height: 80%; background-color: rgba(0, 188, 212, 1); z-index: -1; left: -60px; bottom: -60px; -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.wel-lft-img1 span::after{position: absolute; content: ""; width: 258px; height: 216px; background: url(../images/wel-lft-img1-bg.png) no-repeat; z-index: -2; right: -35px; bottom: -100px; -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.wel-lft-img1 span img{ object-fit: contain; width: 100%; height: auto; padding: 0; margin: 0 auto;}
.wel-lft-img2{position: absolute; bottom: 0; content: ""; width: 100%; height: 100%; right: 0; display: flex; justify-content: flex-end; align-items: flex-start; z-index: 2;}
.wel-lft-img2 span{width: 302px; height: 302px; position: relative; transition: all ease-in 0.5s; z-index: 1;}
.wel-lft-img2 span::before{position: absolute; content: ""; width: 100%; height: 100%; border: 2px solid rgba(0, 188, 212, 1); z-index: -1; right: -45px; top: -45px; -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.wel-lft-img2 span img{ object-fit: contain; width: 100%; height: 100%; padding: 0; margin: 0 auto;}

.hom-wel-rht{ width: 48%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; padding-top: 50px;}
.hom-wel-rht h1{ font-size: 48px; font-weight: 900; position: relative; margin-bottom: 30px; color: #4c7cc3; width: 100%; line-height: 36px; text-transform: uppercase;}
.hom-wel-rht h6{ font-size: 20px; font-weight: 200; color: #f7ca81; margin-bottom: 10px; text-transform: uppercase; transition: 0.4s;}
.hom-wel-rht p{ font-size: 16px; color: #222; line-height: 20px; margin-bottom: 25px; text-align: justify; font-weight: 300; transition: 0.4s;}
.hom-vis-mis{width: 100%; display: flex; justify-content: space-between; margin-top: 50px;}
.hom-vis-mis .vis-mis-prt{width: 48%; position: relative; transition: 0.4s;}
.hom-vis-mis .vis-mis-prt::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.85); transition: 0.4s;}
.hom-vis-mis .vis-mis-prt::after{position: absolute; content: ''; width: 0; height: 100%; left: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.85); transition: 0.4s; margin: 0 auto; z-index: 0;}
.hom-vis-mis .vis-mis-prt:hover::before{opacity: 0;}
.hom-vis-mis .vis-mis-prt:hover::after{background-color: rgba(0, 188, 212, 0.85); width: 100%; transition: 0.4s;}
.hom-vis-mis .vis-mis-prt:hover strong{transition: 0.4s; color: #fff;}
.hom-vis-mis .vis-mis-prt:hover p{transition: 0.4s; color: #fff;}
.hom-vis-mis .vis-mis-prt span{width: 100%; display: flex;}
.hom-vis-mis .vis-mis-prt span img{object-fit: cover; width: 100%; height: 100%;}
.hom-vis-mis .vis-mis-prt small{position: absolute; content: ''; left: 0; top: 0; padding: 30px; transition: 0.4s; z-index: 1;}
.hom-vis-mis .vis-mis-prt small strong{font-size: 18px; font-weight: 700; text-transform: uppercase; color: #00bcd4; transition: 0.4s; line-height: 20px;}
.hom-vis-mis .vis-mis-prt small p{font-size: 16px; font-weight: 300; color:#fff; transition: 0.4s; margin-top: 10px; margin-bottom: 0; line-height: 20px;}

/* Home Count Part */
.hom-cunt-bg{width: 100%; background: url(../images/count-bg.jpg) no-repeat; background-size: cover; position: relative; background-position: bottom; background-attachment: fixed;}
.hom-cunt-bg::before{position: absolute; content: ""; width: 100%; height: 100%; background-color:rgb(6 75 174); z-index: 0; left: 0; bottom: 0;}
.hom-cunt-main{width: 100%; padding: 80px 0px; position: relative; z-index: 1;}
.hom-cunt-main ul{width: 100%; margin: 0 auto; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 50px;}
.hom-cunt-main ul li{display: flex; width: 100%; flex-wrap: wrap; justify-content: center;}
.hom-cunt-main ul li ion-icon{font-size: 48px; color: #fff;}
.hom-cunt-main ul li b{width: 100%; display: flex; font-size: 60px; font-weight: 900; text-transform: uppercase; color: #fff; justify-content: center; line-height: 58px; margin-top: 10px;}
.hom-cunt-main ul li small{width: 100%; display: flex; font-size: 24px; font-weight: 300; color: #fff; justify-content: center;}

/* Home Services Part */
.hom-ser-bg{width: 100%; position: relative; background: #fff url(../images/hom-ser-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed; background-position: revert;}
.hom-ser-main{width: 100%; position: relative; display: flex; justify-content: flex-end; padding: 80px 0px;}
.hom-ser-sub{width: 55%; display: flex; flex-wrap: wrap;}
.hom-ser-sub .hom-ser-tit{width: 100%; margin-bottom: 25px; padding-left: 50px;}
.hom-ser-sub .hom-ser-tit h5{width: 100%; text-align: left; font-size: 48px; font-weight: 900; color: #1f1f1f; margin-bottom: 0; line-height: 46px;}
.hom-ser-sub .hom-ser-tit strong{font-size: 24px; font-weight: 200; color: #1f1f1f;}
.hom-ser-sub ul{width: 100%; list-style: none; background-color: rgba(255, 255, 255, 0.5); border: 2px solid #fff; padding: 50px; border-radius: 50px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);}
.hom-ser-sub ul li{width: 100%; margin-bottom: 15px;}
.hom-ser-sub ul li:last-child{margin-bottom: 0;}
.hom-ser-sub ul li a{display: flex; font-size: 18px; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.1);  transition: 0.4s; color: #1552af; align-items: center; justify-content: space-between; position: relative; z-index: 1; line-height: 20px;}
.hom-ser-sub ul li a::after{position: absolute; content: ''; width: 0; height: 100%; left: 0; right: 0; margin: 0 auto; top: -7px;background-color: #0149a9; transition: 0.4s; z-index: -1; border-radius: 20px;}
.hom-ser-sub ul li a:hover{color: #fff; transition: 0.4s; padding: 0px 15px 15px;}
.hom-ser-sub ul li a:hover::after{width: 100%; transition: 0.4s;}
.hom-ser-sub ul li a i{width: 20px; height: 20px;}
.hom-ser-sub .hom-ser-btn{width: 30%; text-align: center;}
.hom-ser-sub .hom-ser-btn a{padding: 10px 0px; background-color: #fff; color: #1552af; border-bottom: none; border-radius: 25px; text-transform: uppercase; font-size: 14px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); justify-content: center; transition: 0.4s;}
.hom-ser-sub .hom-ser-btn a::after{display: none;}
.hom-ser-sub .hom-ser-btn a:hover{transition: 0.4s; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); color: #1552af; padding: 10px 0px;}

/* Home News */
.hom-nws-bg{ width:100%; background:#fff; z-index:1; position:relative;}
.hom-nws-bg::before{ position:absolute; content:""; width:100%; height:55%; background-color:#f1f1f1; z-index:-1; left:0px; top:0px;} 
.hom-nws-main{ width:100%; display:flex; flex-wrap:wrap; padding:60px 0px 0px;}
.hom-nws-main h6{ font-size:60px; font-weight:800; color: #1f1f1f; width: 100%; text-align: center; margin-bottom:60px;}
.hom-nws-main ul{ margin:0 auto; padding:0; list-style: none; width: 100%; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px; transition: 0.4s;}
.hom-nws-main ul li{ width: 100%; display: flex; flex-wrap: wrap; background-color: #fff;  box-shadow: -5px 20px 30px rgba(0, 0, 0, 0.2); border-radius:0px; transition: 0.4s;}
.hom-nws-main ul li:hover{ box-shadow: -5px 20px 30px rgba(0, 0, 0, 0.5);}
.hom-nws-main ul li .hom-nws-img{ width:100%; height:296px; border-radius:0px; overflow:hidden; position:relative; margin-bottom:25px;}
.hom-nws-main ul li .hom-nws-img span{width: 100%; height: 100%; display: flex;}
.hom-nws-main ul li .hom-nws-img span img{object-fit: cover; width: 100%; height: 100%;}
.hom-nws-main ul li .hom-nws-img small{ position:absolute; content: ''; right:10px; margin: 0 auto; padding:8px 15px; background-color: #00bcd4; color:#fff; font-weight:600; font-size:14px; top:10px; width:70px; text-align:center; box-shadow:0px -2px 20px rgba(0, 0, 0, 0.5);}
.hom-nws-main ul li .hom-nws-tit{width: 100%; padding: 0px 40px; text-align: center; margin-bottom: 20px; min-height: 50px; display: flex; align-items: center; justify-content:center;}
.hom-nws-main ul li .hom-nws-tit b{ font-size:20px; font-weight:700; color: #222; text-transform: uppercase; line-height:22px; text-align: center;}
.hom-nws-main ul li .hom-nws-cnt{width: 100%; padding: 0px 40px; text-align: justify; margin-bottom: 20px;}
.hom-nws-main ul li .hom-nws-cnt p{font-size:16px; color: #333; line-height:24px; font-weight:300;}
.hom-nws-main ul li .hom-nws-btn{width: 100%; text-align: center; margin-bottom: -10px;}
.hom-nws-main ul li .hom-nws-btn a{padding: 12px 40px; background-color: #00bcd4; color: #fff; font-size: 16px; font-weight: 400; border-radius: 40px; transition: 0.4s; position: relative; z-index: 2; border:5px solid #fff;}
.hom-nws-main ul li .hom-nws-btn a::before{position: absolute; content: ''; width: 0; height: 100%; left: 0; right: 0; margin: 0 auto; top: 0; background-color: #008a9b; transition:all ease-in 0.4s; border-radius:40px; z-index: -1;}
.hom-nws-main ul li .hom-nws-btn a:hover{background-color:#008a9b; transition:all ease-in 0.4s; color: #fff;}
.hom-nws-main ul li .hom-nws-btn a:hover::before{  width: 100%;  transition:all ease-in 0.4s;}
.hom-nws-all{width: 100%; margin-top: 90px; text-align: center;}
.hom-nws-all a{ padding:15px 60px; background-color: #444; border:1px solid #444; border-radius:30px; box-shadow:-5px 15px 30px rgba(0, 0, 0, 0.2); font-size:16px; color:#fff; font-weight:400; text-transform:uppercase; transition:0.4s;}
.hom-nws-all a:hover{ transition: 0.4s; color: #333; background-color:transparent; box-shadow: -5px 15px 30px rgba(0, 0, 0, 0.5);}

/* Home Quick Enquiry */
.hom-enq-bg{width: 100%; position: relative; background: #fff url(../images/hom-quk-enq.jpg) no-repeat; background-size: cover; background-position-y: -60px;}
.hom-enq-main{width: 100%; display: flex; justify-content: space-between; padding: 100px 0px;}
.hom-enq-lft{width: 48%; text-align: center;}
.hom-enq-lft ion-icon{font-size: 200px; color: #ddfcff;}
.hom-enq-lft h6{font-size: 60px; font-weight: 200; color: #222222;}
.hom-enq-lft small{font-size: 24px; color: #00bcd4; font-weight: 300;}
.hom-enq-lft p{font-size: 18px; font-weight: 300; line-height: 22px; color: #333; margin: 0 auto; width: 62%;}
.hom-enq-rht{width: 48%;}
.qck-enq-frm{width: 90%; background-color: #dddddd; padding: 50px; background-size: cover; background-position: center; border-radius: 50px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); position: relative; border: 9px solid #fff; margin-right: auto;}
.qck-enq-frm h5{width: 100%; font-size: 24px; color: #fff; font-weight: 300; margin-bottom: 40px;}
.qck-enq-frm .cnt-frm{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.qck-enq-frm .form-group{ width: 100%; position: relative; margin-bottom:20px;}
.qck-enq-frm .form-group .form-control{ border-radius:50px; position:relative; padding: 10px 0px 10px 40px; border: none; color: #555555; font-weight: 400; background-color: rgba(255,255,255,0.5); font-size: 17px;}
.qck-enq-frm .form-group .form-control:focus{ box-shadow: none;}
.qck-enq-frm .form-group .form-control::placeholder{ color: #888; font-weight: 300; font-size: 15px;}
.qck-enq-frm .form-group ion-icon{ position: absolute; left:15px; z-index: 1; top:15px; font-size: 18px; color:rgba(0,0,0,0.3);}
.qck-enq-frm .form-group textarea{ border-radius:20px !important;}
.qck-enq-frm .form-group .custom-select{ border-radius:3px; border-left: 0 none; border-right: 0 none; border-top: 0 none; padding: 0px; font-size: 15px; background-color: transparent; position: relative; border: 1px solid #d5d5d5; padding-left: 35px; color: #888 !important; border-radius: 50px; font-weight: 400; background-color: #fff; width: 100%; min-height: 38px;}
.qck-enq-frm .form-group .custom-select::placeholder{ color: #888;}
.cnt-lnk{ display: flex; align-items: center; margin-top:20px; justify-content:center; margin-bottom: -90px;}
.cnt-lnk button.btn-contact{ background: #1552af; display: flex; justify-content: center; align-items: center; border-radius: 50px; color: #fff; font-size: 20px; font-weight: 700; text-transform: uppercase; padding: 10px 0px; transition: all ease-in 0.4s; width: 55%; margin: 0 auto; position: relative; z-index: 1; border: 9px solid #fff;}
.cnt-lnk button.btn-contact::before{position: absolute; content: ''; width: 0; height: 100%; left: 0; right: 0; margin: 0 auto; top: 0; background-color: #f8c679; transition:all ease-in 0.4s; border-radius:50px; z-index: -1;}
.cnt-lnk button.btn-contact:hover{transition:all ease-in 0.4s; color: #fff;}
.cnt-lnk button.btn-contact:hover::before{  width: 100%;  transition:all ease-in 0.4s;}
.cnt-lnk button.btn-contact-cnl{ background-color: #fff; border: 1px solid #fff; display: flex; justify-content: center; align-items: center;border-radius:50px; color:#130b04; font-size:16px;font-weight:400;text-transform:uppercase; padding:6px 30px; transition: all ease-in 0.4s;}
.cnt-lnk button.btn-contact-cnl:hover{ border:1px solid #fff; color:#fff; background-color:transparent; transition:all ease-in 0.4s;}
.qck-enq-frm .cnt-frm:nth-child(3) .form-group{ width: 100%; display: flex; flex-wrap: wrap;}
.qck-enq-frm .cnt-frm:nth-child(4) .form-group{ width: 100%;}
.cnt-lnk a.btn-contact-cnl{ background-color: #fff; border: 1px solid #fff; display: flex; justify-content: center; align-items: center;border-radius:50px; color:#130b04; font-size:16px;font-weight:400; padding:6px 30px; transition: all ease-in 0.4s;}
.cnt-lnk a.btn-contact-cnl:hover{ border:1px solid #fff; color:#fff; background-color:transparent; transition:all ease-in 0.4s;}

/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1366px) { 
.com-pro-bg::after{left: -40px;}
.carousel-control-prev{left: auto; right: 50px;}
.carousel-control-next{right: 120px; bottom:4%;}
.banner-bg .carousel-item::before{height: 75%;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a small{padding: 30px;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a small strong{font-size: 26px; line-height: 30px;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a small{padding: 30px;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a small strong{font-size: 26px;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a small{padding: 30px;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a small strong{font-size: 26px;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(3) a small { padding: 30px 40px; }
.hom-wel-main{flex-wrap: wrap-reverse; padding: 30px 0px 130px;}
.hom-wel-rht{width: 100%;}
.hom-wel-lft{width: 100%;}
.hom-vis-mis{margin-top: 20px;}
.hom-vis-mis .vis-mis-prt span img{max-height: 200px;}
.wel-lft-img1{width: 100%; margin-left: 100px;}
.wel-lft-img2{align-items: flex-end; margin-right: 75px; bottom: -60px;}
.hom-cunt-main ul{grid-gap: 30px;}
.hom-cunt-main ul li small{font-size: 19px;}
.hom-ser-bg::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.3);}
.hom-ser-main{justify-content: center;}
.hom-ser-sub{width: 70%;}
.hom-ser-sub .hom-ser-btn{width: 100%;}
.hom-ser-sub .hom-ser-btn a{width: 30%; margin: 0 auto;}
.hom-ser-sub .hom-ser-tit{padding-left: 0; text-align: center;}
.hom-ser-sub .hom-ser-tit h5{text-align: center;}
.qck-enq-frm{width: 100%;}
.hom-enq-lft p{width: 100%; margin: 10px auto 0px;}
.hom-enq-lft small{font-size: 22px;}

}

/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px) {
.banner-bg .carousel-caption .bnr-txt a{padding: 15px 30px;}
.hom-nws-main{ padding:40px 0px 0px;}
.hom-nws-main h6{ font-size:50px; margin-bottom:40px;}
.hom-nws-main ul{ grid-gap:40px;}
.hom-nws-main ul li .hom-nws-tit{ padding:0px 20px;}
.hom-nws-main ul li .hom-nws-cnt{ padding:0px 20px;}
.hom-nws-main ul li .hom-nws-tit b{ font-size:18px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.banner-bg .carousel-caption{bottom: 40%;}
.banner-bg .carousel-caption .bnr-txt::before{right: 0; margin: 0 auto;}
.banner-bg .carousel-caption .bnr-txt{padding-left: 0; text-align: center;}
.banner-bg .carousel-caption h3{text-align: center; font-size: 48px;}
.banner-bg .carousel-caption h2{text-align: center; font-size: 58px;}
.banner-bg .carousel-caption p{text-align: center; font-size: 28px; line-height: 28px;}
.banner-bg .carousel-item span{height: 750px;}
.one-clk-prt{flex-wrap: wrap;}
.one-clk-prt .one-clk-lft{width: 100%; margin-bottom: 20px;}
.one-clk-prt .one-clk-rht{width: 100%; justify-content: space-between;}
.one-clk-prt .one-clk-rht .clk-rht-lnk{width: 48.5%;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(2){margin: 0;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(3){width: 100%; margin-top: 22px;}
.hom-wel-rht{justify-content: center;}
.hom-wel-rht h1{text-align: center;}
.hom-vis-mis .vis-mis-prt span img{max-height: 250px;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-txt b{font-size: 28px; line-height: 34px;}
.hom-ser-sub{width: 100%;}
.wel-lft-img1{margin-left: 0;}
.wel-lft-img1 span{margin: 0 auto;}
.wel-lft-img2{position: relative; bottom: 0; margin-right: 0; margin-top: 50px;}
.wel-lft-img2 span{margin: 0 auto;}
.wel-lft-img2 span::before{display: none;}
.wel-lft-img1 span::before{display: none;}
.wel-lft-img1 span::after{display: none;}
.hom-wel-main{padding: 30px 0px 50px;}
.hom-cunt-main ul{grid-template-columns: repeat(2,1fr);}
.hom-enq-main{flex-wrap: wrap; padding: 50px 0px 100px;}
.hom-enq-lft{width: 100%; margin-bottom: 50px;}
.hom-enq-rht{width: 100%;}
.hom-nws-main ul{ grid-template-columns:repeat(2,1fr);}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
.banner-bg .carousel-caption h3{font-size: 32px; line-height: 36px;}
.banner-bg .carousel-caption h2{font-size: 38px; line-height: 42px;}
.banner-bg .carousel-caption p{font-size: 24px; line-height: 28px;}
.banner-bg .carousel-item span{height: 600px;}
.banner-bg .carousel-caption .bnr-txt::before{width: 300px; height: 300px; top: -40px;}
.one-clk-prt .one-clk-lft{margin-bottom: 25px;}
.one-clk-prt .one-clk-lft .one-clk-lft1{flex-wrap: wrap;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-txt{width: 100%; margin-bottom: 25px;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk{width: 100%;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a span{height: 200px;}
.one-clk-prt .one-clk-lft .one-clk-lft2{flex-wrap: wrap;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk{width: 100%; margin-bottom: 25px;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk:nth-child(2){width: 100%; margin-bottom: 0;}
.one-clk-prt .one-clk-rht .clk-rht-lnk{width: 100%;}
.one-clk-prt .one-clk-rht .clk-rht-lnk:nth-child(2){margin: 25px 0px 0px;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a span{height: 200px;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a span{height: 200px;}
.hom-wel-rht h1{font-size: 42px;}
.hom-vis-mis{flex-wrap: wrap;}
.hom-vis-mis .vis-mis-prt{width: 100%; margin-bottom: 25px;}
.hom-vis-mis .vis-mis-prt{width: 100%;}
.wel-lft-img1{margin-top: 30px;}
.hom-ser-sub .hom-ser-btn a{width: 50%;}
.hom-ser-sub .hom-ser-tit strong{font-size: 22px;}
}

@media (max-width: 658px) {
.hom-nws-main ul{ grid-template-columns:repeat(1,1fr);}	
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.banner-bg .carousel-caption { bottom: 30%; }
.banner-bg .carousel-caption .bnr-txt::before {top: -60px;}
.hom-ser-sub .hom-ser-tit h5{margin-bottom: 10px;}
.hom-ser-sub .hom-ser-tit strong{line-height: 22px;}
.qck-enq-frm{padding: 35px;}
.cnt-lnk{margin-bottom: -65px;}
.cnt-lnk button.btn-contact{padding: 5px 0px;}
.wel-lft-img2{margin-top: 20px;}
.hom-wel-main { padding: 30px 0px 30px; }
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a small p{line-height: 18px;}
.hom-nws-main ul{ grid-template-columns:repeat(1,1fr); grid-gap:60px;}
.hom-nws-main h6{ font-size:36px;}
.hom-nws-main ul li .hom-nws-cnt p{ line-height:22px;}
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 480px) {
.banner-bg .carousel-caption .bnr-txt::before {top: -40px;}
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a small strong {font-size: 20px; line-height: 26px; }
.one-clk-prt .one-clk-lft .one-clk-lft1 .clk-lft1-lnk a small p{font-size: 14px; line-height: 16px;}
.one-clk-prt .one-clk-lft .one-clk-lft2 .clk-lft2-lnk a small strong {font-size: 20px; line-height: 26px;}
.one-clk-prt .one-clk-rht .clk-rht-lnk a small strong{font-size: 20px; line-height: 26px;}
.hom-wel-rht h1 { font-size: 32px; }
.wel-lft-img1 span{width: 100%; height: 100%;}
.wel-lft-img2 span{width: 100%; height: 100%;}
.hom-cunt-main ul { grid-template-columns: repeat(1,1fr); }
.hom-ser-sub .hom-ser-tit h5{font-size: 42px;}
.hom-ser-sub .hom-ser-btn a { width: 80%; }
.hom-ser-sub ul{padding: 25px;}
.hom-ser-sub ul li a{font-size: 16px;}
.hom-enq-lft ion-icon{font-size: 100px;}
.hom-enq-lft h6{font-size: 42px;}
.hom-enq-lft small{font-size: 16px;}
.hom-enq-lft p{font-size: 16px;}
.cnt-lnk { margin-bottom: -40px; }
.qck-enq-frm { padding: 20px;  border: 3px solid #fff;}
.cnt-lnk button.btn-contact{font-size: 16px; border: 3px solid #fff;}
.banner-bg .carousel-caption h2 { font-size: 28px; line-height: 32px; }
.banner-bg .carousel-caption h3 { font-size: 28px; line-height: 32px; }
.banner-bg .carousel-caption p { font-size: 18px; line-height: 20px; }
.banner-bg .carousel-caption { bottom: 40%; }

}



@media (max-width: 380px) {


}