/* inner banner Content */
.inner-wrapper .inr-bnr-sec{width: 100%; position: relative; min-height: 350px;}
.inner-wrapper .inr-bnr-sec::before{position: absolute; content: ''; width: 60%; height: 100%; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 1;}
.inner-wrapper .inr-bnr-sec::after{position: absolute; content: ''; width: 40%; height: 100%; left: 0; top: 0; background-color: rgba(0, 188, 212, 1); z-index: 1;}
.inner-wrapper .inr-bnr-sec span{width: 60%; margin-left: auto; height: 400px; position: relative; display: flex;}
.inner-wrapper .inr-bnr-sec span img{object-fit: cover; width: 100%; height: 100%;}
.inr-bnr-sec .inr-bnr-txt{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: 2;}
.inr-bnr-sec .inr-bnr-txt .max-cntr{height: 100%;}
.inr-bnr-sec .inr-bnr-txt .inr-bnr-hed{width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center;}
.inr-bnr-sec .inr-bnr-txt .inr-bnr-hed h3{font-size: 42px; color: #f7c678; margin: 30px 0px 0px 50px; text-transform: uppercase; font-weight: 700;}

/* Our Profile Part */
.inr-wel-bg{width: 100%;}
.inr-wel-main{ display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 50px 50px 30px; margin-bottom: 30px; background-color: #fff; box-shadow: 0px -50px 25px rgba(0, 0, 0, 0.1); margin-top: -70px; position: relative; z-index: 3; border-radius: 30px;}
.inr-wel-lft{ width: 65%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; margin: 100px auto;}
.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;}

.inr-wel-rht{ width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; margin-top: 0px;}
.inr-wel-rht h1{ font-size: 48px; font-weight: 900; position: relative; margin-bottom: 30px; color: #044aad; width: 100%; line-height: 36px; text-transform: uppercase; text-align: center;}
.inr-wel-rht h6{ font-size: 20px; font-weight: 200; color: #fbbf5e; margin-bottom: 10px; text-transform: uppercase; text-align: center; width: 100%;}
.inr-wel-rht p{ font-size: 16px; color: #222; line-height: 20px; margin-bottom: 25px; text-align: justify; font-weight: 300;}
.inr-vis-mis{width: 100%; display: flex; justify-content: space-between; margin-top: 10px;}
.inr-vis-mis .vis-mis-prt{width: 48%; position: relative; transition: 0.4s;}
.inr-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;}
.inr-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;}
.inr-vis-mis .vis-mis-prt:hover::after{background-color: rgba(0, 0, 0, 0.5); width: 100%; transition: 0.4s;}
.inr-vis-mis .vis-mis-prt span{width: 100%; display: flex;}
.inr-vis-mis .vis-mis-prt span img{object-fit: cover; width: 100%; height: 100%; max-height: 200px;}
.inr-vis-mis .vis-mis-prt small{position: absolute; content: ''; left: 0; top: 0; padding: 30px; transition: 0.4s; z-index: 1;}
.inr-vis-mis .vis-mis-prt small strong{font-size: 18px; font-weight: 700; text-transform: uppercase; color: #00bcd4; transition: 0.4s; line-height: 20px;}
.inr-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: 18px;}

/* Our Services List */
.our-ser-bg{width: 100%; min-height: 500px;}
.our-ser-main{display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 50px 50px 10px; background-color: #fff; box-shadow: 0px -50px 25px rgba(0, 0, 0, 0.1); border-radius: 30px;}
.our-ser-main h1{width: 100%; font-size: 48px; font-weight: 500; color: #0f53b1; margin-bottom: 50px; line-height: 44px; text-transform: uppercase; text-align: center;}
.ser-lst-box{width: 100%; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 25px;}
.ser-lst-box a{width: 100%; height: 100%; display: flex; position: relative; transition: 0.4s; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0);}
.ser-lst-box a::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); transition: 0.4s;}
.ser-lst-box a::after{position: absolute; content: ''; width: 0; height: 100%; left: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); transition: 0.4s; margin: 0 auto; z-index: 0;}
.ser-lst-box a span{width: 100%; display: flex; transition: 0.4s; height: 250px;}
.ser-lst-box a span img{object-fit: cover; width: 100%; height: 100%; transition: 0.4s;}
.ser-lst-box a small{position: absolute; content: ''; left: 0; top: 0; padding: 30px; transition: 0.4s; z-index: 1;}
.ser-lst-box a small strong{font-size: 30px; font-weight: 500; color: #fff; transition: 0.4s; line-height: 30px;text-transform: uppercase;}
.ser-lst-box a small p{font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.4); transition: 0.4s;}
.ser-lst-box 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;}
.ser-lst-box a i ion-icon{font-size: 30px; color: #00bcd4 !important; transition: 0.4s;}
.ser-lst-box a:hover{box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); transition: 0.4s;}
.ser-lst-box a:hover::before{opacity: 0;}
.ser-lst-box a:hover::after{transition: 0.4s; width: 100%; background-color: rgba(0, 188, 212, 0.85);}
.ser-lst-box a:hover small strong{color: #fff; transition: 0.4s;}
.ser-lst-box a:hover small p{color: rgba(255, 255, 255, 0.8);  transition: 0.4s;}
.ser-lst-box a:hover i{border: 2px solid #fff; transition: 0.4s;}
.ser-lst-box a:hover i ion-icon{color: #fff !important; transition: 0.4s;}

/* Our Services Details */
.our-ser-dts{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px; background-color: #fff; box-shadow: 0px -50px 25px rgba(0, 0, 0, 0.1); border-radius: 30px;}
.our-ser-dts2{width: 100%; display: flex; justify-content: space-between;}
.our-ser-dts2 .our-ser-lft{width: 37%; position: relative; z-index: 1;}
.our-ser-dts2 .ser-lft-img{width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 15px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); transition: 0.4s; background-color: #fff;}
.our-ser-dts2 .ser-lft-img span{width: 100%; display: flex;}
.our-ser-dts2 .ser-lft-img span a{width: 100%; display: flex; overflow: hidden; border-radius: 10px;}
.our-ser-dts2 .ser-lft-img span img{object-fit: cover; width: 100%; height: 100%;}
.our-ser-dts2 .our-ser-rht{width: 60%; padding: 0px 0px 0px 15px; background-color: #fff; border-radius: 30px; position: relative;}
.our-ser-dts2 .ser-dts-hed{width: 100%; margin-bottom: 20px; position: relative;}
.our-ser-dts2 .ser-dts-hed a{position: absolute; content: ''; right: 0; top: -68px; background-color: #00bcd4; font-size: 16px; display: flex; align-items: center; justify-content: center; padding: 5px 25px; border-radius: 10px; color: #fff; border: 1px solid #00bcd4; transition: 0.4s;}
.our-ser-dts2 .ser-dts-hed a ion-icon{margin-right: 10px;}
.our-ser-dts2 .ser-dts-hed a:hover{transition: 0.4s; background-color: #424242; border: 1px solid #424242;}
.our-ser-dts2 .ser-dts-hed h1{font-size: 30px; font-weight: 700; color: #0048ab; margin-bottom: 0px; text-transform: uppercase; line-height: 30px;}
.our-ser-dts2 .ser-dts-cnt{width: 100%;}
.our-ser-dts2 .ser-dts-cnt p{font-size: 16px; color: #555; line-height: 22px; text-align: justify; margin-bottom: 15px; font-weight: 300;}
.our-ser-dts2 .ser-dts-cnt p b{font-weight: 700;}
.our-ser-dts2 .ser-dts-cnt p strong{font-weight: 700;}
.our-ser-dts2 .ser-dts-cnt h6{font-size: 20px; font-weight: 700; color:#6f6f6f; margin-bottom: 20px;}
.our-ser-dts2 .ser-dts-cnt ul{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 0px 30px;}
.our-ser-dts2 .ser-dts-cnt ul li{padding-left: 25px; position: relative; margin-bottom: 15px; font-size: 16px; line-height: 22px; color: #555;}
.our-ser-dts2 .ser-dts-cnt ul li::before{position: absolute; content: ''; width: 10px; height: 10px; left: 0; top: 7px; background-color: #00bcd4; border-radius: 50%; z-index: 0;}
.our-ser-dts2 .ser-dts-cnt ul li::after{position: absolute; content: ''; width: 4px; height: 4px; left: 3px; top: 10px; background-color: #fff; border-radius: 50%; z-index: 1;}
.ser-dts-img{width: 100%; display: flex; flex-wrap: wrap;}
.ser-dts-img h5{width: 100%; color: #555; text-transform: uppercase; margin-bottom: 0px; padding-bottom: 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-weight: 700;}
.ser-dts-img .ser-dts-prt{width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; margin-top: 30px;}
.ser-dts-img .ser-dts-prt .dts-img-box{width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 15px; height: 200px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); transition: 0.4s;}
.ser-dts-img .ser-dts-prt .dts-img-box:hover{box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); transition: 0.4s; cursor: pointer;}
.ser-dts-img .ser-dts-prt .dts-img-box a{width: 100%; display: flex; height: 100%; border-radius: 10px; overflow: hidden;}
.ser-dts-img .ser-dts-prt .dts-img-box a img{object-fit: cover; width: 100%; height: 100%;}

/* Inner Services Enq Form */
.inr-frm-main{background-color: #fff; width: 75%; margin: 50px auto; position: relative; padding: 50px 50px; border: 1px solid #ddd; border-radius: 50px;}
.inr-frm-main h4{font-size: 24px; text-transform: uppercase; width: 100%; text-align: center; margin-bottom: 50px; color: #b0b0b0; font-weight: 300;}
.inr-frm-main .form-row { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px 80px;}
.inr-frm-main .form-row .form-group:last-child{grid-column-start: 1; grid-column-end: 3;}
.inr-frm-main .form-group { position: relative; padding-top: 15px; margin-bottom: 10px; width: 100%; }
.inr-frm-main .form-group .form-control { border-radius: 0; border-width: 0 0 1px 0; border-bottom-width: 1px; font-size: 14px; padding: 9px 5px; border-bottom: 1px solid #e5e5e5; }
.inr-frm-main .form-group label { position: absolute; left: 0px; top: -5px; transition: all 0.4s ease; color: #333333; font-size: 16px; display: flex; align-items: center;}
.inr-frm-main .form-group label ion-icon{margin-right: 12px; color: rgba(0, 0, 0, 0.25); font-size: 20px;}
.inr-frm-main .form-group textarea { resize: vertical; width: 100%; border: 0 none; border-top-width: 0px; border-right-width: 0px; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-left-width: 0px; border-bottom: 1px solid #e5e5e5; border-bottom-width: 1px; border-radius: 0px; border-radius: 0; border-width: 0 0 1px 0; font-size: 14px; padding: 9px 5px; color: #495057; margin-bottom: 0px; height: 50px;}

.inr-frm-main .form-group .form-control:focus, .inr-frm-main .form-group .form-control.hasValue { box-shadow: none; border-color:#ced4da;}
.inr-frm-main .form-group .form-control:focus ~ .input-highlight, .inr-frm-main .form-group .form-control.hasValue ~ .input-highlight { width: 100%;}
.inr-frm-main .form-group .form-control:focus ~ label, .inr-frm-main .form-group .form-control.hasValue ~ label { -webkit-transform: scale(0.9); transform: scale(0.9); top:0; left:0; color: #444444;}
 
.inr-frm-main .form-group .custom-select:focus, .inr-frm-main .form-group .custom-select.hasValue { box-shadow: none; border-color:#ced4da;}
.inr-frm-main .form-group .custom-select:focus ~ .input-highlight, .inr-frm-main .form-group .custom-select.hasValue ~ .input-highlight { width: 100%;}
.inr-frm-main .form-group .custom-select:focus ~ label, .inr-frm-main .form-group .custom-select.hasValue ~ label { -webkit-transform: scale(0.9);  transform: scale(0.9); top:0; left:0; color: #444444;}

.inr-frm-main .form-group textarea:focus, .inr-frm-main .form-group textarea.hasValue { box-shadow: none; border-color:#ced4da; outline: none !important;}
.form-group textarea:focus{outline: none !important;}
.inr-frm-main .form-group textarea:focus ~ .input-highlight, .inr-frm-main .form-group .custom-select.hasValue ~ .input-highlight { width: 100%;}
.inr-frm-main .form-group textarea:focus ~ label, .inr-frm-main .form-group textarea.hasValue ~ label { -webkit-transform: scale(0.9);  transform: scale(0.9); top:0; left:0; color: #444444;}
.inr-frm-main .sred { color:#ff0000; margin:0 4px;}
.inr-frm-main .form-group:last-child{margin-bottom: 0;}
.form-control:disabled, .form-control[readonly] { background-color: transparent; opacity: 1; font-weight: 600; color: #111; }

.enq-frm-btn { text-align: center; width: 100%; padding: 15px 0px 0px; transition: 0.4s; margin-top: 35px;}
.enq-frm-btn .frmsubmit { background: #00bcd4; color: #fff; font-weight: 400; cursor: pointer; padding: 10px 40px; margin: 0px 5px; transition: 0.4s; overflow: hidden; position: relative; border: 1px solid #00bcd4; -webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.5); border-radius: 35px; text-transform: uppercase;}
.enq-frm-btn .frmreset { background: #6e6d72; color: #fff; font-weight: 400; border: 0 none; cursor: pointer; padding: 10px 40px; margin: 0px 5px; transition: 0.4s; overflow: hidden; position: relative; border: 1px solid #6e6d72; -webkit-box-shadow: 5px 5px 40px -5px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 40px -5px rgba(0,0,0,0.5); box-shadow: 5px 5px 40px -5px rgba(0,0,0,0.5); border-radius: 35px; text-transform: uppercase;}
.enq-frm-btn .frmsubmit:hover { background: transparent; color: #6e6d72; transition: 0.4s; border: 1px solid #6e6d72;}
.enq-frm-btn .frmreset:hover { background: transparent; color: #6e6d72; transition: 0.4s; border: 1px solid #6e6d72;}

/* Inner News List */
.inr-nws-bg{ width:100%; z-index:1; position:relative;}
/* .inr-nws-bg::before{ position:absolute; content:""; width:100%; height:52%; background-color:#f1f1f1; z-index:-1; left:0px; top:0px;}  */
.inr-nws-main{ width:100%; display:flex; flex-wrap:wrap; padding:50px 50px 100px; background-color:#fff; box-shadow:0px -50px 25px rgba(0, 0, 0, 0.1); border-radius:30px;}
.inr-nws-main h6{ font-size:60px; font-weight:800; color: #1f1f1f; width: 100%; text-align: center; margin-bottom:60px;}
.inr-nws-main ul{ margin:0 auto; padding:0; list-style: none; width: 100%; display: grid; grid-template-columns: repeat(3,1fr); grid-gap:80px 50px; transition: 0.4s;}
.inr-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;}
.inr-nws-main ul li:hover{ box-shadow: -5px 20px 30px rgba(0, 0, 0, 0.5);}
.inr-nws-main ul li .inr-nws-img{ width:100%; height:296px; border-radius:0px; overflow:hidden; position:relative; margin-bottom:25px;}
.inr-nws-main ul li .inr-nws-img span{width: 100%; height: 100%; display: flex;}
.inr-nws-main ul li .inr-nws-img span img{object-fit: cover; width: 100%; height: 100%;}
.inr-nws-main ul li .inr-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);}
.inr-nws-main ul li .inr-nws-tit{width: 100%; padding: 0px 40px; text-align: center; margin-bottom: 20px; min-height: 50px; display: flex; align-items: center; justify-content:center;}
.inr-nws-main ul li .inr-nws-tit b{ font-size:20px; font-weight:700; color: #222; text-transform: uppercase; line-height:22px; text-align: center;}
.inr-nws-main ul li .inr-nws-cnt{width: 100%; padding: 0px 40px; text-align: justify; margin-bottom: 20px;}
.inr-nws-main ul li .inr-nws-cnt p{font-size:16px; color: #333; line-height:24px; font-weight:300;}
.inr-nws-main ul li .inr-nws-btn{width: 100%; text-align: center; margin-bottom: -10px;}
.inr-nws-main ul li .inr-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;}
.inr-nws-main ul li .inr-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;}
.inr-nws-main ul li .inr-nws-btn a:hover{background-color:#008a9b; transition:all ease-in 0.4s; color: #fff;}
.inr-nws-main ul li .inr-nws-btn a:hover::before{  width: 100%;  transition:all ease-in 0.4s;}
.inr-nws-all{width: 100%; margin-top: 90px; text-align: center;}
.inr-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;}
.inr-nws-all a:hover{ transition: 0.4s; color: #333; background-color:transparent; box-shadow: -5px 15px 30px rgba(0, 0, 0, 0.5);}

/* Our News Details */
.inr-new-dts{width: 100%; display:flex; flex-wrap: wrap; padding: 50px 50px; background-color:rgba(255, 255, 255,1); border-radius:30px; box-shadow:0px -50px 25px rgba(0, 0, 0, 0.1);}
.inr-new-dts .new-dts-hed{ width: 100%; margin-bottom:20px; position: relative; padding-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.08);}
.inr-new-dts .new-dts-hed a{ position: absolute; content:''; right: 0; top:5px; background-color: transparent; font-size:16px; display:flex; align-items:center; justify-content:center; padding:5px 25px; border-radius:50px; color:#959595; border:1px solid #959595; transition:0.4s;}
.inr-new-dts .new-dts-hed a ion-icon{ margin-right:10px;}
.inr-new-dts .new-dts-hed a:hover{transition: 0.4s; color: #fff; background-color: #959595;}
.inr-new-dts .new-dts-hed h1{font-size:28px; font-weight:700; color:#333; margin-bottom:3px; padding-right:140px;}
.inr-new-dts .new-dts-hed small{ display:flex; align-items:center; font-size:15px; color:#959595;}
.inr-new-dts .new-dts-hed small ion-icon{margin-right:10px; color: #0094de;}
.inr-new-dts .new-dts-box{width: 100%; display: flex; flex-wrap: wrap; padding:30px; position: relative; z-index: 1;}
/* .inr-new-dts .new-dts-box::before{position:absolute; content: ''; width: 100%; height:81%; background-color: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.15); left: 0; bottom: 0; z-index: -1; border-radius: 50px;} */
.inr-new-dts .new-dts-img{width: 100%; margin-bottom: 50px;}
.inr-new-dts .new-dts-img span{width: 50%; display: flex; margin: 0 auto; overflow: hidden; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.15); transition: all ease-in 0.5s; background-color:#eee; min-height:250px;}   
.inr-new-dts .new-dts-img span img{ object-fit: cover; width: 100%; height: 100%; transition: all ease-in 0.5s;}
.inr-new-dts .new-dts-img span:hover img{-webkit-animation: scale 10s linear infinite; animation: scale 10s linear infinite; -webkit-animation: scale 10s linear infinite; width: 100%; transition: all ease-in 0.5s;}
@-webkit-keyframes scale { 20% { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all ease-in 0.5s;}}
@keyframes scale { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all ease-in 0.5s;}}
.inr-new-dts .new-dts-cnt{width: 100%;}
.inr-new-dts .new-dts-cnt span{ display:flex; justify-content: center;}
.inr-new-dts .new-dts-cnt img{ max-height:500px; border-radius:50px; margin:25px 0px; box-shadow:0px 5px 25px rgba(0, 0, 0, 0.15);}
.inr-new-dts .new-dts-cnt p{ font-size:16px; color:#555; line-height:25px; text-align:justify; margin-bottom:15px;}
.inr-new-dts .new-dts-cnt p strong{ color:#333; font-size:16px;}
.inr-new-dts .new-dts-cnt p a{color: #0295de; font-weight: 700; transition: 0.4s;}
.inr-new-dts .new-dts-cnt p a:hover{opacity: 0.7; transition: 0.4s;}
.inr-new-dts .new-dts-cnt h6{font-size: 20px; font-weight: 700; color: #0295de; margin-bottom: 20px; text-transform: uppercase;}
.inr-new-dts .new-dts-cnt ul{list-style:none; padding:0; margin:30px 0px; display:grid; grid-template-columns:repeat(1,1fr); grid-gap:0px 30px;}
.inr-new-dts .new-dts-cnt ul li{padding-left:25px; position:relative; margin-bottom:10px; font-size:16px; line-height:22px; color:#555;}
.inr-new-dts .new-dts-cnt ul li::before{position: absolute; content: ''; width: 10px; height: 10px; left: 0; top: 7px; background-color: #0295de; border-radius: 50%; z-index: 0;}
.inr-new-dts .new-dts-cnt ul li::after{position: absolute; content: ''; width: 4px; height: 4px; left: 3px; top: 10px; background-color: #fff; border-radius: 50%; z-index: 1;}

/* pagination */
.pgntion { padding: 30px 0px 40px; background-color: #fff; position: relative; bottom: 0; margin: 0 !important; width: 100%; margin-top:0px !important; display: flex; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.page-link { padding:5px 10px; font-size:14px; }
.pgn-lft { display:flex; align-items:center; padding: 0 !important; width: 50%; color: #aaa;}
.pgn-rht { display:flex; justify-content:flex-end; align-items:center; padding: 0 !important; width: 50%;}
.pgn-rht ul { margin:0px; }
.pgn-rht ul li a ion-icon{width: 30px; height: 30px;}
.pagination { display: flex;flex-wrap: initial !important; align-items: center;}
.pagination .page-item.disabled .page-link {border: 1px solid #cecece;}
.pagination .page-item:last-child .page-link {border: 1px solid #cecece;}
.pagination .page-item .page-link { border:#fff; border:1px solid #cecece; border-radius:50px; overflow:hidden; width:35px; height: 35px; margin:0px 3px; display: flex; align-items: center; justify-content: center; color: #00bcd4 !important;}
.pagination .page-item .page-link:hover{ border-radius: 50px; background-color: #666; border: 1px solid #666; color: #fff !important;}
.page-item.active .page-link{border-color: #00bcd4 !important; background-color: #00bcd4 !important; color: #fff !important;}
.pagination .page-item .page-link:focus{ box-shadow:none; background-color:transparent;}

/* Contact Us */
.cont-us-bg{width: 100%; position: relative;}
.cmpny-para{margin: 0px 0px 50px; padding: 50px; background-color: #fff; box-shadow: 0px -50px 25px rgba(0, 0, 0, 0.1); border-radius: 30px;}
.cmpny-para h1{ font-size:50px; color: #fff; font-weight:100; margin-bottom:15px; letter-spacing:0.5px;}
.cmpny-dtl{ display: flex; justify-content: space-between; background-color: #fff; border-radius: 25px; overflow: hidden; border: 1px solid #d5d5d5;}
.cmpny-dtl .cmpny-lft{ width:58%; background-color: transparent; padding:30px 30px 20px; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}
.cmpny-dtl .cmpny-lft span{ display: flex; align-items: center; justify-content: center;}
.cmpny-dtl .cmpny-lft span img{ max-height: 150px;}
.cmpny-dtl .cmpny-rht{ width:42%; padding:0px 30px; background-color: #ffffff; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cmpny-dtl .cmpny-rht h2{ color: #00bcd4; font-size:54px; font-weight:600; margin-bottom:25px; font-family: 'Orbitron', sans-serif;}
.cmpny-dtl .cmpny-rht .dtls-box{ display: flex; width: 100%; align-items: center; margin:5px 0px 15px; line-height: 22px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.cmpny-dtl .cmpny-rht .dtls-box:last-child{ border-bottom: 0 none; padding-bottom: 0; margin-bottom: 0;}
.cmpny-dtl .cmpny-rht .dtls-box:nth-child(1){margin-top: 0; border-bottom: none; padding-bottom: 0px;}
.cmpny-dtl .cmpny-rht .dtls-box:nth-child(3){width: 47%;}
.cmpny-dtl .cmpny-rht .dtls-box:nth-child(4){width: 47%;}
.cmpny-dtl .cmpny-rht .dtls-box .box-lt{ min-width:34px; min-height: 34px; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 188, 212,1); border-radius: 50px; margin-right: 10px;}
.cmpny-dtl .cmpny-rht .dtls-box .box-lt ion-icon{ font-size:18px; color: rgba(255, 255, 255, 0.9);}
.cmpny-dtl .cmpny-rht .dtls-box .box-rht{ position: relative; width: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.cmpny-dtl .cmpny-rht .dtls-box .box-rht span{ text-transform:uppercase; font-size:14px; color: rgb(8 75 177); font-weight:400; width:100%;}
.cmpny-dtl .cmpny-rht .dtls-box .box-rht p{ margin: 0; line-height: 20px; font-size: 16px; color: #084ab1;}
.cmpny-dtl .cmpny-rht .dtls-box .box-rht a{ color: #084ab0; font-size: 18px; transition: all ease 0.4s;}
.cmpny-dtl .cmpny-rht .dtls-box .box-rht a:hover{ color: #00bcd4; transition: all ease 0.4s;}

.dtls-box-lev{ padding-top:0px; margin-top:0px; width: 100%;}
.dtls-box-lev h3{ font-weight: 700; color: #333; font-size:20px; margin-bottom:15px; text-transform: uppercase; text-align: center;}
.dtls-box-lev span{ display: flex; align-items: center; font-size: 16px; font-weight: 300; color: #444;}
.dtls-box-lev span strong{ text-transform: uppercase; color: #333; font-weight: 500; font-size: 16px; margin-right: 5px;}
.dtls-box-lev p{ margin:2px 0px; line-height: 22px; font-size: 16px; color: #666;}
.leve-box{ width: 100%; display: flex; align-items: center; margin:10px 0px;}
.leve-box span{ margin-right: 10px; padding-right: 12px; border-right:1px solid rgba(0,0,0,0.2); line-height:15px;}
.leve-box span:last-child{ margin-right: 0; padding-right: 0; border-right: 0 none;}

.contact-bg{ background:#fff url(../images/contact-bg.png) bottom center repeat-x; border-top: 1px solid rgba(0,0,0,0.1);}
.cont-form-part{ width: 100%; display:flex; justify-content: center;}
.cont-map-bg{ background-color: #fff;}
.cont-map-bg .cnt-map{ width:100%;}
.cont-map-bg .cnt-map iframe{ width: 100%; min-height:500px; border:0 none; display: block;}
.contact-frm{ border-radius:0px; padding:0px 0px; width:100%; text-align:left;}
.contact-frm h2{ color: #333; font-size:36px; font-weight:600; margin-bottom:10px;}
.contact-frm h3{ font-size:28px; color: #00bcd4; font-weight: 200; margin-bottom: 0px; letter-spacing: 0.5px; text-transform: uppercase;}
.contact-frm h4{ color: #333; font-size:24px; font-weight:300; margin-bottom:5px; padding: 0px 50px; line-height:28px;}
.contact-frm .exs-cnect-frm{ width: 100%; margin:25px 0px 10px;}
.contact-frm .exs-cnect-frm .cnt-frm{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.contact-frm .exs-cnect-frm .form-group{ width: 49%; position: relative; margin-bottom:20px; flex-wrap: wrap;}
.contact-frm .exs-cnect-frm .form-group .form-control{ border-radius:50px; position:relative; padding-left:40px; border: 1px solid #d5d5d5; color: #444; font-weight: 400;}
.contact-frm .exs-cnect-frm .form-group .form-control:focus{ box-shadow: none;}
/*.contact-frm .exs-cnect-frm .form-group .form-control::placeholder{ color: #888; font-weight: 300; font-size: 15px;}*/
.contact-frm .exs-cnect-frm .form-group ion-icon{ position: absolute; left:15px; z-index: 1; top:11px; font-size: 16px; color:rgba(0,0,0,0.3);}
.contact-frm .exs-cnect-frm .form-group textarea{ border-radius:20px !important;}
.contact-frm .exs-cnect-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;}
.contact-frm .exs-cnect-frm .form-group .custom-select::placeholder{ color: #888;}
.cnt-lnk{ display: flex; align-items: center; margin: 5px 0px 25px; justify-content:center;}
.cnt-lnk button.btn-contact{ background-color: #00bcd4; border: 1px solid #00bcd4; display: flex; justify-content: center; align-items: center;border-radius:50px;color:#fff;font-size:16px;font-weight:400; text-transform:uppercase; padding:6px 30px; transition:all ease-in 0.4s; margin-right:20px;}
.cnt-lnk button.btn-contact:hover{  background-color:transparent; border: 1px solid #130b04; color: #130b04;}
.cnt-lnk button.btn-contact-cnl{ background-color: #777; border: 1px solid #777; display: flex; justify-content: center; align-items: center;border-radius:50px; color:#fff; 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 #777; color:#777; background-color:transparent; transition:all ease-in 0.4s;}
.contact-frm .exs-cnect-frm .cnt-frm:nth-child(3) .form-group{ width: 100%; display: flex;}
.contact-frm .exs-cnect-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;}

.scl-icons{display: flex; justify-content:center;}
.scl-icons a{ margin-left: 0; transition: 0.4s;}
.scl-icons ion-icon{ width:20px; height:20px; font-size:20px; border-radius: 50%; margin: 0 4px; padding: 10px; background-color:transparent; color:#00bbd3; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.2); transition: 0.4s;}
.scl-icons a:hover ion-icon{color:rgba(0, 0, 0, 0.25); transition: 0.4s;}
.cnt-us-logo{width: 100%; margin-bottom: 10px;}
.cnt-us-logo span{width: 100%; display: flex;}
.cnt-us-logo span img{object-fit: contain; width: 100%; max-height: 140px;}
.cnt-us-map{width: 100%; padding:0px 0px;}
.cnt-us-map span{width: 100%; display: flex;}
.cnt-us-map span iframe{width: 100%; margin: 0px 0px 0px; overflow: hidden;}

/* Common Page */
.com-pge-bg{width: 100%;}
.com-pge-dts{width: 100%; margin: 0px 0px 50px; padding: 50px; background-color: #fff; box-shadow: 0px -50px 25px rgba(0, 0, 0, 0.1); border-radius: 30px;}
.com-pge-dts .com-pge-hed{width: 100%; margin-bottom: 20px; position: relative; padding-bottom: 15px; border-bottom: 1px dashed rgba(0,0,0,0.2);}
.com-pge-dts .com-pge-hed h1{font-size: 28px; font-weight: 700; color: #333; margin-bottom: 3px;}
.com-pge-dts .com-pge-box{width: 100%;}
.com-pge-dts .com-pge-box p{font-size: 16px; color: #555; line-height: 20px; text-align: justify; margin-bottom: 15px; font-weight: 300;}
.com-pge-dts .com-pge-box p b{color: #555;}
.com-pge-dts .com-pge-box p a{color: #00bbd3; font-weight: 700; transition: 0.4s;}
.com-pge-dts .com-pge-box p a:hover{opacity: 0.7; transition: 0.4s;}
.com-pge-dts .com-pge-box h6{font-size: 20px; font-weight: 700; color: #0295de; margin-bottom: 20px; text-transform: uppercase;}
.com-pge-dts .com-pge-box ul{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 0px 30px;}
.com-pge-dts .com-pge-box ul li{padding-left: 25px; position: relative; margin-bottom: 15px; font-size: 16px; line-height: 22px; color: #555;}
.com-pge-dts .com-pge-box ul li::before{position: absolute; content: ''; width: 10px; height: 10px; left: 0; top: 7px; background-color: #0295de; border-radius: 50%; z-index: 0;}
.com-pge-dts .com-pge-box ul li::after{position: absolute; content: ''; width: 4px; height: 4px; left: 3px; top: 10px; background-color: #fff; border-radius: 50%; z-index: 1;}

/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1366px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
.inr-wel-lft{width: 80%;}
.cmpny-dtl{flex-wrap: wrap-reverse; border: none; border-radius: 0px;}
.cmpny-dtl .cmpny-lft{width: 100%; padding: 50px; border: 1px solid #d5d5d5; border-radius: 0px 0px 30px 30px;}
.cmpny-dtl .cmpny-rht{width: 100%; padding: 50px;}
.contact-frm{padding: 0px 0px 30px;}
.ser-lst-box a small strong{font-size: 24px;}
.ser-lst-box a small{padding: 25px;}
.our-ser-main h1{font-size: 36px; line-height: 38px;}
.inr-frm-main{width: 100%; margin: 10px auto 50px;}

}

/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px) {
.our-ser-dts2 .ser-dts-hed h1{font-size: 24px; line-height: 24px;}
.inr-nws-main{ padding:40px; margin-bottom:50px;}
.inr-nws-main h6{ font-size:50px; margin-bottom:40px;}
.inr-nws-main ul{ grid-gap:70px 40px;}
.inr-nws-main ul li .inr-nws-tit{ padding:0px 20px;}
.inr-nws-main ul li .inr-nws-cnt{ padding:0px 20px;}
.inr-nws-main ul li .inr-nws-tit b{ font-size:18px; line-height:20px;}
.inr-nws-main ul li .inr-nws-cnt p{ line-height:22px; margin-bottom:30px;}

.inr-new-dts{ padding:40px 40px;}
.inr-new-dts .new-dts-hed h1{ font-size:25px;}
.inr-new-dts .new-dts-img span{ min-height:auto;}
.inr-new-dts .new-dts-box{ padding:30px 0px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.inr-wel-rht h1{font-size: 38px;}
.inner-wrapper .inr-bnr-sec::after{width: 50%;}
.inr-vis-mis{flex-wrap: wrap;}
.inr-vis-mis .vis-mis-prt{width: 100%;}
.inr-vis-mis .vis-mis-prt:nth-child(1){margin-bottom: 25px;}
.inr-wel-lft {width: 100%; margin: 50px auto;}
.wel-lft-img1{margin-left: 0; width: 100%; margin-top: 0;}
.wel-lft-img1 span{margin: 0 auto;}
.wel-lft-img1 span::before{display: none;}
.wel-lft-img1 span::after{display: none;}
.wel-lft-img2{position: relative; align-items: center; justify-content: center; margin-top: 50px;}
.wel-lft-img2 span::before{display: none;}
.contact-frm .exs-cnect-frm .form-group{width: 100%;}
.contact-frm h3{text-align: center;}
.contact-frm .exs-cnect-frm{margin: 40px 0px 10px;}
.ser-lst-box{grid-template-columns: repeat(2,1fr);}
.inr-bnr-sec .inr-bnr-txt .inr-bnr-hed h3{margin: 30px 0px 0px 0px;}
.our-ser-dts2{flex-wrap: wrap-reverse;}
.our-ser-dts2 .our-ser-lft{width: 100%;}
.our-ser-dts2 .ser-lft-img{width: 60%; margin: 0 auto;}
.our-ser-dts2 .our-ser-rht{width: 100%; padding: 0px 0px 30px 0px;}

.inr-nws-main ul{ grid-template-columns:repeat(2,1fr);}
.inr-new-dts .new-dts-hed h1{ line-height:25px; font-size:24px;}

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
.inr-bnr-sec .inr-bnr-txt .inr-bnr-hed h3{margin: 30px 0px 0px 0px; font-size: 30px;}
.wel-lft-img1 span{width: 100%; height: 100%;}
.wel-lft-img2 span{width: 100%; height: 100%;}
.inr-wel-rht h1 { font-size: 30px; }
.cmpny-dtl .cmpny-rht{padding: 25px;}
.cmpny-dtl .cmpny-rht .dtls-box:nth-child(3){width: 100%;}
.cmpny-dtl .cmpny-rht .dtls-box:nth-child(4){width: 100%;}
.our-ser-main{padding: 25px;}
.our-ser-main h1{font-size: 30px; margin-bottom: 30px;}
.our-ser-dts2 .ser-lft-img{width: 75%;}
.inr-frm-main .form-row{grid-template-columns: repeat(1, 1fr); grid-gap: 30px 30px;}
.inr-frm-main .form-row .form-group:last-child { grid-column-start: unset; grid-column-end: unset; }
.enq-frm-btn{margin-top: 15px;}
.com-pge-dts .com-pge-hed h1{font-size: 24px;}

}

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

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.inr-wel-rht h6{margin-bottom: 0;}
.inr-wel-rht h1{line-height: 30px;}
.inr-vis-mis .vis-mis-prt span img{max-height: 225px;}
.cmpny-para{padding: 25px;}
.cmpny-dtl .cmpny-lft{padding: 25px;}
.contact-frm .exs-cnect-frm{margin: 25px 0px 10px;}
.ser-lst-box{grid-template-columns: repeat(1,1fr);}
.our-ser-dts2 .ser-lft-img { width: 100%; }
.inr-frm-main h4{font-size: 18px;}
.inr-frm-main .form-group label{font-size: 14px;}
.inr-frm-main .form-group label ion-icon{font-size: 16px;}
.our-ser-dts{padding: 30px;}
.our-ser-dts2 .ser-dts-hed a{top: -50px;}
.inr-frm-main{padding: 25px; border-radius: 25px;}
.com-pge-dts{padding: 30px;}
.enq-frm-btn .frmsubmit{padding: 5px 20px; font-size: 14px;}
.enq-frm-btn .frmreset{padding: 5px 20px; font-size: 14px;}

.inr-new-dts{ padding:25px;}
.inr-new-dts .new-dts-hed{ padding-bottom:15px;}
.inr-new-dts .new-dts-hed h1{ padding:40px 0px 0px; font-size:20px; line-height:24px;}
.inr-new-dts .new-dts-hed a{ padding:2px 15px 2px 12px; font-size:14px;}
.inr-new-dts .new-dts-hed a ion-icon{ margin-right:5px;}
.inr-new-dts .new-dts-box{ padding:10px 0px 0px;}
.inr-new-dts .new-dts-box::before{ height:100%; display: none;}
.inr-new-dts .new-dts-cnt ul li{ text-align:justify;}
.inr-new-dts .new-dts-cnt p{ line-height:22px;}
.inr-new-dts .new-dts-img{ margin-bottom:30px;}
.inr-new-dts .new-dts-img span{ width:100%;}
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 480px) {
.inner-wrapper .inr-bnr-sec span{width: 100%; height: 350px;}
.inner-wrapper .inr-bnr-sec::before{width: 100%;}
.inner-wrapper .inr-bnr-sec::after{display: none;}
.inr-bnr-sec .inr-bnr-txt .inr-bnr-hed{justify-content: center;}
.inr-bnr-sec .inr-bnr-txt .inr-bnr-hed h3{margin: 0;}
.inr-wel-main{padding: 25px 25px;}
.inr-wel-rht h1{font-size: 24px; line-height: 24px;}
.inr-vis-mis .vis-mis-prt span{height: 250px;}
.inr-vis-mis .vis-mis-prt span img { max-height: 100%; }
.inr-wel-lft{margin: 25px 0px;}
.wel-lft-img2{margin-top: 30px;}
.cmpny-para { padding: 0; }
.cmpny-dtl .cmpny-rht .dtls-box .box-rht p{font-size: 14px;}
.cmpny-dtl .cmpny-rht .dtls-box .box-rht p br{display: none;}
.cmpny-dtl .cmpny-rht .dtls-box .box-rht a{font-size: 14px;}
.contact-frm h3{font-size: 24px;}
.our-ser-main h1 { font-size: 24px; margin-bottom: 20px;}

}


@media (max-width: 380px) {
  
}