@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;400;500;600;700;800;900&display=swap" rel="stylesheet');

/* @import url('<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@200;400&display=swap" rel="stylesheet"> '); */


html{scroll-behavior: smooth;}
body { font-family:'Mulish', sans-serif; /*background: #e5ede8;*/ color:#353535; font-size:0.9rem;} 

h1,h2,h3,h4,h5,h6 { font-family:'Mulish', sans-serif; } 
a { color: #0ca649; transition: all 0.5s ease 0s; outline:0 none} 
a:hover { color: #434e55; text-decoration: none; transition: all 0.5s ease 0s; } 

.main-wrapper { position: relative; overflow: hidden;} 
.inner-wrapper { position: relative; overflow: hidden; background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed; } 
.inner-wrapper .content-wrapper { background-size: 100% auto; background-attachment: fixed;} 
.grecaptcha-badge{right: -280px !important;}
/* Max- center*/

.max-cntr { max-width: 1300px; margin: 0 auto; } 

/* ------ Home Page CSS  ------ */

/* Top Bar */
.header-wrapper{ position: absolute; z-index: 5; width: 100%;} 
.top-bar { font-size: 14px; color: #666; padding:0 0 0px 0; top: 0; /*background: rgba(255,255,255,0.95);*/ position: relative;}
.top-bar a { color: #0ca649; } 
.tpbr{margin-bottom: 5px; position: relative; z-index: 6; padding: 0;}
.top-menu-bar .navbar-collapse ul:after { position:absolute; height:100%; width: 68%; content: ""; border-bottom: 1px solid rgba(255,255,255,0.15); top: -18px; right: 0; z-index: -1; }
.tp1 { text-align: right; position: relative; padding: 0px 0 20px; } 
.tp-phone { margin-right: 30px; position: relative; color: rgba(254, 212, 64, 1); font-size: 16px;}
.tp-phone i{ font-size: 18px; margin-right: 10px;}
.tp-email i{ font-size: 18px; margin-right: 10px;}  
.tp-email { margin-left: 0; font-size: 16px;} 
.tp-email a { color: rgba(254, 212, 64, 1); } 
.tp-email a:hover{ color:rgba(255, 255, 255, 1);} 
.body-bg{ background:rgba(255, 255, 255, 1); padding: 25px 0px 60px 0px; border-radius: 6px 6px 0 0; margin-top:0px; min-height: 450px; /*box-shadow:0px -2px 30px 0px rgba(34,34,34,.02)*/}
.top-menu-bar{display: flex; flex-wrap: wrap; width: 100%;}

/* Main Nav Bar */
.navbar-brand { padding: 0px 0px 0px; position:relative; z-index: 9;} 
.navbar {padding: 0; display: flex; align-items: flex-start; margin-top: 32px;}
.navbar .navbar-nav .nav-item{margin-right: 1px;}
.navbar-expand-lg .navbar-nav li{ position: relative;}
.navbar-expand-lg .navbar-nav li::after{ position: absolute; content: ""; background: rgba(0,0,0,0.3); width: 6px; height: 6px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top: 20px; left: -3px; z-index: 999;}
/* .navbar-dark .navbar-nav .nav-item{position: relative;} */
/* .navbar-dark .navbar-nav .nav-item::after{position: absolute; content: ""; width: 2px; height: 20px; background-color: rgba(0, 0, 0, 0.2); left: 0; top: 11px;} */
.navbar-dark .navbar-nav .nav-item:last-child a{padding-right: 0;}
.navbar-dark .navbar-nav .nav-item:first-child::after{display: none;}
.navbar-dark .navbar-nav .nav-link { font-size: 18px; font-weight: 400; color: #fff; padding:10px 25px 15px; position: relative; z-index: 9; text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link i { position: absolute; right: -10; padding:6px 0 0 5px; } 
.navbar-dark .navbar-nav .nav-link:hover { color:#fed440; } 
.navbar-dark .navbar-nav .nav-link:focus{color: #fff;}
.navbar-dark .navbar-nav .active .nav-link { color:#fff;  background:rgba(12, 166, 73, 0.9);}
.navbar-dark .navbar-toggler{ outline:0 none; border-color:rgba(255,255,255,.2); background:transparent; z-index: 9;}
.navbar-dark .navbar-nav .nav-item.mbmenu{display: none;} 
/*.tnav-bg li.nav-item > a:before { position:absolute; height:0; background:rgba(12, 166, 74, 0.9); width:100%; content:" "; left:0; bottom:0; top: 0; margin: auto; transition: all 0.3s ease 0s; z-index:-1; opacity: 1; border: 0 none; color:#fff;} */
/*.tnav-bg li.nav-item:hover > a:before { left:0; height:100%; opacity: 1; padding: 0; color:#fff; }*/ 
.navbar-expand-lg .navbar-nav .dropdown, .dropleft, .dropright, .dropup{ position: static}
.banr-bg-cls{ background-image: url(../images/banner-bg1.png);}
/* .mega-dropdown { position: static !important; } */
.navbar .navbar-nav .dropdown{ position: relative !important;}
.mega-dropdown-menu { padding: 8px; width:300px; max-width: 1366px; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); margin: 0 auto; left: 0; right: 0; background: rgba(254, 212, 64,0.95); border-radius: 0 0 3px 3px; border: 0 none; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; top: 66px;} 
.mega-dropdown-menu > li ul { padding: 0; margin: 0; } 
.mega-dropdown-menu > li ul > li { list-style: none; } 
.mega-dropdown-menu > li ul > li > a { display: block; color: #535353; padding: 4px 5px 4px 5px; position: relative; font-size: 15px;} 
.mega-dropdown-menu > li ul > li > a::after { position: absolute; content: ""; height: 0; width: 100%; left: 0px; top: 0; bottom: 0; transition: all 0.5s ease 0s; z-index: -1; border-radius: 2px;} 
.mega-dropdown-menu > li ul > li > a:hover,.mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #fff; } 
.mega-dropdown-menu > li ul > li > a:hover::after { height: 100%; width: 100%; background-color: rgba(34,34,34,0.25);  top: 0px; z-index: -1; transition: all 0.5s ease 0s; } 
.mega-dropdown-menu .dropdown-header { font-size: 24px; color: #fff; padding: 0px 10px 5px; line-height: 30px; text-transform: none; font-weight: 300; margin-bottom: 30px; } 
.mega-dropdown-menu .drp-tit { font-size: 16px; color:#d9261c; padding:7px 10px; margin:0; font-weight: 500; background-color:rgba(255, 255, 255, 0.8); border-radius:2px;}
.mega-dropdown-menu .drp-tit a{ color:#d9261c; display:block}
.mega-dropdown-menu .drp-tit a:hover{ color:#333;} 
/*.megalink {  border-right: 1px solid #dddddd;  } */
.megalink:last-child { border-right: 0 none; } 
.megalink li { border-top:1px solid rgba(74, 74, 74, 0.2); } 
.megalink li:first-child { border-top: 0 none; } 
.drpcol { padding-left: 30px; padding-right: 30px; }
.navbar-expand-lg .navbar-nav .dropdown-menu ul li::after{ display: none;}
.mega-dropdown .mega-dropdown-menu li::after{display: none;}
.navbar .navbar-nav .dropdown ul::after{display: none;}
.sticky .mega-dropdown-menu{ top: 70px;}
.mega-dropdown-menu > li ul > li > a i{ margin-right: 5px; font-size: 10px;}
.navbar .navbar-nav .dropdown .dropdown-toggle::after { margin-left: 10px;}
/* Sticky Nav */
.sticky { position: fixed; top: 0; width: 100%; box-shadow: 0 14px 20px -12px rgba(0,0,0,0.1); background: linear-gradient(90deg,#2b2b2b  10%,#2b2b2b  100%); z-index: 20; -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0.95;} 
.sticky .navbar-brand { position: relative; } 
.sticky .navbar-brand img { max-height: 70px; } 
.sticky .navbar-brand { visibility: visible; display: unset; padding: 10px 0px 10px; top: 0;} 
.sticky.navbar-dark .navbar-nav .nav-link{ padding: 12px 20px;}
.sticky.navbar-dark .navbar-nav .nav-item::after{ top: 24px; background: rgba(255, 255, 255, 0.2);}
.sticky2 { position: fixed; top: 57px; width: 100%; background-color:rgba(255, 255, 255, 0.9); box-shadow:  0 15px 20px rgba(0, 0, 0, 0.4); z-index: 19; -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} 
.sticky .tpbr{ display: none;}
.sticky .navbar{margin-top: 5px; align-items: center;}
.sticky .top-menu-bar .navbar-collapse ul::after{ display: none;}
/* Sub Nav bar Navigation */
.nav-bg { background-color:rgba(255, 255, 255, 0.7); width: 100%; box-shadow: 0 15px 50px rgba(0, 57, 97, 0.7);} 
.nav-bg .nav{justify-content: flex-end;}
.nav-bg .nav-link { font-size: 14px; color: #0061a6; padding: 12px 16px;} 
.nav-bg .nav-link span{ color: #969494;}
.nav-bg li.nav-item { padding: 0px; border-left: 1px solid rgba(0, 0, 0, 0.15);} 
.nav-bg li.nav-item.active .nav-link { background-color: rgba(255, 255, 255, 0.8); color: #0094de;}
.nav-bg li.nav-item:hover .nav-link { background-color: #fff; color: #0094de;} 
.nav-bg li.nav-item:hover .nav-link span {color: #0094de;} 
.nav-bg li.nav-item:last-child {border-right: 1px solid rgba(0, 0, 0, 0.15);} 
.nav-bg li.nav-item:last-child { padding-right: 0; } 
.nav-bg .dropdown>.dropdown-menu{border: 0 none; border-radius: 0; margin-top: 0px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.9);}
.nav-bg .dropdown:hover>.dropdown-menu { display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.nav-bg .dropdown-menu{width: 220px;}
.nav-bg .dropdown-menu.show{display: none;}
.nav-bg .dropdown:hover>.dropdown-menu.show { display: block; }
.nav-bg .drop-link{margin: 0; padding: 0; list-style: none;}
.nav-bg .drop-link li{margin: 0; padding: 0; list-style: none; line-height: 1.2;}
.nav-bg .drop-link li a{font-size: 13px; display: block; padding: 5px 10px 5px 35px; position: relative; border-bottom: 1px dotted #ddd;}
.nav-bg .drop-link li:last-child a{border-bottom: 0px none;}
.nav-bg .drop-link li a:hover{ background-color: #0094de; color: #fff;}
.nav-bg .drop-link li a::after { margin: 0; padding: 0; border-left: 4px solid rgba(0, 0, 0, 0.3); position: absolute; content: ""; height: 10px; left: 22px; top: 8px; transition: all 0.5s ease 0s; width: 0; -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%); clip-path: polygon(100% 50%, 0 0, 0 100%); }
.nav-bg .drop-link li a:hover::after{ border-color: #fff;}
.active{color: #fed440 !important;}
.pry-logo{ display: flex;}
.sec-logo{ display: none;}
.sticky .pry-logo{ display: none;}
.sticky .sec-logo{ display: flex;}
/* Banner and Caption Slide Part*/
.carousel-control-prev { opacity: 0; } 
.carousel-control-next { opacity: 0; } 
.carousel-caption { position: absolute; right: auto; left: -30px; text-align-last: left; padding: 0% 0 0 3%; top: 300px; -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
.cardelay { text-align: left; } 
.carousel-caption .cardelay{position: relative;}
.carousel-inner:before{ position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); content: ""; left: 0;}

.carousel-caption-img { position: absolute; right: 2%; text-align-last: left; padding: 0% 0 0 3%; top: 180px; -webkit-animation-name: zoomInRight; animation-name: zoomInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
.cardelay-img { text-align: right; } 
.carousel-caption-img .cardelay-img{position: relative;}

#wowslider-container1 .ws_images ul a{ color:#004e1f; text-transform:none;}
#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img{ width:auto; padding-right:5px;}

.carousel-item { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 100%; height: 100%;}

.banner-bg2 .carousel-item{ background: linear-gradient(190deg,#3527ae 10%,#a561d8 100%); background-size: auto; clear: both; background-size: cover; position: relative;}

.banner-bg2 .carousel-item::before{ position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(177deg, rgb(59, 59, 159) 0%, rgba(116, 34, 162, 0.8) 50%, rgba(0,212,255,0) 100%); left: 0; top: 0;}

.carousel-caption h1 { font-size: 40px; font-weight: 100; padding: 0px 0px 15px 10px; margin: 0 0 0px; line-height: 1; display: inline-block; color: #fff; width: 100%; /*text-shadow: 3px 3px 3px rgba(0,0,0,0.4);*/} 
.carousel-caption h2 { font-size: 54px; color:#fff; font-weight: 900; padding:5px 5px 15px; margin: 0; width: 100%; line-height: 27px; text-transform: uppercase;} 
.carousel-caption h3 { font-size: 44px; font-weight: 200; padding: 0px 0px 10px 10px; margin: 0 0 0px; display: block; color: #fff; width: 630px; /*text-shadow: 3px 3px 3px rgba(0,0,0,0.4);*/ text-transform: uppercase;}
.carousel-caption h3 a{ color:#35e746;}
.carousel-caption h3 a:hover{ color:#f6ff00;}

/* inner banner */
.banner-bg2{text-align: center; position: relative;}
.banner-bg2 .body-bg{min-height: 500px; padding: 25px 0px 25px 0px;}
.banner-bg2 img{margin: 0 auto; max-width: 100%;}
.banner-bg2 .carousel-caption2 { width: 100%; text-align-last: right; bottom: 10px; position: absolute; right: 0;}
.banner-bg2 .carousel-caption .carousel-caption-img{ width: 100%; display: flex; justify-content: flex-end; top: 0; right: 5%;}
.banner-bg2 .carousel-caption2 h1{padding: 35px 0px 0px 10px; font-size: 70px; color: #fff; font-weight: 300;}
/* Banner List */
.banner-bg{ background:#fff; position:relative;}
.banner-list-bg{ background:rgba(0,78,32,0.8); padding:30px 0 20px; position:absolute; width:100%; margin-top:-138px; z-index:4;}
.banner-list{ display:flex; flex-direction:row; }
.banner-list a{ padding:0 25px; transition: 0.4s;}
.banner-list a:last-child{ padding:0 0px 0 25px;}
.banner-list .banner-item{ display:flex; flex-direction:row; justify-content:space-between; padding:0 0px 0 0; transition: 0.4s; }
.banner-list .banner-item:last-child{ padding-right:0px;}
.banner-list .banner-item::after { position: relative; content: ""; width: 2px; height: 80px; border-right: #49ff91 2.5px dotted; top: 0px; left:25px; } 
.banner-list a:last-child .banner-item::after { border-right: none; } 

.banner-list .banner-item p{ font-size:14px; color:#fff; padding-left:20px;}
.banner-list .banner-item p span{ font-size:20px; color:#f6ff00; display:block;}
.banner-list .banner-item p span::before{font-family: "Font Awesome 5 Free"; content: "\f144"; font-weight: bold; font-size: 16px; margin-right: 10px;}
.banner-list .banner-item p i{ font-style:normal;}

.banner-list .banner-item .icon{ position:relative; transition: 0.4s;}
.banner-list .banner-item .icon span{ position:absolute; top:0px; left:0px;transition: 0.4s;}
.banner-list .banner-item .icon img{ visibility:visible; opacity:1; transition: all 0.5s ease 0s;}
.banner-list .banner-item .icon span img{ visibility:visible; opacity:0; transition: all 0.5s ease 0s;}
.banner-list .banner-item:hover .icon img{ visibility:visible; opacity:0; transition: all 0.5s ease 0s;}
.banner-list .banner-item:hover .icon span img{ visibility:visible; opacity:1; transition: all 0.5s ease 0s;}
.banner-bg .carousel-item{margin-bottom: 10px; position: relative;}
.banner-bg .carousel-item::before{ position: absolute; content: ""; width: 100%; height: 800px; left: 0; top: 0;
  background-image: linear-gradient(177deg, rgba(59,59,159,0.8) 0%, rgba(116,34,162,0.8) 40%, rgba(63,116,205,0) 70%, rgba(0,212,255,0) 100%); }

/* Welcome Part */
.wel-bg {  overflow: hidden; background:url(../images/wel-come-bg.png) top no-repeat fixed;} 
.wel-cnt { display: flex; width: 100%; padding: 50px 0 0px; margin: 0px  0px; justify-content: flex-end;} 
.wel-cnt .wltr { width: 100%; padding: 0px; text-align: left;} 
.wel-cnt .wltr h1 { color: #814fcb; font-size: 20px; font-weight: 200; position: relative; margin-bottom: 25px; text-align: center; text-transform: uppercase;} 
.wel-cnt .wltr h1 b { color: #111111; font-size: 36px; font-weight: 900; display: block; } 
.wel-cnt .wltr h2 { color: #814fcb; font-size: 20px; font-weight: normal; display: block; } 
.wel-cnt .wltr .wbox{padding: 10px 0 10px 0px; margin: 0 0 10px; position: relative; }
.wel-cnt .wltr p { color: #333; font-size: 20px; text-align: justify; line-height: 27px; margin: 0; padding:0px 0 20px; font-weight: 300; letter-spacing: -0.5px;}
.wel-cnt .wltr .wbox span{ width: 100%; display: flex; justify-content: center; align-items: center;}
.wel-cnt .wltr .wbox span a{padding: 10px 20px 10px 25px; background: #4226af; display: flex; align-items: center; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 300; transition: 0.4s; border: 1px solid #4226af;}
.wel-cnt .wltr .wbox span a i{ margin-left: 5px;}
.wel-cnt .wltr .wbox span a:hover{ background: transparent; color: #4226af; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; } 
.wel-cnt .wltr h3{font-family:"Font Awesome 5 Free"; float: left; color: #333; font-size: 18px; font-weight:bold; }
.wel-cnt .wltr .ubtn { padding-top: 10px; } 
.wel-cnt .wltr .wbtn a { display: inline-block; background-color: #0094de; color: #fff; padding:10px 20px; text-transform: uppercase; font-size: 14px; position: relative; } 
.wel-cnt .wltr .wbtn a i { font-size: 16px; padding: 0px 5px; } 
.wel-cnt .wltr .wbtn a:hover { background-color: #444; color: #ffffff; } 
.wel-cnt .wrtr { text-align: right; position: relative; } 
.wel-cnt .wrtr .wimg1 { padding: 0; } 
.wel-cnt .wrtr .wimg2 { position: absolute; z-index: 7; left: 0; top: 100px; } 
.wel-cnt .wltr .wel-certi{ display:flex; flex-direction: row; justify-content:space-between; align-items: center;}
.wel-cnt .wltr .wel-certi span{ position:relative; height: 52px; display: flex; justify-content: flex-start; width: 33%; border-right:#c3c8c8 2.5px dotted; padding-right: 15px; margin-right: 15px;}
.wel-cnt .wltr .wel-certi span:last-child{ margin-right: 0; border-right: none; justify-content: center; padding-right: 0;}
.wel-cnt .wltr .wel-certi span:nth-child(2){ justify-content: center;}
/*.wel-cnt .wltr .wel-certi span::after{position: absolute; content: ""; width: 2px; height: 45px; border-right:#c3c8c8 2.5px dotted; right: -40px; top: 5px;}*/
.wel-cnt .wltr .wel-certi span:last-child::after{ border-right:none;}
.wel-video { display: flex; justify-content: center; width: 100%; margin-bottom: 25px; align-items: center;}
.my-video-dimensions{width: 100%; height: 593px;}
.ebody{padding: 0;}
.video-js .vjs-big-play-button{left: 0; right: 0; margin: 0 auto; top: 45%; transform: translateY(-50%);}
.video-js .vjs-big-play-button{font-size: 6em; border-radius: 50%; width: 170px; height: 170px; background-color:transparent !important; font-size: 150px !important; border: none;}
.org1{ text-align: left;}
.vido-btn{ background-color: #0072bc; border: 1px solid #0072bc; padding: 4px 10px; font-size: 13px; font-weight: 400;}
.vido-btn:focus{ background-color: #1b3dc5; border: 0 none; box-shadow:0 0 0 .2rem rgba(255, 255, 255, 0.5);}
.wel-video-sub{ width: 80%; display: flex; justify-content: center; align-items: center;}
.video-js{ background-color: #fff !important;}
.vjs-poster{background-color: #fff !important;}
.video-js .vjs-tech{outline: none;}
.wel-video .video-js .vjs-tech{border: 4px solid rgba(0, 0, 0,0.1);}
.evideo{width: 100%; display: flex;}
.vjs-big-play-button .vjs-icon-placeholder::before{top: 0px !important; color: rgba(255,0,0,1); font-family: "Font Awesome 5 Free" !important; font-weight: 600 !important; content: "\f144" !important; animation: beat .25s infinite alternate;  transform-origin: center; text-shadow: 0px 10px 10px rgba(0,0,0,0.1); z-index: 2;}
@keyframes beat{to { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }}

.vjs-big-play-button .vjs-icon-placeholder::after{ position: absolute; content: ""; width: 50%; height: 50%; background: #fff; left: 0; top: 70px; margin: 0 auto; right: 0; z-index: 1;}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus{outline: none;}
/* Brands section */
.brd-main {width: 100%; background: #f0f1f7; padding-top: 20px;}
.brd-main .brd-tite{ display: flex; justify-content: center;}
.brd-main .brd-tite h2 b{ font-size: 34px; font-weight: 800;}
.brd-main .brd-tite h2{ font-size: 30px; color: #4f4f4f; font-weight: 400; padding: 20px 0px 30px; text-align: center; text-transform: uppercase; }
.brd-main .brd-tite h2 small{ display: block; font-weight: 200; color: #848484; text-transform: none !important;  letter-spacing: -0.5px;}
.brd-main .brd-box{background-color: #fff; display: flex; height: 140px; width: 100%; padding: 15px;}
.brd-main .brd-box img{ object-fit: contain; width: 100%; height: auto; padding: 0; margin: 0 auto;}
.brd-main .brd-sld{ width: 100%; padding: 0px 40px 40px;}
.brd-main .brd-sld .owl-item{padding: 0px 4px;}
.brd-main .brd-sld .owl-controls .owl-prev{position: absolute; left: -40px; top: 15%;}
.brd-main .brd-sld .owl-controls .owl-next{position: absolute; right: -40px; top: 15%;}
.brd-main .brd-sld .owl-controls .owl-buttons div{ background: transparent !important; color: rgb(66, 38, 175, 0.6) !important; font-size: 48px;}

/* why tqms section */
.why-tqms-main{width: 100%; background: #3826ac; max-height: 587px; display: flex; align-items: center; overflow: hidden;}
.why-tqms-sub{ display: flex; align-items: center; justify-content: space-between;}
.why-tqms-main .why-lft{width: 40%; display: flex; position: relative; margin-right: 25px;}
.why-tqms-main .why-lft span{ width: 100%; display: flex;}
.why-tqms-main .why-lft video{ width: 100%; height: 100%;}
.why-tqms-main .why-rht{ width: 55%; display: flex; flex-wrap: wrap;}
.why-tqms-main .why-rht h2{ color: #fff; font-size: 72px; text-transform: uppercase; font-weight: 200; margin-bottom: 25px;}
.why-tqms-main .why-rht h2 b{ font-weight: 900;}
.why-tqms-main .why-rht p{ font-size: 18px; color: #fff; font-weight: 400; text-align: justify; line-height: 1.3; margin-bottom: 25px;}
.why-tqms-main .why-rht a{padding: 10px 20px 10px 25px; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; font-size: 16px; text-transform: uppercase; color: #fff; font-weight: 300; transition: 0.4s;}
.why-tqms-main .why-rht a span{ margin-left: 10px;}
.why-tqms-main .why-rht a:hover{ opacity: 0.5; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }

/* Features section */
.feat-main{ width: 100%; background: #f0f1f7; padding: 50px 0px;}
.feat-main .feat-sub1{ display: flex; flex-wrap: wrap; justify-content: center;}
.feat-main .feat-sub1 h3{ font-size: 48px; font-weight: 800; color: #222222; margin-bottom: 15px;}
.feat-main .feat-sub1 p{color: #4226af; font-size: 22px; text-align: center; font-weight: 300; line-height: 1.3;}
.feat-main .feat-sub2{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 40px;}
.feat-cont1{ width: 35%; display: flex; flex-wrap: wrap;}
.feat-cont2{ width: 35%; display: flex; flex-wrap: wrap;}
.feat-video{ width: 25%; display: flex; justify-content: center; background: url(../images/feat-video-1.png) no-repeat; min-height: 650px; align-items: flex-start;}
.feat-video span{ width: 266px; height: 572px; margin-right: 4px; margin-top: 40px; display: flex;}
.feat-cont-box{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; transition:0.4s ;}
.feat-cont-box:hover .feat-icon span{ background: #3826ac; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; }
.hed-cont{ width: 70%; display: block;}
.hed-cont h1{ font-size: 22px; text-transform: uppercase; color: #333333; font-weight: 700; margin-top: 15px;}
.hed-cont p{font-size: 14px; text-align: justify; color: #333333;}
.feat-icon{ width: 23%;}
.feat-icon span{ display: flex; background: #a460d8; align-items: center; justify-content: center; height: 170px;
border-radius: 50px; width: 100%; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.feat-cont1 .hed-cont h1{ text-align: right;}

/* Projects section */
.Prjt-main{ width: 100%; padding: 5px 0px 50px;}
.Prjt-main h2{ font-size: 30px; color: #4f4f4f; width: 100%; text-align: center; font-weight: 400; margin-bottom: 30px; margin-top: 30px; text-transform: uppercase; }
.Prjt-main h2 small{ display: block; font-weight: 200; color: #848484; text-transform: none !important;  letter-spacing: -0.5px;}
.proj-scrol{width: 100%; display: flex; flex-wrap: wrap;}
.prjt-btn{ width: 100%; display: flex; justify-content: center; align-items: center; border-top: 4px solid #4226af;}
.prjt-btn a{ background: #4226af; padding: 20px 90px; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 700; clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%); -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%); transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.prjt-btn a:hover{ opacity: 0.85; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }

.proj-scrol .owl-carousel{ display: flex !important;}
.proj-scrol .proj-box{ position: relative; transition: all ease-in 0.5s; height: 100%; position: relative; padding: 1px;}
.proj-scrol .proj-box a{display: flex; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; height: 100%; position: relative; overflow: hidden;}
.proj-scrol .proj-box a img{ object-fit: contain; width: 100%; height: auto; padding: 0; margin: 0 auto;}
.proj-scrol .proj-box a h3{ font-size: 13px; font-weight: 600; color: #222; text-transform: uppercase; background: rgba(254, 214, 73,0.95); width: 100%; padding: 0px 10px; margin-bottom: 0; text-align: left; position: absolute;
left: 0; bottom: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; height: 45px; display: flex; align-items: center; justify-content: center;}
.proj-scrol .proj-box a:hover h3{ transition: 0.4s; background: rgba(254, 214, 73,1); -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;  bottom: 35%;}

.proj-scrol .proj-box a:hover img{ opacity: 0.5; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }

.proj-scrol .proj-box small{ font-size: 12px; padding: 4px 12px; font-weight: 600; color: #fff; text-transform: uppercase; background: rgba(254, 129, 12,0.9);  padding: 5px 15px; margin-bottom: 0; display: flex; position: absolute;
  right: 0; top: 5px; border-radius: 20px 0px 0px 20px;}
.Prjt-main .owl-controls .owl-buttons .owl-prev{position: absolute; left: 0px; top: -35%; background: transparent; color: #a460d8; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #ddd;}
.Prjt-main .owl-controls .owl-buttons .owl-next{position: absolute; right: 0px; top: -35%; background: transparent; color: #a460d8; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #ddd;}
.Prjt-main .owl-controls .owl-buttons .owl-next span{padding-left: 5px;}
.Prjt-main .owl-controls .owl-buttons div{ font-size: 24px;}

/* feedback */
.feedback-main{width: 100%; background-color: #cad3ff; display: flex; align-items: center; padding: 0px 0px 15px; overflow: hidden;}
.feedback-sub{ display: flex; align-items: center; justify-content: space-between; }
.feedback-main .feedback-lft{width: 33%; display: flex; position: relative; margin-right: 0px; background: url(../images/feed-back-img-bg-2.png) no-repeat -55px 10px; min-height: 360px; justify-content: flex-start; align-items: center;}
/*.feedback-main .feedback-lft span{ width: 100%; -webkit-box-shadow: 10px 35px 300px 62px rgba(0,0,0,0.45);-moz-box-shadow: 10px 35px 300px 62px rgba(0,0,0,0.45); box-shadow: 10px 35px 300px 62px rgba(0,0,0,0.45);}*/
.feedback-main .feedback-lft span{ width: 350px; height: 210px; padding: 19px; margin-top: 20px; margin-left: 5px; display: flex; justify-content: center;}
.feedback-main .feedback-rht{ width: 67%; display: flex; flex-wrap: wrap;}
.feedback-main .feedback-rht h2{ color: #000; font-size: 24px; text-transform: uppercase; font-weight: 900; margin-bottom: 8px;}
.feedback-main .feedback-rht h2 b{ font-weight: bolder;}
.feedback-main .feedback-rht p{ font-size: 16px; color: #000; font-weight: 300; text-align: justify; line-height: 1.1; margin-bottom: 10px;}
.feedback-main .feedback-rht a{padding: 10px 20px 10px 25px; background: #4226af; display: flex; align-items: center; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 300; transition: 0.4s;}
.feedback-main .feedback-rht a span{ margin-left: 10px;}
.feedback-main .feedback-rht a:hover{ opacity: 0.5; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }

/* portfolio */
.prtfio-main{width: 100%; display: flex; align-items: center; padding: 50px 0px;}
.prtfio-sub{ display: flex; align-items: center; justify-content: space-between; border: 1px solid #cad3ff; padding: 30px;}
.prtfio-box{ width: 49%; display: flex; align-items: flex-start; justify-content: space-between;}
.prtfio-box .prtfio-lft{ width: 20%;}
.prtfio-box .prtfio-lft span{ background: #fed440; width: 100px; display: flex; border-radius: 50%; height: 100px; justify-content: center; align-items: center;}
.prtfio-box .prtfio-lft span h6{ color: #fff; font-size: 120px; margin-bottom: 0; padding-top: 50px;}
.prtfio-box .prtfio-rht{ width: 80%;}
.prtfio-box .prtfio-rht b{ display: block; color: #59628e; font-size: 16px; font-weight: 700; margin-top: 25px;}
.prtfio-box .prtfio-rht small{display: none; color: #59628e; font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.prtfio-box .prtfio-rht p{ font-size: 16px; color: 555555; font-weight: 300; line-height: 1.2; text-align: justify;}

/* Home form Section */
.hme-frm-min{ display: flex; width: 100%; flex-wrap: wrap; padding: 30px 0px; justify-content: center;}
.hme-frm-bg{background: #fff url(../images/wel-come-bg.png) center center no-repeat fixed;}
.hme-frm-min h2{ font-size:24px; font-weight:200; margin:5px 0px 5px; position:relative; padding-bottom:15px; color:#54565b; text-align:center; width: 100%;}
.hme-frm-min h2 span{ display:block; font-weight:800; font-size:30px; padding-top:0px; color:#54565b; text-transform: uppercase;}
.hme-frm-min h2:before{ background-color:#fed440; height:3px; width:150px; bottom:0; left:0; content:""; position:absolute; right: 0; margin: 0 auto;}
.hme-frm-min p{ font-size: 18px; font-weight: 300; width: 100%; text-align: center; margin-top: 10px;}
.hme-frm-min .cont-frm-main{ margin-top: 0; padding: 35px;}
.hme-frm-min .cont-frm{width: 70%; display: flex; position: relative; justify-content: center;}
.hme-frm-min .cont-frm form{ width: 100%;}
.mail-sucess{color: #155724; background-color: rgb(255, 255, 255); border-color: #f2f2f2; width: 50%; text-align: center;}
.frm-numr{ display: flex; position: relative; flex-wrap: wrap;}
.frm-numr .input-group-prepend{ position: absolute; content: ""; top: 18px; left: 0;}
.frm-numr .input-group-prepend span{ background: transparent; border: none;}
.frm-numr input{ padding-left: 50px !important; width: 100% !important;}
.contact-form .form-group input:focus{ width: 100% !important;}
/* Footer Section */
.footer-wrapper { background: url(../images/footer-bg.png) no-repeat center; clear: both; background-size: cover; position: relative;} 
.footr-main{ width: 100%; display: flex; justify-content: center; align-items: center; padding: 40px 0px; flex-wrap: wrap;}
.ft-logo{height: 75px; width:160px; display: flex; justify-content: center;;}
.footr-main h5{ width: 100%; text-align: center; font-size: 20px; font-weight: 600; color: #fff; margin: 20px 0px 8px; text-transform: capitalize;}
.footr-main h6{ width: 100%; text-align: center; font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.6);}
.cont-info{ width: 100%; display: flex; justify-content: center; background: rgba(0,0,0,0.15); margin-top: 20px; padding: 12px 0px; color: #fff;}
.cont-info span{ font-size: 14px; padding: 0px 25px; align-items: center; display: flex;}
.cont-info span i{ font-size: 18px; margin-right: 10px;}
.cont-info span a{ color: #fff; display: flex; align-items: center;}
.footr-link{ width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.footr-link ul{ width: 100%; display: flex; padding: 0; justify-content: center; margin-bottom: 0;}
.footr-link ul li{list-style: none; margin: 0; padding: 5px 23px; position: relative;}
.footr-link ul li a::before{ position: absolute; content: ""; width: 3px; height: 15px; right: 0; top: 12px; background: rgba(255, 255, 255, 0.6);}
.footr-link ul li:last-child a::before{ display: none;}
.footr-link ul li a{ color: #fed440; font-size: 18px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.footr-link ul li a:hover{ color: #fff; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.social-link{ display: flex; justify-content: center; align-items: center; margin-right: 40px;}
.social-link a{ color: #fff; display: flex; align-items: center; justify-content: center; padding: 5px 10px; opacity: 0.4; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.social-link a span{ width: 40px; height: 40px; border: 1px solid #fff; display: flex; border-radius: 50%; justify-content: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
.social-link a span i{ font-size: 18px;}
.social-link a:hover{ opacity: 1; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.ft-copyright{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding-top: 20px;
  border-top: 1px dashed rgba(255,255,255,0.2); margin-top: 20px;}
.ft-copyright .cprt-lft{display: flex; justify-content: flex-start; color: #fff; text-transform: capitalize;}
.ft-copyright .cprt-rht{ display: flex; justify-content: flex-end; align-items: center;}
/* Video Section */
.video-bg { padding: 0; margin: 30px 0 0; } 
.video-bg .vdtxt { background-color: #aaacaf; text-align: center; padding: 90px 20px; } 
.video-bg .vdtxt h3 { color: #fff; font-weight: 300; font-size: 20px; } 
/* Footer Section */
.scrollToTop { width:40px; height:40px; padding:0px; text-align:center; font-weight: bold; color: rgba(50,255,0,0.5); text-decoration: none; position:fixed; bottom:0px; right:0px; display:none; font-size:24px; z-index: 99; } 
.scrollToTop:hover { text-decoration:none; color: #32ff00; } 
.scrollToTop:focus { color: #32ff00; } 

.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; }
/* inner page */
.inner-wrapper .content-wrapper .breadcrumb{ background-color: transparent; border-bottom: 1px solid #ddd;border-radius: 0; margin-bottom: 0; display: flex; align-items: center; padding: 15px 0px; width: 100%;} 
.inner-wrapper .content-wrapper .breadcrumb li{ padding-right:10px;}
.inner-wrapper .content-wrapper .breadcrumb i{padding-right:10px;}

/* inner about page */
.inr-abt-main{ width: 100%; margin-top: 30px;}
.inr-abt-main .abt-main{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.inr-abt-main .abt-main h1{ width: 100%; color: #9f9f9f; font-size: 28px; font-weight: 200; margin-bottom: 25px; text-align: left;}
.inr-abt-main .abt-main h1 b{color: #814fcb; font-size: 34px; font-weight: 800; display: block;}
.inr-abt-main .abt-main h1 b small{font-weight: 300;}
.para-box{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
.inr-abt-lft{ width: 40%; display: flex;}
.inr-abt-rht{ width: 55%; display: block;}
.inr-abt-rht p{font-size: 16px; text-align: justify; line-height: 1.4;}
.image-outer {position: relative; display: inline-block; max-width: 100%; overflow: hidden;}
.image-outer .image{position: relative; display: block; width: 100%; z-index: 1; margin: 0;}
.image-outer .bg-image {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/wel-video-bg.png);}
.image-outer .bg-layer {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35);}
.image-outer .overlay-link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; z-index: 1;}
.image-outer .overlay-link .icon {position: absolute; left: 55%; top: 35%; width: 84px; height: 84px; line-height: 80px; text-align: center; padding-left: 5px; border: 2px solid #fff; font-size: 40px; border-radius: 50%;}
.flaticon-play-button-1::before {content: "\f04b"; font-family: "Font Awesome 5 Free"; font-weight: 600;}
.fancybox-content{width: 80% !important; height: calc(100% - 88px) !important;}
.extra-cont{ width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px;}
.extra-cont p{font-size: 16px; text-align: justify; line-height: 1.4; margin-bottom: 25px;}
/* inner features page */
.inr-feat-main{ width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.inr-feat-main h4{ font-size: 36px; font-weight: bold; color: #001aa2; margin-bottom: 30px;}
.inr-feat-main p{ font-size: 15px; margin-bottom: 20px; text-align: justify;}
.inr-feat-cont{ width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; z-index: 1; margin: 25px 0px;}
.inr-feat-main .inr-feat-box{ box-shadow: 0 5px 30px rgba(0, 0, 0, 0.07); border: 1px solid #fff; padding: 20px 20px 20px; position: relative; transition: all ease-in 0.5s; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.inr-feat-main .inr-feat-box:hover{box-shadow: none; transition: all ease-in 0.5s; border: 1px solid #eee; background-color: #fff;}
.inr-feat-main .inr-feat-box span{ width: 100%; display: flex; justify-content: center; margin-top: 15px;}
.inr-feat-main .inr-feat-box span a{padding: 10px 20px 10px 25px; background: #797979; display: flex; align-items: center; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 300; transition: 0.4s; border: 1px solid #797979;}
.inr-feat-main .inr-feat-box span a i{ margin-left: 5px;}
.inr-feat-main .inr-feat-box span a:hover{ background: transparent; color: #797979; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; } 
.inr-feat-main .inr-feat-box small{text-align: center; display: grid;}
.inr-feat-main .inr-feat-box h3{font-size: 20px; text-align: center; font-weight: 800; margin: 20px 0px 15px; color: #303030; z-index: 1;}
.inr-feat-main .inr-feat-box p{text-align: justify; margin-bottom: 0; font-weight: 300; font-size: 16px;}

/* inner Projects page */
.inr-proj-main{ width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 20px; margin-top: 10px;}

.inr-proj-main h4 { font-size: 30px; color: #4f4f4f; font-weight: 400; padding: 10px; text-align: center; text-transform: uppercase;}
.inr-proj-main h4 small{ display: block; font-weight: 200; color: #848484; text-transform: none !important;letter-spacing: -0.5px;}
.inr-proj-cont{ width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; z-index: 1; margin-top: 20px;}
.inr-proj-main .inr-proj-box{ position: relative; transition: all ease-in 0.5s; height: 100%; min-height: 305px;
  background: #ddd;}

.inr-proj-main .inr-proj-box a{display: flex; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; height: 100%; position: relative; overflow: hidden;}
.inr-proj-main .inr-proj-box a img{ object-fit: contain; width: 100%; height: auto; padding: 0; margin: 0 auto;}
.inr-proj-main .inr-proj-box a h3{ font-size: 16px; font-weight: 600; color: #222; text-transform: uppercase; background: rgba(254, 214, 73,0.95); width: 100%; padding: 0px 10px; margin-bottom: 0; text-align: left; position: absolute; left: 0; bottom: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; height: 45px; display: flex; align-items: center; justify-content: center;}
.inr-proj-main .inr-proj-box a:hover h3{ transition: 0.4s; background: rgba(254, 214, 73,1); -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;  bottom: 35%;}

.inr-proj-main .inr-proj-box a:hover img{ opacity: 0.5; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }

.inr-proj-main .inr-proj-box small{ font-size: 12px; padding: 4px 12px; font-weight: 600; color: #fff; text-transform: uppercase; background: rgba(254, 129, 12,0.9);  padding: 5px 15px; margin-bottom: 0; display: flex; position: absolute;
  right: 0; top: 5px; border-radius: 20px 0px 0px 20px;}

/* inner Project details page */
.inr-proj-dts{width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 20px; position: relative; margin-top: 20px;}
.proj-dts-cont{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px;}
.proj-dts-lft{ width: 35%; display: flex; justify-content: flex-start; align-items: center;}
.proj-dts-lft span{ width: 100%; height: 100%;}
.proj-dts-lft span img{ object-fit: contain; padding: 0; margin: 0 auto; width: 100%; height: auto;}
.proj-dts-rht{ width: 62%; display: flex; justify-content: flex-start; align-items: center; flex-wrap:wrap;}
.proj-dts-rht h1{ font-size: 24px; color: rgba(0, 26, 162,1); width: 100%; text-align: left; text-transform: uppercase;}
.proj-dts-rht h1 small{font-size: 20px; color: rgba(147, 146, 146,1); display: block; text-transform: capitalize;}
.proj-dts-rht h1 small b{ color: #3e3e3e;}
.proj-dts-rht p{ font-size: 18px; text-align: justify;}
.proj-dts-rht .bck-btn{ right: 0; top: -30px;}
.proj-scrol{width: 100%; display: flex; flex-wrap: wrap;}
.proj-scrol h1{ color: #999; font-size: 24px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; width: 100%; text-align: left; margin-bottom: 15px;}
.Prjt-main .Prjt-sub{width: 100%; display: grid; position: relative; z-index: 1; grid-template-columns: repeat(5, 1fr); gap: 1px;}
.Prjt-sub .Prjt-box{ display: flex; background: #ddd; height: auto;}
.banner-bg2 .breadcrumb_bg{ position: absolute; bottom: 12px; width: 100%;}
.banner-bg2 .breadcrumb_part{display: flex; width: 100%;}
.banner-bg2 .breadcrumb_part .breadcrumb{display: flex; align-items: center; background: transparent; padding-left: 0;}
.banner-bg2 .breadcrumb_part .breadcrumb a{ color:rgba(254,212,64,0.5) ; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.banner-bg2 .breadcrumb_part .breadcrumb a i{ margin-right: 5px; color:rgba(254,212,64,0.5); margin-left: 0 !important;}
.banner-bg2 .breadcrumb_part .breadcrumb li a span{ color: rgba(254,212,64,0.5);}
.banner-bg2 .breadcrumb_part .breadcrumb a:hover{ opacity: 0.5; transition:0.4s ; -webkit-transition:0.4s ; -moz-transition:0.4s ; -ms-transition:0.4s ; -o-transition:0.4s ; }
.banner-bg2 .breadcrumb_part .breadcrumb i{ color: rgba(255,255,255,0.5); margin: 0px 10px;}
.banner-bg2 .breadcrumb_part .breadcrumb li span{ color: rgba(255,255,255,0.5);}
.bck-btn {width: 10%; text-align: right; position: absolute; right: 15px; top: 15px;}
.bck-btn span {margin-top: -1px; display: block; width: 100%; text-align: right;}
.bck-btn span a { color: #fff; background: #ff7c00; padding: 5px 15px; transition: 0.4s; font-size: 12px; text-transform: none; font-weight: 500; border: 1px solid #ff7c00; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.bck-btn span a:hover{ background: transparent; color: #999; border: 1px solid #999; transition: 0.4s; cursor: pointer;}

/* inner testmonial page */
.inr-tsmls-main{ width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.inr-tsmls-main h4{ font-size: 36px; font-weight: bold; color: #001aa2;}
.inr-tsmls-main .inr-tsmls-box p{ font-size: 15px; text-align: justify;}
.inr-tsmls-cont{ width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; z-index: 1; margin-top: 5%;}
.inr-tsmls-main .inr-tsmls-box{ box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12); border: 1px solid #fff; padding: 60px 30px 30px; position: relative; transition: all ease-in 0.5s; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; margin-bottom: 30px; }
.inr-tsmls-main .inr-tsmls-box:hover{box-shadow: none; transition: all ease-in 0.5s; border: 1px solid #eee; background-color: #fff;}
.inr-tsmls-main .inr-tsmls-box span{ width: 100px; height: 100px; display: flex; position: absolute; margin: 0 auto; justify-content: center; align-items: center; background: #fed440; border-radius: 50%; color: #fff; top: -12%;
left: 36%; padding-top: 40px;}
.inr-tsmls-main .inr-tsmls-box span h1{ font-size: 80px;}
.inr-tsmls-main .inr-tsmls-box h3{ font-size: 24px; margin-top: 15px;}
.inr-tsmls-main .inr-tsmls-box h3 small{ display: none; font-size: 16px; color: #999; margin: 7px 0px;}
.pagntion-main{ display: flex; align-items: center; justify-content: space-between; padding: 30px 0px; width: 100%;}
.pagntion-main .pagntion-lft{ width:40%; display: flex; justify-content: flex-start;}
.pagntion-main .pagntion-lft p{ margin-bottom: 0;}
.pagntion-main .pagntion-rht{ width:60%;}
.pagntion-main .pagntion-rht ul{ margin: 0;}
.pagntion-main .pagntion-rht .pagination{ justify-content: flex-end;}
.pagntion-main .pagntion-rht .pagination .page-link{ color: #333; border-radius: 0;}
.pagntion-main .pagntion-rht .pagination .page-item.active .page-link{ border: 1px solid #555; background-color: #555; color: #fff;}

/* inner Contact us page */
.cont-us-main{ width: 100%; display: flex; flex-wrap: wrap; margin-top: 20px;}
.cont-us-main .contactpg { width: 100%;}
.contactpg .cont-adr .cont-title { margin:0px 0 15px; font-weight: 200; font-size: 24px; position: relative; color: #fff; margin-left: 15px; margin-top: 15px; border-bottom: 1px solid #fff;
  padding-bottom: 10px;} 
.contactpg .card {background-color: transparent; border: 0 none;}
.contactpg .card-body {padding: 0;}
.cont-text > b { color: #54565b;} 
.cont-text .cont-num { padding: 0px 0 5px;  margin-left: 15px;  margin-top: 0px; position: relative; width: 100%; text-align: left;} 
.cont-text .cont-num span { margin:0; padding:10px 20px 10px 0px; display:flex; border-top:1px dashed #e1e1e1; font-size:15px; color:#fff; width: 80%; align-items: center;} 
.cont-text .cont-num span i { color:#fff; margin-right:8px; padding:6px; font-size:24px;} 
.cont-text .cont-num span:last-child { border-right: 0 none; }
.cont-text .cont-num span:first-child { border-top: 0 none; }  
.cont-text > strong { margin: 0 0 10px; font-weight: 600; font-size: 14px; text-transform: uppercase; color: #fff; display: block; background-color: #54565b; padding: 5px 10px; letter-spacing: 1px; } 
.cont-flex { display: flex; flex-wrap: wrap;} 
.cont-flex .bus-text { width:60%; padding:20px 50px 30px 10px; position:relative; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; /*background: linear-gradient(90deg,#a561d8 10%,#3527ae 100%);*/
  border-radius: 20px 50px 50px 20px; background: #4f4f4f;;}
.cont-flex .bus-text::before{ position: absolute; content: ""; width: 100%; height: 100%;  left: 0;}
.cont-flex .bus-text .cnt-det{ width:100%; display:flex; margin-left: 0px; margin-top: 0px; padding:0px 10px; align-items:center; margin-bottom:10px; border-radius:2px; flex-wrap: wrap; z-index: 1;}
.cont-flex .bus-text .cnt-det .cnt-logo{ width:25%; display:flex; padding: 10px 15px; z-index: 9; border-radius: 10px;
 }
.cont-flex .bus-text .cnt-det .cnt-add{ width:72%; padding-left:15px; z-index: 999; display: flex; justify-content: flex-start;}
.cont-flex .bus-text .cnt-det .cnt-add h1{ font-size: 24px; width: 100%; text-align: left; font-weight: bold; color: #fff; margin-bottom: 0; text-transform: capitalize;}
.cont-flex .bus-text .cnt-det .cnt-add small{ display: flex; font-size: 12px; align-items: center;}
.cont-flex .bus-text .cnt-det .cnt-add small i{color: #fff !important; margin-right: 6px;  padding: 6px 0px;  font-size: 24px;}
.cont-flex .bus-text .cnt-det .cnt-add b { display:block; color:#54565b; font-weight:500; font-size:20px; }
.cont-flex .bus-text .cnt-det .cnt-add b span { font-weight:600; font-size:30px; }
.cont-flex .bus-text .cnt-det .cnt-add b i { color:#54565b; margin-right:3px; } 
.cont-flex .tr-text { width:50%; background-color:#f0f0f0; padding: 12px 10px 12px; position:absolute; right:0px; top: 15px; height:305px; border-radius: 10px;} 
.cont-flex .tr-text span{display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.cont-flex .tr-text span img{object-fit: contain; width: 100%; height: auto; padding: 0; margin: 0 auto; border-radius: 8px;}
.cont-flex .tr-text2 { width:53%; background-color:#fcfcfc; padding:15px; position:absolute; right:0px; bottom:1%; height:350px; border:1px solid #eee;} 
.cont-flex .tr-text b, .cont-flex .tr-text2 b { display: block; color: #54565b; font-weight: 600; } 
.cont-flex .tr-text b i, .cont-flex .tr-text2 b i { color: #54565b; margin-right: 3px;} 
.cont-flex .tr-text iframe, .cont-flex .tr-text2 iframe{ height:100%; width:100%; border:0 none;}
.cont-text .cont-num span a{ color: #fed440; transition:0.4s ; -webkit-transition:0.4s ; -moz-transition:0.4s ; -ms-transition:0.4s ; -o-transition:0.4s ; }
.cont-text .cont-num span a:hover{ opacity: 0.5; transition:0.4s ; -webkit-transition:0.4s ; -moz-transition:0.4s ; -ms-transition:0.4s ; -o-transition:0.4s ; }
.cont-frbox { margin-top:0px; } 
.cont-frbox .corp-frm .fs-title{ margin:0px 0px 40px; padding:0px 0 13px; background-color:transparent; font-weight:500; font-size:20px; color:#0072b5; text-align:left; border-radius:0; border-bottom:2px dotted #ddd;} 
.cont-frbox .corp-frm .fs-title small{display: block; text-transform: none; font-size: 13px;}
/* Contact Form Enquiry */
.cont-frm{ margin-top:15px; padding-top:15px; width: 100%; display: flex; justify-content: center;}
.cont-frm form{ width: 100%;}
.cont-frm h2{ font-size:24px; font-weight:200; margin:5px 0px 45px; position:relative; padding-bottom:15px; color:#54565b; text-align:center;}
.cont-frm h2 span{ display:block; font-weight:500; font-size:24px; padding-top:0px; color:#54565b;}
.cont-frm h2:before{ background-color:#fed440; height:3px; width:100px; bottom:0; left:0; content:""; position:absolute; right: 0; margin: 0 auto;}
.cont-frm-main{ background-color:#fff; padding:20px 30px 20px; margin-top:20px; border-radius:3px; border:2px solid #e9e9e9; border-radius: 20px; margin-bottom: 20px;}
.wrap { background: linear-gradient(to bottom, #f6f6f6, #e9e9e9); height: 100vh;}
.contact-form .cont-frm-main .btn { border-radius: 0;}
.contact-form .cont-frm-main .form-group { position:relative; padding-top:20px; margin-bottom:30px; width:48%;}
.contact-form .cont-frm-main .form-group .custom-select{ border:0 none; border-bottom:1px solid #c9cfd5; border-radius:0; padding:9px 2px; position:relative; height:auto;}
.contact-form .cont-frm-main .form-group .custom-select:focus{ box-shadow:none; }
.contact-form .cont-frm-main .form-row{ justify-content:space-between}
.contact-form .form-group:first-child:last-child { height: 100%;}
.contact-form .form-group:first-child:last-child .form-control { height:100%;}
.contact-form .form-group textarea { resize:vertical; width:100%; border:0 none; border-bottom:1px solid #c9cfd5; border-radius:0px; border-radius: 0; border-width: 0 0 1px 0; font-size: 14px;padding:9px 5px; color:#495057;}
.contact-form .form-group label { position:absolute; left:5px; top:-5px; transition:all 0.4s ease; color:#54565b;}
.contact-form .form-group .form-control { border-radius: 0; border-width: 0 0 1px 0; font-size:14px; padding:9px 5px; border-bottom:1px solid #c9cfd5;}
.contact-form .form-group .form-control:focus, .contact-form .form-group .form-control.hasValue { box-shadow: none; border-color:#ced4da;}
.contact-form .form-group .form-control:focus ~ .input-highlight, .contact-form .form-group .form-control.hasValue ~ .input-highlight { width: 100%;}
.contact-form .form-group .form-control:focus ~ label, .contact-form .form-group .form-control.hasValue ~ label { -webkit-transform: scale(0.9); transform: scale(0.9); top:0; left:0; }
 
.contact-form .form-group .custom-select:focus, .contact-form .form-group .custom-select.hasValue { box-shadow: none; border-color:#ced4da;}
.contact-form .form-group .custom-select:focus ~ .input-highlight, .contact-form .form-group .custom-select.hasValue ~ .input-highlight { width: 100%;}
.contact-form .form-group .custom-select:focus ~ label, .contact-form .form-group .custom-select.hasValue ~ label { -webkit-transform: scale(0.9);  transform: scale(0.9); top:0; left:0;}

.contact-form .form-group textarea:focus, .contact-form .form-group textarea.hasValue { box-shadow: none; border-color:#ced4da; outline: none !important;}
.form-group textarea:focus{outline: none !important;}
.contact-form .form-group textarea:focus ~ .input-highlight, .contact-form .form-group .custom-select.hasValue ~ .input-highlight { width: 100%;}
.contact-form .form-group textarea:focus ~ label, .contact-form .form-group textarea.hasValue ~ label { -webkit-transform: scale(0.9);  transform: scale(0.9); top:0; left:0;}
.contact-form .sred { color:#ff0000; margin:0 4px;} 

.cont-frm-btn{ text-align:center; width:100%; padding:10px 0px; transition:0.4s;}
.frmprevious { background: rgba(84,86,91, 0.6); color:#fff; border:0 none; cursor:pointer; padding:6px 20px; margin:0px 5px; border: 1px solid rgba(84,86,91, 0.01);} 
.frmprevious:hover{background:transparent; color: rgba(84,86,91, 0.9); transition:0.4s; border: 1px solid rgba(84,86,91, 0.8);}
.frmsubmit { background:#001aa2; color:#fff; border:0 none; cursor:pointer; padding:6px 20px; margin:0px 5px; transition:0.4s; overflow:hidden; position:relative; border: 1px solid #001aa2;} 
.frmsubmit:hover{ background:transparent; color: #001aa2; transition:0.4s;}


/* inner why tqms page */
.inr-why-tqms{ width: 100%; margin-top: 30px;}
.inr-why-tqms .inr-sub-tqms{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.inr-why-tqms .inr-sub-tqms h1{ width: 100%; color: #9f9f9f; font-size: 48px; font-weight: 200; margin-bottom: 25px; text-align: left;}
.inr-why-tqms .inr-sub-tqms h1 b{color: #814fcb; font-size: 48px; font-weight: 800;}
.para-box{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
.inr-tqms-lft{ width: 40%; display: flex; position: relative;}
.inr-tqms-lft::before{position: absolute; content: ""; width: 50%; height: 50%; left: 23%; top: -5%; background: url(../images/dots-3.png) no-repeat; z-index: 1;}
.inr-tqms-lft span{ width: 100%; height: 100%; position: relative;}
.inr-tqms-lft span::before{position: absolute; content: ""; width: 10%; height: 10%; left: 30%; top: 30%; background: url(../images/icon-7-1.png) no-repeat; z-index: 3; transition: all 0.5s ease 0s;
  -webkit-animation: rotation 5s infinite linear; animation: rotation 5s infinite linear; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}
.inr-tqms-lft span::after{position: absolute; content: ""; width: 15%; height: 15%;  right: 15%; bottom: 15%; background: url(../images/icon-9-1.png) no-repeat; z-index: 3; transition: all 0.5s ease 0s;
    -webkit-animation: rotation 5s infinite linear; animation: rotation 5s 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); } }

.inr-tqms-lft span img{ object-fit: contain; padding: 0; margin: 0 auto; width: 100%; height: auto; position: relative; z-index: 2;}
.inr-tqms-rht{ width: 55%; display: block;}
.inr-tqms-rht p{font-size: 16px; text-align: justify; line-height: 1.4;}

/* inner why tqms page */
.inr-fedbck-main{width: 100%; margin-top: 10px;}
.inr-fedbck-main .inr-fedbck-sub{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.inr-fedbck-main .inr-fedbck-sub h1{width: 100%; color: #814fcb; font-size: 36px; font-weight: 800; margin-bottom: 10px; text-align: left;}
.inr-fedbck-main .inr-fedbck-sub p{ font-size: 16px; line-height: 1.4; text-align: justify;}
.inr-fedbck-main .inr-fedbck-video{ width: 100%; display: flex; justify-content: center; align-items: center; margin: 20px 0px;}
.inr-fedbck-main .inr-fedbck-video span{ background: url(../images/Feedback_Panel_bg.png) no-repeat 10px 10px; width: 100%; min-height: 350px; background-position: top;}
.inr-fedbck-main .inr-fedbck-video span video{ margin-top: 40px; margin-right: 20px;}


/* inner Features Details */
.inr-fedbck-main{width: 100%; margin-top: 10px;}
.inr-fedbck-main .inr-fedbck-sub{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.inr-fedbck-main .inr-fedbck-sub h1{width: 100%; color: #814fcb; font-size: 36px; font-weight: 800; margin-bottom: 10px; text-align: left;}
.inr-fedbck-main .inr-fedbck-sub p{ font-size: 16px; line-height: 1.4; text-align: justify;}
.inr-fedbck-main .inr-fedbck-video{ width: 100%; display: flex; justify-content: center; align-items: center; margin: 20px 0px;}
.inr-fedbck-main .inr-fedbck-video span{ background: url(../images/Feedback_Panel_bg.png) no-repeat 10px 10px; width: 100%; min-height: 350px; background-position: top;}
.inr-fedbck-main .inr-fedbck-video span video{ margin-top: 40px; margin-right: 20px;}

/* inner Features Details */
.fet-dls-top{ width: 100%; display: flex; justify-content: center; margin-top: 30px; min-height: 80px; flex-wrap: wrap; padding: 0px 60px;}
.fet-dls-top p{ font-size: 16px; text-align: justify; margin-bottom: 0;}
.fet-dls-top p b{ font-size: 20px; color: #031a9f;}
.fet-dls-btm{ width: 100%; display: flex; justify-content: center; margin: 30px 0px; min-height: 120px; align-items: center; flex-wrap: wrap; padding: 0px 60px;}
.fet-dls-btm p{ font-size: 16px; text-align: justify; margin-bottom: 20px;}
.fet-dls-bg{background-color: #fff; padding: 0px 0px 0px; position: relative; z-index: 0;}
.fet-dls-bg::before{position: absolute; background-color: #f3f3f3; width: 42%; height: 100%; left: 0; content: ""; z-index: -1;}
.fet-dls-main{ width: 100%; min-height: 500px; padding: 0px 60px;}
.fet-dls-prt1{ width: 100%; display: flex; justify-content: space-between; align-items: center; min-height: 300px; }
.dls-pt1-lft{ width: 35%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.dls-pt1-lft h1{ width:100%; color:#333; font-weight:900; font-size:58px; margin:0px; position:relative; line-height: 60px; text-align: left;}
.dls-pt1-lft h2{ width:100%; color:#d5d5d5; font-weight:900; font-size:36px; margin:0px; padding-left:40px; position:relative; display: flex; align-items: center;}
.dls-pt1-lft h2:before{ position: absolute; right: 0px; left: 0; content: ""; width:30px; height:3px; background-color: #f5ca42;}
.dls-pt1-rht{ width: 59%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.dls-pt1-rht span{display: flex; width: 100%; height: auto; margin-top: 50px; margin-left: 30px;}
.dls-pt1-rht span video{object-fit: contain; width: 100%; height: auto; padding: 0; margin: 0 auto;}
.dls-pt1-rht p{ font-size: 16px; text-align: justify; margin-bottom: 0; padding-left: 40px;}
.fet-dls-prt2{ width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; justify-content: space-between; align-items: flex-start; margin-top: 30px; background: #fff; padding: 30px 0px 30px 30px; flex-wrap: wrap;}
.fet-dls-prt2 p{ font-size: 16px; text-align: justify;}
.fet-dls-prt3{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 30px; background: #fff; flex-wrap: wrap; padding: 30px;}
.fet-dls-prt3 p{ font-size: 16px; text-align: justify;}
.fet-frm-bg{background: url(../images/wel-come-bg.png) no-repeat fixed;}
.fet-dls-frm{ width: 100%; margin: 0px 0px; position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding: 0px 0px 30px;}
.fet-dls-frm h2{ font-size: 32px; text-align: center; position: relative; width: 100%;}
.fet-dls-frm .cont-frm{ margin-top: 0; padding-top: 0; width: 75%; position: relative;}
.fet-dls-frm .cont-frm .cont-frm-main{ border: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; padding: 40px 30px 30px; background: rgba(221, 221, 221, 0.3); margin-bottom: 0; }
.fet-dls-frm .cont-frm .form-control{ background: transparent; width: 100%;}
.fet-dls-frm .cont-frm .custom-select{ background-color: transparent;}
.fet-dls-frm .contact-form .form-group textarea{background: transparent;}
.tin-fnt{ font-weight: 300 !important; line-height: 55px !important;}

/* inner Associates page */
.inr-patrs-main{width: 100%; margin-top: 10px;}
.inr-patrs-main .inr-patrs-sub{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 6%; margin-bottom: 6%;}
.inr-patrs-main p{font-size: 16px; text-align: justify; line-height: 1.4; margin-bottom: 25px;}
.patrs-sub-lft{ display: flex; justify-content: center; align-items: flex-start; width: 35%; flex-wrap: wrap; border: 8px solid #ddd; border-radius: 15px; padding: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; box-shadow: 0px 10px 15px rgba(0,0,0,0.05);}
.patrs-sub-lft h1{width: 100%; color: #808285; font-size: 22px; font-weight: 300; margin-bottom: 40px; text-align: center; position: relative; background: #f4f4f4; padding: 15px 0px; border-radius: 5px 5px 0px 0px;} 
.patrs-sub-lft span{ padding: 0; height: 130px; position: relative; margin-bottom: 40px;}
.patrs-sub-lft span img{ object-fit: contain; padding: 0; margin: 0 auto; width: 100%; height: 100%;}
.patrs-sub-rht{ display: flex; justify-content: center; align-items: flex-start; width: 35%; flex-wrap: wrap; border: 8px solid #ddd; border-radius: 15px; padding: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; box-shadow: 0px 10px 15px rgba(0,0,0,0.05);}
.patrs-sub-rht h1{width: 100%; color: #808285; font-size: 22px; font-weight: 300; margin-bottom: 40px; text-align: center; position: relative; background: #f4f4f4; padding: 15px 0px; border-radius: 5px 5px 0px 0px;}
.patrs-sub-rht span{ padding: 0; height: 130px; position: relative; margin-bottom: 40px;}
.patrs-sub-rht span img{ object-fit: contain; padding: 0; margin: 0 auto; width: 100%; height: 100%;}

/* Large devices */
@media (min-width: 1368px) 
 {
 .carousel-caption { padding:0 0 0 0; right: 0; left: 0;} 
 .banner-bg2 .carousel-caption2{ left: 0px; max-width: 1300px; margin: 0 auto; display: flex;
  justify-content: flex-end; align-items: end; bottom: 30px;}
 .banner-bg2 .carousel-caption .carousel-caption-img{right: 15%;}
 .carousel-caption-img{right: 16%; top: 300px;}
 .banner-bg2 .breadcrumb_bg{bottom: 5px;}
 .dls-pt1-lft{width: 35%;}
 .dls-pt1-rht{width: 63%;}
 } 

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) 
 {
.max-cntr { max-width: 1140px; margin: 0 auto; } 
.tp-srch .tsrch { width: 240px; } 
.prd-list .prd-box h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } 
.navbar-brand{ padding:0px 8px; bottom:10px;}
.tpbr::after{ right:-27%;}
.sticky.navbar-dark .navbar-nav .nav-link{ padding:12px 20px;}
.sticky.navbar-dark .navbar-nav .nav-item::after{top: 20px;}
.nav-bg .nav-link{ padding:10px 7px; font-size:13px;}
.navbar-dark .navbar-nav .nav-link { font-size: 14px; padding:10px 17px; } 
.mega-dropdown-menu > li ul > li > a{ font-size:13px;}
.sticky .navbar-brand{ padding:13px 15px;}
.sticky2{ top:47px;}
.carousel-caption { padding:0 0 0 3%; right: 0; top: 250px;} 
.carousel-caption h1 { font-size: 36px; } 
.carousel-caption h2 { font-size: 45px; padding: 2px 5px 10px;} 
.carousel-caption h3 { font-size: 36px; } 
.carousel-caption-img{top: 25%; display: flex;
  justify-content: flex-end;}
.carousel-caption-img .cardelay-img{width: 70%;}
.banner-list-bg{ margin-top:-130px;}
.banner-list .banner-item p{ line-height:18px; padding-left:10px; margin-bottom:0px;}
.banner-list .banner-item p span{ font-size:17px;}
.why-tqms-main .why-rht h2{font-size: 36px; margin-bottom: 15px;}
.why-tqms-main .why-rht p{margin-bottom: 15px; font-size: 14px; line-height: 1.2;}
.feedback-main .feedback-lft{ width: 38%;}
.feedback-main .feedback-rht{ width: 62%;}
.feat-video{width: 34%; margin-left: 0px; background-position: center;}
.feat-cont1{width: 33%;}
.feat-cont2{width: 33%;}
.feat-video span{margin-right: 3px; margin-top: 40px;}
.banner-bg2 .carousel-caption{top: 170px;}
.cont-flex .tr-text{width: 45%; height: auto;}
.cont-flex .bus-text{width: 65%; padding: 0px 70px 0px 10px;}
.banner-bg .carousel-item::before{height: 600px;}
.banner-bg2 .carousel-caption h1 {padding: 0px 0px 0px 30px;}
.pry-logo{ display: flex;}
.sec-logo{ display: none;}
.sticky .pry-logo{ display: none;}
.sticky .sec-logo{ display: flex;}
.inr-tqms-lft span::before{ width: 15%; height: 15%;}
.feat-dets-lft{width: 65%;}
.feat-dets-rht{ width: 35%;}
.dls-pt1-rht span{ height: 320px;}
.banner-bg2 .breadcrumb_part .breadcrumb{padding-left: 10px;}
.inr-feat-main .inr-feat-box h3{font-size: 17px;}
.inr-feat-main .inr-feat-box{padding: 20px 10px 20px;}
.inr-feat-cont{gap: 15px;}
.inr-feat-main .inr-feat-box p{ font-size: 15px;}
.inr-proj-main .inr-proj-box{ min-height: 220px;}
}



/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px)
 {
.max-cntr { max-width: 970px; margin: 0 auto; } 
.carousel-caption { padding:0 0 0 3%; top:200px; } 
.carousel-caption h1 { font-size: 26px; padding-bottom:10px;} 
.carousel-caption h2 { font-size: 36px; padding-bottom:10px;} 
.carousel-caption h3 { font-size: 26px; padding-bottom:0px;} 
.navbar-brand img{ max-height:90px;}
.sticky .navbar-brand img { max-height: 50px; }
.carousel-caption-img{display: flex; justify-content: flex-end;}
.carousel-caption-img .cardelay-img{width: 70%;}
.navbar{margin-top: 25px;}
.tpbr{margin-bottom: 0px;}
.tp1{padding: 0px 0px 5px;}
.top-menu-bar .navbar-collapse ul::after{ width: 76%; top: -10px;}
.hed-cont h1{font-size: 16px;}
.feat-cont1{width: 30%;}
.feat-cont2{width: 30%;}
.feat-icon span img{ object-fit: scale-down; padding: 10px; margin: 0 auto; width: 100%; height: auto;}
.prtfio-box .prtfio-lft{ width: 25%;}
.prtfio-box .prtfio-rht{ width: 73%;}
.Prjt-box span h3{ width: 100%;}
.Prjt-box span small{ width: 35%;}
.my-video-dimensions{height: 440px;}
.feat-video{width: 40%;}
.why-tqms-main .why-rht h2{font-size: 36px; margin-bottom: 15px;}
.why-tqms-main .why-rht p{margin-bottom: 15px; font-size: 14px; line-height: 1.2;}
.feedback-main .feedback-lft{ width: 48%;}
.feedback-main .feedback-rht{ width: 52%;}
.feedback-sub { padding: 20px 0px;}
.banner-bg2 .carousel-caption{ left: 0;}
.banner-bg2 .cardelay-img img{ margin: 0;}
.banner-bg2 .carousel-caption-img .cardelay-img{ width: 100%; display: flex; justify-content: flex-end;}
.banner-bg2 .carousel-caption {top: 110px;}
.inr-tsmls-main h4{margin-bottom: 30px;}
.cont-flex .tr-text{width: 42%; top: 15px;}
.cont-flex .bus-text .cnt-det .cnt-add h1{ font-size: 22px;}
.banner-bg .carousel-item::before {height: 500px;} 
.banner-bg2 .carousel-caption h1 {padding: 40px 25px 0px 0px;}
.pry-logo{ display: flex;}
.sec-logo{ display: none;}
.sticky .pry-logo{ display: none;}
.sticky .sec-logo{ display: flex;}
.feat-dets-main{align-items: center;}
.dls-pt1-rht span{ height: auto; margin-top: 30px;}
.inr-feat-main .inr-feat-box h3{font-size: 16px;}
.Prjt-main h2{ font-size: 28px;}
.mega-dropdown-menu{top: 52px;}
.footr-link ul li{padding: 5px 18px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) 
 {
.max-cntr { max-width: 960px; margin: 0 auto; } 
.tp1{ padding:8px 10px}
.navbar-brand{ top:0}
.navbar-collapse{ padding-left:10px; padding-bottom: 10px; position: absolute; width: 100%; left: 0; top: 50%;}
.nav-bg{ display:none;}
.navbar-dark .navbar-nav .nav-item.mbmenu{ display:block}
.navbar-dark .navbar-nav .nav-item{ border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.sticky.navbar-dark .navbar-nav .nav-item::after{ top:11px;}
.carousel-caption { padding:0 0 0 3%; top: 30%; } 
.carousel-caption h1 { font-size: 24px; padding-bottom:0px; } 
.carousel-caption h2 { font-size: 34px; padding:10px 10px 10px;} 
.carousel-caption h3 { font-size: 24px; padding-bottom:0px; } 
.banner-bg2 .carousel-caption2 h1{padding: 35px 10px 0px 10px;}
.tp1{padding: 10px 25px;}
.top-bar{ padding:0px;}
.navbar-brand{ left:10px; width:150px; display:flex; top:0px; padding:0px;}
.navbar-brand img{ max-height:70px;}
.navbar-nav{ margin-top:40px; max-height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; background: rgba(48,51,176,1); border-radius: 5px;}
.navbar{ padding-bottom:5px; padding-right:10px; flex-wrap: unset;}
.sticky{ padding-top:7px; box-shadow: 0 14px 20px -12px rgba(0,0,0,0.4);}
.sticky .navbar-brand{ padding: 3px; width: 110px; display: flex;}
.sticky.navbar-dark .navbar-nav .nav-link{ padding:10px 35px;}
.carousel-caption2 h1 { font-size:20px; text-transform:uppercase; padding:15px 20px 15px 7px;}
.carousel-caption2 h1 small{font-size: 14px; padding-top: 0px; display:block; margin-left: 55px;}
.carousel-caption2 h1 span{ font-size: 16px; color: #fff; margin-left: 55px;}
.carousel-caption2 h1 img{width: 50px; height: 50px; top: 4px; left: 6px;}
.carousel-caption2 h1{ min-width: 300px;}
.wel-contrl{right: 8%;}
.navbar-expand-lg .navbar-nav li::after{left: 15px; top:11px; content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 600; background: transparent; color: #888;}
.sticky.navbar-dark .navbar-nav .nav-item::after{ background: transparent;}
.navbar-dark .navbar-nav .nav-item:first-child::after{display: flex;}
.navbar-dark .navbar-nav .nav-link{padding: 10px 35px;}
.navbar-dark .navbar-nav .nav-item:last-child{border-bottom: none;}
.carousel-caption-img .cardelay-img {width: 65%;}
.brd-main .brd-sld .owl-controls .owl-next{right: -20px;}
.brd-main .brd-sld .owl-controls .owl-prev{left: -20px;}
.my-video-dimensions{height: 348px;}
.wel-cnt .wltr{ padding: 0px 15px;}
.why-tqms-main{ max-height: 100%;}
.why-tqms-sub{padding: 20px 10px;}
.inr-feat-cont{grid-template-columns: repeat(2, 1fr);}
.inr-feat-main .inr-feat-box h3{ font-size: 18px;}
.feat-main .feat-sub1{padding: 0px 15px;}
.feat-main .feat-sub2{padding: 0px 15px;}
.Prjt-main .Prjt-sub{grid-template-columns: repeat(3, 1fr);}
.Prjt-main{ padding: 35px 15px 50px;}
.prtfio-main{padding: 50px 15px;}
.prtfio-box .prtfio-lft {width: 30%;}
.prtfio-box .prtfio-rht {width: 70%;}
.prtfio-sub{padding: 15px;}
.why-tqms-main .why-rht h2{font-size: 24px; margin-bottom: 10px;}
.why-tqms-main .why-rht p{ font-size: 12px; margin-bottom: 10px;}
.feedback-sub{min-height: 100%; padding: 15px 15px;}
.feedback-main .feedback-lft {width: 50%;}
.feedback-main .feedback-rht {width: 50%;}
.banner-bg2 .cardelay-img img{ width: 23%;}
.image-outer .overlay-link .icon{top: 25%;}
.inner-wrapper .content-wrapper .breadcrumb{margin: 0px 15px;}
.social-link{margin-right: 10px;}
.social-link a{padding: 5px 8px;}
.ft-copyright .cprt-lft{font-size: 12px;}
.bck-btn{right: 30px;}
.inr-tsmls-cont{grid-template-columns: repeat(2, 1fr); }
.inr-proj-cont{grid-template-columns: repeat(3, 1fr);}
.inr-proj-main .inr-proj-box span h3{width: 100%;}
.inr-proj-main .inr-proj-box span small{width: 35%;}
.carousel-caption-img .cardelay-img{width: 50%;}
.pry-logo{ display: flex;}
.sec-logo{ display: none;}
.sticky .pry-logo{ display: none;}
.sticky .sec-logo{ display: flex;}
.banner-bg2 .carousel-caption h1 {padding: 0px 10px 0px 0px;}
.inr-tqms-lft span::before{ width: 20%; height: 20%;}
.inr-tqms-lft span::after{ width: 20%; height: 20%;}
.feat-dets-main {flex-wrap: wrap;}
.feat-dets-lft{width: 100%;}
.feat-dets-rht{width: 100%;}
.feat-dets-img{justify-content: center;}
.feat-dets-video{justify-content: center;}
.feat-dets-video span{ margin-right: 0;}
.hme-frm-min .cont-frm{ width: 90%;}
.dls-pt1-rht span{ height: auto;}
.fet-dls-main{padding: 0px 20px;}
.fet-dls-btm{padding: 0px 20px;}
.dls-pt1-lft h1{font-size: 48px;}
.fet-dls-frm .cont-frm{width: 90%;}
.fet-dls-prt2{grid-template-columns: repeat(1, 1fr);}
.patrs-sub-lft{ width: 45%;}
.patrs-sub-rht{ width: 45%;}
.footr-link ul{flex-wrap: wrap;}
.Prjt-main h2 {font-size: 24px;}
.Prjt-main h2 small{ font-size: 16px;}
.navbar-nav .dropdown-menu{ margin: 5px 15px 15px; background: rgb(104, 45, 160); width: auto;}
.megalink li:hover{ background-color: rgba(34,34,34,0.25); transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; } 
.mega-dropdown-menu > li ul > li > a{color: #fff;}
.megalink li {border-top: 1px solid rgba(180, 180, 180, 0.2);}
.inr-proj-main .inr-proj-box{ min-height: 170px;}
.inr-proj-main .inr-proj-box a h3{height: 60px;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) 
 {
body{ font-size:14px;}
.body-bg{ padding:10px 0px;}
.max-cntr { max-width: 720px; margin: 0 auto; } 
.carousel-caption {padding: 0 0 0 5%;}
.carousel-caption h1 { font-size:24px; padding: 0px 0px 0px 10px; } 
.carousel-caption h1 small{ font-size: 24px;}
.carousel-caption h2 { font-size:24px; width:100%; padding:5px 10px; } 
.carousel-caption h3{font-size: 20px;}
.carousel-caption h2 small{ font-size:20px;}
.banner-list .banner-item p span{ font-size:15px;}
.sticky{padding-top: 0px;}
.sticky .navbar{margin-bottom: 5px;}
.tp-phone{font-size:14px; margin-right: 20px;}
.tp-email{font-size:14px;}
.tp-phone i{font-size:14px;}
.tp-email i{font-size:14px;}
.navbar{padding: 0px 10px; margin-top: 10px;}
.navbar-brand{left: 0px;}
.carousel-caption-img .cardelay-img {width: 48%;}
.banner-bg .carousel-item {margin-bottom: 0%;}
.my-video-dimensions {height: 248px;}
.why-tqms-sub{ flex-wrap: wrap; padding: 10px;}
.why-tqms-main .why-lft{ margin-right: 0; width: 100%; justify-content: center;}
.why-tqms-main .why-rht{width: 100%; justify-content: center;}
.inr-feat-cont {grid-template-columns: repeat(2, 1fr);}
.inr-feat-main .inr-feat-box h3{ font-size: 14px;}
.inr-feat-main .inr-feat-box p{font-size: 14px;}
.feat-main .feat-sub1 p{ font-size: 18px;}
.feat-main .feat-sub2{ flex-wrap: wrap;}
.feat-cont1 {width: 100%;}
.feat-cont1 .feat-cont-box{flex-direction: row-reverse;}
.feat-cont1 .hed-cont h1{text-align: left;}
.feat-video {width: 100%; padding: 20px 0px;}
.feat-cont2 {width: 100%;}
.feedback-sub{flex-wrap: wrap;}
.feedback-main .feedback-lft{width: 100%; margin-right: 0; justify-content: center; background-position: center;}
.feedback-main .feedback-lft span{ box-shadow: none; justify-content: center; margin-top: 0; margin-left: 0;}
.feedback-main .feedback-lft span video{margin-right: 42px;}
.feedback-main .feedback-rht{width: 100%; justify-content: center; margin-top: 20px;}
.prtfio-sub{flex-wrap: wrap;}
.prtfio-box{width: 100%;}
.prtfio-box .prtfio-lft {width: 20%;}
.prtfio-box .prtfio-rht {width: 80%;}
.footr-main{padding: 20px 0px;}
.why-tqms-main .why-lft span{justify-content: center;}
.why-tqms-main .why-rht{ margin-top: 15px;}
.feat-video span {margin-right: 3px; margin-top: 20px;}
.banner-bg2 .carousel-caption {top: 90px; padding: 0 0 0 4%; bottom: 0;}
.para-box{ flex-wrap: wrap;}
.inr-abt-lft{width: 100%;}
.inr-abt-rht{width: 100%; margin-top: 30px;}
.image-outer .overlay-link .icon {top: 35%;}
.inr-abt-main .abt-main h1 b{display: block;}
.proj-dts-cont{ flex-wrap: wrap;}
.proj-dts-lft{ width: 100%; justify-content: center; margin-bottom: 20px;}
.proj-dts-lft span{ width: auto; height: auto;}
.proj-dts-rht{ width: 100%;}
.inr-tsmls-cont{grid-template-columns: repeat(1, 1fr); }
.inr-tsmls-main .inr-tsmls-box span{left: 43%;}
.inr-tsmls-main .inr-tsmls-box h3{margin-top: 20px;}
.cont-flex .tr-text{width: 100%; position: relative;}
.cont-flex .bus-text {width: 100%; padding: 0px 25px 15px 10px; border-radius: 20px;}
.cont-text .cont-num span{width: 100%;}
.inr-proj-cont{grid-template-columns: repeat(2, 1fr);}
.banner-bg .carousel-item::before {height: 320px;}
.inr-tsmls-main .inr-tsmls-box:first-child{margin-bottom: 30px;}
.pry-logo{ display: flex;}
.sec-logo{ display: none;}
.sticky .pry-logo{ display: none;}
.sticky .sec-logo{ display: flex;}
.banner-bg2 .carousel-caption h1{ width: 100%; font-size: 48px; padding: 0px 30px 0px 0px; }
.banner-bg2 .breadcrumb_bg{ bottom: 0;}
.banner-bg2 .breadcrumb_part .breadcrumb{ margin-bottom: 0;}
.inr-tqms-lft{ width: 100%;}
.inr-tqms-rht{width: 100%; margin-top: 25px;}
.inr-tqms-lft::before {left: 30%; top: 0%;}
.feat-dets-lft h1{ font-size: 32px;}
.banner-bg2 .breadcrumb_part .breadcrumb{ font-size: 10px;}
.banner-bg2 .carousel-caption2{ bottom: 0px;}
.banner-bg2 .carousel-caption2 h1{ font-size: 46px;}
.fet-dls-prt1{min-height: 200px;}
.fet-dls-main {padding: 0px 10px;}
.dls-pt1-lft{width: 40%;}
.dls-pt1-rht{width: 60%;}
.dls-pt1-rht span{height: auto;}
.fet-dls-btm {padding: 0px 10px;}
.fet-dls-prt2{padding: 30px 10px 30px 20px;}
.dls-pt1-lft h1 {font-size: 38px; line-height: 40px;} 
.patrs-sub-rht{ width: 100%;} 
.patrs-sub-lft{ width: 100%; margin-bottom: 30px;} 
.Prjt-main .owl-controls .owl-buttons div{ font-size: 16px;}
.Prjt-main .owl-controls .owl-buttons .owl-prev{top: -25%; width: 30px; height: 30px;}
.Prjt-main .owl-controls .owl-buttons .owl-next{top: -25%; width: 30px; height: 30px;}
.ft-copyright{flex-wrap: wrap; justify-content: center;}
.ft-copyright .cprt-rht{ width: 100%; flex-wrap: wrap; justify-content: center;}
.social-link{width: 100%; margin-right: 0; margin-bottom: 15px;}
.ft-copyright .cprt-lft{ margin-bottom: 15px;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) 
 {
.body-bg{ padding: 10px 10px 30px;}  
.max-cntr { max-width: 540px; margin: 0 auto; } 
.tpbr{ margin-bottom:0px;}
.navbar{ position:relative;}
.navbar-nav{ margin-top:20px;}
.navbar{ padding:5px 10px 5px 10px; margin-top: 10px;}
.tp-phone{ width: 100%; margin-right: 40px; font-size: 12px;}
.tp-email{ width: 100%; font-size: 12px;}
.tp1{top:0px; justify-content: flex-end; padding: 2px 10px; display: flex; flex-wrap: wrap;}
.top-bar a{font-size: 12px;}
.navbar-brand{ top:0; padding:5px; position:relative; box-shadow:none;}
.navbar-dark .navbar-brand img{ max-height:50px;}
.mega-dropdown-menu{ padding:4px;}
.carousel-caption { padding:20px 10px; bottom:0px;  }
.carousel-caption h3 { font-size: 14px; padding: 0px 30px;}
.carousel-caption h1 { font-size: 16px; padding: 4px 35px;} 
.carousel-caption h2 { font-size: 17px; padding: 0px 30px 0px; position: relative; height: 20px;overflow: hidden; line-height: 14px; margin-bottom: 0; width: 100%; height: 100%; line-height: normal;} 
.carousel-caption h2 small{ font-size:14px; padding-right:2px;}
.sticky{ padding-top:0px;}
.sticky.navbar-dark .navbar-nav .nav-link{padding: 10px 35px;}
.sticky .navbar-brand{ position:relative; padding:5px;}
.sticky .navbar-brand img{ max-height:50px;}
.carousel-caption-img {top: 40%;}
.carousel-caption-img .cardelay-img {width: 40%;}
.navbar-dark .navbar-nav .nav-link{font-size: 13px;}
.carousel-caption{top: 30%;}
.navbar-collapse{left: -5px; top: 78%;}
.wel-cnt .wltr h1 b{ font-size: 24px;}
.my-video-dimensions {height: 200px;}
.video-js .vjs-big-play-button{width: 100px; height: 100px; font-size: 50px !important;}
.video-js .vjs-big-play-button .vjs-icon-placeholder::before{top: 0px !important;}
.brd-main .brd-tite h2{font-size: 18px;}
.brd-main .brd-tite h2 b{font-size: 24px;}
.why-tqms-main .why-rht h2{font-size: 48px;}
.why-tqms-main .why-rht p{ font-size: 16px;}
.feat-main .feat-sub1 h3{ font-size: 30px;}
.Prjt-main .Prjt-sub{grid-template-columns: repeat(2, 1fr);}
.prtfio-box {display: flex; flex-wrap: wrap;}
.prtfio-box .prtfio-rht {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.prtfio-box .prtfio-lft {width: 100%; text-align: center; display: flex; justify-content: center;}
.prtfio-box .prtfio-rht b{ width: 100%; text-align: center; margin-top: 10px;}
.cont-info{flex-wrap: wrap;}
.footr-link ul li{width: 100%;}
.footr-link ul li a::before{left: 8px; display: none;}
.why-tqms-main .why-lft span video{height: 340px;}
.feedback-sub {padding: 0px 5px;}
.banner-bg2 .carousel-caption {top: 60px;}
.banner-bg2 .cardelay-img img {width: 20%;}
.banner-bg2 .carousel-caption h1{padding: 10px 0px 0px 10px;}
.footr-link ul li{ text-align: center;}
.image-outer .overlay-link .icon {top: 25%;}
.inr-feat-cont{grid-template-columns: repeat(1, 1fr);}
.bck-btn{right: 50px;}
.inr-tsmls-main .inr-tsmls-box span{left: 40%; top: -10%;}
.cont-flex .bus-text .cnt-det .cnt-logo{ width: 100%;}
.cont-flex .bus-text .cnt-det .cnt-logo img{ margin: 0;}
.cont-flex .bus-text .cnt-det .cnt-add{width: 100%;}
.contact-form .cont-frm-main .form-group{width: 100%;}
.inr-proj-cont{grid-template-columns: repeat(1, 1fr);}
.banner-bg .carousel-item::before {height: 200px;}
.banner-bg2 .carousel-caption2{ display: none;} 
.inr-tsmls-main h4 {margin-bottom: 50px;}
.pry-logo{ display: flex;}
.sec-logo{ display: none;}
.sticky .pry-logo{ display: none;}
.sticky .sec-logo{ display: flex;}
.inr-tqms-lft::before {left: 15%;}
.inr-fedbck-main .inr-fedbck-video span{ display: flex; background: none; min-height: 200px;}
.inr-fedbck-main .inr-fedbck-video span video{ object-fit: contain; width: auto; height: auto; padding: 0; margin: 0 auto; border: 10px solid #111; border-radius: 10px;}
.inr-fedbck-main .inr-fedbck-sub h1{font-size: 30px;}
.inr-fedbck-main .inr-fedbck-video{margin: 0px 0px 20px;}
.banner-bg2 .breadcrumb_bg {bottom: 5px;}
.banner-bg2 .breadcrumb_part .breadcrumb{ padding: 0px 15px; font-size: 10px;}
.feedback-main .feedback-rht{padding: 0px 15px;}
.banner-bg2 .carousel-caption2 h1{ font-size: 24px;}
.fet-dls-prt1{ flex-wrap: wrap; padding-top: 20px;}
.dls-pt1-lft{width: 100%; padding-bottom: 20px;}
.dls-pt1-rht{width: 100%; background: #fff;}
.dls-pt1-rht span {height: 276px; margin: 0; padding: 15px;}
.dls-pt1-rht p{ padding: 15px;}
.fet-dls-prt2 p{ margin-bottom: 0;}
.fet-dls-bg::before{width: 95%;}
.fet-dls-frm .cont-frm{width: 100%;}
.fet-frm-bg{padding: 0px 10px;}
.Prjt-main .owl-controls .owl-buttons .owl-prev{top: -16%;}
.Prjt-main .owl-controls .owl-buttons .owl-next{top: -16%;}
.vjs-big-play-button .vjs-icon-placeholder::after{width: 30%; height: 30%; top: 20px;}
.video-js .vjs-big-play-button{top: 60%;}
.inr-proj-main .inr-proj-box{ min-height: auto; height: 220px;}
.inr-proj-main .inr-proj-box a img{ object-fit: cover;}
.proj-dts-rht .bck-btn{ right: 30px;}
.ft-copyright .cprt-lft{padding: 0px 10px;}
.why-tqms-main .why-rht{padding: 0px 10px;}
.proj-scrol .proj-box{ height: 245px;}
.proj-scrol .proj-box a img{object-fit: cover;}
.inr-proj-main{ margin-top: 0px;}
.inr-proj-main h4{padding: 0px 10px 10px;}
.fet-dls-btm p{padding: 0px 15px;}
.hme-frm-min{padding: 30px 10px;}
.footr-main {padding: 20px 15px;}
.fet-dls-frm{padding: 0px 10px 30px;}
.Prjt-main {padding: 5px 0px 5px;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 414px) 
 {
  .banner-bg2 .breadcrumb_bg{ opacity: 1; bottom: 2px;}
  .inr-tsmls-main .inr-tsmls-box span{left: 35%;} 
 }
/* Error Page */
.max-cntr-page{ /* background:rgba(255,255,255,0.3); */  padding:20px 20px; max-width:1100px; text-align: center; border-radius: 5px; margin:2% auto;}	
.max-cntr-page img{ background-color:#fff; padding:10px; border-radius:3px;}
.max-cntr-page h1{ font-size:28px; font-weight:500; color:#444; margin:15px 0px 10px;}
.max-cntr-page small{ color:#666; font-size:15px; letter-spacing:1px;}
.max-cntr-page span{ display:block; margin-top:20px; margin-bottom:0px;}
.max-cntr-page span img{ max-width:550px; border-radius:3px;}
.mange-team-main h1{font-size: 24px;}
.mange-team-main .mange-team-sub .team-membr .team-membr-img span {width: 60%;}

/* // Error Page */

/* Animation */
@keyframes slideOutLeft { 
 0% { -webkit-transform: translateX(0); transform: translateX(0); } 
 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 
 }

@-webkit-keyframes fadeIn { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }

@keyframes fadeIn { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }

@keyframes fadeInUp { 
 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 
 100% { opacity: 1; -webkit-transform: none; transform: none; } 
 }

@keyframes zoomIn { 
 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 
 50% { opacity: 1; } 
 }

@-webkit-keyframes bounceInRight { 0%,
 60%,
 75%,
 90%,
 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 
 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 
 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 
 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 
 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 
 100% { -webkit-transform: none; transform: none; } 
 }

@keyframes bounceInRight { 0%,
 60%,
 75%,
 90%,
 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 
 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 
 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 
 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 
 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 
 100% { -webkit-transform: none; transform: none; } 
 }

@-webkit-keyframes zoomInRight { 
 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 
 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } 
 }

@keyframes zoomInRight { 
 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 
 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } 
 }

@-webkit-keyframes lightSpeedIn { 
 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 
 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 
 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 
 100% { -webkit-transform: none; transform: none; opacity: 1; } 
 }

@keyframes lightSpeedIn { 
 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 
 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 
 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 
 100% { -webkit-transform: none; transform: none; opacity: 1; } 
 }

@-webkit-keyframes fadeInLeftBig { 
 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 
 100% { opacity: 1; -webkit-transform: none; transform: none; } 
 }

@keyframes fadeInLeftBig { 
 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 
 100% { opacity: 1; -webkit-transform: none; transform: none; } 
 }

 @keyframes hbeat {
  0% { transform: scale( .75 ); }
  25% { transform: scale( .75 ); }
  50% { transform: scale( 1.25 ); }
  75% { transform: scale( .75 ); }
  100% { transform: scale( .75 ); }
}