@import url(effect.css);

/* Fonts */
@import url('https://use.fontawesome.com/releases/v5.14.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;600;700&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Archivo', sans-serif; font-weight:normal; padding:0; color:#111; font-weight:300; padding-right:0!important; overflow-x:hidden; background:#fff; position:relative;
font-size:17px;
line-height:1.5;
min-height:100%;
}
body:before{position:absolute; left:0; right:0; height:1px; background:var(--lightblue); content:''; display:block; z-index:-1;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}

:root{--blue:#235ba8; --lightblue:#0d9ddb; --darkblue:#0029b8; --green:#a4cd3a; --gray:#dad9d6;}

img{border:0;}
a{color:var(--lightblue); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--blue);}


h1, h2, h3, h4, h5{margin:0 0 15px; padding:0;}

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}


.container-fluid{ max-width:1500px;}

.landingArea{ position:relative; display:block; overflow:hidden; height:100vh; text-align:center; background:#222;}
.landingArea:after{display:block; overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0; content:''; animation: blinker 5s linear infinite; background:#222 url('../images/blackcircle.png') no-repeat center right -30% fixed; background-size:cover;}
.landingArea > img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5; max-width:100%;}
@keyframes blinker {
  50% { opacity: 0.2;}
}


.scroll-downs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 10vh;
  left: 0;
  margin: auto;
  width :28px;
  height: 25px;
  z-index:5; cursor:pointer;
}

.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid var(--gray);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--lightblue);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


#myHeader{position:absolute; left:0; right:0; top:0; padding:10px 0;margin-top:0.5px; z-index:999;}
#myHeader:before{position:absolute; left:0; right:0; top:0; bottom:-100px; content:''; display:block; background: rgb(35,91,168);
background: linear-gradient(180deg, rgba(35,91,168,0.9) 0%, rgba(35,91,168,0) 100%);}
.menuArea{position:relative; z-index:100; width:100%; float:left;top: -1px;}



.livebtn{background:#ed2624; border-radius:3px;}
.livebtn a{ border:none!important;}
.livebtn:hover a{border-color:transparent!important;}


.sticky {
position: fixed!important; margin-top:0!important;
top: 0; bottom:auto!important;
width: 100%; z-index:999;
background:#fff; border-bottom:4px var(--blue) solid;
}
.sticky#myHeader:before{display:none;}
.logo img{height:100px;transition:.5s ease-in-out; filter: brightness(0) invert(1);}
.sticky .logo img{ height:60px; filter: brightness(1) invert(0);}

.sub-menu-toggle{display: none!important;}

.bannerArea{ position:relative; z-index:5; clear:both; display:block; overflow:hidden;}
.bannerArea:before{position:absolute; content:''; display:block; background:rgba(0,0,0,0.2); top:0; bottom:0; left:0; right:0; display:block; z-index:2;}
.bannerArea img{width:100%;}
.bannerArea .carousel-indicators{ bottom:30px;}
.bannerArea .carousel-indicators li{width:12px; height:12px; background:#fff; margin:5px; opacity:1; border:none; border-radius:50%; cursor:pointer;}
.bannerArea .carousel-indicators li.active{background:var(--blue);}

.sliderConten{ position:absolute; color:#fff; z-index:99; top:50%; right:5%; width:45%;  transform:translate(0%,-50%); font-size:16px; text-align:right;}
.sliderConten h2{ color:#fff; text-transform:uppercase; font-size:28px; font-weight:400; line-height:1.4; margin-bottom:40px; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);}
.sliderConten a{ padding:15px 40px; text-transform:uppercase; border-radius:30px; color:#fff; border:2px #fff solid; font-weight:700;}
.sliderConten a:hover{background:var(--dark); color:#fff;}





section{ position:relative; width:100%; float:left; padding:50px 0 0;}
section h2{text-transform:uppercase; font-size:40px; font-weight:400; line-height:1;}
section h2 > strong{ display:block; clear:both; font-weight:500; display:block; overflow:hidden;}
section h2 > strong img{position:relative; left:0; top:0;}

.welcomeArea{padding:60px 0;}
.welcomeArea [class^="col-"]:first-child{text-align:center;}
.welcomeArea [class^="col-"]:first-child img{ height:100px; margin-bottom:15px;}
.welcomeArea h2{text-transform:uppercase; margin-right:10px; font-size:28px; font-weight:700; letter-spacing:1px; line-height:1.5;}
.welcomeArea p{line-height:1.6; color:#222; margin-bottom:25px;}
.welcomeArea p:first-child::first-letter{color:var(--blue); font-family: 'Playfair Display'; float: left; font-size:100px; line-height:0.9; margin-right:10px;}
.welcomeArea a, .serviceArea a, .ledListing [class^="col-"] > a{ display:inline-block; color:#fff; text-transform:uppercase; font-size:12px; font-weight:600; padding:12px 30px;background:var(--blue);}
.welcomeArea a:hover, .serviceArea a:hover{background:var(--lightblue);}

#awardsSlies{margin-top:30px; text-align:center;}
#awardsSlies .carousel-item{position:relative;}
#awardsSlies .carousel-item img{opacity:1; max-width:100%;}
#awardsSlies .carousel-item div{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:80%;}
#awardsSlies .carousel-item div strong{display:block; overflow:hidden; clear:both; padding-top:5px;}



.flip{transform: scaleX(-1);}


.ledListing{padding:80px 0; display:block; overflow:hidden; position:relative; clear:both; text-align:center; background:#fff;}
.ledListing:before{position:absolute; content:''; display:block; width:300px; background:url('../images/redcircle.png') center left fixed no-repeat; background-size:cover; top:0; bottom:0;}
.ledListing #owl-demo:before{position:absolute; content:''; display:block; top:-40px; left:-30px; background:transparent url('../images/dots.png') no-repeat top left; width:81px; height:87px;}
.ledListing h2{font-weight:700; position:relative; z-index:5; font-size:48px; /*text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);*/ margin-bottom:50px;}
.ledListing h2 img{filter:  brightness(1) invert(0);}
.ledListing h3{ font-weight:400; font-size:26px; padding:0 0 5px; color:var(--blue);}
.ledListing p{margin-bottom:30px;}
.ledListing h4{ font-weight:400; font-size:16px; text-transform:uppercase; padding:10px 0; background:var(--lightblue); color:#fff;}

.ledListing .item a{ display:block; overflow:hidden; background:#fff;}
.ledListing .item a img{width:100%;border: 2px var(--lightblue) solid;}


.serviceArea{text-align:center; padding:60px 0; background:#eee;}
.serviceArea small{text-transform:uppercase; color:var(--blue); font-size:16px;}
.serviceArea h2{ font-weight:700; text-transform:uppercase; font-size:26px; padding:10px 0;}
.serviceArea p{line-height:1.4; font-size:18px;}


.directionBg{ position:relative; display:block; overflow:hidden; clear:both;color:#fff; text-align:center; background:#000 url('../images/directionbg.jpg') no-repeat center center fixed; padding:80px 0 60px;}
/*.directionBg:before, .directionBg:after{position:absolute; left:0; right:0; top:0; background:transparent url('../images/reelrepeatebg.png') repeat-x top; height:27px; content:''; display:block;}*/
.directionBg:after{transform: scaleY(-1); top:auto; bottom:0;}
.directionBg h2{font-weight:700; position:relative; z-index:5; font-size:48px; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);}
.directionBg h2 strong{-webkit-text-fill-color: transparent; -webkit-text-stroke: 1px;}
.directionBg [class^="col-"]{margin-bottom:20px;}
.directionBg [class^="col-"] a h3, .droneArea a{ background:var(--blue); padding:8px; font-size:16px; color:#fff;}
.directionBg [class^="col-"] a:hover h3, .droneArea a:hover{ background:var(--lightblue);}
.directionBg [class^="col-"] a img{width:100%; display:block; transition:all .5s ease-in-out;}
.directionBg [class^="col-"] a:hover img{transform: scaleX(-1);}


.droneArea{padding:20px 0; display:block; overflow:hidden; position:relative;}
.droneArea:before{position:absolute; left:0; right:0; top:15%;bottom:18%; content:''; display:block; background:#fff url('../images/agribanner.jpg') no-repeat center center fixed; background-size:cover; z-index:-1;}
.droneArea:after{position:absolute; left:0; right:30%; top:15%;bottom:18%; content:''; display:block;  background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); z-index:1; }
.droneArea > img{ float:right; position:relative; right:-10%; z-index:5;}
.droneArea > div > div{position:relative; z-index:10; padding:80px 0; margin:70px 0 0; width:48%; color:#fff;}
.droneArea h3{font-weight:700; position:relative; z-index:5; font-size:60px; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75); text-transform:uppercase;}
.droneArea p{line-height:1.4; font-weight:300; margin-bottom:30px; width:100%;}
.droneArea a{padding:10px 15px; font-size:16px; color:#fff; font-weight:500;}


.video-box{position:relative; display:block; overflow:hidden; margin:0 auto; width:100%; max-width:800px;}
.video-box:before{position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:rgba(0,0,0,0.4); content:''; display:block;}
.video-box > img{width:100%;}
.video-box > a{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); margin:auto; z-index:100; color:#fff; text-align:center; text-transform:uppercase;}
.video-box > a span{background:var(--blue); color:#fff; width:100px; height:100px; text-align:center; display:block; border-radius:50%; margin-bottom:20px; z-index:1;}
.video-box > a span i{font-size:60px; line-height:100px; margin-left:10px;}

.video-box > a span:before{
content:''; top:35.5%; left:49%; transform: translate(-50%,-50%); position:absolute; background:var(--blue); width:100px; height:100px; display:block; border-radius:50%; animation: pulse-border 1500ms ease-out infinite; z-index:-1;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-box + a{display:block; padding:20px 65px; color:#c42e34; text-transform:uppercase;}
.video-box + a img{ position:relative; top:-2px; margin-right:5px;}





.latestEvents{ display:block; overflow:hidden; padding:80px 0; clear:both; position:relative;}
.latestEvents:before{content:''; display:block; position:absolute; top:45%; width:25%; height:75px; background:transparent url('../images/orangeDotted.png') repeat;}
.eventLeargBox{ position:relative; z-index:10; margin-top:40px; display:block; overflow:hidden; background:#fff;}
.eventLeargBox > div{ position:absolute; left:0; right:0; text-align:center; padding:15px; bottom:30%; color:#fff;}
.eventLeargBox > div h4{font-weight:300; text-transform:uppercase; letter-spacing:2px;}
.eventLeargBox > div a{color:#fff; font-size:11px; text-transform:uppercase; padding:5px 12px 2px; border-radius:15px; display:inline-block; margin-bottom:5px; font-weight:600;
 background:var(--lightblue);}
.eventLeargBox:hover > div{ display:none;}
.eventListingArea{ display:block; background:#fff; position:relative; padding:35px 0 10px 25px;}
.eventListingArea:before{position:absolute; right:-25px; left:0; top:0; bottom:0; content:''; display:block; background:#fff; z-index:1; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);}
.eventListingArea:after{position:absolute; left:80%; right:-55px; top:-30px; bottom:50%; content:''; display:block; background:var(--blue);}
.eventListingArea h2{ position:relative; z-index:8; font-size:22px; font-weight:600; text-transform:uppercase; margin-left:10px;}
.eventListingArea .row{z-index: 5;position: relative;}
.eventListingArea .owl-carousel{z-index:20;}
.eventListingArea .item img, #popupEvents .item img{}
.eventListingArea .item > div, #popupEvents .item > div{ font-size:13px;}
.eventListingArea .item h3, #popupEvents .item h3{ font-size:16px; margin-bottom:10px;}
.eventListingArea .item > div p, #popupEvents .item > div p{padding-bottom:5px; position:relative;}
.eventListingArea .item > div a, #popupEvents .item > div a{color:#fff; font-size:11px; text-transform:uppercase; padding:4px 10px 2px; border-radius:15px; display:inline-block; margin-bottom:5px; font-weight:600;
 background: var(--lightblue);}
.ticketbtn{background:#ed2224!important; margin-left:0px;}
.ticketbtn:hover{background:var(--gray)!important; margin-left:0px;}

.eventListingArea .owl-theme .owl-controls{top:-60px; right:25px; width:10px;}
.eventListingArea .owl-theme .owl-controls .owl-buttons div, .eventListingArea .owl-theme .owl-controls .owl-buttons div:last-child{ width:12px; height:18px; background-size:100% 100%;}


.videoResponsive{width:100%; height:307px;}





.showsContact{display:block; overflow:hidden; padding:0px 0 100px; position:relative;}
/*.showsContact:before{position:absolute; content:''; display:block; top:0; bottom:0%; right:0; width:21.8%; opacity:1; background:transparent url('../images/woodring.png') left top no-repeat;}*/
.showsContact h2{ color:#222; font-size:36px; margin-bottom:50px;}
.showsContact h2 img{}
.showsContact h3{ font-size:20px; font-weight:600; margin-bottom:12px;}
.showsContact p{font-size:17px; line-height:1.5; margin-bottom:0;}
.showsContact [class^="col-"]{position:relative; margin-bottom:30px;}
.showsContact [class^="col-"]:before{position:absolute; left:15px; right:15px; top:0; bottom:0; background:#fff; content:''; display:block;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.showsContact [class^="col-"] > div{position:relative; z-index:2; padding:20px 10px;}
.showsContact [class^="col-"] > div i{display:inline-block; margin-bottom:20px; width:100px; height:100px; border-radius:50%; font-size:42px; background:var(--blue); color:#fff; line-height:100px; text-align:center; transition:all .2s ease-in-out;}
.showsContact [class^="col-"] > div:hover i{background:var(--lightblue);transform: scaleX(-1);}



.footer{width:100%; float:left; display:block; clear:both; background:var(--blue); padding:80px 0 10px; color:#fff;}
.footer h4{margin-bottom:15px; display:block; overflow:hidden; color:#fff; font-weight:700; font-size:17px;}
.footer .yellowArea{background:var(--gray); padding:25px 30px; line-height:1; display:block;color:#fff; font-size:18px; font-weight:600; position:relative; top:-120px; margin-bottom:-80px;}
.footer .yellowArea h4{margin-bottom:0; font-size:24px; color:#fff;}
.footer .yellowArea input{width:65%; border:none; padding:5px 10px; font-weight:300;}
.footer .yellowArea button{width:35%; background:#000; border:none; color:#fff; padding:9px 10px; text-transform:uppercase; font-size:14px;}


/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
	width:150px; border:4px #fff solid;
}


/* Container DIV */
.simply-scroll { 
	width: 100%;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 150px;
	margin:5px;
}

.footer .row img{filter:  brightness(0) invert(1);}
.footer p{line-height:1.3; margin-bottom:10px;}
.footer a{display:block; overflow:hidden; margin-bottom:7px; color:#fff;}
.footer a i{color:var(--lightblue); width:26px; text-align:center;}
.footer .social-icons ul{list-style-type:none; margin:0; padding:0;}
.footer .social-icons ul li{display:inline-block; margin:0 2px;}
.footer .social-icons ul li a{color:#fff; text-align:center; border:2px var(--lightblue) solid; font-size:16px; width:33px; height:33px; line-height:33px; display:block;}
.footer .social-icons ul li a:hover{background:var(--lightblue);}
.footer .social-icons ul li a:hover i{color:#fff!important;}
.footer .border-bottom img{height:80px;}

.footer .border-bottom{border-bottom:2px var(--lightblue) dotted!important; margin-bottom:25px; padding-bottom:25px;}

#scroll-icon{position:fixed; bottom:10px; right:10px; z-index:1500; width:30px; height:30px; text-align:center; color:#fff; font-size:20px; line-height:30px; border-radius:50%; background:var(--lightblue);}



.innerBannerArea{display:block; overflow:hidden; min-height:350px; padding:300px 0 50px; color:#fff; background:#666; background-position:center center; background-repeat:repeat; background-size:cover; background-blend-mode: multiply;}
.innerBannerArea > div{z-index:5;position:relative;}
.innerBannerArea > div ul{list-style-type:none; margin:0; padding:0; font-size:12px;}
.innerBannerArea > div ul li{display:inline-block; margin:0; margin-right:5px; padding:0;}
.innerBannerArea > div ul li a{color:#fff;text-transform:uppercase;}
.innerBannerArea > div ul li a:hover{color:var(--lightblue);}
.innerBannerArea > div ul li a:after{content:'/'; margin-left:10px;}
.innerBannerArea > div ul li:last-child a:after{display:none;}


.innerArea{display:block; overflow:hidden; padding:60px 0 80px;}
.innerArea p{text-align:justify;}
.innerArea h2{font-size:26px; margin-bottom:25px; color:#888; font-weight:700; text-align:left;}
.innerProductList h4{ font-size:15px;  text-transform:uppercase; font-weight:300;}
.innerProductList a{display:block; overflow:hidden; border:1px #ddd solid; margin-bottom:30px;}

.productDetails h2{color:var(--blue); margin-bottom:20px;}
.productDetails .carousel-inner{border:1px #ddd solid;}
.productDetails .carousel-inner .textarea{  display:block; margin-bottom: 20px; opacity: 0; animation: scrollContentUp 1s linear 0.3s 1 normal forwards; position: relative }
.productDetails .carousel-inner .textarea strong{ padding:10px; color: #fff;background:#343a40;   }
.productDetails .carousel-inner .textarea span{ padding:10px; color: #fff; background:#235ba8; font-weight: 500; }

.productDetails .carousel-control-next, .productDetails .carousel-control-prev{width:7%!important;}
.productDetails .carousel-inner h3{color:#235ba8; font-size:24px; margin-bottom:10px; font-weight:700;}
.productDetails .carousel-inner p{font-weight:600; background:var(--lightblue); color:#fff; padding:8px 15px; line-height:1; display:inline-block; margin-bottom:20px; border-radius:5px;}
.productDetails .carousel-inner span{display:block; overflow:hidden; clear:both; font-size:16px; width:400px; max-width:100%;}
.productDetails .carousel-inner [class^="col-"] > div{ display:block;}


.innerArea table{font-size:14px;}
.innerArea table th{background:var(--blue); color:#fff; font-weight:600;}
.innerArea table th, .innerArea table td{vertical-align:middle; padding:7px 12px;}

.specificationTable table tr > th{font-weight: 600; background: var(--blue)!important; color: #fff!important;}
.specificationTable table tr > td:first-child{min-width: 25%;}

.innerArea .table th:first-child{white-space: nowrap; position: sticky; left: 0; border-right:2px #ddd solid;}
.innerArea .table tr:nth-child(even) th{background:#1a4f97;}
.innerArea .table tr:nth-child(even) td{background:#ececec;}

.table .bg-dark{ font-size: 18px; font-weight: 400;}
.table .bg-dark i.fa-rupee-sign{ font-size:14px!important; font-weight:600;}

.btnArea{display:block; overflow:hidden; clear:both; margin-top:30px;}
.btnArea a{display:inline-block;padding:14px 15px 10px; background:var(--lightblue); color:#fff; text-transform:uppercase; font-weight:600; font-size:14px; line-height:1; border-radius:3px; margin-right:5px;}
.btnArea a:hover{background:var(--blue);}

@keyframes scrollContentUp {
  0% { opacity: 0; bottom:-50px;}
  100% {opacity: 1; bottom:20px;}
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
  max-width: 100%!important;
}

.innerBannerArea .text-center a{display:inline-block; padding:8px 20px; border:2px #fff solid; color:#fff; text-transform:uppercase; font-size:14px; border-radius:20px;}
.innerBannerArea .text-center a:hover{color:var(--blue); background:#fff;}
.careerArea > div h2{ text-align:center;}

.careerBoxes{padding:30px 0;}
.careerBoxes [class^="col-"]{ background-color:#444; background-size:cover; background-position:center center; background-blend-mode:overlay; color:#fff; min-height:450px; transform: scale(1); z-index:1; transition:all .2s ease-in-out; cursor:pointer; position:relative;}
.careerBoxes [class^="col-"] > div{display:block; overflow:hidden; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);width: 85%;}
.careerBoxes [class^="col-"] > div h2{color:#fff; font-weight:300; text-transform:uppercase; font-size:36px;}
.careerBoxes [class^="col-"] > div p{font-size:14px!important; line-height:1.4; text-align:center; display:none;}
.careerBoxes [class^="col-"] span{position:absolute; right:20px; top:20px; border:1px #fff solid!important;; display:block; padding:3px 10px; display:none; color:#fff!important; background:#fff;}
.careerBoxes [class^="col-"] span:hover{background:#fff!important;; color:var(--blue)!important;;}
.careerBoxes [class^="col-"].active{transform: scale(1.1); z-index: 100;}
.careerBoxes [class^="col-"].active p, .careerBoxes [class^="col-"].active span{ display:block;}

.knowTeam a{display:inline-block; padding:8px 20px; border:2px var(--blue) solid; color:var(--blue); text-transform:uppercase; font-size:14px; border-radius:20px;}
.knowTeam a:hover{background:var(--blue); color:#fff;}


.company-profile .wp-block-column.is-layout-flow{padding:20px; background:var(--blue); color:#fff!important;}
.company-profile .wp-block-column.is-layout-flow:nth-child(2){background:var(--lightblue);}
.company-profile .innerArea p:first-child{padding:20px; background:var(--gray);}

.vision-and-mission .wp-block-columns.is-layout-flex{padding:20px; background:var(--blue); color:#fff;}
.vision-and-mission .wp-block-columns.is-layout-flex:last-child{background:var(--lightblue);}
.vision-and-mission .innerArea h2{font-size:42px;}

.key-members .innerArea .wp-block-columns.is-layout-flex{background: var(--lightblue); padding: 20px; color: #fff;}
.key-members .innerArea .wp-block-image.size-full{margin-bottom:0!important;}

.mds-desk .innerArea img{border:10px var(--blue) solid;}

.waste-management .innerArea .wp-block-columns.is-layout-flex.{margin-top:30px!important;}
.waste-management .innerArea .wp-block-column.is-layout-flow{padding:20px; background:var(--blue); color:#fff;}
.waste-management .innerArea .wp-block-column.is-layout-flow p{margin-bottom:0!important;}

.agri-drone .innerArea{ background:url("http://niladribanerjee.website/simoco/wp-content/uploads/2023/07/drone-art-1.png") no-repeat left bottom; background-size:50%;}
.agri-drone .innerArea .wp-block-columns.is-layout-flex.wp-container-6{position:relative; color:#fff; padding:40px 0 25px; margin-top:30px;}
.agri-drone .innerArea .wp-block-columns.is-layout-flex.wp-container-6:before{position:absolute;left:-100%; right:-100%; top:0; bottom:0px; content:''; display:block; background:#444 url('../images/agribanner.jpg') no-repeat center center fixed; z-index:1; background-blend-mode:overlay;}
.agri-drone .innerArea .wp-block-columns.is-layout-flex.wp-container-6 p{position:relative; z-index:2;}

.dynamicSlider .row{background:var(--lightblue);}
.dynamicSlider .row [class^="col-"] > div{padding:30px; display:block; overflow:hidden; color:#fff;font-size:15px;}
.dynamicSlider .row [class^="col-"] > div h3{font-size:24px;}
.dynamicSlider .row [class^="col-"] > div p{margin-bottom:0!important;}
.dynamicSlider .carousel-control-prev, .dynamicSlider .carousel-control-next{display:none;}
.dynamicSlider .carousel-control-prev, .dynamicSlider .carousel-control-next{background:#fff; color:#222; width:40px; opacity:1; height:40px; line-height:40px; border-radius:50%; top:100px;}
.dynamicSlider .carousel-control-prev{left:10px;}
.dynamicSlider .carousel-control-next{right:10px;}

.borderImage{position:relative; overflow:hidden; border-radius:15px; padding:10px; background:#fff;}
.borderImage:hover{background:var(--blue);}
.borderImage > img{border-radius:12px;}
.borderImage:before{position:absolute; left:2px; right:2px; top:2px; bottom:2px; border-radius:15px; content:''; display:block; border:2px var(--blue) dotted; z-index:5;}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (min-width: 1400px){
}


@media (max-width: 1024px){

}

@media (max-width: 991px){
.sticky{
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.09);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.09);
}
.sticky .headerTop{display:none;}

section.welcomeArea::before{display:none;}
.ledListing{padding:30px 20px 50px;}
.ledListing:before{left:-50%; width:auto; right:0; top:0px; opacity:0.4;}
.ledListing h2{color:#fff;}

.thumbbox{padding:15px 15px 0;}
.thumbbox::before{left:0; top:0;}

.videoSection{padding-bottom:50px;}
.videoSection::before{top:60%;}
.videoSection h2{text-align:left; font-size:16px!important;}
.videoSection iframe {height:250px;}
.videoThumb > div{bottom:5px;}
.videoThumb > a{font-size:40px; top:40%;}
.videoThumb > div h5{font-size:15px; margin-bottom:0;}


.latestStories{padding-bottom:0;}
.latestStories .row > [class^="col-"]{margin-bottom:50px;}
.latestStories .row > [class^="col-"]:first-child > div:before{bottom:-30px; right:55%;}
.latestStories .row > [class^="col-"]:first-child > div:after{bottom:-30px; right:55%; height:30px;}

.latestEvents{padding-bottom:40px;}
.leargeArea{padding:0 18px;}
.leargeArea h2{text-align:left;}
.eventLeargBox{margin-top:0;}
.eventListingArea::after{left:50%;}

.showsContact{padding-bottom:80px;}
.showsContact:before{ width:80%;}

.genreThemeImage{display:none;}

.footer{text-align:center;}
.footer [class^="col-"]{padding-top:10px; padding-bottom:10px;}

.droneArea{padding:40px 20px 0;}
.droneArea > img{right:auto; margin-bottom:25px; width:100%;}
.droneArea > div > div{width:100%; text-align:center;}
.droneArea:before{top:0;}
.droneArea:after{right:0%;background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);}

.productDetails [class^="col-"]:first-child{margin-bottom:40px;}
.innerBannerArea{display:block; overflow:hidden; min-height:auto; padding:150px 0 30px;}
.innerBannerArea h1{font-size:28px;}

.productDetails .carousel-inner [class^="col-"] > div{ padding:0 15px 15px; text-align:center;}
.productDetails .carousel-inner [class^="col-"] > div strong{display:block; overflow:hidden;}
	.productDetails	.btnArea{margin-top:0;}
}

@media (max-width: 767px){
.menuArea [class^="col-"]:nth-child(2) a img{width:100px;}
.menuArea [class^="col-"]:nth-child(2) a:before{left:100px;}
.headerTop form.searchForm input{width:100%;}

.logo img{height:60px;}

.bannerArea{top:0; margin-bottom:0;}
.bannerArea .carousel-indicators{ bottom:0px;}
.sliderConten{ position:relative; right:auto; top:auto; transform:translate(0%,0%); text-align:center; padding:30px; width:100%; background:var(--lightblue);}
.sliderConten h2{font-size:30px;}
.sliderConten a{ padding:10px 30px; text-transform:uppercase; background:var(--light); border-radius:30px; color:var(--dark); border:2px var(--dark) solid;}

.welcomeArea h2 {text-align: center;}

.videoResponsive{height:250px;}



h2{text-align:center; font-size:24px!important; line-height:1.2!important;}
h2 img{ display:none;}

.directionBg{padding:40px 0;}
.directionBg h2{font-size:40px!important;}


.yellowArea .flex-fill{ font-size:16px; margin-bottom:10px;}

.scroll-downs {bottom:20vh;}

.latestNewslisting > div [class^="col-"] > div{padding:15px;}
.latestNewslisting > div [class^="col-"] > div h2{text-align:left;}

.eventFullDetails > [class^="col-"] > div >  ul li{width:100%; margin:5px 0}

.popUPBox{overflow-x:auto;}
.popUpArea{width:90%; margin-bottom:25px;}
.popUpArea [class^="col-"]{margin-bottom:10px;}
.popUpArea h2{font-size:18px!important; text-align:left;}

/*.innerArea .table th:first-child{position: static; border:none;}*/

.dynamicSlider .carousel-control-prev, .dynamicSlider .carousel-control-next{display:block;}
.dynamicSlider .carousel-indicators{display:none;}
}

@media (max-width: 500px){
.landingArea > img{max-width:70%;}
}

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


@media screen and (max-width: 1920px) and (min-width: 1240px){
}