/*
Theme Name: Levantare V1
Theme URI: https://www.levantare.co.in
Author: Levantare
Description: Refactored version of Levantare theme
Version: 1.0
Text Domain: levantare-v1
*/

*{ padding: 0;margin: 0;}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

.roi-logo-wrap {
    text-align: center;
    margin-top: 10px;
}

.roi-logo-wrap img {
    width: 220px;          /* adjust if needed */
    height: auto;
    display: inline-block;
    max-width: none !important;
}


body{ width:100%;   font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h5,h6{ color: #1d2331; line-height:1.4;letter-spacing:1.5px;     font-family: 'Lato', sans-serif;}
p{   text-align: left;  color: #596175;font-size: 17px;line-height: 1.6; }
a{text-decoration:none; color: #596175;    }
.clear_all{clear:both;}
button:focus, input:focus, textarea:focus,a:focus {outline: 0;}
/*cursor*/ 

/*header*/
.header{width:100%;position:absolute;top:0px;left:0px;z-index:1234;padding:5px 0px;  }
.sticky-header.sticky { background: #068dcd;color:#fff;  position: fixed; top:0px; left: 0;  width: 100%; height:auto;z-index: 9999;}
.sticky {animation-name: fadeInDown;animation-iteration-count: 1;animation-fill-mode: both;animation-timing-function: linear;animation-delay: 0s;animation-duration: .7s;}
.test .sticky {padding-top:450px;}

.mlogos{}
.mlogos img{width:100%;height:auto;max-width: 200px;}
/*main_menu*/ 
.main_menu{width:100%;font-family: 'Lato', sans-serif;  }
.main_menu #nav {width: 100%; padding-top:5px; }
.main_menu #nav > a {display: none;}
.main_menu #nav li {position: relative;}
.main_menu #nav li a {color: #fff;display: block;}
.main_menu #nav > ul {margin: 0px 0px; text-align: right;padding:3px 20px;border-top:0px solid #F5F5F6;
list-style: none; }
.main_menu #nav > ul > li {display:inline-block;padding:1px 15px;position:relative;}
.main_menu #nav > ul > li:last-child  {background: #23BF44;padding:8px 15px;border-radius:5px;transition:.3s;}
.main_menu #nav > ul > li:last-child  a{color:#fff;}
.main_menu #nav > ul > li:last-child:hover{background:#000;}
.main_menu #nav > ul > li:last-child:hover a{color:#fff;}
.main_menu #nav > ul > li:last-child{ }
.main_menu #nav > ul > li > a {text-decoration:none;font-size: 16px;font-weight:400;color:#fff;position:relative; }
.main_menu #nav > ul > li:not( :last-child ) > a {/*border-right: 1px solid #cc470d;*/}
.sub-menu{position:relative;}
.main_menu #nav > ul > li:hover > a  {color: #ccc;  
}
/*.main_menu ul li ul:before { content: ''; height: 0; left: 10px; position: absolute; top: -10px; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; }*/
/* second level */
.main_menu #nav li ul {background-color: #fff;  box-shadow: 0 5px 20px 0 rgb(0 0 0 / 25%); transition:.3s;transition: 0.2s 1s;
display: none;position: absolute;  z-index: 12;width: 250px; padding: 10px 10px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%); border-radius: 4px;}
.main_menu #nav li:hover ul {display: block; animation-name: fadeInUp;transition-delay: 0s;animation-duration: .4s; }
li#nav li ul  {position:relative;}
li#nav li ul:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #000;content: '';vertical-align: middle;
display: inline-block;position: relative;right: -6px; /* 5 */}
.main_menu #nav li:not( :first-child ):hover ul {left: 0;text-align: left;}
.main_menu #nav li ul li{     list-style: none; padding: 5px;border-bottom: 0px solid #ccc;display: block;}
.main_menu #nav li ul li:last-child a{background:transparent;color:#231101; }
.main_menu #nav li ul li:last-child{ }
.main_menu #nav li ul a {text-decoration:none; font-size: 16px;font-weight:400; color: #1d2331;border-left:2px solid #fff;padding:5px;}
.main_menu #nav li ul li a{transition:.3s;}
.main_menu #nav li ul li a:hover,.main_menu #nav li ul:not( :hover ) li.active a {background-color: #fff;color:#23BF44;padding:5px;}
.main_menu #nav li ul li a:hover{background:#cfcfcf73;border-left:2px solid #23BF44;padding:5px;}
@media only screen and ( max-width: 62.5em ) /* 1000 */ {
.main_menu #nav {width: 100%;position: static;margin: 0;}}
@media only screen and ( max-width: 40em ) /* 640 */ {
.main_menu #nav {position: relative;top: auto;left: auto;}
.main_menu #nav > a {text-align: left;text-indent: -9999px;background-color: #6a7bff;position: relative;}
.main_menu #nav > a:before,.main_menu #nav > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
.main_menu #nav > a:after {top: 60%;}
.main_menu #nav:not( :target ) > a:first-of-type,.main_menu #nav:target > a:last-of-type {display: block;}
/* first level */
.main_menu #nav > ul {height: auto;display: none;position: absolute;left: 0;right: 0;}
.main_menu #nav:target > ul {display: block;}
.main_menu #nav > ul > li {width: 100%;float: none;}
.main_menu #nav > ul > li > a {height: auto;text-align: left;padding: 0 0.833em; /* 20 (24) */}
.main_menu #nav > ul > li:not( :last-child ) > a {border-right: none;border-bottom: 1px solid #cc470d;}
/* second level */
.main_menu #nav li ul {position: static;padding: 1.25em; /* 20 */padding-top: 0;}}

/*main_menu2*/
.main_menu2{display:none;padding:5px 20px;width: 100%;font-family: 'Lato', sans-serif;}
.logo2 img{width:100%;height:auto;max-width:150px;}
.logo3{padding:5px 10px;}
.logo3 img{width:100%;height:auto;max-width:200px;}
.menu-button img{width:20px;}
.swipe-nav__inner img{width:20px;}
.main_menu2 .menu-button {display: inline-block;position: absolute;z-index: 1;     top: 10px;
right: 20%;    border: 1px solid #23BF44;background: #23BF44;font-size: 1.5em;line-height: 1.5;width: auto;
text-align: center;border-radius: 0;padding: 1px 10px;}
.main_menu2 .swipe-nav { position: fixed;  z-index: 2; top: -2em; right: 0; bottom: -2em;
left: 0; visibility: hidden; transition: visibility 0.2s ease;}
.main_menu2 .swipe-nav__overlay {  cursor: default; display: block; position: absolute;  top: 0; right: 0;  bottom: 0; left: 0; transition: opacity 0.2s ease;
transform: translateZ(0);  opacity: 0; background: rgba(0, 0, 0, 0.5); will-change: opacity;}
.main_menu2 .swipe-nav__panel { position: absolute;top: 0; bottom: 0; left: 0; width: 300px;    height: 100vh; margin: 2em 0; transition: 0.2s ease-out;
transition-property: transform; transform: translate3d(-100%, 0, 0); background-color: #fff; will-change: transform; }
.main_menu2 .swipe-nav__scroller { height: 100%; overflow-y: auto; overflow-x: hidden;}
.main_menu2 .js .swipe-nav__panel:after { position: fixed; top: 0; bottom: 0; left: 100%; visibility: visible; width: 1em; content: "";}
.main_menu2 .swipe-nav__inner { position: relative; min-height: 100%; padding-bottom: 0; border-top: 0 solid #eaeaea;padding: 20px 10px;}
.main_menu2 .swipe-nav__inner .menu-button { top: -55px;
right: 20px;}
.main_menu2 .swipe-nav--open,
.main_menu2 .no-js .swipe-nav:target {visibility: visible;}
.main_menu2 .swipe-nav--open .swipe-nav__overlay,
.main_menu2 .no-js .swipe-nav:target .swipe-nav__overlay {opacity: 1;}
.main_menu2 .swipe-nav--open .swipe-nav__panel,
.main_menu2 .no-js .swipe-nav:target .swipe-nav__panel { transform: translate3d(0, 0, 0);}
.main_menu2 nav{position:relative;width:100%;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{  }
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:14px;font-size:16px; text-decoration:none;color:#1d2331;  }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#23BF44;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:transparent!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:140px;font-size:14px;text-decoration:none;color:#ddd;font-weight:400;text-transform: capitalize;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#ccc}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fff;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
@media screen and (max-width:1000px){
.main_menu2 .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.main_menu2 .logo{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%; }
#cssmenu ul li{width:100%;border-top:0px solid #00b2d6}
#cssmenu ul li:hover{background:#fff;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:20px}
#cssmenu ul ul li{background:transparent!important;}
#cssmenu ul ul li:hover{background:#fff!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#1d2331;background:none; }
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#00b2d6}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#000;font-size:12px;font-weight:700}
.main_menu2 .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.main_menu2 .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.main_menu2 .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#000;content:''}
.main_menu2 .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.main_menu2 .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:-2px;display:block;border-left:0px solid #fff;height:46px;width:46px;cursor:pointer;background:#fff; }
#cssmenu .submenu-button.submenu-opened{background:#fff}
#cssmenu ul ul .submenu-button{height:35px;width:35px;top: 1px;}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#23BF44;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#23BF44}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#23BF44;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.main_menu2 .swipe-nav--open .menu-button{background:#fff !important;border:none;}
.logo3 .m-logo { padding-left:  0px;}
.logo3{width:100%;padding:0px 10px; border-radius: 10px;text-align:left; }
.logo3 img{width:100%;max-width:200px; }
/*slider*/
.slider{width:100%;height:100vh;position:relative;  background:#068dcd;display: flex; padding-top: 0px;margin-right: auto;margin-left: auto;padding-left: 0px;
-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;
-webkit-align-items: center;-ms-flex-align: center;align-items: center;overflow:hidden;}

.circles{    position: absolute;   bottom: 0;  left: 0;   width: 100%;  height: 80%;overflow: hidden; }
.circles li{position: absolute;text-align:center;display: block;list-style: none;width: 20px;height: 20px;}
.circles li img{width:35px;opacity: .1;}
.circles li:nth-child(1){left: 0%;top:0px;width: 80px;height: 80px;animation-delay: 0s;}
.circles li:nth-child(2){top: 25%;left: 3%; width: 20px;height: 20px;animation-delay: 2s;animation-duration: 12s;}
.circles li:nth-child(3){top: 70%;left: 5%;width: 20px;height: 20px;animation-delay: 4s;}
.circles li:nth-child(4){left: 10%;bottom: 0px;width: 60px;height: 60px;animation-delay: 0s;animation-duration: 18s;}
.circles li:nth-child(5){right: 5%;top: 0px;width: 20px;height: 20px;animation-delay: 0s;}
.circles li:nth-child(6){right: 15%;top: 5%;width: 110px;height: 110px;animation-delay: 3s;}
.circles li:nth-child(7){right: 15%;top: 25%;width: 150px;height: 150px;animation-delay: 7s;}
.circles li:nth-child(8){right: 25%;top: 15%;height: 45px;animation-delay: 15s;  animation-duration: 45s;}
.circles li:nth-child(9){right: 15%;top: 35%;width: 45px;height: 45px;animation-delay: 2s;animation-duration: 35s;}
.circles li:nth-child(10){right: 15%;bottom: 5%;width: 150px;height: 150px;animation-delay: 15s;animation-duration: 23s;}
.circles li:nth-child(11){right:  5%;bottom: 25%;width: 20px;height: 20px;animation-delay: 15s;animation-duration: 12s;}
.circles li:nth-child(12){right:  75%;bottom: 25%;width: 20px;height: 20px;animation-delay: 4s;}
.circles li:nth-child(13){right:  55%;bottom:  5%;width: 60px;height: 60px;animation-delay: 0s;animation-duration: 18s;}
.circles li:nth-child(14){left:  75%;bottom: 35%;width: 20px;height: 20px;animation-delay: 0s;}
.circles li:nth-child(15){left:  45%;bottom: 15%;width: 110px;height: 110px;animation-delay: 3s;}
.circles li:nth-child(16){right:  75%;bottom: 25%;width: 150px;height: 150px;animation-delay: 7s;}
.circles li:nth-child(17){right:  45%;bottom: 25%;width: 45px;height: 45px;  animation-delay: 15s;animation-duration: 45s;}
.circles li:nth-child(18){left: 15%;width: 45px;height: 45px;animation-delay: 2s;animation-duration: 35s;}
.circles li:nth-child(19){left: 95%;width: 150px;height: 150px;animation-delay: 15s;animation-duration: 3s;}
[class^=tooltip] {
position: relative;
}
[class^=tooltip]:after { opacity: 0; visibility: hidden; position: absolute;  content: attr(data-tooltip);
padding: 6px 4px;font-size:11px;line-height:1.4;  top: 1.4em;  left: 50%;
transform: translateX(-50%) translateY(-2px); background: #097eb5;
color: white; white-space: break-spaces; z-index: 2;
border-radius: 2px; transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);}
[class^=tooltip]:hover:after { display: block; opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);}
.tooltip--left:after { top: -4px; left: 0; transform: translateX(-112%) translateY(0);}
.tooltip--left:hover:after { transform: translateX(-110%) translateY(0);}
.tooltip--right:after {top: -4px;
left: 60%; transform: translateX(12%) translateY(0);}
.tooltip--right:hover:after { transform: translateX(10%) translateY(0);}
.tooltip--triangle:before { content: "";  width: 0; height: 0; border-left: solid 5px transparent;border-right: solid 5px transparent; border-bottom: solid 5px #097eb5;opacity: 0;
visibility: hidden; position: absolute; transform: translateX(-50%) translateY(-2px);top: 1.1em;
left: 50%;transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
z-index: 3;}
.tooltip--triangle:hover:before {  display: block;  opacity: 1;  visibility: visible; transform: translateX(-50%) translateY(0);}
.follow { width: 42px;  height: 42px;  border-radius: 50px; background: #03A9F4; display: inline-block;
margin: 50px calc(50% - 19px); white-space: nowrap; padding: 13px;
box-sizing: border-box; color: #efefef; transition: all 0.2s ease;text-decoration: none;box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);}
.follow i {  margin-right: 20px; transition: margin-right 0.2s ease;  color: white;}
.follow:hover { width: 134px; transform: translateX(-50px);}
.follow:hover i { margin-right: 10px;}
/* Wave effect */
.wave-effect {position:absolute;z-index:1;left:0;right:0;bottom:0;margin:auto;height:150px;overflow:hidden;}
.waves-shape.shape-one {z-index:15;opacity:0.5;}
.waves-shape.shape-two {z-index:10;opacity:0.75;}
.waves-shape.shape-three {z-index:5;}
.wave {position:absolute;left:0;width:200%;height:100%;background-repeat:repeat no-repeat;background-position:0 bottom;transform-origin:center bottom;}
.waves-shape {position: absolute;bottom: -1px;width: 100%;height: 100%;overflow: hidden;}
.wave-one {background-image:url('../images/wave-1.png');background-size:50% 100px;}
.wave-two {background-image:url('../images/wave-2.png');background-size:50% 120px;}
.wave-anim .wave-two {-webkit-animation:move-wave 10s linear infinite;-moz-animation:move-wave 10s linear infinite;animation:move-wave 10s linear infinite;}
.wave-three {background-image:url('../images/wave-3.png');background-size:50% 100px;}
.wave-anim .wave-three {-webkit-animation:move-wave 15s linear infinite;-moz-animation:move-wave 15s linear infinite;animation:move-wave 15s linear infinite;}
@keyframes move-wave {
0% {transform:translateX(0) translateZ(0) scaleY(1);}
50% {transform:translateX(-25%) translateZ(0) scaleY(0.55);}
100% {transform:translateX(-50%) translateZ(0) scaleY(1);}
}
.sliderl h1 {color: #fff;margin-bottom:20px;font-weight: 700;line-height: 1.2;letter-spacing: 0.2px;font-size: 18px;}
.sliderl h2 span{font-weight: 700; }
.sliderl h2 {font-size: 38px;font-weight: 700;color: #fff;margin-bottom: 15px;line-height: normal;letter-spacing: -0.9px;}
.sliderl p {font-size: 18px;color: #fff;text-align: left;}
.sliderl a {text-decoration:none;border:1px solid #fff;color: #fff;padding:8px 15px;border-radius:5px;transition:.3s;display:inline-block;margin-top:25px;transition:.2s;}
.sliderl:hover a{border:1px solid #23BF44;background:#23BF44;color: #fff;}
.sliderr img{width:100%;height:auto;}
.sliderr{width:100%;position:relative;}
#canvas{position:absolute; }
.graphs  { position: absolute;   z-index: -1;
top: 50%;   right: -84px; width: 350px;}
.graphs img{width:100%;height:auto;    padding: 2px;background: #fff;box-shadow: 0 16px 32px rgb(166 188 233 / 20%);border-radius: 5px;}
.sliderr{padding-left:30px;}
.blue_ant{position:absolute;z-index:1;      top: 50%;  left: -350px;  width: 350px;}
.blue_ant img{width:100%;height:auto;    max-width: 150px;left:120px; }
.blueant2{position:absolute;z-index:1;  bottom: -90px;  right: -60px;  width: 250px;}
.blueant2 img{width:100%;height:auto; }
/*abt1*/
.abt1{width:100%;position:relative;padding:70px 0px;    overflow: hidden; }
.mabt12 {width:100%;position:relative;padding:70px 0px 10px 0px;    overflow: hidden;}
.abt1l{width:100%;position:relative;padding:0px 0px;}
.abt1l img{width:100%;height:auto;}
.image-two {top: 50%;position: absolute;right: -10px;max-width: 150px;top:25%;}
.abt1r{padding-top:0px;}	
.sec_title h2{font-size: 36px;margin-bottom: 20px;font-weight: 500;text-align:center;}	
.abt1r h2, .abt1r h1{font-size: 36px;margin-bottom: 20px;font-weight: 500;}	
.abt1r h5{font-size: 18px;color: #23BF44; line-height: 30px;margin: 0px 0px 30px 0px;}
.abt1r a {text-decoration:none;border:1px solid #23BF44;color: #23BF44;padding:8px 15px;border-radius:5px;transition:.3s;display:inline-block;margin-top:25px;transition:.2s;}
.abt1r:hover a{border:1px solid #23BF44;background:#fff;color: #23BF44;box-shadow: 0px 0px 0px 0px rgb(176 70 70 / 30%);}
.abt12{position:relative;}
.abt12:before {content: "";position: absolute;z-index: -1;width: 100%;height: 100%;bottom:0px;left:0px;background-image: url(../images/about-bg-shape.svg);
background-repeat: no-repeat;background-size: cover;}
.image-two2 {bottom: -10%;position: absolute;left:-5%; }	
.image-two2 img {max-width: 450px !important;}
.abt1r ul{margin:10px 0px;}
.abt1r ul li{position:relative;padding-left:15px;margin-bottom:10px;}
.abt1r ul li {text-align: left;  color: #596175;font-size: 16px;line-height: 30px;list-style:none; }
.abt1r ul li:after{    content: "\ec77";color: #23BF44;font-family: "Icofont";font-size:6px;left:0px;top:0px;position:absolute;}
.abt3{width:100%;position:relative;padding:70px 0px;overflow: hidden; }
.bg-angle {background:#068dcd;max-height: 700px;height: 100%;width: 100%;
position: absolute;left: 0;top: 0;z-index: -1;overflow: hidden;}
.bg-angle:after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 0;border-top: 200px solid transparent;border-left: 1900px solid #fff;
border-bottom: 0px solid transparent;}
.abt3 .abt1r h2{color:#fff;text-align:center;}
.abt3 .abt1r h5{text-align:center;color:#fff;}
.tab-pane{text-align:center;padding:30px 0px;}
.tab-pane img{width:100%;height:auto;max-width:650px;}
.abt3i{text-align:center;}
.abt3i .nav-tabs {border-bottom: 0px solid #dee2e6;}
.abt3i .nav {display: -ms-inline-flex;display: inline-flex;}
.nav-tabs .nav-link{border-radius:5px;}
.nav-tabs .nav-item {color: #fff;margin: 10px;}
.nav-tabs .nav-link{border:none;color:#fff;transition:.3s; }
.nav-tabs .nav-link.active{border:none;}
.nav-link:hover{background:#23BF44;color:#fff; }
/*solutions*/
.solutions{width:100%;position:relative;padding:90px 0px;background:#f4f6fd;}
.solutions .abt1r h2 { text-align:center;margin-bottom:45px;}
.solutionsbx{width:100%;margin-bottom:40px;background:#fff;box-shadow: 0 16px 32px rgb(166 188 233 / 20%);border-radius:5px;text-align:center;transition:.3s;}
.solutionsbxi{padding:40px 20px;}
.solutionsbx img{width:45px;border-radius:5px;padding:3px}
.solutionsbx h3{margin:10px 0px; font-size: 18px; min-height: 50px;}
.solutionsbx a{text-decoration:none;}
.solutionsbx:hover{box-shadow: 20px 26px 42px rgb(166 188 233 / 20%);background:#23BF44;}
.solutionsbx:hover img{background:#fff;border-radius:5px;padding:3px;}
.solutionsbx:hover h3{color:#fff;}
.team-shape-one {position: absolute;top: 50%;right: 0;transform: translate(0%,-50%);}
.banner-one-shape4 {position: absolute;bottom: 0;right: 0;mix-blend-mode: overlay;}
.team-shape-one img,.banner-one-shape4 img{width: auto;max-width: 100%;}
/*testi*/
.testi{width:100%;position:relative;padding: 70px 0px;    }
.testi .sec_title h2{ }
.testil img{width:100%;height:auto;}
.testimonial_content{ padding:30px;box-shadow: 20px 26px 42px rgb(166 188 233 / 20%);background:#fff;margin:10px;}
.icon-img img {width: 75px!important;}
.testimonial_content h5,.testimonial_content h6,.testimonial_content p{ }
.tstl{width:100%;}
.testi .elementor-background-overlay{height: 100%;width: 100%;top: 0;left: 0;position: absolute;background-image: url(../images/pattern.png);opacity: .3;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
.testi .owl-theme .owl-dots .owl-dot span {width:20px;height: 3px;margin:0px 5px 18px 15px;border: 1px solid #23BF44;background: #23BF44;display:inline-block;
-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius:0px;position:relative;}
.testi .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #ccc;border: 1px solid #ccc;}
.testi .owl-theme .owl-dots .owl-dot {display:inline-block;zoom: 1;}
/*blog*/
.blog{width:100%;padding:0px 0px  70px 0px;}
.blog .sectitle h2,.blog .sectitle h1, .blog .sectitle span { text-align:center;margin-bottom:30px; display: block; font-size: 36px;}
.blog .sectt{margin-bottom:50px;text-align:center;}
.blog_card{width:100%;  box-shadow: 0 4px  8px 0 rgb(0 0 0 / 12%);margin-bottom:30px;}
.blog_card_img img{width:100%;height:230px;object-fit:cover;border-radius:5px;}
.blog_details{width:100%;    padding: 20px 20px;min-height: 180px;padding-top:20px;}
.blog_details a{text-decoration:none;}
.blog_details h5{font-size: 18px;font-weight: 700;color: #000;margin-bottom: 13px;  padding-bottom:15px;}
.blog_details p {font-size: 14px;margin-bottom: 0px;line-height: 24px;text-align:left;}
.post-info-bottom {display: flex;justify-content: space-between;}
.blog_details .learn_btn_two {font-size: 13px;font-weight: 500;color: #282835;margin-top: 0;font-weight: 500;margin-top: 0;font-weight: 500;}
.post-info-bottom{width:100%;padding:20px;}
.post-info-bottom .learn_btn_two:before {-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.post-info-bottom a{text-decoration:none;color: #000;}
.post-info-bottom .learn_btn_two i {font-size: 14px;}
.post-info-bottom a:hover{color: #6a7bff;}
.post-info-bottom .learn_btn_two:hover {color: #6a7bff;}
.post-info-comments {font-size: 13px;font-weight: 500;letter-spacing: 1px;color: #282835;}
.post-info-comments i {color: #6a7bff;padding-right: 5px;}
.post-info-comments {font-size: 13px;font-weight: 500;  letter-spacing: 1px;color: #282835;    text-transform: capitalize;}
.learn_btn_two {font-size: 13px;margin-top: 0;font-weight: 500;}
.post-info-bottom span {font-size:24px;position:relative;top:4px;transition:.5s;} 
.post-info-bottom a:hover span{padding-left:5px;}
.blog_card_img{ width:100%;position: relative;}
.blog_card_img .post_date {position: absolute;left: 20px;top:10px;border-radius: 4px;background: #068dcd;box-shadow: 0 14px 30px 0 rgba(68,28,183,.25);
text-align: center;color: #000;padding: 7px 19px;z-index: 1;}
.post_date h2 {font-size: 24px;line-height:1;color: #fff;}
.post_date span {display: block;font-size: 15px;text-align: center;font-weight: 400;}
.blog_details h5:hover{color: #6a7bff;}
.blog_card a{text-decoration:none;font-size:15px;}  
.team_title{margin-bottom:60px;}
.team_title h4{color: #6a7bff;margin:0px;font-size: 14px;} 
.team_title h2{ margin:5px 0px; }
.team_title p{color: #6a7bff;font-weight: 400;font-size: 15px;} 
.blog_details p{color:#000;}
.clients1 .sectitle h2, .clients1 .sectitle h1{font-size:28px;margin-top:20px;}
.clients1 .owl-carousel .owl-item img {display: block;width: 100%;filter: grayscale(100%);}
/*footer*/
.footer{width: 100%; position: relative;padding:60px 0px;background:#12151a;  }
.footer1{width:100%;position:relative;border-right:0px solid #fff;min-height:50px; }
.border_n{border-right:0px solid #373737;}
.footer1_inn{border-bottom:1px solid #fff;margin-bottom:40px}
.footer1_c{padding-left:35px;}
.footer1_ico{position:absolute;left:0px;top:0px;}
.footer1_ico i{color:#fff;font-size:24px;}
.footer1_c h5{color:#fff;text-align:left;font-size:17px;}
.footer1_c p{color:#fff;text-align:left;font-size:14px;}
.footer1_c p a{color:#fff;}
.footer1 .top_menu_left2{padding:0px;}
.footer1 .top_menu_left2 ul li{border:1px solid #c8c8c8;}
.footer1 .top_menu_left2 ul li a{color:#c8c8c8;}
.footer_bx h3,.address_bx h3{color: #eee;font-size:18px;margin-bottom:15px;font-weight:400;}
.footer_bx p{color:#fff;font-size:12px;text-align:left;padding-right:20px;} 
.footer_bx h2{color: #fff;font-size:17px;margin:15px 0px 25px 0px;font-weight:700;}
.footer_bxn ul li{list-style:none;display:block;margin:0px 2px 4px 2px; }
.copyrights_inn{width:100%;padding:40px 0px 15px 0px;  }
.copyrights_inn p{text-align:center;margin:0px;font-size:12px;color: #fff;}
.copyrights_inn p a{text-decoration:none;color:#ccc;}
.copyrights_inn img {width: 30px;height: 30px;object-fit: contain;}
.address_bx h3{text-align:center;}
.address_bx p{color:#fff;font-size:12px;text-align:center;padding-right:20px;} 
.footer .top_menu_left2 ul li{padding:5px;}
.footer .top_menu_left2{padding:0px;}
.footer .top_menu_left2 ul li{border:1px solid #fff;background:transparent;border-radius:0px;display:inline-block;margin-right:0px;width:35px;height:35px;
line-height:22px;text-align:center;}
.footer .top_menu_left2 ul li a{color:#fff;font-size: 12px;}  
.foot-note p{color:#ccc;font-size:12px;}
.footer_bx p a{color:#fff;}
.copyrights_inn {text-align: center;padding: 29px 0;background-color: #0f1216;}
.footer_bxn ul li a{text-decoration:none;color:#fff;font-size: 12px;}
.clients1{width:100%;position: relative;padding:20px 0px;background-color: #eff6e8;
background-image: url(../images/service-bg.png);background-position: center center;background-repeat: no-repeat;background-size: cover; }
.clients1 .owl-carousel .owl-item img {display: block;width: 100%;filter: grayscale(100%);height: auto;}
.clients1 .owl-carousel .owl-item:hover img{filter: grayscale(0%);}
.client_bx {padding:10px 20px;}
.counter{width:100%;position: relative;padding:120px 0px;background: #a0d6ec;}
.counterbx{width:100%;position: relative;padding:20px;background:#068dcd;margin-bottom: 0px;  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);text-align: center; height: 250px;}
.counterbxi{background:#23BF44;padding:15px;position:absolute;top:-15px;left:-5px;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.counterbxi img{width:50px;}
.counterbx h2, .counterbx h1, .counterbx .counttitle {color:#fff;margin:65px 0px 15px 0px;font-size:20px; display: block}
.counterbx h5{color:#fff;margin: 0px;font-size:42px;}
.counterbx h5,.counterbx span{color:#fff;display:inline-block;}
.counterbx span{font-size:30px;position:relative;top:-10px;right:-10px;}
/*page_title*/
.page_title{width:100%;position: relative;padding:250px 0px;overflow:hidden;    background: #068dcd;}
.page_title::after {position: absolute;content: "";background-image: url(../images/hero_bg.png);width: 100%;height:100%;bottom: -40px;left: 0;
z-index:  1;background-repeat: no-repeat;background-size: cover;background-position: bottom;}
.page_title h2{position:absolute;left:0px;right:0px;text-align:center;  width:auto; color:#fff;  padding:10px;text-transform:capitalize; font-size: 36px;
margin-bottom: 20px;font-weight: 500; z-index:12;  } 	
.page_title #canvas {position: absolute;top: 0;}

/*main_connect*/
.main_connect{width:100%; padding: 70px 0px 0px 0px;background-image: url(../images/contact.png);background-position: bottom left;background-repeat: no-repeat;}
.main_connectbx{width:100%;margin-bottom:30px;padding:20px 20px;text-align:center;box-shadow: 0 5px 6px 1px rgb(0 0 0 / 20%);background:#fff; }
.main_connectbx55{min-height:initial;}
.main_connectbx h2 {font-size: 24px;margin-bottom: 20px;font-weight: 500;}
.main_connectbx55 h2{font-size: 18px !important;}
.main_connectbx p  i{color:#23BF44;padding-right:7px;font-size:20px;}
.main_connectbx ul{margin:10px 0px;text-align:left;}
.main_connectbx ul li{list-style:none;display:block;margin-bottom:10px;position:relative;padding-left:25px;}
.main_connectbx ul li i{color:#23BF44; position:absolute;top:2px;left:0px;font-size:20px;}
.main_connectbx p{font-size:14px;line-height:25px;}
.chennaiaddbx ul{text-align:center;margin:15px 0px;text-align:center;}
.chennaiaddbx ul li{list-style:none;display:inline-block;margin:10px;position:relative;padding-left:25px;}
.chennaiaddbx ul li p,.chennaiaddbx ul li i{display:inline-block;}
.chennaiaddbx ul li i{color:#23BF44;  font-size:27px;padding-right:10px;}
.chennaiaddbx ul li p{font-size:27px;border-bottom: 2px solid #000;}
.chennaiaddbx ul li a{text-decoration:none;}
.main_connect2{width: 100%;padding:10px 0px 10px 0px;background-image: url(../images/contact2.png);background-position: top right;background-repeat: no-repeat;}
.main_connect2 input{width:100%;background: transparent;border:none; padding:15px 10px;margin-bottom:15px;border:1px solid #ddd8d8;}
.main_connect2 select{width:100%;background: transparent;border:none; padding:15px 10px;margin-bottom:15px;border:1px solid #ddd8d8;}
.main_connect2 textarea{width:100%;height:120px;background:transparent;border:none; padding:15px 10px;margin-bottom:15px;resize:none;border:1px solid #ddd8d8;}
.contact_form_btn{text-align:center;margin-top:20px;}
.contact_form_btn input[type=submit]{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);width:auto;border-radius:5px; 
font-size: 16px;padding:8px 25px; box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);border:none; text-transform: uppercase;
position: relative;overflow: hidden; color:#fff; border:2px solid #23BF44; background: #23BF44;}
.contact_form_btn input[type=submit]:hover{color:#23BF44;background:transparent;border:2px solid #23BF44;}
.main_connect2 h2{text-transform:capitalize; font-size: 36px;text-align:center;
margin-bottom: 20px;font-weight: 500;}
.main_connectbx img{width:60px;margin:10px auto;    height: auto;}
.page_title2{width:100%;position: relative;padding:30px 0px 165px 0px;overflow:hidden;    background: #068dcd;background-image: url(../images/service_bg_3.png);}
.banner-overlay-two {position: absolute;bottom: -2px;left: 0; width: 100%;}
.banner-overlay-two img {width: 100%;}
.page_title2 #canvas {width: 100%;height:100%;position: absolute;top: 0;}
.page_title2 h2 , .page_title2 h1{position:absolute;left:0px;right:0px;top:61px;text-align:center;  width:auto; color:#fff;  padding:10px;text-transform:capitalize; font-size: 36px;
margin-bottom: 20px;font-weight: 500; z-index:1;   text-shadow: 2px 2px #0c0c0c;} 
.main_connect h2 {text-transform: capitalize;font-size: 36px;
text-align: center;margin-bottom: 40px;font-weight: 500;}
.main_connectbx h2{ text-transform: capitalize;
font-size: 26px;
text-align: center;
margin-bottom: 20px;
font-weight: 500;}
.blgpage_title2{padding:100px 0px 255px 0px;}
.blgpage_title2 h2{top:0px;}
.banner-line1-two {position: absolute;bottom:-120px;left: 0;animation: line1 3s ease-in-out infinite;-webkit-animation: line1 3s ease-in-out infinite; z-index:1;}
.banner-line1-two img {width: 100%;}
.banner-line2-two {position: absolute;left: 0;animation: line2 2s ease-in-out infinite;-webkit-animation: line2 2s ease-in-out infinite;bottom: -140px;}
.banner-line2-two img {width: 100%;}
.page_title2 .banner-line1-two{display:none;}
.page_title2 .banner-line2-two{display:none;}
@-webkit-keyframes line2 {
0% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
50% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
100% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
}
@keyframes line2 {
0% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
50% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
100% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
}
@-webkit-keyframes line1 {
0% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
50% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
100% {-webkit-transform: translateY(-10px);transform: translateY(-10px);
}
}
@keyframes line1 {
0% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
50% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
100% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
/*mwhite*/
.mwhite{width:100%; padding: 20px 0px;position:relative;overflow:hidden;}
.mwhite .blog-box-content-one{text-align:center;}
.blog-box-one {background-color: #ffffff;box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1);transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
border-radius: 10px;padding: 15px;}
.blog-box-one:hover {box-shadow: 0px 40px 70px 0px rgb(0,0,0,0.2);transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-img-one {border-radius: 10px;position: relative;overflow: hidden;}
.blog-img-one>img {width: 100%;transform: scale(1);transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;border-radius: 10px;height:200px;object-fit:cover;}
.blog-box-one:hover .blog-img-one>img {transform: scale(1.05);  transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-tag-one a {position: absolute;top: 20px;left: 20px;color: #ffffff;font-weight: 500;
background-color: #23BF44;border-radius: 4px;text-transform: uppercase;padding: 5px 15px;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-tag-one a:hover {background-color: #29278a;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-box-content-one {margin-top: 30px;}
.blog-date-author-one {display: flex;align-items: center;flex-wrap: wrap;}
.blog-date-one {display: flex;align-items: center;}
.blog-circle-one {width: 8px;height: 8px;background-color: #777777;border-radius: 100%;margin-right: 8px;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-date-one a {color: #777777;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-date-one:hover .blog-circle-one {background-color: #161616;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-date-one:hover a {color: #161616;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-author-one {display: flex;align-items: center;margin-left: 20px;}
.blog-author-one a {color: #777777;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-author-one:hover .blog-circle-one {background-color: #161616;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-author-one:hover a {color: #161616;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-box-one a .h3-title {margin-top: 10px;margin-bottom: 15px;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
font-size: 21px;margin-bottom: 20px;font-weight: 500;}
.blog-box-one a .h3-title:hover {color: #23BF44;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-box-one .btn-link-one {margin-top: 20px;}
.main-blog-two {padding-bottom: 87px;position: relative;}
.blog-title-two {text-align: center;}
.blog-title-two .subtitle {justify-content: center;}
.blog-box-two {background-color: #ffffff;box-shadow: none;border: 1px solid #e1e1e1;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
border-radius: 10px;padding: 25px;}
.blog-box-two:hover {border: 1px solid #ffffff;box-shadow: 0px 40px 70px 0px rgb(0,0,0,0.2);transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.btn-link-one {position: relative;font-size: 14px;color: #23bf44;font-weight: 500;text-transform: uppercase;text-decoration: none;
padding-bottom: 5px;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.btn-link-one:before {content: "";position: absolute;width: 10px;height: 2px;left: 0;bottom: 0;background-color: #23bf44;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.btn-link-one:hover.btn-link-one:before {width: 100%;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.blog-box-one a{text-decoration:none;}
a.btn-link-one:hover{color: #23bf44;} 
.blog-box-one{margin-bottom:40px;}
.blog-grid-shape1-one {position: absolute;top: 120px;right: 0;}
.blog-grid-shape1-one img {width: auto;max-width: 100%;}
.blog-grid-shape2-one {position: absolute;top: 50%;transform: translate(0%,-50%);left: 0;}
.blog-grid-shape2-one img {width: auto;max-width: 100%;}
.mwhitebx h2{font-size: 36px;text-align:center;margin-bottom: 20px;font-weight: 500;}
blockquote{ text-align: left;  color: #596175;font-size: 16px;line-height: 30px;}
.mwhitebx blockquote{padding:20px;margin:10px 0px;border-left:3px solid #068dcd;background:#fafcfc;}
.mwhitebx ul{margin:10px 0px;} 
.mwhitebx ul li{list-style:none;position:relative;padding-left:15px;margin-bottom:5px;color: #596175;font-size: 16px;line-height: 30px;}
.mwhitebx ul li:before {content: '';display: inline-block;position: absolute;left: 0;top: 14px;width: 4px;height: 4px;border-radius: 100%;background: #596175;}
.mwhtetitle{margin:25px 0px 35px 0px;}
.webinarl img {width:  100%;max-width: 200px;height:200px;object-fit:cover;border-radius:100%;}
.webinarr {margin-bottom:0px;}
.webinarr h6{font-style:italic;margin-bottom:20px;}
.mwhtetitle1{padding-bottom:10px;border-bottom:1px solid #ececec;margin-bottom:20px;}
.mwhitebx img{width: 100%;height:auto;border-radius:5px;margin:10px 0px;}
/*mblog*/
.mblog{width:100%; padding: 70px 0px;position:relative;}
/*blogctgry3*/
.blogctgry3{width:100%;position:relative;padding:60px  0px;background:#f8f9fa;}
.blogctgry3_title h3 {font-size: 26px;line-height: 36px;font-weight: 700;margin-bottom:30px;display: inline-block;}
.blogctgry3bx{width:100%;position:relative;padding:0px 0px;background:#fff;border-radius:15px;box-shadow: rgb(1 1 1 / 5%) 1px 1px 5px 0px;
transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;-o-transition: .3s ease;margin-bottom:20px;}
.blogctgry3bx a{text-decoration:none;}
.blogctgry3bximg img{width:100%;height:240px;object-fit:cover;border-radius:15px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.blogctgry3bximgc{padding: 25px;}
.blogctgry3bximgc  span { color: #23BF44;
display: inline-block;
background: rgb(42 191 68 / 15%);
padding: 5px 20px;border-radius:15px;font-weight: 500;margin-bottom:25px;}
.blogctgry3bximgc a{ font-size: 21px;
margin-bottom: 20px;
font-weight: 500;display: inline-block;color:#2d3748;margin: 1rem 0;}
.blogctgry3bximgc p{  }
.blogctgry3bximgcauthor{width:100%;position:relative;padding-left:75px;}
.blogctgry3bximgcauthor img{position:absolute;top:0px;left:0px;border-radius: 100% !important;width:100%;max-width: 60px;height: auto;}
.blogctgry3bximgcauthor ul{margin:0px;}
.blogctgry3bximgcauthor ul li{list-style:none;display:block;}
.blogctgry3bximgcauthor ul li p {font-size: 18px;color:#2d3748;font-weight: 600;line-height: 28px;margin-bottom:2px;}
.blogctgry3bximgcauthor ul li span{text-align: left;  color: #718096;font-weight: 400;font-size: 16px;line-height: 1.5;background:transparent;padding:1px;margin-right:3px;}
.blogctgry3bx:hover {transform: translateY(-0.25rem);box-shadow: rgba(46, 41, 51, 0.08) 0px 2px 4px, rgba(71, 63, 79, 0.16) 0px 5px 10px;
transition: .3s ease;-webkit-transition: .3s ease;  -moz-transition: .3s ease;-ms-transition: .3s ease;-o-transition: .3s ease; }
.blogctgry3bximgc:hover a{color:#23BF44;} 
.blogctgry3_rght ul{margin:0px 0px 45px 0px;}
.blogctgry3_rght ul li{width:100%;position:relative;padding: 0px;margin-bottom:20px;
display: grid;grid-template-columns: auto 1fr;align-items: center;background:#fff;box-shadow: rgb(1 1 1 / 5%) 1px 1px 5px 0px;
border-radius: 15px;transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;-o-transition: .3s ease;}
.blogctgry3_rght ul li:hover i{background:#23BF44;color:#fff; }
.blogctgry3_rght ul li i{font-size: 20px;width: 80px;height: 55px;line-height: 55px;transition: .3s ease;
background: #e2e8f0;color: #718096;text-align: center;border-top-left-radius:15px;border-bottom-left-radius: 15px;}
.blogctgry3_rght ul li h4 {font-weight: 600;color: #718096;font-size: 17px;
line-height: 28px;letter-spacing: 0px;padding-left: 20px;margin-bottom:0px;}
.blogctgry3_title img{width:100%;height:250px;object-fit:cover;border-radius:15px;}	
.advsbx ul{margin:10px 0px;}
.advsbx ul li{display:inline-block;list-style:none;}
.advsbx ul li h3  {font-size: 21px; font-weight: 500;margin:0px;}
.advsbx{width:100%;position:relative;padding:15px 20px; background:#fff;box-shadow: rgb(1 1 1 / 5%) 1px 1px 5px 0px;border-radius: 15px;background:#fff;}
.advsbx ul li a{background:#23BF44;color:#fff;text-decoration:none;padding:10px 40px;border-radius:5px;transition:.3s;    padding: 12px 35px;
font-size: 16px;line-height: 26px;font-weight: 600;}
.advsbx ul li a:hover{background:#23BF44;}
.advsbx ul li:last-child {float:right;position:relative;top:5px;}

/*blogpagetitle2*/
.blogpagetitle2{width:100%;position:relative;padding:30px  0px; }
.blogpagetitle2 h3 {font-size: 38px;line-height:45px;font-weight:600;margin-bottom:30px;display: inline-block;}
.blogpagetitle2 p{font-size: 18px;line-height: 28px;text-align:left;}
/*nwmblog*/
.nwmblog{width:100%;position:relative;padding:10px 0px 60px 0px; }
.nwmblog .blogctgry3bximgc p{font-size: 18px;line-height: 28px;text-align:left;}
.nwmblog .blogctgry3bx{margin-bottom:25px;}
/*nwmblog2*/
.nwmblog2{width:100%;position:relative;padding:10px 0px 60px 0px; }
.blogpagetitle3 h3{ font-size: 36px;
margin-bottom: 20px;
font-weight: 500;display: inline-block;}
.blogpagetitle3 .blog-list { margin-bottom: 20px; padding-bottom: 10px; margin-top: 10px; }
.blogpagetitle3 .blog-list li { list-style-type: none;font-size: 16px; display: inline-block; margin-right: 20px; }
.blogpagetitle3 .blog-list li strong{font-weight:800;}
.blogpagetitle3 .blog-list p { margin: 0;line-height: 28px;color: #718096;font-weight:300;letter-spacing: 0px;font-size: 16px; }
.blogpagetitle3 .blog-list p a {color: #718096; }
.blogpagetitle3 .blog-list p a:hover {color: #718096; }
.blogpagetitle3 img{width:100%;height:auto;}
.nwmblog2{width:100%;position:relative;padding:20px 0px; }
.nwmblog2l{width:100%;position:relative;padding: 30px;background-color:#fff;
border-radius: 15px;}
.nwmblog2l p { color: #333; font-size: 19px; line-height: 1.4;}
.nwmblog2l h4{font-size: 24px;line-height: 36px; margin-bottom: 20px;}
.nwmblog2l blockquote{padding: 30px 40px;border-left: 2px solid #23BF44;background: #fff;margin: 50px 0px; 
font-style: italic;color: #2d3748;text-align: left;   color: #596175;  font-size: 17px;  line-height: 30px;}
.nwmblog2l ul,.nwmblog2l ol{margin-left:25px;}
.nwmblog2l ul li,.nwmblog2l ol li,.nwmblog2l li{ text-align: left; color: #596175;  font-size: 17px;  line-height: 30px;color: #718096;}
.sidebar-widget {margin-bottom: 40px;padding: 40px 30px;background-color: #fff;
box-shadow: rgb(1 1 1 / 50%) 1px 1px 5px 0px;border-radius: 15px;}
.sidebar-title h4 {font-size: 24px;line-height: 30px;color: #2d3748;font-weight: 600;margin-bottom: 30px;}
.author-detalis {display: grid;grid-template-columns: auto 1fr;align-items: center;grid-gap: 20px;}
a.author-image {width: 130px;height: 130px;display: inline-block;overflow: hidden;border-radius: 50%;}
a.author-name {font-size: 20px;line-height: 30px;color: #2d3748;display: block;margin-bottom: 6px;font-weight: 600;}
.blog-cat {position: relative;padding: 0;}
.blog-cat li {position: relative;list-style-type: none;}
.blog-cat li:first-child a {padding-top: 0;}
.blog-cat li:first-child a:before, .blog-cat li:first-child a span {top: 12px;}
.blog-cat li a {position: relative;text-decoration:none;color: #718096;font-size: 19px;font-weight: 500;display: block;
padding: 10px 15px 0px 20px;transition:.3s;}
.blog-cat li a:before {display: inline-block;transition:.3s;color: #cfcfcf;font-family: 'FontAwesome';content: "";
width: 8px;height: 8px;background-color: #cfcfcf;position: absolute;top: 20px;left: 0px;opacity: .3;}
.blog-cat li a:hover:before{background:#23BF44;opacity:1;}
.blog-cat li a:hover{color:#23BF44;}
.popular-posts .post {position: relative;min-height: 80px;border-bottom: 1px solid #00000000;}
.popular-posts .post .post-thumb {position: absolute;left: 0px;top: 0px;width: 80px;
height: 80px;overflow: hidden;border-radius: 50%;}
.sidebar-widget figure {margin: 0 0 0rem;}
.popular-posts .post .post-thumb img {display: block;width: 100%;height: 100px;
object-fit: cover;transition: all 0.3s ease;-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.popular-posts .post .text {position: relative;font-size: 22px;margin: 0px 0px 10px;font-weight: 500;
color: #2d3748;line-height: 1.2em;}
.popular-posts .post .text a:hover{color:#23BF44;}
.popular-posts .post .text a {font-size: 17px;color: #777;text-decoration:none;transition: all 0.3s ease;
-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;}
.popular-posts .post-info {position: relative;font-size: 16px;color: #718096;font-weight: 400;}
.text-11 .social-share-blog {display: grid;grid-auto-flow: column;grid-gap: 30px;}
.text-11 .tags li {display: inline-block;}
.tags li p,.social li p {font-size: 20px;color: #2d3748;font-weight: 600;letter-spacing: -.5px;}
.btn-small {background: #e2e8f0;border-radius: 25px;color: #718096;font-weight: 500;padding: 6px 20px;}
ul.social li a {display: inline-block;margin: 0;color:#23BF44;text-align: center;
margin-right: 6px;border-radius: 50%;font-size: 18px;width: 30px;}
.social li{display:inline-block;}
/*mfaq*/
.mfaq{}
.accordion .card-header:after {font-family: 'FontAwesome';  content: "\f068";float: right; }
.accordion .card-header.collapsed:after {
/* symbol for "collapsed" panels */content: "\f067"; }
.mfaq .card-header {padding: 1.75rem 1.25rem;margin-top:20px;margin-bottom:  0px;background-color: #fff;
border-bottom: 3px solid #23BF44;box-shadow: 0 0 10px 0 rgb(172 176 186 / 41%);}
.mfaq .card { border: 0px solid rgba(0,0,0,.125);}
.card-body{margin-bottom: 0px;background: #fafcfc; box-shadow: 0 0 10px 0 rgb(172 176 186 / 41%);}
.card-body ul li{color: #596175;font-size: 16px;line-height: 30px;position:relative;padding-left:15px;list-style:none; }
.card-body ul li:before {display: inline-block;transition:.3s;color: #23BF44;font-family: 'FontAwesome';content: "";
width: 8px;height: 8px;background-color: #23BF44;position: absolute;top: 12px;left: 0px; }
/*mcrvws*/
.mcrvws{}
.mcrvws .owl-carousel .owl-item img { width:  100%;max-width: 200px;height:200px;object-fit:cover;border-radius:100%;}
.mcrvwsr{background: #fafcfc; box-shadow: 0 0 10px 0 rgb(172 176 186 / 41%);border-top:2px solid #23BF44;padding:25px;}
.mcrvwsl{width:100%;position:relative;text-align: center;}
.qicon{position:absolute;top:10px;right:20px;background:#23BF44;width:65px;height:65px;line-height:45px;text-align:center;border-radius:100%;}
.qicon i{color:#fff;font-size:32px;line-height:65px;}
.mcrvws .owl-carousel .owl-item .mcrvwsr img{width:100%!important;max-width:200px!important;margin-bottom:10px!important;border-radius:0%!important;}
.nwmblog2 h3,.mwhite h3{font-size:21px;margin-bottom:20px;}
.mcrvwsl  img { width:  100%;max-width: 170px;height:170px;object-fit:cover;border-radius:100%;}
.mcrvwsi2{margin-bottom:40px;}

/*healthcare*/
.mhealthcare{width:100%;position:relative;padding:60px 0px;}
.page_title_inn2{ padding:30px;background:#fff;}
.page_title3 {width: 100%;position: relative;padding: 120px 0px 150px 0px;
overflow: hidden;background-image: url(../images/service_bg_3.png);background-repeat: no-repeat;
background-size: cover;background-position: center center;    z-index: 1;}
.page_title34{width: 100%;position: relative;overflow: hidden;}   

.page_title_innn2{width:100%;position:relative;}

.page_title_innn2:after {position: absolute;z-index: -1;right: -6%;bottom: -21%;content: "";
width: 450px;height: 450px;border-radius: 100%;
/* background-image: radial-gradient(circle, #ffffffb3, #ffffff78, #ffffff4f, #068dcd38, #068dcd87);*/background: radial-gradient(circle farthest-side, #f7eed6, #068dcd);}
/*.page_title_innn2:before {position: absolute;z-index: -1;left:15%;top: 25px;content: "";height: 75%;width: 75%; border-radius: 10px;background:#10d9713b;}*/
.page_title_span{ position: absolute;top: 30px;z-index: 123;right: 50px;}
.page_title_span span{background:#efefef;width:10px;height:10px;border-radius:100px;display: inline-block;
margin: 0px 2px;}
.page_title_innn h3{color: #fff;margin-bottom: 0.75rem;font-weight: 700;line-height: 1.4;letter-spacing: 0.2px;font-size: 16px;}
.page_title_innn h2,.page_title_innn h1 {font-size: 44px;font-weight: 400;color: #fff;margin-bottom: 15px;line-height: normal;letter-spacing: -0.9px; position: relative; 
    text-align: left; padding: 0; top: 0;
}

.page_title_innn p{font-size: 17px;color: #fff;}
.page_title_innn2 img{width:100%;height:auto;      position: relative; z-index: 12; }
.page_title_innn2bx{ position: relative;
bottom: 0;left:0px;text-align:center;
right: 0px;}
.page_title_innn2bx img{width:100%;max-width:350px;border:none;}
.mhealth1l{padding-top: 20px;}
.mhealth1{width:100%;position:relative;}
.mhealth1bx{ }
.mhealth1bx img{width:100%;height:auto;}
.mhealth2{width:100%;position:relative;padding:90px 0px;background-image: url(../images/ant-bg.png);background-position: center;
background-repeat: no-repeat;background-size: cover;}
.mhealth2:before {position: absolute;content: '';left: 0px;top: 0px;right: 0px;
height: 105px;background-size: cover;background: url(../images/pattern-6.png) repeat-x;}
.mhealth2:after {position: absolute;content: '';left: 0px;bottom: 0px;right: 0px;
height: 105px;background-size: cover;background: url(../images/pattern-66.png) repeat-x;}    
.mhealth22{width:100%;position:relative;padding:60px 0px;background-image: url(../images/ant-bg.png);background-position: center;
background-repeat: no-repeat;background-size: cover;}
.mhealth2 .abt1r{padding-top:60px;}
.mhealth2 .abt1r h5{ }
.mhealth3 .mhealth1l{padding-top:0px;}
.mhealth2 .mhealth1l{padding-top:0px;}
.mhealth1bx3{}
.mhealth1bx3{position:absolute;bottom:-70px;left:30%;}
.mhealth1bx3 img{width:100%;height:auto;max-width: 200px;}
.mhealth1bx32{position:absolute;bottom:0px;left:40%;}
.mhealth1bx32 img{width:100%;height:auto;max-width: 200px;}
.mhealth1r333{position:absolute;bottom:0px;left:10%;z-index:1;}
.mhealth1r333 img{width:100%;height:auto;max-width: 200px;}
.mhealth3 .team-shape-one {position: absolute;top:initial;bottom: -50px;right: 0;transform: translate(0%,0%);}
.mhealth5{width:100%;position:relative;padding:60px 0px;background-image: url(../images/soilbg2.png);background-position: center;
background-repeat: no-repeat;background-size: cover;}
.mhealth4{width:100%;position:relative;}
.qckcont{width:100%;position:relative;background: #068dcd; padding: 80px 0px;
overflow: hidden;
background-image: url(../images/service_bg_3.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;}
.qckcontr h2,.qckcontr h5{color:#fff;}
.qckcontr a{background:#fff;}
.qckcontl{text-align:center;width:100%;position:relative;}
.qckcontl:after{   position: absolute; left: 7%;  bottom: -21%;
content: "";  width: 450px;  height: 450px;  border-radius: 100%;
/* background-image: radial-gradient(circle, #ffffffb3, #ffffff78, #ffffff4f, #068dcd38, #068dcd87);*/
background: radial-gradient(circle farthest-side, #f7eed6, #068dcd);}
.qckcontl img{width:100%;height:auto;max-width:250px;position: relative;
z-index: 1;}
.qckcontr{padding-top:30px;}
.clients1bx{padding-top:25px;border-right:1px solid #000;}
.clients1bx img{width:100%;height:auto;    max-width: 100px;}

/*mservces*/
.mservces{width:100%;position:relative;padding:70px 0px;z-index: 1; }
.content::-webkit-scrollbar {  width: 1px;}
.content::-webkit-scrollbar-thumb {  background-color: #fff ; border-radius: 6px; border: 3px solid #efefef;scrollbar-width: thin;}
.content{width: 100%;	max-width: 1142px;margin: 0 auto;padding: 0 20px;position:relative;z-index:12;height:100vh;overflow-y:scroll;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
.cf:before,
.cf:after {content: " "; /* 1 */display: table; /* 2 */}
.cf:after {clear: both;}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {*zoom: 1;}
.mservces a:focus{outline: 2px dashed #f7f7f7;}
@media screen and (max-width: 767px){
.content{padding: 0 20px;}	
}
.mservces ul{padding: 0;margin: 0;list-style: none;		}
.mservces ul a{display: block;background: #068dcd;border: 0px solid #068dcd;text-align: center;font-size: .7em;text-decoration: none;
font-weight: bold;color: #fff;height: 70px;line-height: 70px;margin-bottom: 0px;box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
-webkit-transition: all linear .1s;-moz-transition: all linear .1s;transition: all linear .1s;}
.departments a{line-height: 55px !important;}
@media print {
.mservces ul a{border: 4px solid #000;}
}
@media screen and (max-width: 767px){
.mservces ul a{font-size: 1em;}
}
.directorspan span{ font-size: 18px !important;}
.mservces ul a span{ margin-top: 0;font-size: 12px;
}
/* */
.administration > li > a{margin-bottom: 25px;}
.director > li > a{width: 50%;margin: 0 auto 0px auto;}
.subdirector:after{content: "";display: block;width: 0;height: 130px;background: red;border-left: 4px solid #068dcd;left: 50.45%;position: relative;}
@media print {
.subdirector:after{border-left: 4px solid #000;}
}

.subdirector,
.departments{position: absolute;width: 100%;        top: 0;z-index: -1;}
.subdirector > li:first-child,
.departments > li:first-child{	width: 18.59894921190893%;height: 64px;margin: 0 auto 92px auto;		
padding-top: 25px;border-bottom: 0px solid #ccc;z-index: 1;	}
@media print {
.subdirector > li:first-child,
.departments > li:first-child{border-bottom: 4px solid #000;}
}
.subdirector > li:first-child{float: right;
right: 27.2%;border-left: 0px solid #ccc;}
@media print {
.subdirector > li:first-child{border-left: 4px solid black;}   
}

.departments > li:first-child{	float: left;left: 27.2%;border-right: 0px solid red;	}
@media print {
.departments > li:first-child{border-right: 4px solid black;	}
}

.subdirector > li:first-child a,
.departments > li:first-child a{width: 100%;}
.subdirector > li:first-child a{	left: 25px;}
@media screen and (max-width: 767px){
.subdirector > li:first-child,
.departments > li:first-child{width: 40%;	}
.subdirector > li:first-child{right: 10%;margin-right: 2px;}
.subdirector:after{left: 49.8%;}
.departments > li:first-child{left: 10%;margin-left: 2px;}
}
.departments > li:first-child a{right: 25px;}
.department:first-child,
.departments li:nth-child(2){margin-left: 0;clear: left;	}
.departments:after{content: "";display: block;
position: absolute;width: 81.1%;height: 27px;	border-top: 4px solid #068dcd;border-right: 4px solid #068dcd;
border-left: 4px solid #068dcd;margin: 0 auto;top: 130px;left: 11.4%}

@media print {
.departments:after{border-top: 4px solid #000;border-right: 4px solid #000;border-left: 4px solid #000;}
}

@media screen and (max-width: 767px){
.departments:after{border-right: none;left: 0;width: 49.8%;}  
}

@media screen and (min-width: 768px){
.department:first-child:before,
.department:last-child:before{border:none;}
}
.department:before{content: "";display: block;position: absolute;width: 0;height: 22px;
border-left: 4px solid #068dcd;z-index: 1;top: -22px;left: 50%;margin-left: -4px;}
@media print {
.department:before{border-left: 4px solid #068dcd;}
}
.department{border-left: 4px solid #068dcd;width: 23.59894921190893%;float: left;margin-left: 1.751313485113835%;margin-bottom: 60px;}
@media print {
.department{border-left: 4px solid #000;}
}
.lt-ie8 .department{width: 18.25%;}
@media screen and (max-width: 767px){
.department{float: none;width: 100%;margin-left: 0;}
.department:before{content: "";display: block;position: absolute;width: 0;height: 60px;border-left: 4px solid #ccc;z-index: 1;
top: -60px;left: 0%;margin-left: -4px;}
.department:nth-child(2):before{display: none;}
}
.department > a{margin: 0 0 -26px -4px;z-index: 1;}
.department > ul{margin-top: 0px;margin-bottom: 0px;}
.department li{	padding-left: 25px;border-bottom: 4px solid #068dcd;height: 80px;	    margin-bottom: 5px;}
@media print {
.department li{border-bottom: 4px solid #000;}
}

.department li a{background: #fff;top: 48px;	position: absolute;z-index: 1;width: 90%;height: 60px;vertical-align: middle;right: -1px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background-image: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
background-image: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: -o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
background-image: linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
}
.department li a:hover{box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);}
/* Department/ section colors */
.department.dep-a a{ background: #007862; }
.department.dep-b a{ background: #2abd49; }
.department.dep-c a{ background: #5c94af; }
.department.dep-d a{ background: #7cff98; }
.department.dep-e a{ background: #0995d7; }
.mservcesicon{text-align:center; background:#f1f1f1;padding:2px;border-radius:100%;width:45px;height:45px;line-height:35px;display:inline-block;
margin-right:10px;position:relative;top:-5px;background: #e5e8ff;border: 2px solid #fff;}
.mservcesicon img{width:30px;height:auto;}
.mservcesicon2{ text-align:center;background:#f1f1f1;box-shadow: 0 16px 32px rgb(166 188 233 / 20%);padding:2px;border-radius:1%;width:37px;height:37px;
line-height:25px;display:inline-block;margin-right:10px;position: absolute;left:5px;top: -20px;background: #e5e8ff;border: 2px solid #fff;}
.mservcesicon2 img{width:25px;height:auto;}
.mserr{padding-top:120px;width:100%;position:relative;}
.tabgroup{padding:40px 0px; }

.mnnwsercolor1 ol.organizational-chart,
.mnnwsercolor1 ol.organizational-chart ol,
.mnnwsercolor1 ol.organizational-chart li,
.mnnwsercolor1 ol.organizational-chart li > div {  position: relative;}
.mnnwsercolor1 ol.organizational-chart,
.mnnwsercolor1 ol.organizational-chart ol { list-style: none;  margin: 0; padding: 0;}
.mnnwsercolor1 ol.organizational-chart { text-align: center;}
.mnnwsercolor1 ol.organizational-chart ol {  padding-top: 1em;}
.mnnwsercolor1 ol.organizational-chart ol:before,
.mnnwsercolor1 ol.organizational-chart ol:after,
.mnnwsercolor1 ol.organizational-chart li:before,
.mnnwsercolor1 ol.organizational-chart li:after,
.mnnwsercolor1 ol.organizational-chart > li > div:before,
.mnnwsercolor1 ol.organizational-chart > li > div:after {  background-color: #b7a6aa; content: ""; position: absolute;}
.mnnwsercolor1 ol.organizational-chart ol > li { padding: 1em 0 0 1em;}
.mnnwsercolor1 ol.organizational-chart > li ol:before { height: 1em; left: 50%; top: 0; width: 3px;}
.mnnwsercolor1 ol.organizational-chart > li ol:after {height: 3px; left: 3px; top: 1em; width: 50%;}
.mnnwsercolor1 ol.organizational-chart > li ol > li:not(:last-of-type):before {  height: 3px; left: 0; top: 2em; width: 1em;}
.mnnwsercolor1 ol.organizational-chart > li ol > li:not(:last-of-type):after { height: 100%; left: 0; top: 0; width: 3px;}
.mnnwsercolor1 ol.organizational-chart > li ol > li:last-of-type:before {height: 3px; left: 0; top: 2em; width: 1em;}
.mnnwsercolor1 ol.organizational-chart > li ol > li:last-of-type:after { height: 2em; left: 0; top: 0;  width: 3px;}
.mnnwsercolor1 ol.organizational-chart li > div { background-color: #fff;  border-radius: 3px; min-height: 60px; padding: 0.5em; overflow: hidden;text-align: center;
border-top: 3px solid #66812e; margin-left: 5px;
margin-top: 5px}
/*** PRIMARY ***/
.mnnwsercolor1 ol.organizational-chart > li > div { background-color: #a2ed56; margin-right: 1em;}
.mnnwsercolor1 ol.organizational-chart > li > div:before { bottom: 2em; height: 3px;  right: -1em;  width: 1em;}
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:after {bottom: 0;height: 2em;right: -1em;width: 3px;}
.mnnwsercolor1 ol.organizational-chart > li > div + div {margin-top: 1em;}
.mnnwsercolor1 ol.organizational-chart > li > div + div:after {height: calc(100% + 1em);right: -1em;top: -1em;width: 3px;}
/*** SECONDARY ***/
.mnnwsercolor1 ol.organizational-chart > li > ol:before {left: inherit;right: 0;}
.mnnwsercolor1 ol.organizational-chart > li > ol:after {left: 0;width: 100%;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li > div { background-color: #83e4e2;}
/*** TERTIARY ***/
.mnnwsercolor1 ol.organizational-chart > li > ol > li > ol > li > div { background-color: #fd6470;}
/*** QUATERNARY ***/
.mnnwsercolor1 ol.organizational-chart > li > ol > li > ol > li > ol > li > div {  background-color: #fca858;}
/*** QUINARY ***/
.mnnwsercolor1 ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div { background-color: #fddc32;}
/* OrgChart CSS Response Screen: Reference https://www.cssscript.com/responsive-hierarchical-organization-chart-pure-css/ */
@media only screen and (min-width: 64em) {
.mnnwsercolor1 ol.organizational-chart {margin-left: -1em;margin-right: -1em;}
/* PRIMARY */
.mnnwsercolor1 ol.organizational-chart > li > div {display: inline-block;float: none;margin: 0 1em 1em 1em;vertical-align: bottom;}
.mnnwsercolor1 ol.organizational-chart > li > div:only-of-type {margin-bottom: 0;width: calc((100% / 1) - 2em - 4px);}
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2),
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {width: calc((100% / 2) - 2em - 4px);}
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3),
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {width: calc((100% / 3) - 2em - 4px);}
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4),
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {width: calc((100% / 4) - 2em - 4px);}
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5),
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {width: calc((100% / 5) - 2em - 4px);}
.mnnwsercolor1 ol.organizational-chart > li > div:before,
.mnnwsercolor1 ol.organizational-chart > li > div:after {bottom: -1em !important;top: inherit !important;}
.mnnwsercolor1 ol.organizational-chart > li > div:before {height: 1em !important;left: 50% !important;width: 3px !important;}
.mnnwsercolor1 ol.organizational-chart > li > div:only-of-type:after {display: none;}
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after,
.mnnwsercolor1 ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {bottom: -1em;height: 3px;width: calc(50% + 1em + 3px);}
.mnnwsercolor1 ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {left: calc(50% + 3px);}
.mnnwsercolor1 ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {left: calc(-1em - 3px);}
.mnnwsercolor1 ol.organizational-chart > li > div + div:not(:last-of-type):after {height: 3px;left: -2em;width: calc(100% + 4em);}
/* SECONDARY */
.mnnwsercolor1 ol.organizational-chart > li > ol {display: flex;flex-wrap: nowrap;}
.mnnwsercolor1 ol.organizational-chart > li > ol:before,
.mnnwsercolor1 ol.organizational-chart > li > ol > li:before {height: 1em !important;left: 50% !important;top: 0 !important;width: 3px !important;}
.mnnwsercolor1 ol.organizational-chart > li > ol:after {display: none;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li {flex-grow: 1;padding-left: 1em;padding-right: 1em;padding-top: 1em;padding: 10px;width: 25%;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li:only-of-type {padding-top: 0;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li:only-of-type:before,
.mnnwsercolor1 ol.organizational-chart > li > ol > li:only-of-type:after {display: none;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after,
.mnnwsercolor1 ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {height: 3px;top: 0;width: 50%;}
.mnnwsercolor1 ol.organizational-chart
> li
> ol
> li:first-of-type:not(:only-of-type):after {left: 50%;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {left: 0;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {height: 3px;left: 0;top: 0;width: 100%;}
}
/* For Change open/close icon on Bootstrap’s button collapse with only CSS, Reference: http://typecode.digital/change-openclose-icon-on-bootstraps-button-collapse-with-only-css/ */
[aria-expanded="false"] .menu__icon--open {display: block;}
[aria-expanded="false"] .menu__icon--close {display: none;}
[aria-expanded="true"] .menu__icon--open {display: none;}
[aria-expanded="true"] .menu__icon--close {display: block;}
.mnnwsercolor1 .organizational-chart h2 {cursor: pointer;margin: 0;text-align: center;vertical-align: middle;line-height: normal;display: flex;
justify-content: center;align-items: center;  }
.mnnwsercolor1 .organizational-chart i{display:block;font-size: 20px;margin: 5px 0px;text-align: center;position: absolute;bottom: 0px;left: 0;right: 0;}
.mnnwsercolor1 .mnnwsercolor1{padding:60px 0px;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li > div{min-height:100px;}
.mnnwsercolor1 ol.organizational-chart > li > div h1{margin:0px;}
.mnnwsercolor1 h3 a {display: block;margin:  0;width: 100%;padding: 0 ;border: none;outline: none;border: none;border-radius: 0px;cursor: pointer;
background:transparent;white-space: break-spaces; border: 0px solid #ccc;text-align: left;     font-size: 14px;
line-height: 1.3;color: #000;font-weight: 600;text-shadow: 0px 0px #000!important;}
.mnnwsercolor2 h3 a {display: block;margin:  0;width: 100%;padding: 0 ;border: none;outline: none;border: none;border-radius: 0px;cursor: pointer;
background:transparent;white-space: break-spaces; border: 0px solid #ccc;text-align: left;     font-size: 15px;
line-height: 1.3;color: #000;font-weight: 600;text-shadow: 1px 1px #caeeff!important;  }
.mnnwsercolor1 .btn.active {background-color: transparent;box-shadow: 0px 0px 0px 0 #ccc;border: 0px solid #ccc;}
.mnnwsercolor1 .tab-content {display: none;}
.mnnwsercolor1 .tab-content.active {display: block;}   
.display_none{  display: none !important;}
.mnnwsercolor1 ol.organizational-chart ol > li {padding: 5px;text-align: left;word-wrap: initial;font-size:14px;}   
.mnnwsercolor1 ol.organizational-chart > li > div{background:#A3CE49;}   
.mnnwsercolor1 ol.organizational-chart > li > div h1 {margin: 0px;color:#000;}
.mnnwsercolor1 ol.organizational-chart ol:before, 
.mnnwsercolor1 ol.organizational-chart ol:after,
.mnnwsercolor1 ol.organizational-chart li:before, 
.mnnwsercolor1 ol.organizational-chart li:after, 
.mnnwsercolor1 ol.organizational-chart > li > div:before, 
.mnnwsercolor1 ol.organizational-chart > li > div:after {background-color: #66812e;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li  div{background:#bfd989;}
.mnnwsercolor1 a{text-decoration:none;color:#000;}
.mnnwsercolor1 h2,.mnnwsercolor1 h3,.mnnwsercolor1 h4,.mnnwsercolor1 h5{font-size:15px;}
.mnnwsercolor1 h1{font-size:24px;}
ol.organizational-chart > li > ol > li > div img{width:45px;} 
ol.organizational-chart > li > ol > li > div img{position:relative;top:0px;left:0px;}
ol.organizational-chart > li > ol > li > ol > li > div h3{padding-left:40px;text-align: left;color: #000;
font-weight: 600;  text-shadow: 1px 1px #caeeff!important;}
.mnnwsercolor1 .organizational-chart h2 {color: #000;font-weight: 800;padding-bottom: 30px;}
.chevron { position: absolute;padding: 0px;  width: 15px; height:1px; opacity: 0;left: 45%;top: -42px;
transform: scale(0.3);
-webkit-animation: move-chevron 3s ease-out infinite;animation: move-chevron 3s ease-out infinite;padding: 0px;}
.chevron:first-child {
-webkit-animation: move-chevron 3s ease-out 1s infinite;animation: move-chevron 3s ease-out 1s infinite;padding: 0px;}
.chevron:nth-child(2) { -webkit-animation: move-chevron 3s ease-out 2s infinite;animation: move-chevron 3s ease-out 2s infinite;padding: 0px;}
.chevron:before,
.chevron:after { content: "";padding: 0px;  position: absolute; top: -10px; height: 100%;width: 50%; background: #fff;}
.chevron:before {left: 0;padding: 0px; transform: skewY(30deg);}
.chevron:after {right: 0;padding: 0px;  width: 50%; transform: skewY(-30deg);}
@-webkit-keyframes move-chevron {
25% {  opacity: 1; }
33.3% {  opacity: 1;  transform: translateY(2.28rem); }
66.6% {  opacity: 1;  transform: translateY(3.12rem); }
100% {  opacity: 0;  transform: translateY(4.8rem) scale(0.5);  }
}

@keyframes move-chevron {
25% {opacity: 1;}
33.3% {  opacity: 1;  transform: translateY(2.28rem); }
66.6% {  opacity: 1;  transform: translateY(3.12rem); }
100% {  opacity: 0;  transform: translateY(4.8rem) scale(0.5);  }
}
.menu__icon--open  { }
.chevron2 { position: absolute;padding: 0px;  width: 15px; height:1px; opacity: 0;left: 45%;top: -42px;
transform: scale(0.3); -webkit-animation: move-chevron2 3s ease-out infinite;animation: move-chevron2 3s ease-out infinite;padding: 0px;}
.chevron2:first-child { -webkit-animation: move-chevron2 3s ease-out 1s infinite;animation: move-chevron2 3s ease-out 1s infinite;padding: 0px;}
.chevron2:nth-child(2) {  -webkit-animation: move-chevron2 3s ease-out 2s infinite;
animation: move-chevron2 3s ease-out 2s infinite;padding: 0px;}
.chevron2:before,
.chevron2:after {  content: "";padding: 0px; position: absolute; top: -10px; height: 100%;
width: 50%; background: #fff;   }
.chevron2:before {left: 0;padding: 0px;transform: skewY(-30deg);}
.chevron2:after {right: 0;padding: 0px; width: 50%; transform: skewY(30deg);}
@keyframes move-chevron2 {
25% {opacity: 0;transform: translateY(4.8rem) scale(0.5);}
33.3% {opacity: 1;transform: translateY(3.12rem);}
66.6% {opacity: 1;transform: translateY(2.28rem); }
100% {opacity: 1;}
}
.mnnwsercolor1 .tab-content {background:#fdfdfd;padding:20px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);  width: 100%;max-width: 350px;}
#sidebar{max-width: 350px;    
z-index: 12; } 
.mnnwsercolor1 .tab-content p{font-size:15px;}
.mnnwsercolor1 .tab-content i{ position: absolute;top: -10px;right: 10px;background: #6ca5b4;padding: 5px;color: #fff;    cursor: pointer;}
.mnnwsercolor1 .tab-content h1,.mnnwsercolor1 .tab-content h2,.mnnwsercolor1 .tab-content h3,.mnnwsercolor1 .tab-content h4{font-size:24px;}
.mnnwsercolor2{}
.mnnwsercolor1 ol.organizational-chart > li > ol > li .collapse li div{background:#e8f3d2 !important;}
.mnnwsercolor2 .tab-content i {position: absolute;top: -10px;right: 10px;background: #A3CE49;padding: 5px;color: #fff;}
.mnnwsercolor1{padding:40px 0px 100px 0px;position:relative;min-height:100vh;}
.organizational-chart svg{fill:#fff !important;}
.mnnwsercolor3 ol.organizational-chart > li > div{background:#068dcd;}   
.mnnwsercolor3 ol.organizational-chart > li > div h1 {margin: 0px;color:#000;}
.mnnwsercolor3 ol.organizational-chart ol:before, 
.mnnwsercolor3 ol.organizational-chart ol:after,
.mnnwsercolor3 ol.organizational-chart li:before, 
.mnnwsercolor3 ol.organizational-chart li:after, 
.mnnwsercolor3 ol.organizational-chart > li > div:before, 
.mnnwsercolor3 ol.organizational-chart > li > div:after {background-color: #0191CD;}
.mnnwsercolor3 ol.organizational-chart > li > ol > li div{background:#54afdb!important;color: #000;}
/*
.mnnwsercolor2 ol.organizational-chart > li > ol > li:nth-child(2) div{background:#015b80;color: #fff;}
.mnnwsercolor2 ol.organizational-chart > li > ol > li:nth-child(3) div{background:#016d9a;color: #fff;}
.mnnwsercolor2 ol.organizational-chart > li > ol > li:nth-child(4) div{background:#016d9a;color: #fff;}*/
.mnnwsercolor3 .organizational-chart h2{color: #000!important;font-weight: 800;text-shadow: 1px 1px #54afdb!important;}
.mnnwsercolor3 ol.organizational-chart li > div{border-top: 3px solid #0191CD;}
.mnnwsercolor3 ol.organizational-chart > li > ol > li:nth-child(4) .collapse li div h3 a{  }
.mnnwsercolor3 ol.organizational-chart > li > ol > li:nth-child(1) .collapse li div{background:#caeeff !important;}
.mnnwsercolor3 ol.organizational-chart > li > ol > li:nth-child(2) .collapse li div{background:#caeeff !important;}
.mnnwsercolor3 ol.organizational-chart > li > ol > li:nth-child(3) .collapse li div{background:#caeeff !important;}
.mnnwsercolor3 ol.organizational-chart > li > ol > li:nth-child(4) .collapse li div{background:#caeeff !important;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li .collapse li div{width:100%;height:90px;display: table-cell;  vertical-align: middle;position: relative;
left: 5px;top: 5px;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li .collapse li div h3{margin:0px;}
.servpagetitle{    padding: 30px 0px 165px 0px;overflow: hidden;background: #66812e;background-image: url(../images/service_bg_3.png);}
.propagetitle{ padding: 30px 0px 165px 0px;}
.servpagetitle h2,.propagetitle h2 { left: 0;right: 0;top: 61px;text-align: center;width: auto;color: #fff;padding: 10px;text-shadow: 2px 2px #0c0c0c;}
.serhd.sticky {background: #66812e!important;}
.serbggrn{width: 100%;position:relative;background: #66812e;  width: 100%;position: relative; padding: 80px 0px;
overflow: hidden;background-image: url(../images/service_bg_3.png);background-repeat: no-repeat;background-size: cover;background-position: center center;}
.serbggrnl{text-align: center;width: 100%;position: relative;}
.serbggrnl img {width: 100%;height: auto;max-width: 250px;position: relative;z-index: 1;}    
.serbggrnl:after{position: absolute;left: 7%;bottom: -21%;content: "";
width: 450px;height: 450px;border-radius: 100%;
background: radial-gradient(circle farthest-side, #f7eed6, #66812e);}
.mnnwsercolor1 ol.organizational-chart > li > ol > li .collapse li a {width: 100%;color: #000;font-weight: 600;text-shadow: 1px 1px #e8f3d2!important;
vertical-align: middle;background: #e8f3d2;padding-left: 40px;position: relative;
left: 6px;display: inline-block;padding: 20px 10px;top: 5px;padding-left:45px;border-top: 3px solid #66812e;}
.organizational-chart li img{   width: 30px;position: absolute;top: 40%;left: 10%;z-index: 1;}
.mnnwsercolor1 ol.organizational-chart > li > ol > li .collapse li { }
.mnnwsercolor3 ol.organizational-chart > li > ol > li .collapse li a {width: 100%;color: #000;font-weight: 600;text-shadow: 1px 1px #caeeff!important;vertical-align: middle;
background: #caeeff;padding-left: 40px;position: relative;left: 6px;
display: inline-block;padding: 20px 10px;top: 5px;padding-left:45px;border-top: 3px solid #0191CD;}
.mnnwsercolor1{position:relative;z-index:12;}
.display_none{opacity:0;}
.organizational-chart-products h1{color:#fff!important;border-top: 3px solid #0191CD;}

.test{width:100%;position:relative;padding:120px 0px 100px 0px;overflow: hidden;}
.organizational-chart {
min-height: 100vh;
}

/* OrgChart CSS Base: Reference https://www.cssscript.com/responsive-hierarchical-organization-chart-pure-css/ */

ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li > div {
position: relative;
}

ol.organizational-chart,
ol.organizational-chart ol {
list-style: none;
margin: 0;
padding: 0;
}

ol.organizational-chart {
text-align: center;
}

ol.organizational-chart ol {
padding-top: 1em;
}

ol.organizational-chart ol:before,
ol.organizational-chart ol:after,
ol.organizational-chart li:before,
ol.organizational-chart li:after,
ol.organizational-chart > li > div:before,
ol.organizational-chart > li > div:after {
background-color: #b7a6aa;
content: "";
position: absolute;
}

ol.organizational-chart ol > li {
padding: 1em 0 0 1em;
}

ol.organizational-chart > li ol:before {
height: 1em;
left: 50%;
top: 0;
width: 3px;
}

ol.organizational-chart > li ol:after {
height: 3px;
left: 3px;
top: 1em;
width: 50%;
}

ol.organizational-chart > li ol > li:not(:last-of-type):before {
height: 3px;
left: 0;
top: 2em;
width: 1em;
}

ol.organizational-chart > li ol > li:not(:last-of-type):after {
height: 100%;
left: 0;
top: 0;
width: 3px;
}

ol.organizational-chart > li ol > li:last-of-type:before {
height: 3px;
left: 0;
top: 2em;
width: 1em;
}

ol.organizational-chart > li ol > li:last-of-type:after {
height: 2em;
left: 0;
top: 0;
width: 3px;
}

ol.organizational-chart li > div {
background-color: #fff;
border-radius: 3px;
min-height: 2em;
padding: 0.5em;    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/*** PRIMARY ***/
ol.organizational-chart > li > div {
background-color: #a2ed56;
margin-right: 1em;
}

ol.organizational-chart > li > div:before {
bottom: 2em;
height: 3px;
right: -1em;
width: 1em;
}

ol.organizational-chart > li > div:first-of-type:after {
bottom: 0;
height: 2em;
right: -1em;
width: 3px;
}

ol.organizational-chart > li > div + div {
margin-top: 1em;
}

ol.organizational-chart > li > div + div:after {
height: calc(100% + 1em);
right: -1em;
top: -1em;
width: 3px;
}

/*** SECONDARY ***/
ol.organizational-chart > li > ol:before {
left: inherit;
right: 0;
}

ol.organizational-chart > li > ol:after {
left: 0;
width: 100%;
}

ol.organizational-chart > li > ol > li > div {
background-color: #83e4e2;
}

/*** TERTIARY ***/
ol.organizational-chart > li > ol > li > ol > li > div {
background-color: #fd6470;
}

/*** QUATERNARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > div {
background-color: #fca858;
}

/*** QUINARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div {
background-color: #fddc32;
}


/* OrgChart CSS Response Screen: Reference https://www.cssscript.com/responsive-hierarchical-organization-chart-pure-css/ */
@media only screen and (min-width: 64em) {
ol.organizational-chart {
margin-left: -1em;
margin-right: -1em;
}

/* PRIMARY */
ol.organizational-chart > li > div {
display: inline-block;
float: none;
margin: 0 1em 1em 1em;
vertical-align: bottom;    position: relative;box-shadow: 0 10px 6px -6px #777;
}




ol.organizational-chart > li > div:only-of-type {
margin-bottom: 0;
width: calc((100% / 1) - 2em - 4px);
}

ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2),
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
width: calc((100% / 2) - 2em - 4px);
}

ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3),
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
width: calc((100% / 3) - 2em - 4px);
}

ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4),
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
width: calc((100% / 4) - 2em - 4px);
}

ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5),
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
width: calc((100% / 5) - 2em - 4px);
}

ol.organizational-chart > li > div:before,
ol.organizational-chart > li > div:after {
bottom: -1em !important;
top: inherit !important;
}

ol.organizational-chart > li > div:before {
height: 1em !important;
left: 50% !important;
width: 3px !important;
}

ol.organizational-chart > li > div:only-of-type:after {
display: none;
}

ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after,
ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
bottom: -1em;
height: 3px;
width: calc(50% + 1em + 3px);
}

ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
left: calc(50% + 3px);
}

ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
left: calc(-1em - 3px);
}

ol.organizational-chart > li > div + div:not(:last-of-type):after {
height: 3px;
left: -2em;
width: calc(100% + 4em);
}

/* SECONDARY */
ol.organizational-chart > li > ol {
display: flex;
flex-wrap: nowrap;
}

ol.organizational-chart > li > ol:before,
ol.organizational-chart > li > ol > li:before {
height: 1em !important;
left: 50% !important;
top: 0 !important;
width: 3px !important;
}

ol.organizational-chart > li > ol:after {
display: none;
}

ol.organizational-chart > li > ol > li {
flex-grow: 1;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;width: 20%;
}

ol.organizational-chart > li > ol > li:only-of-type {
padding-top: 0;
}

ol.organizational-chart > li > ol > li:only-of-type:before,
ol.organizational-chart > li > ol > li:only-of-type:after {
display: none;
}

ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after,
ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
height: 3px;top: 0;   width: 50%; }
ol.organizational-chart> li
> ol
> li:first-of-type:not(:only-of-type):after {
left: 50%;
}
ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {left: 0;}
ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {height: 3px;left: 0;top: 0;width: 100%;}
}

/* For Change open/close icon on Bootstrap’s button collapse with only CSS, Reference: http://typecode.digital/change-openclose-icon-on-bootstraps-button-collapse-with-only-css/ */
[aria-expanded="false"] .menu__icon--open {display: block;}
[aria-expanded="false"] .menu__icon--close {display: none;}
[aria-expanded="true"] .menu__icon--open {display: none;}
[aria-expanded="true"] .menu__icon--close {display: block;}

.test h2,.collapse h3{font-size:14px;    margin: 0;}
.test .collapse li{}
.test .organizational-chart h1{font-size: 24px;margin:0px;color:#fff; }
.organizational-chart-title{background:#068dcd !important;border-top: 3px solid #0875a9;}
.test ol.organizational-chart > li > ol > li > ol > li > div {background-color: #caeeff;padding: 0px;border-top: 3px solid #0875a9;}
.test ol.organizational-chart  h2 {color: #000;font-weight: 800; padding-bottom: 15px;
padding-top: 10px;
}
.test  ol.organizational-chart > li > ol > li > div {background-color: #54afdb;min-height: 100px;border-top: 3px solid #0875a9;cursor: pointer;}
.test ol.organizational-chart > li > ol > li > ol > li > div a{display:flex;font-size:13.5px;padding:20px 10px; color: #000; 
font-weight: 600;padding-left: 46px;text-align: left;line-height: 1.3;text-decoration:none;}
.test .organizational-chart li img {width: 30px;position: absolute;top: 30%;left: 6%;z-index: 1;}
.test ol.organizational-chart ol:before,
.test ol.organizational-chart ol:after,
.test ol.organizational-chart li:before,
.test ol.organizational-chart li:after,
.test ol.organizational-chart > li > div:before,
.test ol.organizational-chart > li > div:after {background-color: #0875a9!important;content: "";position: absolute;}
.test ol.organizational-chart > li > ol > li > div img {position: relative;top: 0px;left: 0px;} 
.test  ol.organizational-chart > li > ol > li > div img {width: 45px;}
.test .tab-content {display: none;transition:.3s;}
.test .tab-content.active {display: block;}  
.test .tab-content {background:#fdfdfd;padding:20px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);  width: 100%;max-width: 350px;

overflow-y: scroll;
height: 450px;     
}
.tab-content::-webkit-scrollbar {width: 6px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #fff;transition:.3s;}
.tab-content:hover::-webkit-scrollbar{width: 6px;}
.tab-content:hover::-webkit-scrollbar-thumb {background-color: #333;}

#sidebar{max-width: 350px;    
z-index: 12; } 
.test .tab-content p{font-size:15px;}
.test .tab-content i{ position: absolute;top: 10px;right: 10px;background: #6ca5b4;padding: 0px;color: #fff;    cursor: pointer;width:20px;height:20px;line-height:20px;text-align:center;}
.test .tab-content h1,.test .tab-content h2,.test .tab-content h3,.test .tab-content h4{ font-weight:900;}


.tab-content img{width:100%;height:auto;margin-bottom:10px;}

.greencolor .organizational-chart-title {
background: #a3ce49 !important;
border-top: 3px solid #6f8a37 !important;
} 
.greencolor .organizational-chart h1{color:#000;}
.greencolor ol.organizational-chart ol:before, .greencolor ol.organizational-chart ol:after, .greencolor ol.organizational-chart li:before, 
.greencolor ol.organizational-chart li:after, .greencolor ol.organizational-chart > li > div:before, .greencolor ol.organizational-chart > li > div:after {
background-color: #6f8a37!important;
content: "";
position: absolute;
}

.greencolor ol.organizational-chart > li > ol > li > div {
background-color: #bfd989;
min-height: 100px;
border-top: 3px solid #6f8a37;
cursor: pointer;
}

.greencolor ol.organizational-chart > li > ol > li > ol > li > div {
background-color: #e8f3d2;
padding: 0px;
border-top: 3px solid #6f8a37;
}
.greencolor .tab-content i {

background: #6f8a37;}




.nwiconss{position: absolute;    z-index: 1;top: 0%;left: 0;width: 100%;height:59%;overflow: hidden; }
.nwiconss ul{text-align:center;}
.nwiconss li {display: inline-block;margin:5px 20px;margin-bottom:45px;text-align: center;
list-style: none;width: 40px;height: 40px;position: relative;}
.nwiconss li img {width: 35px;height: auto;opacity: .1;}
.nwiconss li:nth-child(2n+0) {top:20px; }
.nwiconss li:nth-child(3n+0) { top:-10px; }
.nwiconss li:nth-child(4n+0) { top:35px; }
.nwiconss li:nth-child(5n+0) {  top:25px; }
[class^=tooltip]:after{text-transform:capitalize;}
.nwiconss li:nth-child(3n+0) .tooltip--right:hover:after{transform:rotate(0deg);}
.nwiconss li:nth-child(4n+0) .tooltip--right:hover:after{transform:rotate(0deg);}
.nwiconss li:nth-child(5n+0) .tooltip--right:hover:after{transform:rotate(0deg);}
ol.organizational-chart, ol.organizational-chart ol, ol.organizational-chart li, ol.organizational-chart li > div {position: relative;z-index: 1;}

.nwiconss2{}
.nwiconss2{position: absolute;    z-index: 1;bottom: 0%;left: 0;width: 100%;height:40%;overflow: hidden;}
.nwiconss2 ul{text-align:center;}
.nwiconss2 li {display: inline-block;margin:5px 20px;margin-bottom:45px;text-align: center;
list-style: none;width: 40px;height: 40px;position: relative;}
.nwiconss2 li img {width: 35px;height: auto;opacity: .1;}
.nwiconss2 li:nth-child(2n+0) {top:20px; }
.nwiconss2 li:nth-child(3n+0) { top:-10px;transform:rotate(10deg);}
.nwiconss2 li:nth-child(4n+0) { top:35px;transform:rotate(5deg);}
.nwiconss2 li:nth-child(5n+0) {  top:25px;transform:rotate(30deg);}
[class^=tooltip]:after{text-transform:capitalize;}
.nwiconss2 li:nth-child(3n+0) .tooltip--right:hover:after{transform:rotate(0deg);}
.nwiconss2 li:nth-child(4n+0) .tooltip--right:hover:after{transform:rotate(0deg);}
.nwiconss2 li:nth-child(5n+0) .tooltip--right:hover:after{transform:rotate(0deg);}
ol.organizational-chart, ol.organizational-chart ol, ol.organizational-chart li, ol.organizational-chart li > div {position: relative;z-index: 1;}



.serhd .main_menu #nav > ul > li:last-child {
background: #a3ce49;} 
.serhd .main_menu #nav > ul > li:last-child a {
color: #000;
} 


.test .tab-content p {
font-size: 15px;text-align:left;line-height: 25px;
}
.test .tab-content li::marker{font-weight:900;}
.test .tab-content li {
text-align: left;
color: #596175;
font-size: 15px;
line-height: 30px;
}
.test .tab-content ul, .test .tab-content ol{padding-left:15px;}


.test ol.organizational-chart > li > ol > li > a {
background-color: #54afdb;text-decoration:none;
min-height: 100px;padding: 0.5em;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
border-top: 3px solid #0875a9;
cursor: pointer;display: block;
}
.test ol.organizational-chart > li > ol > li > a img {
position: relative;
top: 0px;
left: 0px;width: 45px;
}


.greencolor ol.organizational-chart > li > ol > li > a {
background-color: #bfd989;text-decoration:none;
min-height: 100px;padding: 0.5em;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
border-top: 3px solid #6f8a37;
cursor: pointer;display: block;
}
.greencolor ol.organizational-chart > li > ol > li > a img {
position: relative;
top: 0px;
left: 0px;width: 45px;
}


.fillerimg{     width: 100%;position: absolute;top:-111px;left: 0;z-index: 12;} 
.fillerimg2{top:-113px;}
.fillerimg img{width:100%;height:auto;max-width:200px;}



/*main_abt*/
.main_abt{width: 100%;position: relative;padding:70px 0px;overflow:hidden;} 
.main_abtbg{position: absolute;
left: -50px;
bottom: 50px;
z-index: 1;}
.main_abtbg img {
max-width: 100%;
height: auto;
}    
/*  
.main_abt:before {background: url(../images/blue-circle.webp) center center no-repeat;content: '';width: 220px;height: 280px;
position: absolute;top: -50px;left: 0;z-index: -1;background-size: 100% 100%;}*/


.main_abtl1 img{width:100%;height:auto;}
.main_abti{margin-top:45px;}

.main_abtr1 h2 {font-size: 36px;margin-bottom: 20px;font-weight: 500;}

.main_abt2{ width: 100%;position: relative;padding:70px 0px;    

background-image: url(../images/ant-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}
.main_abt2:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
height: 105px;
background-size: cover;
background: url(../images/pattern-6.png) repeat-x;
}
.main_abt2:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
right: 0px;
height: 105px;
background-size: cover;
background: url(../images/pattern-66.png) repeat-x;
}

.main_abtr1 {padding-top:40px;}
.main_abt3{width: 100%;position: relative;padding:70px 0px;}
.main_abtbg2{width: 18%;
position: absolute;
right: 0px;
top: 0;
}
.main_abtbg2 img{width:100%;height:auto;}
.mteam{width: 100%;position: relative;padding:70px 0px;}
.mteamr{width: 100%;position: relative;}
.mteamr img{width:100%;height:auto;}



.mteam2{width: 100%;position: relative;padding:60px 0px; } 
.mteamr2 img{width:100%;height:auto;}

.mteamr2 h2{font-size: 36px; 
margin-bottom: 20px;
font-weight: 500;}

.mteamr2 p{ }
.main_sba{width: 100%;position: relative;padding:60px 0px;}
.main_sbar img{width:100%;height:auto;}

.whatsapp {z-index: 12;position: fixed;right: 2%;bottom:5%; color: #fff;height: 50px;width: 50px;text-align: center;padding: 0px 0;}
.whatsapp img{width:55px;}

.footer .footer-icons ul {list-style:none; margin:20px 0px 20px 0px;padding: 0;text-align:left;}
.footer .footer-icons ul li {display: inline-block;margin:0px 10px; }
.footer .footer-icons ul li a {color: #fff;border-radius:0px;display: block;font-size:21px;text-align: center; 
text-decoration:none;  }
.bgwhite img{ }
.main_abtl1 {position:relative;z-index:12;}

.modal {
position: fixed;
top: 10%;}

.modal input{width:100%;background: transparent;border:none; padding:15px 10px;margin-bottom:15px;border:1px solid #ddd8d8;}
.modal select{width:100%;background: transparent;border:none; padding:15px 10px;margin-bottom:15px;border:1px solid #ddd8d8;}
.modal textarea{width:100%;height:120px;background:transparent;border:none; padding:15px 10px;margin-bottom:15px;resize:none;border:1px solid #ddd8d8;}
.contact_form_btn{text-align:center;margin-top:20px;}
.contact_form_btn input[type=submit]{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);width:auto;border-radius:5px; 
font-size: 16px;padding:8px 25px; box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);border:none; text-transform: uppercase;
position: relative;overflow: hidden; color:#fff; border:2px solid #23BF44; background: #23BF44;}
.contact_form_btn input[type=submit]:hover{color:#23BF44;background:transparent;border:2px solid #23BF44;}
.wpcf7-spinner{display:block !important;}
.contact_form_btn p{text-align:center;}    

.musers h5{color:#66696a !important;}
.musers .abt1r h5 { color:#66696a !important;}
.musers .abt1r ul li {position: relative;padding-left: 15px;margin-bottom: 10px;}    
.musers .abt1r ul li:after {content: "\ec77";color: #068dcd!important;font-family: "Icofont";font-size: 6px;left: 0px;top: 0px;position: absolute;}
.blog .owl-theme .owl-nav [class*=owl-] {color: #FFF;font-size: 14px;margin: 5px;
padding: 10px 10px!important;background: #068dcd;display: inline-block;cursor: pointer;border-radius: 3px;}
.nwmblog2l h4{font-size: 20px;  line-height: 30px;margin: 0px 0px 20px 0px;}
.organizational-chart-title a{text-decoration:none;}
.current_page_item  a{ color: #d2d2d2 !important;text-shadow: 0px 0px #000000;}
.current-menu-ancestor, .current-menu-parent a {text-shadow: 0px 0px #000000;}
.main_menu #nav li ul a {  color: #1d2331!important;text-shadow: 0px 0px #000000;}
.current_page_item  a{ color: #d2d2d2!important;text-shadow: 0px 0px #000000!important;}
.tabs-nav ul { margin: 0; padding: 0;}
.abt3i .tabs-nav{margin:20px 0px;}
.tabs-nav li {display: inline-block;color: #fefefe; border-radius: 0px; margin-right: 5px;border:0px solid #fff;margin-bottom:10px;}
.tabs-nav a {  display: block; padding: 10px 15px;  font-weight: bold; color: #fff;text-decoration:none;}
/* Active tab */
.tabs-nav .active { background:transparent;border-radius: 0px; color: #32ff5e;border-bottom: 2px solid #32ff5e;}
.tabs-nav li.active { background:transparent;border-radius: 0px; color: #32ff5e;border-bottom: 2px solid #32ff5e;}
.tabs-nav li.active a {
color: inherit;
}
/* Tab content */
.tabs-content p{text-align:left;}
.tabs-content {  text-align:center;padding:20px; margin-top: -1px; overflow: hidden;background: #fff;}
.tabs-content IMG { margin-right: 10px;}
/* Hide all but first content div */

.tabs-content div:not(:first-child) {  display: none;}
.tabs-content iframe{width:100%;height:450px;}
.tabs-content img{width:100%;height:auto;}


.utube_videosbx{width:100%;padding:10px;margin:10px 0px;position: relative; }
.utube_videos .owl-carousel .owl-item img {display: block;width: 100%;position: relative;}
.utube_videosbx a{text-decoration:none;color:#fff;}
.utube_videosbx img{width:100%;height:auto;}
.utube_videosbxicon  {position:absolute;top:25%;left:45%; background: #ef2a2aad;
border-radius: 5px;width:60px;height:60px;line-height:64px;color:#fff;text-decoration:none;
font-size:30px;text-align:center;}
.utube_videosbxicon {color:#000;}
.utube_videosbx i{color:#fff;}
.utube_videosbx iframe{width:100%;height:250px;}
.utube_videos .section-title h1{margin-bottom:40px;text-align:center;}
.utube_videosbx p{text-align:center;margin:10px 0px;font-size:15px;min-height:70px;}
.utube_videos .section-title h1{text-align: left;padding-right:30px;}  
.utube_videos .section-title h1,.utube_videos .section-title a{display:inline-block;} 
.utube_videos .section-title a{position:relative;top:-5px;text-decoration:none;color:#000;font-size:24px;}
.utube_videos .section-title a i{font-size:30px;position:relative;top: 5px;}


.newtabimg .tabs-content img{width:100%!important;height:auto !important;}    

.sliderl h5,.sliderl h4,.sliderl h3{ margin-bottom: 0.75rem;  font-weight: 700;color:#fff;  line-height: 1.2;  letter-spacing: 0.2px;  font-size: 18px;}   
.sliderl h2, .sliderl h1{font-size: 32px;  font-weight: 700; color: #fff;margin-bottom: 15px;line-height: normal;letter-spacing: -0.9px;text-shadow: 2px 2px #0c0c0c;}

.abt1r h5,.abt1r h4,.abt1r h3{ margin-bottom: 0.75rem;  font-weight: 700;color:#23BF44;  line-height: 1.2;  letter-spacing: 0.2px;  font-size: 18px;}     
.abt1r h2, .abt1r h1{font-size: 32px;  font-weight: 700;  margin-bottom: 15px;line-height: normal;letter-spacing: -0.9px;}   

.newtabimg .abt1r h5,.newtabimg .abt1r h4,.newtabimg .abt1r h3{ margin-bottom: 0.75rem;  font-weight: 700;color:#fff;  line-height: 1.2;  letter-spacing: 0.2px;  font-size: 18px;}      
.qckcontr {padding-top: 30px;text-align: center;}
.qckcontr p{text-align: center;}
.solutions .abt1r h2{color: #1d2331;}   
.qckcontr h5{color:#fff;}   

.page_title_innn h2,.page_title_innn h1  {font-size: 32px; }  
.page_title_innn h5,.page_title_innn h4,.page_title_innn h3{font-size: 18px;}    

.abt1rni{margin-top:35px;}    

.appmenu ul{margin:10px 0px;}    
.appmenu ul li{list-style:none;display:block;margin-bottom:10px;}
.appmenu ul li a{text-decoration:none;}
.appmenu ul li a img{width:100%;height:auto;max-width: 120px;}    
/*maindemo*/    
.maindemo{width:100%;padding:120px 0px  0px 0px;margin:0px 0px;position: relative;background: #068dcd;
background-image: url(../images/service_bg_3.png);}    

.maindemol{}    
.maindemol input{width:100%;background: transparent;border:none; padding:15px 5px 5px 5px;margin-bottom:15px;border:none;border-bottom: 1px solid rgba(0,0,0,0.3) ;}
.maindemol select{width:100%;background: transparent;border:none; padding:15px 5px 5px 5px;margin-bottom:15px;border:none;border-bottom: 1px solid rgba(0,0,0,0.3)  ;font-weight: 400;
line-height: 1.5;
color: #596175;}
.maindemol textarea{width:100%;height:60px;background:transparent;border:none; padding:15px 5px 5px 5px;margin-bottom:15px;resize:none;border:none;border-bottom: 1px solid rgba(0,0,0,0.3) ;}
.maindemol .contact_form_btn{text-align:center;margin-top:20px;}
.maindemol .contact_form_btn input[type=submit]{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);width:auto;border-radius:5px; 
font-size: 16px;padding:8px 25px; box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);border:none; text-transform: uppercase;border: 1px solid #23BF44;
position: relative;overflow: hidden; color:#fff; border:2px solid #23BF44; background: #23BF44;}
.contact_form_btn input[type=submit]:hover{color:#23BF44;background:transparent;border:2px solid #23BF44;}    
.maindemol .contact_form_btn p{text-align:center;}

.maindemol input::placeholder,  .maindemol textarea::placeholder{color: #596175;}


.maindemol{background: #FFFFFF;z-index:12;
padding: 25px 20px;
box-shadow: 0 15px 30px 0 rgba(0,0,0,0.3), inset 0 4px 0 0 #23bf44;}    
.maindemor{width:100%;position:relative;padding-left: 220px;padding-top:35px;}    
.maindemorimg img{width:100%; height:auto;max-width:250px;}    
.maindemorimg{position:absolute;top:40px;left:-40px;z-index:1;}    

.maindemor h5,.maindemor h4,.maindemor h3{ margin-bottom: 0.75rem;  font-weight: 700;color:#fff;  line-height: 1.2;  letter-spacing: 0.2px;  font-size: 18px;}   
.maindemor h2, .maindemor h1{font-size: 32px;  font-weight: 700; color: #fff;margin-bottom: 15px;line-height: normal;letter-spacing: -0.9px;}
.maindemor p{color:#fff;}  


.maindemo2{    width: 100%;position: relative;padding:120px 0px;background-image: url(../images/ant-bg.png);
background-position: center;background-repeat: no-repeat;background-size: cover;margin-top:40px;}    
.maindemo2:before {position: absolute;content: '';left: 0px;top: 0px;right: 0px;
height: 105px;background-size: cover;background: url(../images/pattern-6.png) repeat-x;}
.maindemo2:after {position: absolute;content: '';left: 0px;bottom: 0px;right: 0px;
height: 105px;background-size: cover;background: url(../images/pattern-66.png) repeat-x;}     
.maindemo2 .abt1r{margin-bottom:45px;}   
.maindemo2 .abt1r h2{text-align:center;}   
.maindemo2bx{width:100%;padding:20px;margin-bottom:20px; transition: .2s;background:#fff; box-shadow: 0px 20px 30px 0px rgb(5 5 5 / 34%);text-align:left;}   
.maindemo2bx img{width:45px;height: auto;}    
.maindemo2bx h3{color: #2f3641;font-size:21px;font-weight: 700;margin:15px 0px;}
.maindemo2bx p{font-size: 16px;}
.mainpricing{padding:120px 0px;text-align:center;}    
.mainpricingr h5,.mainpricingr h4,.mainpricingr h3{ margin-bottom: 0.75rem;  font-weight: 700;color:#fff;  line-height: 1.2;  letter-spacing: 0.2px;  font-size: 18px;}   
.mainpricingr h2, .mainpricingr h1{font-size: 32px;  font-weight: 700; color: #fff;margin-bottom: 15px;line-height: normal;letter-spacing: -0.9px;}
.mainpricingr p{color:#fff;text-align:center;}     

.mainpricing2bx{width:100%;padding:10px 20px;margin-bottom:20px; transition: .2s; border: 1px solid rgba(170,181,211,0.5);
background-color: #f7f9fd;  text-align:left;height:200px;overflow-y: scroll;}   
.mainpricing2bx::-webkit-scrollbar {width: 5px;-webkit-box-shadow: inset 0 0 6px #fff;background-color: #fff;transition:.3s;}
.mainpricing2bx::-webkit-scrollbar-thumb {background-color: #ccc;}  
.mainpricing2bx h3{font-size:16px;border-bottom: 1px solid #d0d7e8;padding-bottom:10px;text-align:center;}   
.mainpricing2bx p{font-size:13px; margin-bottom:5px;}  
.mainpricing2i{ margin-bottom:40px;}
.mainpricing2i h3{font-size:24px;} 
.mainpricing2ibx{background-color: #fff;
box-shadow: 0 0 24px 0 rgba(0,0,0,0.12);padding: 50px 40px 32px 40px;} 
.mainpricing2{margin-top:-70px;padding-bottom:60px;}

.newdemo2{padding-bottom:0px;}




#wrapper{ text-align:center; margin:0 auto; padding:0px; width:100%; background: linear-gradient(356deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(0,212,255,1) 100%);}
#animated_div{width: 100%;height:50vh;background-image:url(../images/cloud.png) ;background-repeat: repeat-x;
background-position: top;background-size: contain;-webkit-animation: animatebackground 60s linear infinite;animation: animatebackground 60s linear infinite;
-ms-animation: animatebackground 60s linear infinite;-moz-animation: animatebackground 60s linear infinite;}



@keyframes animatebackground 
{ from {background-position: 0 0;} to {background-position: -1000px 0;}}
@-webkit-keyframes animatebackground 
{ from {background-position: 0 0;} to {background-position: -1000px 0;}}
@-ms-keyframes animatebackground 
{ from {background-position: 0 0;} to {background-position: -1000px 0;}}
@-moz-keyframes animatebackground 
{from {background-position: 0 0;} to {background-position: -1000px 0;}}


.main_sba2{width: 100%;position: relative;margin-top:-200px;overflow:hidden;}  
.main_sba2bg{position: absolute;left: 0;bottom: -182px;z-index: -1;width: 100%;}  
.main_sba2bg img {width: 100%;height: auto;} 
.antsdiv{position: absolute;right: 0;bottom:2px;} 
.antsdiv img {width: 100%;height: auto;max-width:300px;} 


.falling-leaves {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 100%;
max-width:  100%;
max-height:  100%;
transform: translate(-50%, 0);

background-size: cover;
overflow: hidden;
}


.leaf-scene {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
transform-style: preserve-3d;
}
.leaf-scene div {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: url(../images/leaves.png) no-repeat;
background-size: 100%;
transform-style: preserve-3d;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}




.innertitle h3{color:#068dcd;}
.innertitle2 h3{color:#31b80c;}
.quotebxnew{width:100%;height:auto;}
.quotebxnew img{width:100%;max-width:200px;height:auto;} 
.quotebxnew{max-width: 350px;}
.quotebxnewbtn{text-align:center;margin-top:20px;}
.quotebxnewbtn a{color:#fff;background:#31b80c;padding:8px 20px;border-radius:5px;text-decoration:none;}
.quotebxnew{text-align:center;}
.quotebxnewbtn a:hover{color:#23BF44;background:transparent;border:2px solid #23BF44;}  
.quotebxnewmodal .modal-header {display: -ms-inline-block;border-bottom: 0px solid #e9ecef;display: inline-block;text-align: center;}
.quotebxnewmodal .modal-header .close {
padding: 1rem;border-bottom: 0px solid #e9ecef;margin: -1rem -1rem -1rem auto;position: relative;top: -30px;}
.quotebxnewmodal input{width:100%;background: transparent;border:none; padding:15px 5px 5px 5px;margin-bottom:15px;border:none;border-bottom: 1px solid rgba(0,0,0,0.3) ;}
.quotebxnewmodal select{width:100%;background: transparent;border:none; padding:15px 5px 5px 5px;margin-bottom:15px;border:none;border-bottom: 1px solid rgba(0,0,0,0.3)  ;font-weight: 400;
line-height: 1.5;
color: #596175;}
.quotebxnewmodal textarea{width:100%;height:60px;background:transparent;border:none; padding:15px 5px 5px 5px;margin-bottom:15px;resize:none;border:none;border-bottom: 1px solid rgba(0,0,0,0.3) ;}
.quotebxnewmodal .contact_form_btn{text-align:center;margin-top:20px;}
.quotebxnewmodal .contact_form_btn input[type=submit]{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);width:auto;border-radius:5px; 
font-size: 16px;padding:8px 25px; box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);border:none; text-transform: uppercase;border: 1px solid #23BF44;
position: relative;overflow: hidden; color:#fff; border:2px solid #23BF44; background: #23BF44;}
.contact_form_btn input[type=submit]:hover{color:#23BF44;background:transparent;border:2px solid #23BF44;}    
.quotebxnewmodal .contact_form_btn p{text-align:center;}

.quotebxnewmodal input::placeholder,  .quotebxnewmodal textarea::placeholder{color: #596175;}

.slide-wrap { margin: 1% auto 0;  width: 100%;}
.slide-mask { position: relative; overflow-y: scroll;height: 400px;}
.slide-mask::-webkit-scrollbar {width: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #fff;transition:.3s;}
.slide-mask::-webkit-scrollbar-thumb {background-color: #fff;}
.slide-group { position: absolute;  top: 0px;  left: 0;width: 100%;}
.slide {  height: auto;text-align: left;  color: #596175;font-size: 17px;line-height: 1.6; }

/* nav
----------------------*/
.slide-nav { text-align: center;display:none;}
.slide-nav ul {	margin: 0;padding: 0;}
.slide-nav li { display: inline-block; width: 10px;height: 10px; background: rgb(175, 56, 56);
cursor: pointer; margin-left: .5em;}
.slide-nav li.current {background: rgb(144, 39, 39);}
.slide-mask li{color:red;width:60%;margin:auto 20%;list-style:none;position:relative; display: inline-block;position: relative;height: 170px;
background-color: #f8f8f5;margin-bottom:30px;}
.slide_wrap_bx{height: 170px;overflow-y: scroll;padding:25px;}    
.slide_wrap_bx::-webkit-scrollbar {width: 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #fff;transition:.3s;}
.slide_wrap_bx::-webkit-scrollbar-thumb {background-color: #fff;}  
.slide-mask li:before {content: ' ';position: absolute;z-index: 1;width: 0;height: 0; right: 30px;
bottom: -40px;border:0px solid;border-color: #666 #666 transparent transparent;}
.slide-mask li:after {content: ' ';z-index: 1;position: absolute;width: 0;height: 0; right: 38px;bottom: -20px;
border: 12px solid;border-color: #f8f8f5 #f8f8f5 transparent transparent;}
.slide-mask{position:relative;}
.slide-mask li:nth-child(odd) {background:#f8f8f5;width:70%;float:left;}
.slide-mask li:nth-child(even) {background:#f8f8f5;width:70%;float:right;}

.slide-mask li:nth-child(odd):after {content: ' ';z-index: 1;position: absolute;width: 0;height: 0;left: 20px; bottom: -20px;transform: skewX(-50deg);
border: 12px solid;border-color: #f8f8f5 #f8f8f5 transparent transparent;}
.slide-mask li:nth-child(odd):before {content: ' ';position: absolute;z-index: 1;width: 0;height: 0;left: 4px; transform: skewX(-50deg);
bottom: -40px;border: 0px solid;border-color: #666 #666 transparent transparent;}
.main_sba2mg img{width:100%;height:auto;}
.new_sba2_chat{width:100%;height:400px;overflow-y:scroll;}
.new_sba2_chat::-webkit-scrollbar {width: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #fff;transition:.3s;}
.new_sba2_chat::-webkit-scrollbar-thumb {background-color: #fff;}

.new_sba2_chat{position:relative;}
.new_sba2_chat li:nth-child(odd) {background:#d4d4d4;width:60%;float:left;}
.new_sba2_chat li:nth-child(even) {background:#d4d4d4;width:60%;float:right;}

.new_sba2_chat li{color:#000; list-style:none;position:relative; display: inline-block;position: relative;height: auto; font-size:16px;
background-color: #d4d4d4; margin-bottom:30px;      
box-shadow: 0 16px 32px rgb(166 188 233 / 20%);}
.new_sba2_chat li:before {content: ' ';position: absolute;z-index: 1;width: 0;height: 0; right: 30px;
bottom: -40px;border: 0px solid;border-color: #666 #666 transparent transparent;}
.new_sba2_chat li:after {content: ' ';z-index: 1;position: absolute;width: 0;height: 0; right: 38px;bottom: -20px;
border: 12px solid;border-color: #d4d4d4 #d4d4d4 transparent transparent;}
.new_sba2_chat li:nth-child(odd):after {content: ' ';z-index: 1;position: absolute;width: 0;height: 0;left: 20px; bottom: -20px;transform: skewX(-50deg);
border: 12px solid;border-color: #d4d4d4 #d4d4d4 transparent transparent;}
.new_sba2_chat li:nth-child(odd):before {content: ' ';position: absolute;z-index: 1;width: 0;height: 0;left: 4px; transform: skewX(-50deg);
bottom: -40px;border: 0px solid;border-color: #666 #666 transparent transparent;}
.new_sba2_chat .cb__list {padding: 0;list-style-type: none;font-family: sans-serif;width: 100%;margin: 0 auto;overflow: hidden;}
.cb__list .bubble {box-shadow: 0 0px 0px rgba(0,0,0,.2);    background:transparent;}
.new_sba2_chat ul li  {}
.new_sba2_chat ul li:hover {-moz-animation-play-state: paused;-webkit-animation-play-state: paused;animation-play-state: paused;}

.main_sba2mg img{width:100%;height:auto;}
.slidersbabx { height:auto !important;margin: 0px 0px;margin-bottom: 5px; }
.slick-vertical .slick-slide{display: flex;justify-content: center;/* height: 100% !important; */align-items: flex-end;}
.slidersbabx ul{text-align:center;margin-bottom:30px;}
.slick-slide.slick-active .slidersbabx ul li:nth-child(odd) {background:#fff;   }
.slick-slide.slick-active .slidersbabx ul li:nth-child(even) {  background:#fff;   }
.slidersbabx ul li{   border-radius: 30px;position: relative;align-items: center;justify-content: center;text-align: center;
padding:10px;display:inline-block;width:40%;position:relative;margin: 0px 0px;color:#fff;font-size:16px;  }
 
 .slidersbabx ul li:nth-child(even){max-width:300px;margin-left:40px;}
.slidersbabx ul li:nth-child(odd){ left:-75px;}
.slidersba .animated {transition: all 0.5s ease;}
.slidersba  [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;}
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots {position: absolute;z-index: 123;bottom: -100px;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{color: #ccc;outline: none;background: transparent;}
.slick-prev:before, .slick-next:before{ color: #a3ce49 ;}
.slidersbabx ul li p{color:#fff;margin:0px; font-size: 14px;line-height: 1.4;}  
.main_sba2mg img {width: 100%;height: auto;max-width:200px;margin: auto;}
.slidersbainn{display: flex;justify-content: center; align-items: flex-end;}
.slick-prev {left: 0;z-index: 12;}
.slick-next {right: 0;z-index: 12;}


.hmesba .tab-content{width:100%;position:relative;padding:0px;height:auto;background: #f8f8f8;}    
.hmesba .sbaoffcbg {width:100%;position:absolute;display:block !important;height:auto;bottom: 0;}    
.hmesba .sbaoffcbg img{width:100%;height:auto;max-width: initial;object-fit:cover;}    
.hmesba .main_sba2mg img {width: 100%;height: auto;max-width: initial;margin: auto;}
.tab-content-in{width:100%;background-position: bottom;background-repeat: no-repeat;padding: 20px 20px 0px 20px;background-size: contain;}
.main_sba2mg img{width:100%;height:auto;}
.hmesba .slidersbabx { height:300px!important;margin: 0px 0px;margin-bottom: 5px; overflow:auto;}
.slick-slide{display: flex;justify-content: center;/* height: 100% !important; */align-items: flex-end;}
.slidersbabx ul{text-align:center;}
.slick-slide.slick-active .slidersbabx ul li:nth-child(odd) {background:#fff;   }
.slick-slide.slick-active .slidersbabx ul li:nth-child(even) {  background:#fff;   }
.slidersbabx ul li{  border-radius: 30px;position: relative;align-items: center;justify-content: center;text-align: center;
padding:10px;display:inline-block;width:40%;position:relative;margin: 0px 0px;color:#fff;font-size:16px;  }
 

 
.slidersbabx ul li span{width: 0;height: 0;left: auto;right: 48%; 
  position:absolute;
  
    bottom: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    
     
    border-top: 20px solid transparent;
    transform: rotate(-85deg);
    z-index: -1;
}





.slidersbabx ul li:nth-child(even){max-width:300px;margin-left:40px;}
.slidersbabx ul li:nth-child(odd){ left:-75px;}
.slidersba .animated {transition: all 0.5s ease;}
.slidersba  [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;}
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots {position: absolute;z-index: 123;bottom: -100px;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{color: #ccc;outline: none;background: transparent;}
.slick-prev:before, .slick-next:before{ color: #a3ce49 ;}

.hmesba .tabs {width: 100%;}
.hmesba .nav {display: -ms-inline-block;    text-align: center;display: inline-block;}
.hmesba .nav-tabs .nav-item {color: #fff;margin: 10px;display: inline-block;}
.hmesba .nav-tabs .nav-link {border: none;transition: .3s;border: 1px solid #fff;}
.hmesba .tab-pane {   text-align: center;background: #fff;border:1px solid #cfcfcf;  box-shadow: 0 15px 30px 0 rgba(0,0,0,0.3), inset 0 4px 0 0 #fff;  padding: 0px 0px 0px 0px;}


.people-list {
  width:260px;
  float: left;
  
  .search {
    padding: 20px;
  }
  
  input {
    border-radius: 3px;
    border: none;
    padding: 14px;
    color: white;
    background: #6A6C75;
    width: 90%;
    font-size: 14px;
  }
  
  .fa-search {
    position: relative;
    left: -25px;
  }
  
  ul {
    padding: 20px;
    height: 770px;
 
    
    
    
    li {
      padding-bottom: 20px;
    }
  }
  
  img {
    float: left;
  }
  
  .about {
    float: left;
    margin-top: 8px;
  }
  
  .about {
    padding-left: 8px;
  }
  
  .status {
    color: #ccc;
  }
  
}

.chat {
  width: 100%;
  float:left;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  
  color: #434651;
  
  .chat-header {
    padding: 20px;
    border-bottom: 2px solid white;
    
    img {
      float: left;
    }
    
    .chat-about {
      float: left;
      padding-left: 10px;
      margin-top: 6px;
    }
    
    .chat-with {
      font-weight: bold;
      font-size: 16px;
    }
    
    .chat-num-messages {
      color: #ccc;
    }
    
    .fa-star {
      float: right;
      color: #D8DADF;
      font-size: 20px;
      margin-top: 12px;
    }
  }
  
  .chat-history-it,
  .chat-history-executive,
  .chat-history-finance,
  .chat-history-asset,
  .chat-history-operation,
  .chat-history-facility,
  .chat-history-procurement,
  .chat-history-complaince,
  .chat-history-technician,
  .chat-history-insurance,
  .chat-history-bpo {
    padding: 30px 30px 20px;
    overflow-y: scroll;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    .message-data {
      margin-bottom: 15px;
    }
    
    .message-data-time {
      color: lighten(#ccc, 8%);
      padding-left: 6px;
    }
    
    .message {      
      color: white;
      padding: 18px 20px;
      line-height: 26px;
      font-size: 14px;
      border-radius: 7px;
      margin-bottom: 30px;
      width: 90%;
      position: relative;
      
     /* &:after {
        top: 100%;
        left: 7%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top-color: #5e7c7f;
        border-width: 10px;
        margin-left: -10px;
      } */
    }
    
    .my-message {
      background: #5e7c7f;
		text-align: left;
    }
    
    .other-message {
      background: #93928c;
		text-align: left;
      
    /*  &:after {
        border-top-color: #93928c;
        left: 93%;
      } */
    }
    
  }
  
  .chat-message {
    padding: 30px;
    
    textarea {
      width: 100%;
      border: none;
      padding: 10px 20px;
      font: 14px/22px "Lato", Arial, sans-serif;
      margin-bottom: 10px;
      border-radius: 5px;
      resize: none;
      
    }
    
    .fa-file-o, .fa-file-image-o {
      font-size: 16px;
      color: gray;
      cursor: pointer;
      
    }
    
    button {
      float: right;
      color: blue;
      font-size: 16px;
      text-transform: uppercase;
      border: none;
      cursor: pointer;
      font-weight: bold;
      background: #F2F5F8;
      
      &:hover {
        color: darken(blue, 7%);
      }
    }
  }
}

.online, .offline, .me {
    margin-right: 3px;
    font-size: 10px;
  }
  
.online {
  color: green;
}
  
.offline {
  color: orange;
}

.me {
  color: blue;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.float-right {
  float: right;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.csa-chat-it,
.csa-chat-executive,
.csa-chat-finance,
.csa-chat-asset,
.csa-chat-operation,
.csa-chat-facility,
.csa-chat-procurement,
.csa-chat-complaince,
.csa-chat-technician,
.csa-chat-insurance,
.csa-chat-bpo {
    height: 100px;
}
/* Define the initial state of the div */
.fade-in {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

/* Define the fade-in animation */
@keyframes fade-in-animation {
  0% {
    opacity: 0;
  }
	50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Apply the animation to the div */
.fade-in.active {
  animation: fade-in-animation 1s forwards;
}

.other-message span,
.my-message span {width: 0;height: 0;left: auto;right: 48%; 
  position:absolute;
  
    bottom: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    
     
    border-top: 20px solid transparent;
    transform: rotate(-85deg);
    z-index: -1;
}


.other-message span {
	right: 27%; 
}

.my-message span {
	right: 76%; 
}

.newdepi{margin-bottom:30px;}
.newdepi p {font-size: 15px;text-align:left;line-height: 25px;}
.newdepi span {font-size: 15px;text-align:left;line-height: 25px;margin-bottom: 1rem;}
.ewa-rteLine{font-size: 15px;text-align:left;line-height: 25px;margin-bottom: 1rem;}
.newdepi li::marker{font-weight:900;}
.newdepi li {text-align: left;color: #596175;font-size: 15px;line-height: 30px;}
.newdepi ul, .newdepi ol{padding-left:15px;}
.newdepi img{width:100%;height:auto;margin-bottom:20px;}
.newdepi .abt1r a{text-decoration:none;border:0px solid #23BF44;color: #23BF44;padding:0px;border-radius:5px;transition:.3s;display:inline-block;margin-top:0px;transition:.2s;}
 .newdepi .abt1r h3{margin-bottom:20px;}


.tab-content-in img{width:100%;height:auto; padding: 0px;max-width: initial;margin:0px;}
.tab-content-in{padding:15px 0px ;}
.chat {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;}
.nccbx{padding-left:40px;position:relative;margin-bottom:15px;}
.nccbx img{position:absolute; top: -12px;
    left: -8px;
    width: 35px;}
.footer_bxncicon  {padding-left:30px;position:relative;margin:10px 0px 25px 0px;}
.footer_bxncicon img{position:absolute; top: -4px;
    left: -8px;
    width: 30px;}
    
.discoverbtn,
.discoverbtn:hover{
    background: #36bf4e !important;
    border-color: #36bf4e !important;
    color: #fff !important;
}

.refinebtn,
.refinebtn:hover{
    background: #36bf4e !important;
    border-color: #36bf4e !important;
    color: #fff !important;
}

.roi-controls {
            width: 45%;
        }

        .roi-control {
            margin-bottom: 20px;
        }

        .roi-control label {
            display: flex;
            font-weight: bold;
            margin-bottom: 5px;
			justify-content: end;
        }

        .roi-control input[type="range"] {
            width: 100%;
        }

        .roi-control input[type="text"] {
            
            border: 1px solid #016d9a;
            border-inline: none;
            border-top: none;
            padding: 8px;
            text-align: right;
        }

        .roi-summary {
            width: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
			padding-left: 50px;
        }

        .roi-pie-chart {
            width: 350px;
            height: 350px;
            border-radius: 50%;
            background: -webkit-conic-gradient(
                #016d9a 0% 70%,
                #88BE44 70% 100%
            );
            background: conic-gradient(
                #016d9a 0% 70%,
                #88BE44 70% 100%
            );
            margin-bottom: 20px;
        }

        .roi-details {
            padding: 25px;
            width: 100%;
    border: 1px solid rgba(209, 213, 219, 0.3);
            background: rgba( 136, 190, 68, 0.1 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
 backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 12px;
        }

        .roi-details p {
            margin: 5px 0;
            font-size: 16px;
            display: flex;
            justify-content: space-between;
        }

        #roi {
            font-style: italic;
            color: #4caf50;
        }

.text-bold {
    font-weight: bold;
}
.border-bottom-1 {
    border-bottom: 1px solid #000;
}

/* Style for the range track inside .roi-control */
.roi-control input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: #cae5f3 !important; /* Light gray background */
    border-radius: 4px;
    outline: none;
    transition: background 0.3s;
    cursor: pointer;
}
/* Style for the slider thumb inside .roi-control */
.roi-control input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #8bbe50; /* Red thumb */
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: background 0.3s;
}

.pricing-row#style-6 .pricing-6.business {
    background: rgb(178 223 125);
}
.pricing-row#style-6 .pricing-6 {
    max-width: 500px;
    height: 100%;
    background: rgba(255, 168, 101, 0.4);
    color: #333;
    text-align: center;
    border-radius: 53px;
    position: relative;
    display: grid
;
    grid-template-columns: 50px;
    grid-template-areas: "pricing-title content-right";
}
.pricing-row.demo .pricing {
    margin-bottom: 30px;
}
.pricing-row#style-6 .pricing-6 .pricing-title-holder {
    grid-area: pricing-title;
    display: flex
;
    align-self: center;
}
.pricing-col * {
    transition: all 0.3s ease;
    position: relative;
}

.pricing-row#style-6 .pricing-6 .content-right {
    background: #e0f5c8;
    border-radius: 65px 53px 53px 53px;
    grid-area: content-right;
    display: grid;
    grid-template-columns: 8px 1fr 64px;
    grid-template-areas: "bg-element specs price-and-bt";
    transition: all .8s ease;
}


.pricing-row#style-6 .pricing-6.business .content-right .bg-element {
    background: rgb(33 142 202 / 50%);
}
.pricing-row#style-6 .pricing-6 .content-right .bg-element {
    grid-area: bg-element;
    width: 8px;
    height: 70%;
    background: rgba(234, 120, 31, 0.5);
    border-radius: 9px;
    align-self: center;
}

.pricing-row#style-6 .pricing-6 .content-right .specs-holder {
    align-self: center;
    grid-area: specs;
    padding: 20px 10px;
}
.pricing-row#style-6 .pricing-6 .content-right .specs-holder .specs {
    font-size: 14px;
    text-align: left;
}
.pricing-row#style-6 .pricing-6 .content-right .specs-holder .specs > li {
    margin-top: 5px;
    list-style: none;
    font-size:14px !important;
}
.pricing-col ul li {
    list-style-type: none;
}
.pricing-row#style-6 .pricing-6 .content-right .price-and-bt {
    color: #EA781F;
    grid-area: price-and-bt;
    display: grid
;
}
.pricing-row#style-6 .pricing-6.business .content-right .price-and-bt .price {
    color: #016d9a;
    border-color: #016d9a;
}
.pricing-row#style-6 .pricing-6 .content-right .price-and-bt .price {
    width: 84px;
    height: 84px;
    background: #fff;
    font-weight: bold;
    border: 2px solid #FFA865;
    border-radius: 100%;
    align-self: start;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-top: -13px;
}

.pricing-row#style-6 .pricing-6 .content-right .price-and-bt .price .currency {
    font-size: 14px;
    margin: -27px 0 0 -7px;
}

.pricing-row#style-6 .pricing-6 .content-right .price-and-bt .price .num {
    font-size: 36px;
    margin-top: -10px;
}
.pricing-row#style-6 .pricing-6 .content-right .price-and-bt .price .period {
    font-size: 12px;
    position: absolute;
    bottom: 12px;
}
.pricing-row#style-6 .pricing-6.business .content-right .price-and-bt .btn-primary {
    background: #8bbe50;
    border-color: #8bbe50;
}
.pricing-row#style-6 .pricing-6 .content-right .price-and-bt .btn-primary {
    height: 66px;
    background: #EA781F;
    font-size: 16px;
    border-color: #EA781F;
    border-radius: 111px 0 95px;
    align-self: end;
    margin-right: 20px;
}

.pricing-row#style-6 .pricing-6.business .pricing-title {
    margin-left: -190px;
}
.pricing-row#style-6 .pricing-6 .pricing-title-holder .pricing-title {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 12px;
    transform: rotate(-90deg);
    white-space: nowrap;
}
.font-14 {
font-size: 14px;
margin-bottom: 10px;   
}
.font-16 {
	font-size: 16px;
	display: flex;
    justify-content: center;
}
.color-custom-blue {
	color: #2179ba;
	font-size: 16px;
}


.pricing-row#style-9 .pricing-9.business {
        color: #156e98;
    border-color: #f8b33f;
    border-radius: 5px;
}
.pricing-row#style-9 .pricing-9 {
    min-width: 40%;
    height: 100%;
    background: #fff;
    color: #EA781F;
    border: 1px solid #EA781F;
    display: grid
;
    grid-template-rows: 70px 50px 94px;
    justify-items: center;
    position: relative;
}
.pricing-row.demo .pricing {
    margin-bottom: 30px;
}
.pricing {
    max-width: 300px;
    color: #fff;
    font-family: 'Lato', sans-serif;
}

.pricing-row#style-9 .pricing-9.business::before {
    background: #f8b33f;
}
.pricing-row#style-9 .pricing-9::before {
    width: 98px;
    height: 12px;
    background: #EA781F;
    content: "";
}
.pricing-row#style-9 .pricing-9 .pricing-title {
    font-size: 1.8rem;
    font-weight: lighter;
    margin: -67px 0 0 0;
}
.pricing-row#style-9 .pricing-9.business .price {
        background: transparent;
    border-radius: 3px;
}
.pricing-row#style-9 .pricing-9 .price {
    width: 60%;
    height: 58px;
    background: #EA781F;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: -69px;
}
.pricing-row#style-9 .pricing-9 .price .currency {
    font-size: 1.5rem;
    font-weight: lighter;
    margin: -36px 1px 0 -11px;
}
.pricing-row#style-9 .pricing-9 .price .num {
    font-size: 39px;
    line-height: 0;
    margin-top: -12px;
}
.pricing-row#style-9 .pricing-9 .price .period {
    font-size: 15px;
    font-weight: lighter;
    position: absolute;
    bottom: 12px;
}

.roi-input-style {
	font-size: 22px;
	color: #666666;
	width: 80%;
}
.color-999 {
	color: #999;
}
.color-custom-blue1 {
	color: #094673;
	display: flex;
    justify-content: center;
}
.left-heath {
	height: 700px;
    overflow: auto;
    padding-inline: 5px;
}

.circles {
  margin-bottom: -10px;
}

.circle {
  margin: 6px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
}

.circle canvas {
  vertical-align: top;
}

.circle strong {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
	height:100%;
	display: flex;
	justify-content: center;
align-items: center;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle span {
  display: block;
  color: #aaa;
  margin-top: 12px;
}

.install {
  display: inline-block;
}

.install a {
  display: block;
  width: auto;
  vertical-align: middle;
  padding: 6px 12px;
  line-height: 20px;
  background-color: #111;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
  margin: 5px auto;
  transition: all .3s;
}

.install code {
  padding: 6px 12px;
  display: block;
  font: 13px/20px Courier New, Liberation Mono, monospase;
  background-color: #333333;
  border-radius: 4px;
  margin: 5px 0;
  white-space: nowrap;
}

.install a:hover {
  background-color: #222;
}

.credits {
  color: #aaa;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.credits img {
  margin-left: 4px;
  border-radius: 4px;
  vertical-align: middle;
}

@media (max-height: 600px), (max-width: 480px) {
  .credits {
    position: inherit;
  }
}



.speedo {
	width: 200px;
	height: 90px;
	margin: 100px auto 30px auto;
	overflow: hidden;
}

.face {
	width: 200px;
	height: 200px;
	border: solid 40px #fff;
	border-radius: 50%;
	position: relative;
}

.needle {
	width: 5px;
	height: 80px;
	background: #dd2f2f;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 100%;
	border-top-right-radius: 100%;
	display: inline-block;
	left: 55px;
	position: absolute;
	top: -33px;
	transform-origin: bottom;
}

.slow {
	-webkit-animation: slow 2s;
	transform: rotate(-50deg);
}

.medium {
	-webkit-animation: medium 2s;
	transform: rotate(0deg);
}

.fast {
	-webkit-animation: fast 2s;
	transform: rotate(50deg);
}

@-webkit-keyframes slow {
	0% {
		transform: rotate(-90deg);
	}
	100% {
		transform: rotate(-50deg);
	}
}

@-webkit-keyframes medium {
	0% {
		transform: rotate(-90deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes fast {
	0% {
		transform: rotate(-90deg);
	}
	100% {
		transform: rotate(50deg);
	}
}

.left-heath .card-header {
	background-color: #9bcf69;
}

.left-heath .card-link {
	color: #555;
	font-weight: bold;
}

.pricing-row#style-7 .pricing-7.business {
    color: transparent;
    border-color: transparent;
    box-shadow: none;
}
.pricing-row#style-7 .pricing-7 {
    min-width: 340px;
    height: 100%;
	min-height: 250px;
    background: #fff;
    color: #EA781F;
    border: 1px solid rgba(255, 168, 101, 0.5);
    border-radius: 100%;
    display: grid
;
    justify-items: center;
    box-shadow: 0 10px 0 rgba(255, 168, 101, 0.9);
    grid-template-rows: 39px 80px;
}
.pricing-row.demo .pricing {
    margin-bottom: 30px;
}

.pricing-row#style-7 .pricing-7.business .pricing-title {
    border-color: rgba(0, 150, 136, 0.7);
}
.pricing-row#style-7 .pricing-7 .pricing-title {
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #FFA865;
    border-radius: 30px;
    padding: 3px 25px;
    margin-top: -12px;
	display: inline-table;
}
.pricing-row#style-7 .pricing-7 .price {
    height: 40px;
    font-size: 15px;
    font-weight: bold;
    display: flex
;
    justify-content: center;
    align-items: center;
    position: relative;
}
.pricing-row#style-7 .pricing-7 .specs {
    color: #333;
    font-size: 14px;
    text-align: center;
    margin-left: -33px;
}

#PreviewGaugeMeter {
}

#PreviewGaugeMeter .GaugeMeter-Value {
  color: #88be44; /* Change value text color to blue */
}
.GaugeMeter{
                Position: Relative;
                Text-Align: Center;
                Overflow: Hidden;
                Cursor: Default;
            }

            .GaugeMeter SPAN,
            .GaugeMeter B{
                Margin:	0 23%;
                Width: 54%;
                Position: Absolute;
                Text-Align: Center;
                Display: Inline-Block;
                Color: RGBa(0,0,0,.8);
                Font-Weight: 100;
                Font-Family: "Open Sans", Arial;
                Overflow: Hidden;
                White-Space: NoWrap;
                Text-Overflow: Ellipsis;
            }
            .GaugeMeter[data-style="Semi"] B{
                Margin: 0 10%;
                Width: 80%;
            }

            .GaugeMeter S,
            .GaugeMeter U{
                Text-Decoration:None;
                Font-Size: .30em;
                Font-Weight: 200;
                Opacity: .6;
            }

            .GaugeMeter B{
                Color: Black;
                Font-Weight: 200;
                Font-Size: 0.85em;
                Opacity: .8;
            }

  #gauge1{
      width:400px; height:320px;
      display: inline-block;
    }

.gauge-holder {
            width: 360px;
            padding: 4px;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/**
 * JS Progress Gauge
 * Author: CalvinNunes [calvin_nunes13@hotmail.com]
 * Version: 1.0.0
 */

.progressGauge-boxbar{
	position: relative;
	display: flex;
	align-items: center;
}

.progressGauge-progressbar {
    width: 100%;
	margin: 0px;
	position: absolute;
	background-color: #EEEEEE;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);
	display: flex;
    align-items: center;
}

.progressGauge-progress{
	position: absolute;
	height: 8px;
	background-color: #3498db;
}

.progressGauge-displaybox{
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px 2px;
}

.progressGauge-displaylabel{
	display: inline-flex;
	z-index: 10;
}

.progressGauge-displaytitle{
	display: inline-flex;
	z-index: 10;
}
.total-roi-calc {
	position: absolute !important;
    z-index: 1;
    top: 108px;
    right: 30px;
}
@media (max-width: 1366px) and (max-height: 768px) {
    .total-roi-calc {
        top: 48px;
    }
	.pricing-row#style-9 .pricing-9 .price .currency {
    font-size: 1rem;
    font-weight: lighter;
    margin: -36px 1px 0 -11px;
}
	.pricing-row#style-9 .pricing-9 .price .num {
    font-size: 20px;
    line-height: 0;
    margin-top: -12px;
}
	.pricing-row#style-9 .pricing-9 .pricing-title {
    font-size: 1.2rem;
    font-weight: lighter;
    margin: -65px 0 0 0;
}
	.pricing-row#style-9 .pricing-9 .price {
    width: 60%;
    height: 30px;
    margin-top: -81px;
}
}
.roi-img-size {
	width: 52px;
}
.emoji-style {
	font-size: 36px;
}
.min-wid-300 {
	min-width: 300px;
}

.wizard > .content > .body input {
	display: inline-flex;
}
.ag-courses-item_bg::after {
	content: '';
	position: absolute;
	color: red;
	width: 20px;
	height: 20px;
	opacity:.5;
}
.steps .number {
    display: none;
}
.wizard > .steps a,
.wizard > .steps .current a,
.wizard > .steps .done a{
	font-size: 16px;
    padding: 5px;
	background: none;
	color:#666 !important;
	border: 1px solid #ccc;
}
.wizard > .steps .current a {
	background: #f5f5f5;
    color: #000;
	border: 3px solid #016d9a;
}
.wizard > .steps .current a:hover {
	border: 3px solid #016d9a !important;
	padding: 5px;
}
.wizard > .steps a:hover, .wizard > .steps .current a:active {
	background: #a6cde3 !important;
    border: 3px solid transparent !important;
    padding: 3px;
}
.lh-normal {
	line-height: normal;
}
.lh-36 {
	line-height: 36px;
}
.perc-style,
.perc-style1{
	padding: 5px;
    background: #fff;
    border-radius: 15px;
    color: #000;
	margin-left: 5px;
}
.perc-style1 {
	letter-spacing: 1.5px;
}
.roi-notes {
	font-size: 12px;
    font-style: italic;
    color: #555;
	display: block;
	text-align: justify;
}

#roi-specs {
      max-width: 900px;
      margin: 0 auto;
      background-color: #ffffff;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      border: 1px solid #ddd;
    }

    #roi-specs .table-header {
      text-align: center;
      background-color: #88be44;
      color: #ffffff;
      padding: 7px;
      font-size: 20px;
      font-weight: bold;
    }

    #roi-specs table {
      width: 100%;
      border-collapse: separate; /* Ensure border-spacing works */
      border-spacing: 2px; /* Add spacing between cells */
      text-align: center;
    }

    #roi-specs th {
      background-color: #02a0c7;
      color: #ffffff;
      padding: 5px;
	text-align: center;
		font-size:16px;
    }

    #roi-specs td {
      padding: 5px;
      vertical-align: middle;
      background-color: #f9fcfd; /* Light background for better readability */
	text-align: left;
    font-size: 16px;
    }

    #roi-specs tr:nth-child(even) td {
      background-color: #f2f9fc;
    }

    #roi-specs tr:nth-child(odd) td {
      background-color: #e6f4fa;
    }

    #roi-specs tr:hover td {
      background-color: #dff2f8;
    }

    #roi-specs .column-title {
/*       font-weight: bold; */
    }
.roi-indication {
	font-size: 20px;
    font-weight: bold;
    color: red;
}
.dy-roi {
	 display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
	padding-inline: 110px;
}

@media (max-width: 576px), (min-width: 577px) and (max-width: 1024px) {
	.roi-controls {
    width: 100%;
}
	 .roi-summary {
            width: 100%;
		 padding:15px;
        }
	.dy-roi {
    padding: 15px;
}
	.roi-main-report {
		display: block !important;	
	}
}
.score-card-main {
	    border: 3px solid #88be44;
    border-radius: 3px;
    padding: 10px 0;
    margin: 10px 0;
}



/* ===== PRICING PAGE ===== */
.price-tabs {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 20px 0 rgba(39, 39, 39, 0.1);
          box-shadow: 0 5px 20px 0 rgba(39, 39, 39, 0.1);
  display: inline-block;
  padding: 7px;
  border-radius: 40px;
  border: 1px solid #00b5ec;
  margin-bottom: 45px;
}

@media (min-width: 768px) {
  .price-tabs {
    margin-bottom: 60px;
  }
}

.price-tabs .nav-link {
  color: #00b5ec;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  padding: 12px 35px;
  display: inline-block;
  text-transform: capitalize;
  border-radius: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .price-tabs .nav-link {
    padding: 12px 40px;
  }
}

.price-tabs .nav-link.active {
  background-color: #00b5ec;
  color: #fff;
}

.price-item {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
          box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
  border-radius: 10px;
}

@media (min-width: 768px) {
  .price-item {
    margin: 0 10px;
  }
}

.price-item .price-top {
  -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
          box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
  padding: 25px 0 25px;
  background-color: #cfe7a4;
  border-radius: 10px;
  position: relative;
  z-index: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}



@media (min-width: 768px) {
  .price-item .price-top:after {
    border-radius: 0 0 20px 20px;
  }
}

.price-item .price-top h2 {
  font-weight: 700;
}

.price-item .price-top h2 sup {
  top: 13px;
  left: -5px;
  font-size: 0.35em;
  font-weight: 500;
  vertical-align: top;
}

.price-item .price-content {
  padding: 22px;
}

.price-item .price-content li {
  position: relative;
  margin-bottom: 10px;
  margin-left: 8px;
  margin-right: 8px;
  text-align: center;
	font-size: 14px;
}

@media (min-width: 992px) {
  .price-item .price-content li {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .price-item .price-content li i {
    position: absolute;
    left: 0;
    top: 3px;
  }
}

.price-item .price-content .zmdi-check {
  color: #28a745;
}

.price-item .price-content .zmdi-close {
  color: #f00;
}

.popular {
  background-color: #88be44;
}

.popular .price-top {
  background-color: #fff;
}

.popular .price-top:after {
  background-color: #fff;
}

.popular .price-top h4 {
  color: #101f41;
}

.popular .price-top h2, .popular .price-top span, .popular .price-top sup {
  color: #016d9a;
}

.popular .price-content ul *,
.popular .price-content ul .zmdi-close, .popular .price-content ul .zmdi-check {
  color: #fff !important;
}

.pricing-table {
            border: 1px solid #eaeaea;
            border-radius: 8px;
            padding: 15px;
            text-align: center;
            margin: 10px;
        }

        .pricing-table h4 {
            margin-bottom: 15px;
        }

        .pricing-feature {
            padding: 10px 0;
        }

        .pricing-header {
            background-color: #f8f9fa;
            padding: 15px 0;
            margin-bottom: 15px;
            font-weight: bold;
            border-bottom: 2px solid #eaeaea;
        }




 .bx-sb-b24-feature-table {
            color: #262626;
            font-family: "Montserrat", "Open Sans", "Helvetica Neue", Verdana, "Helvetica CY", "Nimbus Sans L", sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.2;
            box-sizing: border-box;
        }

        .bx-sb-b24-feature-table * {
            box-sizing: inherit;
        }

        .bx-sb-b24-feature-table a {
            color: #00aeef;
            background-color: transparent;
            text-decoration: none;
        }

        .bx-sb-b24-feature-table a:hover {
            color: #68ddff;
        }

        .bx-sb-b24-feature-table__outer {
            position: relative;
            max-width: 1110px;
            width: 100%;
            margin: 0 auto;
        }

        .bx-sb-b24-feature-table.bx-sb-b24-feature-table_count_5 .bx-sb-b24-feature-table__outer {
            max-width: 1380px;
        }

        .bx-sb-b24-feature-table.bx-sb-b24-feature-table_portal .bx-sb-b24-feature-table__outer {
            margin: 0;
        }

        .bx-sb-b24-feature-table__inner {
            padding: 0 15px;
        }

        .bx-sb-b24-feature-table__row {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }

        .bx-sb-b24-feature-table__sidebar,
        .bx-sb-b24-feature-table__body {
            position: relative;
            flex: 1 0 auto;
            max-width: 100%;
            width: 100%;
        }

        .bx-sb-b24-feature-table__sidebar {
            padding-right: 0;
        }

        .bx-sb-b24-feature-table__columns {
            display: flex;
            justify-content: center;
            max-width: 100%;
            flex: 1 0 auto;
        }

        .bx-sb-b24-feature-table__column {
            flex: 1 0;
            min-width: auto;
            max-width: 260px;
            margin: 0 5px;
            height: auto;
        }

        .bx-sb-b24-feature-table__column_round_top {
            border-top-left-radius: 18px;
            border-top-right-radius: 18px;
        }

        .bx-sb-b24-feature-table__column .bx-sb-b24-feature-table__background {
            display: flex;
            flex-direction: column;
            height: 100%;
            background-color: rgb(222 237 189);
        }


        .bx-sb-b24-feature-table .bx-sb-b24-feature-table__column_green .bx-sb-b24-feature-table__background {
            background-color: rgb(233 243 210);
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table__column_aquamarine .bx-sb-b24-feature-table__background {
            background-color: rgb(192 228 244);
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table__header {
            width: 100%;
            padding: 25px 15px 17px;
            background-color: rgb(198 225 143);
            border-radius: 18px 18px 3px 3px;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table__column.bx-sb-b24-feature-table__column_green .bx-sb-b24-feature-table__header {
            background-color: rgb(207 231 164);
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table__column.bx-sb-b24-feature-table__column_aquamarine .bx-sb-b24-feature-table__header {
            background-color: rgb(129 200 230);
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-header {
            text-align: center;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-header__title {
            font-weight: 600;
            line-height: 1;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table__features .bx-sb-b24-feature-table-header__title {
            font-size: 14px;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table__features_header {
            display: none;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-sidebar {
            margin: 10px 0;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-sidebar__message {
            display: inline;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.5;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-sidebar.bx-sb-b24-feature-table-feature-sidebar_subsection .bx-sb-b24-feature-table-feature-sidebar__message {
            font-size: 16px;
            font-weight: 600;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-sidebar.bx-sb-b24-feature-table-feature-sidebar_sub .bx-sb-b24-feature-table-feature-sidebar__message {
            font-size: 14px;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-body_select .bx-sb-b24-feature-table-feature-body__content {
            display: none;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-body_select .bx-sb-b24-feature-table-feature-body__content[data-sb-selected] {
            display: block;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-body__content {
            width: 100%;
            text-align: center;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table__features:not(.bx-sb-b24-feature-table__features_header) .bx-sb-b24-feature-table-feature-body__content:not(.bx-sb-b24-feature-table-feature-body__content_empty) {
            padding: 10px 0;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-body__message {
            direction: ltr;
            font-size: 12px;
            font-weight: 500;
            line-height: 1;
        }



        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-icon.bx-sb-b24-feature-table-icon_check,
        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-icon.bx-sb-b24-feature-table-icon_uncheck {
            width: 0;
            height: 0;
            margin: auto;
            padding: 8px;
            background-position: 50% 50%;
            background-size: 14px;
            background-repeat: no-repeat;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-icon.bx-sb-b24-feature-table-icon_check {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjciIGZpbGw9IiM5M0MyMDAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTcuNTIzIDguNTYgMy4wMzYtMy4wMzYtMS4xMjEtMS4xMjItMy4wMzMgMy4wMzQtMS42MDctMS42MTdMMy42NzYgNi45NGwxLjYwNyAxLjYxNy0uMDA0LjAwNCAxLjEyMiAxLjEyMSAxLjEyMi0xLjEyMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-icon.bx-sb-b24-feature-table-icon_uncheck {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjciIGZpbGw9IiM1MjVDNjkiIGZpbGwtb3BhY2l0eT0iLjIzNiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00IDYuMjI2aDZ2MS41NDhINHoiLz48L3N2Zz4=");
        }

        .bx-sb-b24-feature-table.equal .bx-sb-b24-feature-table__features_n-equal {
            display: none;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-header {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            margin-bottom: 15px;
        }

        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-header__title {
            margin-bottom: 15px;
            font-size: 19.2px;
            font-weight: 500;
            line-height: 1;
            text-transform: uppercase;
        }

        /* Responsive Layouts */
        @media (min-width: 1200px) {
            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__row {
                justify-content: space-between;
                flex-direction: row;
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__sidebar {
                flex-basis: 260px;
                max-width: 260px;
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__sidebar:dir(ltr) {
                padding-right: 15px;
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__sidebar:dir(rtl) {
                padding-left: 15px;
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__body {
                width: auto;
                flex-basis: calc(100% - 260px);
                max-width: calc(100% - 260px);
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__column:dir(ltr) {
                margin: 0 10px 0 0;
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__column:dir(rtl) {
                margin: 0 0 0 10px;
            }

            .bx-sb-b24-feature-table_count_1 .bx-sb-b24-feature-table__column {
                flex-basis: 100%;
                max-width: 100%;
            }

            .bx-sb-b24-feature-table_count_2 .bx-sb-b24-feature-table__column {
                flex-basis: calc(50% - 10px);
                max-width: calc(50% - 10px);
            }

            .bx-sb-b24-feature-table_count_3 .bx-sb-b24-feature-table__column {
                flex-basis: calc(33% - 10px);
                max-width: calc(33% - 10px);
            }

            .bx-sb-b24-feature-table_count_4 .bx-sb-b24-feature-table__column {
                flex-basis: calc(25% - 10px);
                max-width: calc(25% - 10px);
            }

            .bx-sb-b24-feature-table_count_5 .bx-sb-b24-feature-table__column {
                flex-basis: calc(20% - 10px);
                max-width: calc(20% - 10px);
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__row .bx-sb-b24-feature-table__columns,
            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__row .bx-sb-b24-feature-table__column {
                height: 100%;
            }
        }

        @media (min-width: 992px) {
            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__column {
                width: 100%;
            }
        }


        .bx-sb-b24-feature-table .bx-sb-b24-feature-table-header__title {
            font-size: 20px;
        }

        @media (min-width: 1200px) {
            .bx-sb-b24-feature-table .bx-sb-b24-feature-table-header__title {
                font-size: 18px;
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-sidebar.bx-sb-b24-feature-table-feature-sidebar_sub {
                max-width: calc(100% - 10px);
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-sidebar.bx-sb-b24-feature-table-feature-sidebar_sub:dir(ltr) {
                padding-left: 10px;
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-sidebar.bx-sb-b24-feature-table-feature-sidebar_sub:dir(rtl) {
                padding-right: 10px;
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-sidebar.bx-sb-b24-feature-table-feature-sidebar_sub .bx-sb-b24-feature-table-feature-sidebar__message {
                color: rgba(38, 38, 38, 0.9);
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-header {
                justify-content: space-between;
                flex-direction: row;
            }

            .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-header__title {
                margin-bottom: 0;
            }
        }

        @media (min-width: 1380px) {
            .bx-sb-b24-feature-table .bx-sb-b24-feature-table-header__title {
                font-size: 20px;
            }
        }

        @media (min-width: 992px) {
            .bx-sb-b24-feature-table .bx-sb-b24-feature-table__features_header {
                display: flex;
            }
        }

        @media (max-width: 1279.98px) {
            .bx-sb-b24-feature-table .bx-sb-b24-feature-table-feature-sidebar.bx-sb-b24-feature-table-feature-sidebar_subsection {
                margin-top: 20px;
            }
        }

.feature-info-icon,
.roi-info-icon {
    border-radius: 50%;
    padding: 3px;
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
	margin-left: 5px;
}

.feature-info-icon {	
	font-size: 12px;
    color: #7f7f7f;
    border: 1px solid #7f7f7f;
}
.roi-info-icon {
	color: #016d9a;
    border: 1px solid #016d9a;
	font-size: 10px;
	vertical-align:super;
}
.pricing-open-close-icon {
	color: #999;
    display: inline-flex;
    align-items: center;
    padding: 6px;
    justify-content: center;
	cursor: pointer;
}
.feature-info-icon,
.roi-info-icon {
    position: relative;
    cursor: pointer;
}

.feature-info-icon::after,
.roi-info-icon::after{
    content: attr(data-title);
    position: absolute;
    top: 50%; /* Align tooltip vertically */
    left: 100%; /* Position tooltip to the right of the icon */
    transform: translateY(-50%); /* Center the tooltip vertically */
    color: #000;
    padding: 8px 10px; /* Added padding for spacing inside the tooltip */
    border-radius: 5px;
    font-size: 12px;
    max-width: 300px; /* Set a maximum width */
    width: max-content; /* Allow width to adjust based on content */
    word-wrap: break-word; /* Ensure text wraps when too long */
    white-space: normal; /* Allow wrapping of text */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 10; /* Ensure tooltip is above other elements */
}

.feature-info-icon::after{
     background-color: rgb(255 247 209);
}

.roi-info-icon::after{
     background-color: #b9d9a9;
}

.feature-info-icon:hover::after,
.roi-info-icon:hover::after {
    opacity: 1;
    visibility: visible;
}
.sub-blog-color {
    color: #016d9a;   
    margin-bottom: 2px !important;
}
h2.sub-blog-color {
  font-size: 1.8rem;
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
    .feature-info-icon::after,
	.roi-info-icon::after {
        max-width: 150px; /* Reduce width on smaller screens */
        font-size: 10px;  /* Adjust font size for readability */
    }
}

@media (max-width: 480px) {
    .feature-info-icon::after,
	.roi-info-icon::after {
        max-width: 120px; /* Further reduce width on mobile */
        font-size: 9px;   /* Adjust font size */
    }
}

.frame-container {
  position: relative;
  width: 500px; /* Adjust based on your needs */
}

.gif-wrapper {
  position: absolute;
  top: 12%;
  right: 12%;
  bottom: 12%;
  left: 12%;
  z-index: 0;
}

.gif-content {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.frame-png {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.frame-csa {
	background: none !important;
	box-shadow: none !important;
}
.settings-icon {
  position: fixed;
  top: 100px;
  right: 0;
  background-color: #93e0a3;
  color: #fff;
  width: 45px;
  height: 50px;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  z-index: 1000;
}
.datascore-icon {
  position: fixed;
  top: 100px;
  left: 0;
  background-color: #93e0a3;
  color: #fff;
  width: 45px;
  height: 50px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  z-index: 1000;
}

.sidebar {
  position: fixed;
  top: 100px;
  right: -250px;
  width: auto;
    background: rgb(192 220 208);
  backdrop-filter: blur(10px); /* Apply blur effect */
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  transition: right 0.3s ease-in-out;
  padding: 15px 8px;
  z-index: 999;
	    border-bottom-left-radius: 5px;
}

.sidebar.active {
  right: 0;
}

.sidebar h2 {
  margin-top: 0;
  font-size: 1.5em;
}

.sidebar ul {
  list-style-type: none;
  padding: 0;
	margin:0;
}

.sidebar ul li {
  	margin: 5px 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	flex-direction: column;
    align-items: center;
}

.sidebar ul li a,
.sidebar ul li a:hover {
	text-decoration: none;
      display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.close-icon {
    position: absolute;
    background-color: #ccc;
    color: #fff;
    width: 22px;
    height: 22px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
    font-size: 1.2em;
    display: none;
    z-index: 1001;
    border: 1px solid #aaa;
}
.close-icon-position {
    top: -10px;
    left: -10px;
}
.close-icon-chat-position {
    top: -10px;
    right: -10px;
}
.close-img-ico {
	color: #777;
	font-size: 18px;
    font-weight: normal;
}
.ytube-ico {
	font-size: 40px;
	color: #FF0000;
}
.what-ico {
	font-size: 40px;
	color: #25D366;
}
.sidebar ul li p {
  margin: 5px 0 0;
  font-size: 14px;
  color: #333; /* Text color */
}
#chat-bot-launcher-container {
	display: none;
}
.checkbox {
	opacity: 0;
	position: absolute;
}

.label {
	background-color: #88be44;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	position: relative;
	height: 20px;
	width: 45px;
	transform: scale(1.5);
}

.label .ball {
	background-color: #016d9a;
	position: absolute;
	top: 2px;
	left: 2px;
	height: 16px;
	width: 16px;
	transform: translateX(0px);
	transition: transform 0.2s linear;
}

.checkbox:checked + .label .ball {
	transform: translateX(24px);
}

.roi-main-report {
	display: inline-flex;
    border: 2px solid #016d9a;
    border-radius: 3px;
    padding: 10px;
	justify-content: center;
}
.sent-rprt-btn {
	    text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    transition: .3s;
    display: inline-block;
    transition: .2s;
    background: #36bf4e !important;
    border-color: #36bf4e !important;
    color: #fff !important;
	cursor: pointer;
}
.expand-btn {	
	cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px;
    background: #88be44;
}
.collapse-btn {	
	cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px;
    background: #016d9a;
	color: #fff;
}
.pricing-content{position:relative;}
.pricing_design{
    position: relative;
    margin: 0px 15px;
}
.pricing_design .single-pricing1{
    background:#cfe7a4;
    padding: 30px;
    border-radius:30px;
    box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
    position: relative;
    z-index: 1;
	text-align: center;
}
.pricing_design .single-pricing2{
    background:#bdd789;
    padding: 30px;
    border-radius:30px;
    box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
    position: relative;
    z-index: 1;
	text-align: center;
}
.pricing_design .single-pricing3{
    background:#bdd789;
    padding: 30px;
    border-radius:30px;
    box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
    position: relative;
    z-index: 1;
	text-align: center;
}
.pricing_design .single-pricing4{
    background:#81c8e6;
    padding: 30px;
    border-radius:30px;
    box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
    position: relative;
    z-index: 1;
	text-align: center;
}
.pricing_design .single-pricing1:before,
.pricing_design .single-pricing2:before,
.pricing_design .single-pricing3:before,
.pricing_design .single-pricing4:before{
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 18px 18px 190px 18px;
    border: 1px solid #eee;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.price-head h2 {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 600;
}
.price-head h1 {
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 5px;
}

.single-pricing1 ul,
.single-pricing2 ul,
.single-pricing3 ul,
.single-pricing4 ul{list-style:none;}
.single-pricing1 ul li,
.single-pricing2 ul li,
.single-pricing3 ul li,
.single-pricing4 ul li{
	line-height: 30px;
	font-size:17px;
}
.single-pricing1 ul li i,
.single-pricing2 ul li i,
.single-pricing3 ul li i,
.single-pricing4 ul li i{
	background: #554c86;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 30px;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	margin-right: 6px;
}
.price_btn {
	background: #554c86;
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.price_btn:hover{background:#0aa1d6;}
a{
text-decoration:none;    
}

.section-title {
    margin-bottom: 60px;
}
.text-center {
    text-align: center!important;
}

.section-title h2 {
    font-size: 45px;
    font-weight: 600;
    margin-top: 0;
    position: relative;
    text-transform: capitalize;
}




.border-box-menu {
  position: relative;
  padding: 2px;
  text-align: center;
  background-color: #fff;
	border-radius:3px;
}

.featls li:first-child b {
    font-size: 24px;
	color: #016d9a;
}

.featls li:first-child {
    display: grid;
}
.carousel-indicators {
	bottom: -40px;
}
.carsel-ht {
	height: 470px;
}
.slider-adj {
	padding-left: 80px;
}


.single-col-max-width {
    width: 1200px;   
}

.case-study-view p {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) and (orientation: landscape) {
    .chat-vertical-align {
        top: 30% !important; /* tweak for landscape */
    }
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    .carsel-ht {
	height: 100%;
}
	.blue_ant img {
    left: -150px;
}
	#asset-score-title h4 {
		display: flex;
		padding: 10px;
	}
	#asset-score-title svg:first-child {
		margin-right: -35px;
	}
	.slider-adj {
		padding-left: 15px;
	}
	.blue_ant {
		display: none;
	}
	.slider {
		min-height: 950px;
	}
	.sliderr img {
		height: auto !important;
	}
}

 .conv-form-wrapper .wrapper-messages #messages {
    max-height: 96%;
    overflow-y: auto;
  }
div.conv-form-wrapper div.wrapper-messages {
	margin-inline: 5px;
}
.report-info-alert-main {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
}
.report-info-alert {
	width: 480px;
    border: 1px solid #88be44;
    background: #fff;
    position: absolute;
	z-index:2;
	justify-content: center;
0	text-align:center;
	display: block !important;
	background: #fff;
    z-index: 999;
    padding-block: 50px !important;
	i.fa-check {
    display: inline-block;
    padding: 10px;
    border: 1px solid grey; /* Grey border */
    border-radius: 50%; /* Circular border */
	font-size: 48px;
	margin-bottom: 20px;
  }
	.social-follow {
		 display: flex;
      justify-content: center;
      align-items: center;
      gap: 15px; /* Space between icons */
      margin-top: 10px;
		i {
			border: 2px solid #999;
        border-radius: 50%;
        padding: 8px;
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
			color: #999;
			cursor: pointer;
		}
		i:hover {
			border: 2px solid #016d9a;
			color: #016d9a;
		}
	}
}

.smartasset-awards-container {
  display: flex;
  flex-wrap: wrap;
}

.smartasset-awards-item {
  flex: 1 0 33%;
  padding: 20px; /* Add padding inside the border */
  display: flex;
  justify-content: flex-start;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for hover effect */
}

.smartasset-awards-item img {
  object-fit: contain;
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 10px; /* Padding inside the border */
  transition: filter 0.3s ease; /* Transition for image brightness */
}

.smartasset-awards-item:hover img {
  border: 1px solid #00bfff; /* Changes border color to gold on hover */
	box-shadow: 0 0 10px 2px #00bfff; /* Adds a glowing gold effect */
}
.poster-drop {
	line-height: 1.25rem;
    color: rgb(17 24 39 / 1);
    background-color: rgb(249 250 251);
    height: 2rem;
    border-radius: .5rem;
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
	border-color: rgb(209 213 219);
	padding-left: .75rem;
	padding-right: 2rem;
	margin-right: 1rem;
	margin-bottom: .75rem;
	font-size: 16px !important;
	margin-inline: 17px;
	cursor: pointer;
	option {
		cursor: pointer !important;
	}
	option:checked, 
	option:hover {
	  background-color: #767676 !important;
	  color: white !important;
	}
}
.poster-drop:focus-visible {
  outline: inherit;
}
.poster-drop:focus {
 border-color: rgb(107 114 128);
}
.content-poster {
    width: 100%;
    max-width: 1142px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 12;
	min-height: 700px;
}
.custom-style-pills {
	font-size: 14px;
    color: #444;
    padding: 7px;
    width: 80%;
    background-color: #e9f4f5 !important;
    margin-block: 2px;
    cursor: pointer;
	border-radius: 25px;
	font-weight: 400;
	white-space: break-spaces;
	line-height: 1.5;
}
.custom-style-pills-alt {
	font-size: 14px;
    color: #444;
    padding: 7px;
    width: 80%;
    background-color: #e2efd5 !important;
    margin-block: 2px;
    cursor: pointer;
	border-radius: 25px;
	font-weight: 400;
	white-space: break-spaces;
	line-height: 1.5;
}
.custom-style-pills-alt::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    border: 2px solid #88be44;
    clip-path: inset(0% 100% 0% 0%);
    transition: clip-path 0.3s ease-in-out;
}
.custom-style-pills::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    border: 2px solid #497486;
    clip-path: inset(0% 100% 0% 0%);
    transition: clip-path 0.3s ease-in-out;
}

.custom-style-pills:hover::before {
    clip-path: inset(0% 0% 0% 0%);
}
.custom-style-pills-alt:hover::before {
    clip-path: inset(0% 0% 0% 0%);
}
#pricing-container {
	z-index: 0;
}
.section-icon {
      color: #0d6efd;
      margin-right: 10px;
    }
    .custom-card {
      background: white;
      border-radius: 10px;
      padding: 2rem;
      margin-bottom: 2rem;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    .benefit-list i {
      color: #198754;
      margin-right: 8px;
    }
    .list-group-item {
      border: none;
      padding-left: 0;
    }
    .c-brown {
        color: brown;
    }
    .c-green {
        color: green;
    }
    .icon-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -30px;
  border: 4px solid #fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.card-custom {
  border-radius: 5px 5px 15px 15px;
}
.font-14 {
	font-size: 16px;
}
.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    margin-top: 10px;
}

.file-upload-wrapper {
    position: relative;
}
.file-upload-input {
    width: 300px;
    color: #fff;
    font-size: 16px;
    padding: 0 !important;
	padding-left: 5px;
    border: none;
    background-color: #30ad92;
	color: #000;
	margin-bottom: 0 !important;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    float: left;
}
.file-upload-button {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px;
    border: none;
	border-radius: 3px;
    margin-left: -1px;
    background-color: #30ad92;
    float: left;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
	&:hover {
		background-color: #208771;
	}
	&:disabled {
		background-color: #ccc;
		cursor: not-allowed;
	}
}

.submit-nda {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 5px;
    border: none;
    margin-left: -1px;
    background-color: #016d9a;
	border-radius: 5px;
	width: 50%;
    float: left;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
	&:hover {
		background-color: #208771;
	}
}
.cursor-point {
	cursor: pointer;
}
.ndanode-gap {
	gap: 7px;
    font-style: italic;
    margin-top: 10px;
    font-size: 12px;
    color: #444;
}
.modal input::placeholder {
  color: #ccc; 
}
.modal input,
.modal input:focus {
	color: #000;
}
.counterbx {
    width: 100%;
    position: relative;
    padding: 20px;
    background: #068dcd;
    margin-bottom: 0px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 
                0 15px 12px rgba(0, 0, 0, 0.22);
    text-align: center;
    transition: transform 0.3s ease; /* smooth animation */
}

.counterbx:hover {
    transform: scale(1.05); /* scales up by 5% */
}
.pricing_design{
    position: relative;
    margin: 20px 15px;
}
.counterbx span {
    font-size: 30px;
    position: relative;
    top: 0px;
    right: 0px;
}
.test ol.organizational-chart > li > ol > li > ol > li > div a {
    display: flex
;
    font-size: 13.5px;
    padding: 40px 20px;
    color: #000;
    font-weight: 600;
    padding-left: 48px;
    text-align: left;
    line-height: 1.3;
    text-decoration: none;
/*     margin-left: 30px; */
/* 	added this line */
}
/* card-1 */
.card-orange { background-color: #f39759; }
.card-orange i { color: #d35400; }
/* card-2 */
.card-navy { background-color: #51819f; }
.card-navy i { color: #154360; }
/* card-3 */
.card-teal { background-color: #9fd169; } /* darker version of #88BE44 */
.card-teal i { color: #5E8A30; }

/* card-4 */
.card-blue { background-color: #59aadf; }
.card-blue i { color: #2874a6; }
/* card-5 */
.card-green { background-color: #5dd8c0; }
.card-green i { color: #1abc9c; }
/* card-6 */
.card-purple { background-color: #c782e3; }
.card-purple i { color: #7d3c98; }
/* card-7*/
.card-cyan {
  background-color: #b2b2b2; /* Light gray */
}
.card-cyan i {
  color: #6d6d6d; /* Charcoal gray */
}
/* card-8 */
/* .card-gold { background-color: #f39c12; }
.card-gold i { color: #f39c12; } */
.card-gold {
    background-color: #ffdb86; /* Soft, pale gold */
}
.card-gold i { color: #f4d03f; }
/* card-9 */
.card-red {
    background-color: #ff7f7f;  /* Very light red/pink */
}
.card-red i { color: #e14b3b; }

/* Default (Desktop) */
.card-box {
    min-height: 331px;
}

.audit-image {
    width: 80px;
    margin-top: 20px; 
}

.datascore-benf-icon {
    padding: 8px;
display: flex;
justify-content: center;
align-items: baseline;    
}

    .btn-primary {
        background-color: #016d9a;
        border-color: #016d9a;
    }
    
/* Mobile Portrait (up to 767px) */
@media screen and (max-width: 767px) and (orientation: portrait) {
    .card-box {
        min-height: 225px;
    }
    .audit-image {
        width: 120px;
        height: 120px;
        margin-top: 87px;
    }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) and (orientation: landscape) {
    .card-box {
        min-height: 200px;
    }
    .audit-image {
        width: 90px;
        height: 90px;
        margin-top: 95px; /* added */
    }
}

/* Tablet Portrait (768px–1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .audit-image {
        width: 100px;
        height: 100px;
        margin-top: 100px;
    }
}

/* Tablet Landscape */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .card-box {
        min-height: 280px;
    }
    .audit-image {
        width: 90px;
        height: 90px;
        margin-top: 20px; /* added */
    }
}

/* ******************************************** */


@media screen and (min-width: 768px) and (max-width:1150px) {
	 body {
        font-family: 'Open Sans', sans-serif;
	}
		 .custom-style-pills {
	margin: 5px;
    min-width: 100px;
    padding: 10px;
	
			 
	}
    
    .abt1r h2 {
        margin-top: 100px;
    }
	.fade-in.active {
    animation: fade-in-animation 5s forwards;
    }
	.abt1 {
    width: 100%;
    position: relative;
    padding: 0px 0px;
    overflow: hidden;
}
	.solutions {
    width: 100%;
    position: relative;
    padding: 10px;
    background: #f4f6fd;
}
	.solutionsbxi {
     padding: 20px;
     }
	
	.counterbx h5 {
    color: #fff;
    margin: 10px 0px;
    font-size: 32px;
		padding:10px;
}
	.current_page_item a {
    
    text-shadow: 0px 0px #000000 !important;
}
.current-menu-ancestor, .current-menu-parent a {
    text-shadow: 0px 0px #000000;!important
}
.current_page_item a {
    
    text-shadow: 0px 0px #000000;!important
}
.mabt12 {
    width: 100%;
    position: relative;
    padding: 30px 0px 10px 0px;
    overflow: hidden;
}
.mhealth2 .abt1r {
    padding-top: 0px;
}
		 .abt1l img {
    width: 100%;
    height: auto;
    margin-top: 90px;
}
}
.chat-vertical-align {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
.poster{
	padding-inline: 100px;
}
.column-title{
		font-size: 16px;
	}
.smart {
width: 100%; max-width: 197px; height: auto;
}
.asset{
width: 100%; max-width: 205px; height: auto; 
}
.pro{
width: 100%; max-width: 173px; height: auto;
}
.intro-video {
    width: 660px;
    height: 415px;
}
.setting-image {
    width: 25px;
}
.w-5 {
	width: 5%;	
}
.min-h-50 {
	min-height: 50px;	
}

#convForm .submit img {
  content: url("../images/other aspects/chat play.svg"); 
  width: 32px;   /* adjust as needed */
  height: 32px;
}


/* Mobile Landscape: width >= 480px and height <= 500px */
@media screen and (max-height: 500px) and (min-width: 480px) {
    #roi-specs {
        width: 100%;
        border-collapse: separate;
        border-spacing: 2px;
        text-align: center;
        font-size: 14px; /* adjust for better fit */
    }

    #roi-specs th,
    #roi-specs td {
        padding: 4px;
    }
	.sidebar ul li p {
    margin: 5px 0 0;
    font-size: 10px;
    color: #333;
}
	.setting-image {
    width: 25px;
}
	.sidebar {
		padding: 0px 3px;
	}
}

/* General mobile styles */
@media screen and (max-width: 767px) {
    div.conv-form-wrapper div#messages,
    div.conv-form-wrapper div.wrapper-messages {
        max-height: 45vh;
    }
}

/* Small mobile (portrait/landscape) */
@media screen and (min-width: 320px) and (max-width: 640px) {
    .custom-style-pills {
        font-size: 14px !important;
        color: #444;
        padding: 5px;
		margin-top: 5px;
        background-color: #e9f4f5 !important;
    }
	.test ol.organizational-chart > li > ol > li > ol > li > div a {
    display: flex;
   font-size: 13.5px;
    padding: 32px 20px !important;
    color: #000;
    font-weight: 600;
    padding-left: 60px !important;
    text-align: left;
    line-height: 1.3;
    text-decoration: none;
    /* margin-left: 30px; */
}

    #roi-specs th {
        background-color: #02a0c7 !important;
        color: #ffffff !important;
        padding: 3px !important;
        text-align: center !important;
        font-size: 11px !important;
		white-space: break-spaces;
    }
	.roi-info-icon {
    border-radius: 50%;
    padding: 3px;
    width: 15px;
    height: 15px;
    /* display: inline-flex
; */
    justify-content: center;
    /* align-items: center; */
    /* cursor: pointer; */
    /* margin-left: 5px; */
    position: relative;
    top: 5px;
    left: 5px;
}
	.poster{
	padding-inline: 20px;
}

    .chat-vertical-align {
        top: 34% !important;
    }
	.color-custom-blue1 {
    color: #094673;
    display: flex;
	font-size:14px;
    justify-content: center;
}
	.font-16 {
        font-size: 14px;
        display: flex;
        justify-content: center;
		padding-inline:43px;
		white-space:nowrap;
    }
	.roi-img-size {
    width: 25px;
}
	#roi-specs td {
    padding: 3px;
    vertical-align: middle;
    background-color: #f9fcfd;
    text-align: center;
    font-size: 14px;
		padding-right:;
}
	.nccbx {
    padding-left: 26px;
    position: relative;
    margin-bottom: 15px;
}
	.main_connectbx p {
    font-size: 14px;
    margin-left: 10px;
    line-height: 25px;
}
	.chennaiaddbx ul li {
    list-style: none;
    display: flex
;
    margin: 10px;
    position: relative;
    padding-left: 0px;
    font-size: 14px;
}
	.chennaiaddbx ul li i {
    color: #23BF44;
    font-size: 25px;
    margin-top: 14px;
    padding-right: 10px;
}
	.smart {
    width: 100%;
    max-width: 106px;
    height: auto;
}
	.asset {
    width: 100%;
    max-width: 125px;
    height: auto;
}
	.pro {
    width: 100%;
    max-width: 63px;
    height: auto;
}
	 .intro-video {
        width: 100% !important;  /* fits the mobile screen */
        height: auto !important; /* keeps aspect ratio */
        aspect-ratio: 16 / 9;    /* modern way to maintain video shape */
    }
	

}
/* 📱 Mobile Portrait (up to ~480px) */
@media screen and (max-width: 324px) {
  .test ol.organizational-chart > li > ol > li > ol > li > div a {
    font-size: 12px !important          /* smaller text for narrow width */
    padding: 20px 15px !important;       /* reduce padding */
    padding-left: 40px !important;      
  }

@media screen and (min-width: 328px) and (max-width: 764px) {
  .test ol.organizational-chart > li > ol > li > ol > li > div a {
    font-size: 13px !important;          /* slightly larger than portrait */
    padding: 24px 18px !important;       
    padding-left: 50px !important;       
  }
}
/* Contact us button in Contact page */
	.info-section {
  position: relative;
}

.contact-btn-wrap {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.contact-btn-wrap a.contact-btn {
  display: inline-block !important;
  background-color: #1bbf6b !important;
  color: #ffffff !important;
  padding: 12px 50px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.contact-btn-wrap a.contact-btn:hover {
  background-color: #17a85e !important;
  transform: translateY(-2px);
}