@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align:top}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}



body {line-height: 1;}




body {
  font-family: 'Outfit', sans-serif;
}


ol, ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}




.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}



.clear:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}



* html .clear {height:1%;}


body {  font-size:13pt; line-height:1.3; color:#000; font-weight:normal  }

a {color:#a94442; text-decoration:none;}


a:hover {opacity: 0.8; transition: 0.5s;color: #a94442 ;text-decoration: none !important;}

.col4flex {display: flex;justify-content: space-between;align-items:start;flex-wrap: wrap;}


.col2flex {display: flex;justify-content: space-between;align-items: start;padding: 20px 0;}
.col50 {width: 45%;}
.col40 {width: 40%;}
.col60 {width: 55%;}


h1 { font-size: 48pt;}
h2 {font-weight: 300;font-size: 34px; font-style:normal; }

h3::before{   background: #F23827; width: 40px;}

h3 {font-weight: 400;font-size: 24px; color: #333; line-height: 1.5em; }



h4 {font-weight: 300;font-style: normal;color:white;font-size: 22px;}



h5 {color: #333; margin: 0 0 30px 0; padding-bottom:30px; font-size: 21px;font-weight: 400;line-height: 1.4; ; border-bottom:1px solid #ccc}


h6 {font-weight: 300;font-style: normal;font-size: 14px; }


p {margin-bottom:20px;  }


body:not(.front) #container {
  width: 80%;
  margin: 0 auto; }/* Center the container*/



 body:not(.front) #content_top {
  margin-top: 0px; }/* Center the container*/ 

#content_top {margin-top: 50px;} 

.video {height:auto;width: 110px;}

.video video{mix-blend-mode: hard-light !important;}

#pop2 h2 { font-size:20px; text-align:center; text-transform: uppercase; color:#336633; line-height:1}



.inner {background-color: #E7E5E3;box-sizing: border-box;padding: 50px 0px;text-align: center;height: auto;}
.inner  h2{font-size: 34px;font-weight: 300;font-style: normal;}
.inner  .wrapper {width: 65vw;margin: 50px auto 0;}
.inner  .content{text-align: center;transition: 0.9s all;}

.inner  .single-item { float: left;position: relative; overflow: hidden;max-width: 40%;cursor: pointer;}
.inner  .single-item .fa{width: 250px;margin-bottom: -4px;font-size: 60pt;height: auto;padding: 100px 0px;color: #061b36;background-color: #fff;}
.inner .single-item .content {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;color: #fff;transform: translateY(100px);text-align: center;}
.inner  .single-item .content h2{padding-top: 40%;font-size: 25px;-webkit-text-stroke: 1px #061b36;color: transparent;}
.inner  .single-item .content h2 a{color: #061b36;}
.inner .single-item:hover .content {transform: translateY(0);}

.inner  .single-item:hover .fa{-webkit-filter: blur(10px);filter: blur(10px);}



.page-node-44 .inner h3 {text-align: center;}
.page-node-44 .inner h2 {text-align: left;margin: 20px 0;}

.page-node-44 .inner .half-underline::after {height: 4px;}

.page-node-44 .inner ul li{list-style: disc;color: #1E2E5F;font-size: 24px;line-height: 32px;}
 


.page-node-81 .col {display: flex;justify-content: space-around;align-items: flex-start;}







.pop-up-div{display:none;padding:20px;position:absolute;top:100px;z-index:99999;margin:0 auto; border:5px solid #96215e; width:500px; background-color:#fff; min-height:300px }



.pop-up-div >divbg{padding:5px;}



#bg{ display:none; position: absolute;top:0%;left: 0%;width: 100%; height:100%; background-color: #777; z-index:1001; -moz-opacity: 0.8; opacity:.90; filter: alpha(opacity=50); overflow:visible}

#header { width:100%; min-height:70px; padding: 0px; z-index: 990;  background: #FFF; border-bottom: 1px solid #e6e6e6;   }
#header .blockview{ max-width:90%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 18px; }
#header .logo{width:67%; height:50px;  float: left; padding: 10px 0px;  }
#header .logo img{ height:48px;width: auto;}

#header .col{ margin: 20px 0px; width: 8%; text-align: center; font-size: 14px;}
#header .col a{ color: #00Bfff;  padding: 0.5px 0.5px; border: none;}
#header .col a:hover{opacity: 1;box-shadow: 0 0 0 4px #fff,0 0 0 6px #00Bfff; color: #222;}

.cols-3 h6{text-align: center;font-size: 12pt;font-weight: 400;}
.cols-3 .views-row {display: flex;justify-content: space-between;flex-wrap: wrap;}
.cols-3 .views-row .views-col{width: 24% !important;text-align: left;text-align: center;margin: 1%;}

.views-field-field-member-logo-img {min-height: 200px;padding: 10px 5px;}
.views-field-field-member-logo-img img {width: 250px;height: auto;}


table {border-collapse:collapse;border-spacing:0;width: 100%; }



.btn { background-color:#a94442; border:1px solid #ffffff; color:#ffffff; font-weight:700; font-size:14pt; line-height:1; text-align:center; border-radius:4px; padding:15px 20px; display:inline-block; text-decoration:none; cursor:pointer; margin: 25px 0;}
.btn:hover { background-color:#8c3836; border-color:#8c3836; color:#ffffff; }




tbody{ border:none}

th{background-color:#eee; font-weight:bold}

th, tr, td {vertical-align:middle;}

.sticky-header th, .sticky-table th {border-bottom: 3px solid #ccc;padding-right: 1em;text-align: left;}

table {border:none }

tr.odd{background-color:#fff;  }

tr.even{background-color:#eee; }

th {padding: 3px 4px; border-right: 1px solid #c8c7c7;color:#333;}

td {text-align:left;padding:4px; vertical-align:top}

code {background: #d8d8d8;text-shadow: 1px 1px #fff;border: 1px solid #bbbbbb;display: block;padding: 7px;margin: 5px 0;border-radius: 7px;}

del {text-decoration: line-through;}

hr {border:none;border-top:#EEE 1px solid;}

dt {font-weight:bold;margin-bottom:24px;}

dd {margin-left:30px;margin-bottom:24px;}

ul ul {list-style-type:square;margin-bottom:0; list-style:#000000}

ul ul ul {list-style-type:circle;}

ol {list-style-type:decimal;margin-left:30px;margin-bottom:24px;}

ol ol {list-style: upper-alpha;margin-bottom:0}

ol ol ol {list-style: lower-roman;}

ol ol ol ol {list-style: lower-alpha;}

abbr,acronym {border-bottom:#999 1px dotted;cursor:help;}

big {font-size:1.3em;}

cite,em {font-style:italic;}

ins {background-color:#fdfc9b;text-decoration:none;}

hblockquote, q {quotes:none;border: 1px solid #bbbbbb;background: #d8d8d8 url(images/quote.png) no-repeat;padding: 10px 5px 5px 47px;text-shadow: 1px 1px #fff;margin: 5px 0;border-radius: 7px;}

blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}

strong {font-weight:bold;}

sup,sub {height:0;line-height:1;vertical-align:baseline;position:relative;font-size:10px;}


sup {bottom:1ex;}

sub {top:.5ex;}

video {display:block; vertical-align: top;}



audio {max-width:100%;}


.lar{

    font-family: 'Line Awesome Free';

    font-weight: 400;

}

.cols-2 .views-row .views-col{width: 45% !important;}

.cols-2 .views-row {display: flex;justify-content: space-between;flex-wrap: wrap;float: none;}


#block-zwt-marquee{ padding-bottom: 75px;}

#block-zwt-marquee >div{ width: 100%;}

#block-zwt-marquee h2 {text-align: center;padding-bottom: 30px; font-size: 22px; font-weight: bold;}

#block-zwt-marquee .logoMarqueeSection { max-width:3350px;overflow:hidden ;
  margin: 0 auto;
  
}

#block-zwt-marquee .logoMarqueeSection .container {
 width: 100%;
}



#block-zwt-marquee .default-content-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    width: 100%;
    min-height: 100vh;
}

div.marquee>a>img {
  height: 55px
}




#block-zwt-marquee .logoMarqueeSection>div>div {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
}

#block-zwt-marquee .marquee-wrapper {
  display:  inline-block;
  white-space: nowrap;
}

#block-zwt-marquee .marquee {
    display:  inline-block;
    white-space: nowrap;
    position: relative;
    transform: translate3d(0%, 0, 0);
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

#block-zwt-marquee .marquee a {
    display:  inline-block;
    white-space: nowrap;
    padding-right: 5.4rem;
}

#block-zwt-marquee .marquee-wrapper:hover .marquee {
    animation-play-state: paused !important;
}

@keyframes marquee {
    0% {
        transform: translate3d(0%, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}








#block-zwt-services {width:100%;background-color: #f4f7ff; text-align: center;}
#block-zwt-services >div{width: 90%; padding: 25px 0px; margin: 0 auto;}
#block-zwt-services >div h2{ font-size: 30px; font-weight: bold; margin-bottom: 20px;}


#block-zwt-solutions { width:100%; color: #061b36;}
#block-zwt-solutions  >div  { max-width:1124px; margin: 0 auto;  font-size:11pt;text-align: center;padding:15px 0px;}

#block-zwt-solutions h2{padding-bottom: 25px; }
#block-zwt-solutions .col4{ min-height:175px;}
.col4text {font-size: 14px;text-align: center;width: 60%;margin: 0 auto;}
#block-zwt-solutions h3{font-size: 14pt;}
#block-zwt-solutions .coltext{display: flex;justify-content: center;flex-wrap: wrap;}
#block-zwt-solutions >div .col4 img{height: 100px;}
#block-zwt-solutions >div .col4 .fa{font-size: 50px;}

#block-zwt-solutions >div .col4 .col{ width:20%; text-align:center; font-weight:400; font: size 12px; position:relative; min-height:280px;padding: 1.5%; margin: 1%; background-color:#061b36; color: #fff;}
#block-zwt-solutions >div .col4 .col:hover{ }
#block-zwt-solutions >div .col4 .col:hover .fa{color: #f1f1f1;}
#block-zwt-solutions >div .col h2{min-height:50px; padding-top:20px;font-size: 14pt;  font-weight: bold;}


#block-zwt-usp { width:100%;  font-size:11pt;text-align: center;background-color: #ffffff;padding: 50px 0px;}
#block-zwt-usp >div { max-width: 1124px; margin: 0 auto;}

#block-zwt-usp .col4{ min-height:175px;}
#block-zwt-usp .coltext{display: flex;justify-content: center;flex-wrap: wrap;}
#block-zwt-usp >div  .col4 img{height: 100px;}
#block-zwt-usp >div  .col4 .fa{font-size: 50px;color:#00BFFF  ;}

#block-zwt-usp >div  .col4 .col{ width:20%; text-align:center; font-weight:400; font: size 12px; position:relative; min-height:280px;padding: 1.5%; margin: 1%;}
#block-zwt-usp >div  .col4 .col:hover{background-color:#00BFFF;color: #f1f1f1;transition: 0.9s;cursor: pointer;}
#block-zwt-usp >div  .col4 .col:hover .fa{color: #f1f1f1;}
#block-zwt-usp >div  .col h2{min-height:50px; padding-top:20px;font-size: 14pt;  font-weight: bold;}




#block-zwt-footer{ font-size: 11pt; padding: 50px 0px; color: #fff;max-width: 100%; background-color: #01235b; padding:20px 0  }
#block-zwt-footer .fa{color: #f1f1f1;border-radius: 50%;padding: 15px;border: 2px solid #f1f1f1;}

#block-zwt-footer >div {display: flex; justify-content: space-between;color: #fff; max-width: 90%; margin: 0 auto;flex-wrap: wrap;}
#block-zwt-footer >div .column { width: 30%;}
#block-zwt-footer >div .column img{
    width: 85%;
}


#block-zwt-footer >div .column .row { border-bottom: 1px solid #777; margin-bottom: 15px; padding-bottom: 5px; width: 85%;margin-right: 0;margin-left: 0;}
#block-zwt-footer .row .fa { border: none; padding: 0px;  }
.fot1{ margin: 15px 0;    padding-top: 20px;   font-size: 30px;}
.fot2{    font-size: 30px;    padding-bottom: 20px;}
.gap{    margin-top: 40px;}

     

/* Default (desktop – optional) */
#block-zwt-footer >div .column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}







#block-zwt-footer >div .column ul li.leaf { list-style-type: none; list-style-image: none;  }       
#block-zwt-footer >div .column ul li a{color: #f1f1f1;}
#block-zwt-footer >div .column ul li a:hover{color: #fff;padding: 10px;transition: 0.7s;}


label.testb {display: none;}

#block-zwt-webform {padding: 10px 0;}
#block-zwt-webform input, #block-zwt-webform textarea {width: 100%;
    padding: 5px;
    background: transparent;
    border-radius: 0px;
    border: 1px solid #fff;margin-bottom: 5px;
    color: #fff;
}
#block-zwt-webform input[type="text"]:focus {
    outline: none;
    box-shadow: none;background:transparent;
    border:1px solid #fff;}

#block-zwt-webform input[type="text"]:focus:hover {
    outline: none;
    box-shadow: none;
    border:1px solid #00BFFF;
    border-radius:0;
}    
input::placeholder {
    color: #fff;
  }

textarea::placeholder {
    color: #fff;
  }


#block-zwt-webform .form-submit{
    width: 40%;
    border: none;
    border-radius: 15px;
    background-color: #00BFFF;
    color: #01235b;
    box-shadow: none;
    text-shadow: none;
}

#block-zwt-webform .form-submit:hover{
    background-color: white;
    text-decoration: none;
}



#block-zwt-rightlink .rightlink { position:fixed; width: 45px; right:0; top:45%; z-index:9999; text-align:center; }
#block-zwt-rightlink .rightlink .icons1{ clear: both;  }
#block-zwt-rightlink .rightlink .icons2{ clear: both; }
#block-zwt-rightlink .rightlink .icons3{ clear: both; }
#block-zwt-rightlink .rightlink a{color: #fff; }

.con{
    text-align: center;
    background-color: #f4f7ff;
    margin-top: 25px;
}
.con h2{
    margin-bottom: 16px;
}




.page-node-3 { width:100%; text-align:left; margin:0 auto }
.page-node-3 .doc {margin-bottom: 50px;width: 90%;margin: 0 auto;}
.page-node-3 .col1{margin-bottom: 50px;}
.page-node-3 .meet {display: flex;justify-content: space-between;align-items: start;padding: 50px 0;}
.page-node-3 .meettxt {width: 65%;text-align: justify !important;}
.page-node-3 .meetpic {width: 20%;}
.page-node-3 .meet img {width: 240px;height: 300px;}
.page-node-3 .meet h3 {font-size: 20px;line-height: 1.2;font-weight: 500;color: #454545;}
.page-node-3 .meet h4 {font-size: 18px;line-height: 1.5;font-weight: 500;color: #565758;margin-bottom: 25px;}
.page-node-3 .meet p{font-size: 18px;line-height: 1.5;font-weight: 300;color: #565758;margin-bottom:0;text-align: justify;}
.page-node-3 button {color: #a94442;background-color: transparent;background-image:none !important;border: none;font-size: 18px;padding: 0;}



.blogs {overflow: hidden;      
  position: relative;   }

.blogs a {color: #454545;}

.blogs h3 {min-height: 70px;font-size: 20px;font-weight: 700;color: #454545;font-family: DM Serif Display;}

.blogs h4 {font-size: 18px;font-weight: 300;color: #565758;}

.blogs h5 {margin-top: 25px;}


.blogs .img-fluid {
  transition: transform 0.7s ease;
  display: block;
  width: 100%;
  height: auto;
}

.blogs .img-fluid:hover {
  transform: scale(1.045);
}



.services {overflow: hidden;      
  position: relative;   }

.services a {color: #454545;}

.services h3 {min-height: 70px;font-size: 20px;font-weight: 700;color: #454545;font-family: DM Serif Display;}

.services h4 {font-size: 18px;font-weight: 300;color: #565758;}

.services h5 {margin-top: 25px;}


.services .img-fluid {
  transition: transform 0.7s ease;
  display: block;
  width: 100%;
  height: auto;
}

.services .img-fluid:hover {
  transform: scale(1.045);
}








.pagemember h2 {text-align: center;font-size: 40pt;font-weight: 500;color: #454545;line-height: 1.2;margin-bottom: 40px;}

.pagemember h5 {text-align: center;font-size: 18px;font-weight: 300;color: #757677;line-height: 1.2;margin-bottom: 40px;}

.orgstory {width: 70%;margin: 0 auto;}
.orgstory img {border-radius: 10px;}

.body {width: 90%;margin: 25px auto;}
.body ul li {list-style: disc;background: none;padding-left: 0;}
.body p {font-size: 18px;color: #3C3A3A;font-weight: 300;text-align: left;}


.navbar{ margin-bottom: 0px; }

.navbar-we-mega-menu { }

#headerbottom li{padding: 0px;margin: 0;display: inline-block;text-align: center;font-weight: normal;max-width: 1174px;}

.navbar-we-mega-menu {background-color: #fff; !important}

.we-mega-menu-ul>.we-mega-menu-li>a{background-color: #fff;font-weight:700;font-size:10pt}

.we-mega-menu-ul>.we-mega-menu-li.active-trail>a{color: #565758;background-color: #fff;}

.we-mega-menu-ul{justify-content: center;}

#main-menu li > a.active {color: #000;}



 .we-mega-menu-ul .dropdown-menu>a:before{margin-right: -12px ;}

.we-mega-menu-ul>.we-mega-menu-li>a, #headerbottom .we-mega-menu-submenu a{ color: #061b36;text-align: center;}

.we-mega-menu-ul>.we-mega-menu-li>a:hover{color: #00BFFF; background-color:#e9eefe;}


.we-mega-menu-ul > .we-mega-menu-li.active > a:hover{ color: #061b36;}


.we-mega-menu-ul > .we-mega-menu-li{ border-left: none;}


.we-mega-menu-submenu li.we-mega-menu-li a {font-size: 10pt !important;color:  #061b36 !important;}

.we-mega-menu-submenu li.we-mega-menu-li a:hover{color: #00BFFF !important; background-color:#e9eefe;}
 

#headerbottom .we-mega-menu-ul > .we-mega-menu-li ul li{display: block;}

#headerbottom .we-mega-menu-ul > ul{padding: 0;margin: 0;}

#headerbottom .we-mega-menu-submenu{padding: 0;margin: 0;}

.path-frontpage .we-mega-menu-ul>.we-mega-menu-li.hindi{display: block;}

.we-mega-menu-ul>.we-mega-menu-li.hindi{display: none;}

.path-frontpage .we-mega-menu-ul>.we-mega-menu-li.english{display: block;}

.we-mega-menu-ul>.we-mega-menu-li.english{display: none;}


.we-mega-menu-submenu>.we-mega-menu-submenu-inner {min-height: 7.25rem !important;}



#linktop { float:right; width:50%; text-align:right; margin-top:5px;}


.path-organisation .views-field-title{background-color: rgba(141, 191, 65, 0.1);padding: 10px 5px;text-align: left;margin-bottom: 10px;}
.path-organisation .cols-4 .views-col{width: 20% !important;margin: 2%;}

.path-organisation .views-exposed-form {margin-bottom: 50px;background-color: rgba(141, 191, 65, 0.1);box-shadow: 0px 1px 4px 4px #ccc;display: flex;padding: 15px 20px;}

.path-organisation .form-item select{border: 1px solid #8dbf41;border-radius: 5px;padding: 5px 10px;width: 150px !important;}
.path-organisation label {color: #8dbf41;font-size: 14pt;}
.path-organisation .form-actions{margin-left: 10px;}
#edit-submit-organisation {padding: 0 5px ;background-color:  rgba(141, 191, 65, 0.1);color:#777;border-radius: 2px;}
.path-organisation .js-form-item {display: flex;flex-direction: column;}
#linktop a.button{ border-radius:10px;  padding:5px 15px ; background-color:#96215e; color:#fff; font-weight:600; }



.publication{ width:200px; max-height:290px; border: 3px solid #8dbf41; text-align:center; margin:0 auto;  position: relative;}

.publication:hover{  }

.hovercontent{ position:absolute; top:0px; left:0px; right:0; width:190px; height:196px; padding-top:10px; display:none; z-index:99; font-size:10pt;  font-family:'Montserrat';}

.publication:hover .hovercontent{opacity: 0.8; background: #8dbf41 none repeat scroll 0 0; width:200px; max-height:290px; display:block;   transition:0.7s;    }

#block-views-publication-block .hovercontent a{ }

.hovercontent img{ width:100px; height:auto;}





#hcoll .coll{ float:right; width:100% }



.drop-down-toggle {position:absolute;top:7px;right:16px;display:none;width:20px;height:20px;border-radius:15px;background:#333;background:-moz-linear-gradient(#333,#444);background:-webkit-linear-gradient(#333,#444);background:-o-linear-gradient(#333,#444);background:-ms-linear-gradient(#333,#444);background:linear-gradient(#333,#444);border:#aaa 3px solid;}

.drop-down-arrow {display:block;width:0;height:0;margin:8px 0 0 5px;border-top:5px solid #aaa;border-left:transparent 5px solid;border-right:transparent 5px solid;}














.flexc{ display:flex; flex-direction: row; justify-content:space-between; align-items: center;}





 ul li{margin-top: 5px;padding-left: 0px;text-align: left;}



#slider { max-width: 90%; margin:0 auto; padding: 20px 0px;}
#slider a:active {outline:none;}
.slides, .flex-control-nav {margin:0;padding:0;list-style:none; }
.slides {max-width: 100%; overflow:hidden; margin: 0 auto;}
#slider .slides > li {display:none;position:relative;margin:0; padding:0; min-height: 45vh;}
#slider .slides li:first-child {display:list-item;}

#slider .slide-image {width:auto; height: 100%; text-align: center; }


.flex-control-nav {max-width:100%; padding:16px; left:0; right:0; margin:0 auto; position:relative; text-align:center; font-size: 2px; }
.flex-control-nav li {display:inline-block;margin:0 0 0 15px; 
    /** Added by ibou65 to fix vertical display of slides link on IE7, line 603 **/}
.flex-control-nav li:first-child {margin:0;}
.flex-control-nav li a {display:block;width:15px;height:15px;cursor:pointer;background:#e9e9e9;color:#e9e9e9;line-height:20px; border-radius: 15px; margin:2px}
.flex-control-nav li a.active,.flex-control-nav li a:hover {background:#ccc; color:#ccc}


#slider .slidercol{ display: flex; justify-content:space-between;flex-wrap: wrap;}
#slider .slidercol .col{ width: 45%;}
#slider .slidercol .col .colimginfo{padding: 20px 0px;}
#slider .slidercol .col h1{ padding-top: 20px; font-size: 35pt; line-height: 1.1; font-weight: bold;}

#slider .slidercol .col a{position: relative;padding: 10px 15px;color: #061b36;text-transform: uppercase;text-decoration: none;font-size: 14pt;box-sizing: border-box;border: 2px solid #00BFFF;transition: 0.5s;}
#slider .slidercol .col a::before{position: absolute;content: '';top: 0;left: 0;width: 55%;height: 100%;z-index: -1;transform: scaleX(0);transition: transform 0.5s;transform-origin: left;}
#slider .slidercol .col a:hover::before{transform: scaleX(1);transform-origin: right;transition: 0.5s;}
#slider .slidercol .col a::after{position: absolute;content: '';top: 0;right: 0;width: 55%;height: 100%;z-index: -1;transform: scaleX(0);transition: transform 0.5s;transform-origin: right;}
#slider .slidercol .col a:hover::after{transform: scaleX(1);transform-origin: left;transition: 0.5s;}
#slider .slidercol .col a:hover{color: #aaabac;padding: 10px;opacity: 1;}



#slider2 { width:100%; margin:0 auto; text-align:center;  }
#slider2 a:active {outline:none;}
.slides, .flex-control-nav {margin:0;padding:0;list-style:none;}
#slider2 .slides {width:100%;overflow:hidden;}
#slider2 .slides > li {display:none;position:relative;margin:0; padding:0}
#slider2 .slides li:first-child {display:list-item;}

#slider2 .slide-image {width:100%; height:85vh;}

#slider .slides li {
    position: absolute; /* stack slides on top of each other */
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out; /* smooth fade */
    display: flex; /* keep your flex layout */
}

#slider .slides li.active {
    opacity: 1;
    z-index: 1; /* make sure the active slide is on top */
}
#slider {
    position: relative;
    overflow: hidden;
    height: 400px; /* adjust height as needed */
}

/* Dots pagination */
.slider-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10;
}

.slider-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e9e9e9;
    cursor: pointer;
    transition: background 0.3s;
}

.slider-dots li.active,
.slider-dots li:hover {
    background: #00BFFF;
}

#container .block{margin: 0;  }



#block-zwt-primary-local-tasks ul li{ display: inline-block; margin-right: 20px;}





#block-system-main .block{margin: 0; border-bottom:none ; padding: 0 }


>div-sidebar-wrap {width:100%; float:left}







.block { width: 100%;}

.block >div{margin:0px auto; max-width: 100% }

.block > h2{ color:#96215e; font-size:16pt; text-transform:uppercase; max-width:1170px; margin:0 auto; line-height:1; padding-bottom:20px; letter-spacing:0px  }



#headerbottom .block >div{margin:0px auto;}

#sidebar-first {float: left;}







#sidebar-first img{ padding:5px; border:1px solid #f1f1f1}







#sidebar-second {float: right; font-size:11pt; margin-top:25px;}







#sidebar-first a , #sidebar-second a{ color:#96215e}







#sidebar-first ul, #sidebar-second  ul  { margin:0; text-transform:uppercase}







#sidebar-first >div ul li{ list-style-type:none; list-style:none; border-bottom:1px solid #f1f1f1; margin:10px 0px; padding-left:0; }







#sidebar-second >div ul li{ list-style-type:none; list-style:none; margin:5px 0px; padding:5px 0;}







#sidebar-second >div ul li.views-row-last{ border-bottom:none}







#sidebar-second .block > h2{ font-weight:600}







#content_bottom .content { max-width:1170px; margin:0 auto}



body.two-sidebars >div-sidebar-wrap {width:75%;}







body.two-sidebars #content {width:82%; float:right}

body.two-sidebars #sidebar-first {width:15%; }


body.two-sidebars #sidebar-second {width: 23%;}



body.sidebar-first >div-sidebar-wrap {width:70%; margin:0 15%; }


body.sidebar-first #content {width: 55%; float:right; margin-left:5%}



body.sidebar-first #sidebar-first {width:30%; background-color:#728294; color:#fff; padding:100px 5%;  }


body.sidebar-second >div-sidebar-wrap {width:70%;}


body.sidebar-second #content {width: 100%;}







body.sidebar-second #sidebar-second {width:25%;}


#post-content {padding: 0;}


.breadcrumb {margin:0 20px;padding-top:20px;margin-bottom:10px;border-bottom:#eee 1px solid;}

.node {margin:10px 0; padding:10px 0; border:none;}


.node h2.title,  .page-title {font-size:25pt; line-height:1.5; text-transform:uppercase; color:#061b36; padding:10px 0; }

#sidebar-first .block > h2,#sidebar-second .block > h2,#head .block > h2,#foot .block > h2 { padding-bottom:0px; font-size:24px}

#sidebar-second .block, #sidebar-first .block{ margin-bottom:25px}

#footer-area .block > h2 {color:#ddd;}


#footer-area ul.menu li a.active{color:#ddd;}

.submitted {background: #dfdddd;padding: 4px 9px;border-radius: 4px;color: #383838;text-shadow: 1px 1px #fff;clear: both;display: block;margin-bottom: 2px;}

.links {color: #000;margin-top: 10px;font-size: 18pt;}


ul.links {margin:0;}

.links li {position: relative;overflow: hidden; margin-left: 20px;border: 1px solid #000;}
.links li a {color: #fff;padding: 5px 10px;border-radius: 4px;background-color: #759840;}
.links li a:hover {background-color: #759840;color: #fff !important;}
.links li::after {
  content: '';
  position: absolute;
  top: 0; left: -75%;
  width: 50%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent);
  transform: skewX(-20deg);
  transition: all 0.5s;
}

.links li:hover::after {
  left: 130%;
}


table.cke_editor {background: transparent;border: 0;}

table.cke_editor td {background: transparent;padding: 0;border: 0;}


.poll .vote-form .choices .title {font-size: 14px;font-weight: normal;line-height: 2;}

.poll .vote-form .choices {margin: 0;}

.form-submit{cursor: pointer;margin:0px;}


input.form-checkbox, input.form-radio {vertical-align:middle}

.form-text {padding:8px 5px;}


.form-control {width: 45% !important;}


input[type="submit"]:hover{background-image: none !important;}


.item-list ul {margin: 0;padding:0; }


.item-list ul li {margin: 5px 0px;padding: 5px 0px;}


ul.menu li {margin: 0;padding:0; list-style-image:none }


ul.inline {clear: both;}


ul.inline li {margin: 0;padding: 0;}



.tabs-wrapper {border-bottom: 1px solid #b7b7b7;margin: 0 0 5px 0;}

ul.primary {border: none;margin: 0;padding: 0; }

ul.primary li a {background: none;border: none;display: block;float: left;line-height: 1.5385em;margin: 0;padding: 0 1em;border-radius: 4px 4px 0 0;margin-right: 5px;}

ul.primary li a:hover, ul.primary li a.active {background: #666;border: none;color: #fff;}

ul.primary li a:hover {background: #888;text-decoration: none;}

ul.secondary {background: #666;border-bottom: none;clear: both;margin: 0;padding: 0;}


ul.secondary li {border-right: none;}


ul.secondary li a, ul.secondary li a:link {border: none;color: #ccc;display: block;float: left;line-height: 1.5385em;padding: 0 1em;}

ul.secondary li a:hover, ul.secondary li a.active {background: #888;color: #fff;text-decoration: none;}

ul.secondary a.active {border-bottom: none;}

.field-name-field-tags {margin: 0 0 10px 0;}


.field-name-field-tags a{display: inline-block;background: url(images/tag.png) no-repeat;padding: 0px 8px 0 16px;height: 22px;text-shadow: 1px 1px #fff;border-radius: 2px;font-size: 12px;}


.field-name-field-tags a:hover{}


.field-name-field-tags .field-item {margin: 0 1em 0 0;}


.field-name-field-tags div {display: inline;}







#content-container .field-label{}







#content-container .field-items .field-item{ float:left}


.profile {margin: 1.5385em 0;}

.profile dd {margin-bottom: 1.5385em;}


.profile h3 {border: none;}


.profile dt {margin-bottom: 0;}

.item-list .pager {}







.item-list .pager li {background: #cfcfcf;border-radius: 3px;margin-right: 4px;text-shadow: 1px 1px #fff;}

img { outline: 0; }







img.scale-with-grid { max-width: 100%; height: auto; }

.form-item select{ padding:8px 0; width:135px;   }

.form-item .text-full, .form-item .username, .form-item-mail .form-text{ padding:8px 0; width:450px; }


label{ font-weight:bold}

fieldset{ border:1px solid #dfdfdf; margin: 20px 0 }



label.option{ font-size:13px}


.page-user-register .tabs-wrapper { display:none}






button,input[type="submit"],input[type="reset"],input[type="button"] { padding:6px 15px;}


input[type="submit"] {background-color: #8dbf41;color: #000;margin-top: 30px;}

input[type="submit"]:hover{background-color: #759840;opacity: .8;}






#block-professional-theme-block-6 {width: 90%;margin: 0 auto;}

@media screen and (max-width: 1152px) {.wrapper {max-width:1170px;} }


@media screen and (max-width: 960px) {>div-sidebar-wrap, #content, #sidebar-first, #sidebar-second {float:none; max-width:960px;}

#container{width: 100%;}



#head, #content, #sidebar-first, #sidebar-second, #content_bottom,  #footer,  #logo {text-align:center; float:none; width:100%; clear:both }

h1 {font-size: 16pt;}


#header {display: flex;flex-direction: column-reverse;}


#slider {height:822px;}
#slider .slidercol  {flex-direction: column-reverse;height: auto !important;}

#slider .slidercol .col {width: 100%;}

#header .blockview .col3 .rowm {position: fixed;bottom: 1%;width: 90%;margin: 0 auto;}

#header .blockview .col1 {width: 90%;}



#header .blockview{justify-content: center;max-width: 100%;}
 
#header .logo {width: 100%;}

#header .col {width: 24%;}


#slider .slidercol .col .colimginfo {text-align: center;}










.col2flex {flex-wrap: wrap;flex-direction: column-reverse;}
.col50, .col40, .col60 {width: 100%;}

.col4flex{flex-wrap: wrap;}
.col4flex >div{width: 100%;margin: 10px 0;}


#block-zwt-homeslider .slide-content {position: absolute;top: 3.3%;left: 0;right: 0;transform: translate(0%, -90%);padding: 0;margin: 0;}
#block-zwt-homeslider .slide-content h2 {color: #ffffff;font-size: 20pt;}
#block-zwt-homeslider .slide-content h3 {color: #ffffff;font-size: 16pt;}

#block-zwt-homeslider .slide-img img {background-blend-mode: darken;}




 #block-zwt-footer >div .column ul {
    display: flex;
    flex-direction: column;
    align-items: center;   /* center horizontally */
    justify-content: center;
    text-align: center;
  }

 #block-zwt-footer >div .column ul li {
    margin: 10px 0;
  }

 #block-zwt-footer >div .column ul li a {
    display: block;
    text-align: center;
  }



 #block-zwt-footer >div .column h4 {padding: 10px 0;}



#block-zwt-webform input, #block-zwt-webform textarea
{width: 90% !important;margin: 0 auto;}
 

#block-zwt-webform input, #block-zwt-webform textarea{margin-bottom: 10px;}
 

.page-node-81 .col {flex-wrap: wrap;}
.page-node-81 .col .column{width: 100%;}





#block-zwt-video {min-height: 55vh;}

#block-zwt-offer {width: 100%;}


#block-zwt-services .servflex {width: 100%;}
#block-zwt-services .jbutton {width: 60%;}

#block-zwt-aboutus .aflex {flex-direction: column-reverse;}
#block-zwt-aboutus .aflexleft, .aflexright {width: 100% !important;}

#block-zwt-solutions > div .col4 .col {width: 45%;}
#block-zwt-usp > div .col4 .col{width: 45%;}


#block-zwt-footer > div .column{width: 100%;}




.navbar-we-mega-menu.navbar .we-mega-menu-ul > li > .we-megamenu-nolink, .navbar-we-mega-menu.navbar .we-mega-menu-ul > li > a {text-shadow: none;color: #a94442 !important;z-index: 9999;}
.navbar-we-mega-menu.navbar .nav-tabs .nav-tabs > li > a {color: #a94442!important;}

    .overlay{z-index: 2;}
 

.tab-container {padding: 0 !important;width: 100% !important;}
.tab {width: 32% !important;font-size: 12pt;padding: 10px !important;border: 1px solid #000 !important;}
.tabs {width: 100% !important;padding-bottom: 30px !important;}
.tab-content h1 {margin: 0 !important;}
.tab-content .typ , .tab-content li{text-align: justify;}


#block-professional-theme-block-6 {width: 90%;}
#footer >div .foot {flex-wrap: wrap;}
#footer >div .foot .row1 {text-align: center;width: 100%;padding-bottom: 15px;}
#footer .foot .row1 p {display: block;}



.page-node-3 .meet{flex-wrap: wrap;}
.page-node-3 .meetpic {width: 100%;}
.page-node-3 .meettxt {width: 100%;}
.page-node-3 .meet h4 {text-align: center;}



.cols-3 .views-row .views-col {width: 100% !important;}








.evn{text-align: center;width: 100%;margin: 0 auto;}
.evntxt{width: 90%;margin: 0 auto;}
}


@media screen and (max-width: 640px) {#site-title,#site-description {float:none;margin:0;line-height:1.62em;}


#site-title {padding-top:18px;}

#site-description {padding-bottom:18px;}

#header h1#site-title {display: block;float:none;clear: both;padding: 0px;margin: 0px;line-height: 1em;}

#header #logo {padding:0px;margin: 0px;}



#main-menu li:hover > ul,#main-menu li li:hover > ul,#main-menu li li li:hover > ul {display:none;}







.drop-down-toggle {display:block;}







#main-menu li li .drop-down-toggle {top:5px;}







#main-menu .nav-toggle {display:block;font-size:15px;font-weight:bold;line-height:40px;}







.flex-control-nav li {margin:0 0 0 10px;}







.flex-control-nav li:first-child {margin:0;}







.flex-control-nav li a {box-shadow:none;background:rgba(255, 255, 255, 0.75);}







#slider .entry-container {position:absolute;left:4%;bottom:6.3%;}







#slider .entry-header,#slider .entry-summary {margin:0;}







#slider .entry-title {margin-bottom: 0;}







#slider .entry-title a,#slider .entry-summary{display:inline-block;padding:1% 3%;background:rgba(255, 255, 255, 0.75);}







#slider .entry-summary {max-width:61.8%;display:none;}







#slider .entry-summary p {max-height:84px;overflow:hidden;display:none;}







#slider .slide-image {float:none;display:block;max-width:100%;padding:0;margin:0;box-shadow:none;}







>div-sidebar-wrap,#sidebar-first,#sidebar-second {float:none;width:auto;}







>div-sidebar-wrap #content {float: left;width:auto;}







#sidebar-first .block,#sidebar-second .block,#footer-area .column {float:none;width:auto !important;margin-left:0;}







#sidebar-first {clear:both;}







#footer-area .column {margin:10px 0;}







.copyright,.credits {float:none;text-align:left;}







@media screen and (max-width: 440px) {input.form-text, select.form-select {width: 93%;}







textarea.form-textarea {width: 100%}







}







}















/** SPECIAL CLASSES FOR OVERRIDING CORE THEMES **/







#user-login-form {color:#000;}







.marker, .form-required {color:#759840;}