@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


body{overflow-x: hidden; font-family: "Ubuntu", sans-serif; font-size: 14px; background: #fff;}
html{overflow-x: hidden;}

/*@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/svg/icomoon.eot?7vfwjk');
  src:  url('../fonts/svg/icomoon.eot?7vfwjk#iefix') format('embedded-opentype'),
    url('../fonts/svg/icomoon.ttf?7vfwjk') format('truetype'),
    url('../fonts/svg/icomoon.woff?7vfwjk') format('woff'),
    url('../fonts/svg/icomoon.svg?7vfwjk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}*/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/svg/icomoon.eot?m6tgoq');
  src:  url('../fonts/svg/icomoon.eot?m6tgoq#iefix') format('embedded-opentype'),
    url('../fonts/svg/icomoon.ttf?m6tgoq') format('truetype'),
    url('../fonts/svg/icomoon.woff?m6tgoq') format('woff'),
    url('../fonts/svg/icomoon.svg?m6tgoq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-longarw:before {
  content: "\e901";
}
.icon-longarw2:before {
  content: "\e909";
}
.icon-arrow-circle-right:before {
  content: "\e900";
}
.icon-arrow-right-up:before {
  content: "\e902";
}
.icon-envelope:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e904";
}
.icon-search:before {
  content: "\e905";
}
.icon-linkedin:before {
  content: "\e906";
}
.icon-phone:before {
  content: "\e907";
}
.icon-twitter-x:before {
  content: "\e908";
}
.icon-chevron-right:before {
  content: "\e913";
}
.icon-chevron-left:before {
  content: "\e914";
}
.icon-menu1:before {
  content: "\e915";
}
.icon-segment:before {
  content: "\e916";
}
.icon-align-left:before {
  content: "\e917";
}
.icon-align-right:before {
  content: "\e918";
}
.icon-menu11:before {
  content: "\e919";
}
.icon-arrow-thin-down:before {
  content: "\e91c";
}
.icon-arrow-thin-up:before {
  content: "\e91d";
}
.icon-arrow-thin-left:before {
  content: "\e91e";
}
.icon-arrow-thin-right:before {
  content: "\e91f";
}
.icon-check:before {
  content: "\e921";
}
.icon-clearclose:before {
  content: "\e928";
}
.icon-done:before {
  content: "\e929";
}
.icon-done_all:before {
  content: "\e92a";
}





@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-40%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}
:focus{outline: none !important;}
button:focus{outline: none !important}
.headercontainer{background: #fff; padding: 0px;}
.headercontainer .headtop {
  padding: 0px 0px;
  position: relative;
  max-width: 1980px;
  margin: 0 auto;
}
.headercontainer .headtop .logoouter{float: left; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 
  flex-wrap: wrap; -ms-flex-align: center; align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  max-width: 562px;
  background: url(../images/logobg.png) no-repeat;
  background-repeat: repeat-y;
  background-size: 100%;
  height: 100%;
  justify-content: center;
}
.headercontainer .headtop .logobx {
  display: inline-block;
  padding: 0;
  
}
.headercontainer .headtop .logobx img{ max-height: 100%; height: auto; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
@-webkit-keyframes stickySlideDown {
from {
transform:translateY(-100%);
}
to {
transform:translateY(0);
}
}
@keyframes stickySlideDown {
from {
transform:translateY(-100%);
}
to {
transform:translateY(0);
}
}

img{max-width: 100%;}

.headercontainer .topusersection{float: left; position: relative; width: 100%; padding: 8px 0px 10px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: end; justify-content: space-between; background: #A74D0E;}
.headercontainer .topusersection .phonetext{position: relative; color: #333; display: flex; flex-wrap: wrap; padding-left: 60px; text-decoration: none; -ms-flex-item-align: center; align-self: center; align-items: center;}
.headercontainer .topusersection .phonetext i{width: 40px; height: 40px; background: #EC6E20; color: #fff; font-size: 1.2em; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.headercontainer .topusersection .phonetext .phonetextrt{padding-left: 10px;}
.headercontainer .topusersection .phonetext .phonetextrt span{color: #56646D; font-size: 12px; text-transform: uppercase; font-weight: 500;}
.headercontainer .topusersection .phonetext .phonetextrt p{color: #06446C; font-size: 18px; font-weight: 400; margin: 0px; line-height: 100%;}

.headercontainer .topusersection::after{
  content: '';
  background: #A74D0E;
  position: absolute;
  left: 100%;
  top: 0;
  height: 100%;
  width: 100%;
}
.headercontainer .topusersection::before{
  content: '';
  background: #A74D0E;
  position: absolute;
  right: 100%;
  top: 0;
  height: 100%;
  width: 100%;
}

.topusersection{
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 32px;
letter-spacing: -0.04em;
color: #fff;
}

.topright-call a{
  font-family: "Inter", sans-serif;
font-size: 175x;
font-weight: 500;
line-height: 32px;
letter-spacing: -0.04em;
color: #fff;
}

.topinfo {
  display: inline-flex;
}
.topinfo li{
  list-style: none;
}
.topinfo li::after{
  content: '|';
  margin: 0 8px;  
}
.topinfo li:last-child::after{
  display: none;
}

.topright-call a{
  margin-left: 30px;
  text-decoration: none;
}


.headercontainer .headsocial{text-align: left; margin: 0px 0px 0px 50px; -ms-flex-item-align: center; align-self: center;}
.headercontainer .headsocial a{display: inline-block; font-size: 15px; width: 40px; height: 40px; text-decoration: none; text-align: center; line-height: 40px; -webkit-border-radius: 50%; border-radius: 50%; background: none; border: 1px solid #06446C; margin: 0px 0px 0px 10px; color: #06446C; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.headercontainer .headsocial a:hover{background: #06446C; color: #fff;}

.headercontainer .navigation{float: left; width: 100%; text-align: center; display: flex;align-items: center;}
.headercontainer .navigation .theme-btn{align-self: center;}
.headercontainer .navigation .navigationbox{float: left; width: 100%;}
.headercontainer .navigation .sf-menu{margin: 0px; position: relative; padding: 0px; text-align: center; vertical-align: middle;}
.headercontainer .navigation .sf-menu > li{list-style: none; display: inline-block; float: none; position: relative; margin: 0px;}
.headercontainer .navigation .sf-menu > li > a{color: #56646D; text-decoration: none; padding: 24px 24px 24px 24px; display: block; font-size: 18px; text-transform: capitalize; letter-spacing: 0.1px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headercontainer .navigation .sf-menu > li > a:hover{color: #EC6E20; background: transparent;}
.headercontainer .navigation .sf-menu > li.active > a{color: #EC6E20; background: transparent; font-weight: 700;}
.headercontainer .navigation .sf-menu > li:last-child > ul{left: auto; right: 0px;}
.headercontainer .navigation ul li.parent > a:after{font-family: 'FontAwesome'; content: "\f0d7"; position: absolute; right: 4px; top: 50%; color: #7c7e88; margin-top: -12px;}
.headercontainer .navigation ul li.parent > a:hover:after{color: #2c3583;}
/* dropdown menu css start */
.headercontainer .navigation ul li ul li{width: 100%; list-style: none;}
.headercontainer .navigation ul li ul li a{width: 100%; font-size: 13px;}
.sf-menu, .sf-menu{ margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; top: 94px; left: 0px; z-index: 999; padding: 0px; margin: 0px; }
.sf-menu > li {float: left;}
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
/* DEMO SKIN */
.sf-menu{float: left;}
.sf-menu li ul li a{background: 0 0; color: #4B9095; text-align: left; padding: 13px 15px;}
.sf-menu li ul li + li{border-top: 1px solid #eaeaea;}
.sf-menu li ul li a:hover{background: #000; color: #ffffff; }
.sf-menu a{padding: 7px 20px; text-decoration: none; zoom: 1; }
.sf-menu a{color: #13a; }
.sf-menu li{-webkit-transition: background .2s; transition: background .2s; }
.sf-menu li:hover, .sf-menu li.sfHover {-webkit-transition: none; transition: none; }
.headercontainer .navigation .sf-menu>li>a:hover{color: #EC6E20; background: 0 0;}
.headercontainer .navigation .sf-menu>li>a:hover{color: #EC6E20; background: 0 0;}
.headercontainer .navigation .sf-menu>li.current-menu-item a{background: transparent; color: #EC6E20;}
.headercontainer .navigation .sf-menu>li ul li:hover a{background: none !important; color: #303030;}
.headercontainer .navigation .sf-menu>li:hover ul li a{color: #000000;}
.headercontainer .navigation .sf-menu>li ul li a{background: none !important; color: #ffffff; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.headercontainer .navigation .sf-menu>li ul li a:hover{background: #EC6E20 !important; color: #ffffff;}
.headercontainer .navigation .sf-menu>li ul li.active a{background: #3498db !important; color: #ffffff;}
.headercontainer .navigation .sf-menu>li ul li a{background: none; font-size: 14px; text-transform: capitalize;}
.sf-arrows .sf-with-ul { padding-right: 30px !important; }
.sf-arrows .sf-with-ul:after { content: '\f107'; position: absolute; font-family: 'FontAwesome'; right: 20px; height: 0; width: 0; }
.sf-arrows > li > .sf-with-ul { padding-right: 30px !important; }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { }
.sf-arrows ul .sf-with-ul:after { content: '\f105'; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { }

.theme-btn{background: #06446C; display: inline-flex; align-items: center; font-size: 16px; text-decoration: none; padding: 12px 25px; border: none; outline: none; color: #fff; -webkit-border-radius: 8px; border-radius: 8px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.theme-btn span{padding-right: 25px; line-height: 100%;}
.theme-btn i{font-size: 1.5em; line-height: 100%; color: #EC6E20; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.theme-btn:hover{background: #EC6E20; color: #fff;}
.theme-btn:hover i{color: #06446C;}
.theme-secondary-btn{background: #2C3583; display: inline-block; font-size: 16px; text-decoration: none; padding: 10px 30px; border: none; outline: none; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.theme-secondary-btn:hover{background: #ea8d24; color: #fff;}

.bannercontainer{padding: 0px; position: relative;overflow: hidden;}
.bannercontainer .owl-carousel .item{position: relative;}
.bannercontainer .owl-carousel .owldotsouter{position: absolute; left: 0px; right: 0px; bottom: 84px; z-index: 2; text-align: left;}
.bannercontainer .owl-carousel .owl-nav{margin: 0px; text-align: left;}
.bannercontainer .owl-carousel .owl-nav .owl-prev{background: #EC6E20; color: #fff; width: 46px; height: 46px; border: none; font-size: 18px; line-height: 100%; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bannercontainer .owl-carousel .owl-nav .owl-prev:hover{background: #06446C; color: #fff;}
.bannercontainer .owl-carousel .owl-nav .owl-next{background: #EC6E20; color: #fff; width: 46px; height: 46px; border: none; font-size: 18px; line-height: 100%; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bannercontainer .owl-carousel .owl-nav .owl-next:hover{background: #06446C; color: #fff;}

.bannercontainer .owl-dots{position: relative; text-align: left;}
.bannercontainer .owl-dots .owl-dot{display: inline-block; margin: 4px 6px;}
.bannercontainer .owl-dots .owl-dot span{margin: 0px 0px;}
.bannercontainer .owl-dots .owl-dot span{width: 12px; height: 12px; position: relative; background: #fff; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bannercontainer .owl-dots .owl-dot span:hover{background: #ffda6b; border-color: #ffda6b;}
.bannercontainer .owl-dots .owl-dot.active span{background: #ffda6b; border-color: #ffda6b; width: 30px; box-shadow: 0px 0px 0px 1px #ffda6b;}
.bannercontainer .owl-carousel .item:after{content: ""; pointer-events: none; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.0); z-index: 1;}
.bannercontainer .bannercaption{position: absolute; left: 0px; right: 0px; top: 50%; padding: 0px 0px; z-index: 2; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.bannercontainer .bannercaption .captioninner{float: left; width: 100%; max-width: 600px; pointer-events: all;}
.bannercontainer .bannercaption .captioninner h1{color: #D8651C; text-align: left; font-size: 34px; margin: 0px 0px 20px 0px; 
  font-weight: 400; font-family: "Inter", sans-serif;}
.bannercontainer .bannercaption .captioninner h1 span {
  display: block;
  font-size: 130px;
  font-weight: 800;
  line-height: 115px;
  color: #fff;
}
.bannercontainer .bannercaption .captioninner p{
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #fff;
}

.bannercontainer .bannercaption .captioninner h1 strong{font-weight: 500; display: block;}
.bannercontainer .owl-carousel .active .bannercaption h1{-webkit-animation: 1s .7s fadeInRight both; animation: 1s .7s fadeInRight both;}
.bannercontainer .owl-carousel .active .bannercaption span{-webkit-animation: 1s .8s fadeInRight both; animation: 1s .8s fadeInRight both;}
.bannercontainer .owl-carousel .active .bannercaption strong{-webkit-animation: 1s .9s fadeInRight both; animation: 1s .9s fadeInRight both;}
.bannercontainer.bannerinner{position: relative;}
.bannercontainer.bannerinner:after{content: ""; pointer-events: none; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.10); z-index: 1;}
.bannercontainer.bannerinner > img{width: 100%; max-height: 100%;}
.bannercontainer.bannerinner .innerbannercaption{position: absolute; z-index: 2; left: 0px; right: 0px; top: 50%; padding: 0px 0px; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.bannercontainer.bannerinner .innerbannercaption h1{color: #fff; text-align: left; font-size: 54px; margin: 0px; font-weight: 600; text-transform: none; letter-spacing: 1px;}
.bannercontainer.bannerinner .innerbannercaption p{color: #fff; text-align: left; font-size: 16px; margin: 15px 0px 0px 0px; font-weight: 400;}
.bannercontainer .owl-carousel .active .bannercaption p{-webkit-animation: 1s .8s fadeInRight both; animation: 1s .8s fadeInRight both;}

.baner-social {
  position: absolute;
  left: 0;
  top: 0;
  /* transform: rotate(-90deg) translateY(-50%); */
  transform-origin: left center;
  writing-mode: vertical-lr;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  border-right:1px solid rgba(255, 255, 255, 0.3);
  padding: 5px 10px;
  text-align: center;
  width: 60px;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.baner-social a{
  color: #fff;
  text-decoration: none;
}
.baner-social a:hover{
  color: #ec6e1e;
}
.baner-social p {
  color: #fff;
  margin: 0;
  transform: rotate(180deg);
}

.siteheading{display: block;}
.siteheading h2{color: #ea8d24; font-size: 16px; text-transform: uppercase; font-weight: 500; margin: 0px 0px 10px 0px;}
.siteheading .subheading{color: #000; font-size: 42px; line-height: 50px; font-weight: 600; margin: 0px 0px 10px 0px;}
.siteheading p{color: #797979; font-size: 15px; font-weight: 400; margin: 0px 0px 10px 0px;}

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

.menuICN{font-size: 40px; width: 42px;height: 42px; background: #002647; display: flex;align-items: center;justify-content: center;border-radius: 100%;}
.menuICN:hover{color: #17B8C4; border-color: #17B8C4;}
.pushmenu{position: fixed; top: 0; right: -300px; z-index: 9999; background: #a74d0e; width: 250px; height: 100%; padding: 126px 0 0;}
.pushmenu li, .pushmenu li a{width: 100%; border: 0px !important; background: none !important;}
.pushmenu li a{width: 100%; display: inline-block; padding: 15px 20px; color: #fff; border-top: 1px solid #414141 !important; 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; text-transform: capitalize;text-decoration: none;}
.pushmenu li:last-child a{border-bottom: 1px solid #414141 !important;}
.pushmenu li:hover a, .pushmenu li.active a{background: #001E3F !important; color: #fff;}


.sub-toggle{position: absolute; top: 0 !important; right: 0 !important; background: none !important; color: #000;  
display: flex; align-items: center; justify-content: center; height: 60px !important;}
.sub-toggle i{display: none !important;}
.sub-toggle:after{position: absolute; content: "\e915"; font-family: 'icomoon'; color: #fff; font-size: 17px;}
.sub-toggle:before{position: inherit; content: none;}
.opensub li.has-submenu > ul li a, .pushmenu .navbar-nav .dropdown-menu li a{background: none !important; font-size: 20px; padding: 10px 25px; }
.opensub li.has-submenu > ul li a:hover, .pushmenu .navbar-nav .dropdown-menu li a{background: #2074d3 !important; }
.crossmnu{position: absolute; top: 0; left: -50px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: #014278; font-size: 20px; background: #fff; }

.pushmenu, .overlyBdy{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.openpush .pushmenu{right: 0;}
.overlyBdy{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.80); z-index: 999; opacity: 0; visibility: hidden;}
.remveovrly .overlyBdy{opacity: 1; visibility: visible;}
.remvemnu .pushmenu{right: -300px;}
.remvemnu .overlyBdy{opacity: 0; visibility: hidden;}
.has-submenu a i{display: none !important;}



.pushmenu nav{padding: 0px; margin: 0px; background: none !important;}
.pushmenu nav ul{width: 100%;}


.droparrow{position: absolute; top: 0; right: 0; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 45px; height: 61px;}
.droparrow:after{border: 0px; }
.pushmenu .navbar-nav .dropdown-menu{padding: 0px; border: 0px; background: #040404; border-radius: 0px; margin: 0px;}

.pushmenu .navbar-nav .dropdown-menu li a{background: none !important; color: #fff;}
.pushmenu .navbar-nav .dropdown-menu li a:hover{background: #FBE106 !important; color: #000;}


.pushmenu nav{overflow: auto;}


.pushmenu nav{height: 100vh;align-items: flex-start;}
.innerPge .headersec, .mainSectn .headersec{position: relative;z-index: 999; background: #014278;}

.innerPge .headersec.fixed{position: fixed; background: #002544;}
.mainSectn .headersec{background: none; position: absolute;}

.mainSectn .openhdr{background: #181818 !important;}

/*.hdrmnuicn{display: none;}*/

.headersec.fixed{background: #fff; padding: 10px 0;
-moz-box-shadow: 0 7px 8px -7px #333;
-webkit-box-shadow: 0 7px 8px -7px #333;
box-shadow: 0 7px 8px -7px #333;}
.headersec.fixed .hdrinfo{display: none;}
.headersec.fixed .hdrlgo img{width: 80px;}
.headersec.fixed .hderinr {align-items: center;}
.headersec.fixed .hdrmnuicn {bottom: 23px;}
.crossmnu{background: #002F53; color: #fff !important;text-decoration: none;}

.pushmenu li a{font-size: 18px;padding: 12px 15px;white-space: inherit;}
.opensub li.has-submenu > ul li a, .pushmenu .navbar-nav .dropdown-menu li a{font-size: 16px;}
.droparrow {height: 55px;}

.sub-toggle::before, .sub-toggle::after{content: none !important;}
.sub-toggle i{display: flex !important; font-size: 13px !important;}
.sub-toggle{width: 15px !important; height: 15px !important;top: 21px !important; right: -1px !important;}
ul.slimmenu li > ul{width: 250px; background: #fff; border: 1px solid #ddd;}
ul.slimmenu li > ul li a{font-size: 15px; padding: 5px 10px; color: #000 !important; width: 100%;}
ul.slimmenu li > ul li a:hover{background: #77c080 !important; color: #fff !important;}
.srchSubmit input[type="submit"]{background: #76bf80; color: #fff;}
.srchSubmit input[type="submit"]:hover{background: #018738;}
ul.slimmenu li > ul li{width: 100%;}


.droparrow::after{content: none;}
.droparrow i{width: 10px; height: 10px; background: #FFF; clip-path: polygon(50% 100%, 0 0, 100% 0);}



/*.icon-plus:before {
  content: "\e938";
}
.icon-minus:before {
  content: "\e939";*/


/* Blue - 2b3583
 Yellow - ea8d24*/


/*
  font-family: "Ubuntu", sans-serif;
*/



.short-description{
  padding: 50px 0;
  /*background: url(../images/short-desp-bg.jpg) no-repeat;*/
  background-size: cover;
}
.short-description h3{
font-family: "Inter", sans-serif;
font-size: 35px;
font-weight: 600;
line-height: 46px;
letter-spacing: -0.02em;
text-align: center;
color: #111111;
margin-top: 30px;
}

.short-description p{
font-family: "Inter", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 44px;
letter-spacing: -0.04em;
text-align: center;
color: #363D4D;
}




.mental-health-sec{
  padding: 50px 0 200px;
  background: url(../images/mentalbg.jpg) no-repeat;
  background-size: cover;
  position: relative;
}

.show-mentalpic {
  position: absolute;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -130px;
  height: 300px;
}
.show-mentalpic img{
  width: 100%;
  height: 100%;
  border-radius: 200px;
}

.vertical-bdr {
  width: 1px;
  height: 260px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) -13%, #FFFFFF 50.08%, rgba(255, 255, 255, 0) 113.17%);
  display: block;
  position: absolute;
  left: 22%;
  top: 0;
  opacity: 0.28;
}
.vertical-bdr2 {
  width: 1px;
  height: 260px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) -13%, #FFFFFF 50.08%, rgba(255, 255, 255, 0) 113.17%);
  display: block;
  position: absolute;
  right: 35%;
  top: 0;
  opacity: 0.28;
}

.midl-conent{
  position: relative;
  margin-top: 60px;
}


.mental-info{
  text-align: center;
}
.mental-info h2{
font-family: "Inter", sans-serif;
font-size: 90px;
font-weight: 600;
line-height: 87px;
letter-spacing: -0.02em;
color: #fff;
margin-bottom: 30px;
}

.mental-info p{
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
}

.helth-info{
  padding: 30px;
}
/*.mental-health-sec .container{*/
/*  position: relative;*/
/*}*/
.mental-health-sec .row{
  position: relative;
}
.mental-health-sec .row::before {
  content: '';
  left: -50px;
  height: 1px;
  position: absolute;
  bottom: 0;
  /* transform: translateY(-50%); */
  right: -50px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) -7.95%, #FFFFFF 50.4%, rgba(255, 255, 255, 0) 108.75%);
  opacity: 0.20;
}

.hlthinner {
  display: flex;
  gap: 30px;
}
.hlthinfo-bdy{
  position: relative;
}

/*.hlthinfo-bdy::after {
  content: '';
  width: 1px;
  height: 100%;
  border: linear-gradient(90deg, rgba(255, 255, 255, 0) -13%, #FFFFFF 50.08%, rgba(255, 255, 255, 0) 113.17%);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.28;
}*/


/*.hlthinfo-bdy{
  border: 1px solid;
  border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) -7.95%, #FFFFFF 50.4%, rgba(255, 255, 255, 0) 108.75%);

}*/

.helth-info p{
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.04em;
  color: #fff;
}
.helth-info span{
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.04em;
  color: #D8651C;
}



.board-trustes-sec{
  padding:200px 0 100px 0;
  position: relative;
  overflow: hidden;
}

/*.board-trustes-sec::before{
  content: '';
  backdrop-filter: blur(573px);
  background: #FFE8DA;
  width: 500px;
  height: 500px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: -150px;
}
*/
.board-trustes-sec::before{
  content: '';
  width: 500px;
  height: 500px;
  border-radius: 100%;
  background: #FFE8DA;
  filter: blur(500px);
  position: absolute;
  left: -5%;
  top: -10%;
  margin: 0 auto;
  z-index: -1;
}

.board-trustes-sec h2{
font-family: "Inter", sans-serif;
font-size: 90px;
font-weight: 600;
line-height: 80px;
letter-spacing: -0.02em;
text-align: center;
color: #012244;
margin-bottom: 60px;
}

.bord-item-rw{
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.board-block{
  width: 214px;
  height: 214px;
  background: #F6F6F6;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
}
.board-block::before{
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 100%;
  background: linear-gradient(78.08deg, #D8651C 11.73%, rgba(216, 101, 28, 0) 76.62%);
  transform: rotate(-90deg);
  z-index: -1;
}

.bord-item:nth-child(odd) .board-block::before{
  transform: rotate(90deg);
}
.bord-item:nth-child(even) .board-block::before{
  transform: rotate(-90deg);
}

.bord-item {
	text-align: center;
	margin-bottom: 30px;
	padding: 20px 20px 30px;
	border-radius: 16px;
	position: relative;
	box-shadow: 0 1px 15px 1px rgba(52,40,104,.1);
	flex-grow: 1;
	flex-basis: 0;
  transition: 0.5s;
}
.bord-item:hover {
	transition: 0.5s;
	box-shadow: rgba(26, 19, 54, 0.45) 0px 1px 15px 5px;
}

.bord-item p {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.04em;
  color: #012244;
  min-height: 50px;
}

.bord-item a {
  background: #E96E1E;
  display: inline-flex;
  width: 43px;
  height: 43px;
  border-radius: 100%;
  color: #fff;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 18px;
}




.hills-video{
  background: #012244;
  padding: 60px 0 30px;
}

.hills-video h4 {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  max-width: 1240px;
  margin: 0 auto 50px;
}

.hilvido-bx {
  max-width: 1000px;
  margin: 0 auto;
  height: 400px;
  border-radius: 200px;
  overflow: hidden;
  position: relative;
}
.hilvido-bx > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vidoplybtn{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-size: 30px;
  text-decoration: none;
  color: #D8651C;
}
.vidoplybtn:hover{
  background: #012244;
  color: #fff;
}

.vidobx{
  position: relative;
}
.vidobx::before {
  content: '';
  width: 100%;
  height: 200px;
  background: #012244;
  display: block;
  top: 0;
  position: absolute;
}




.please-trees{
  padding: 60px 0 80px;
}

.please-trees h2{
font-family: "Inter", sans-serif;
font-size: 90px;
font-weight: 600;
line-height: 89px;
letter-spacing: -0.02em;
text-align: left;
color: #012244;
margin-bottom: 40px;
}


.trees-object h5{
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 31px;
  letter-spacing: -0.04em;
  color: #363D4D;
}

.trees-object p{
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 31px;
  letter-spacing: -0.04em;
  color: #363D4D;
}

.treepic{
  max-width: 80%;
  width: 100%;
}

.bdycall {
  background: url(../images/callbg.png) no-repeat;
  border-radius: 8px;
  max-width: 334px;
  width: 100%;
  height: 350px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  /*transform: rotate(-2deg);*/
}

.callcircle {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background: #D8651C;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  color: #fff;
  font-size: 30px;
}
.bdycal-object{
  text-align: center;
}
.bdycal-object p{
font-family: "Inter", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.04em;
text-align: center;
color: #fff;
margin-top: 15px;
}

.trees-pic {
  position: relative;
  margin-right: 30px;
}




.resident-bg{
position: relative;

}
.resident-bg::after {
  content: '';
  background: #012244;
  padding: 50px 0 30px;
  width: 100%;
  height: 222px;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

.residente-outer{
  padding: 0 30px;
}

.residents {
  background: #D8651C;
  padding: 40px;
  position: relative;
}
/*.residents::after{
  background: #012244;
  padding: 50px 0 30px;
}
*/
.residents h3{
  font-family: "Inter", sans-serif;
  font-size: 90px;
  font-weight: 600;
  line-height: 80px;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 50px;
}

.residents h4{
  font-family: "Inter", sans-serif;
  font-size: 90px;
  font-weight: 600;
  line-height: 80px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

.residnt-colum p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.04em;
  color: #FFFFFF;
  min-height: 72px;
}

.resdntadrss {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.04em;
  color: #FFFFFF;
  display: flex;
  gap: 10px;
  align-items: start;
}

.resdntadrss i{
  margin-top: 5px;
}

.residnt-colum .row {
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 30px 0;
}






/*.footer-sec .container .row > div{
  width: auto;
}*/

.ftrfstcolum {
  width: 25%;
}

.midlecolum{
  width: 30%;
}
.lastcolum{
  width: 45%;
}



.footer-sec{
  background: #012244;
  padding: 50px 0 30px;
}

.footer-logo > a{
  display: block;
  margin-bottom: 20px;
}

.footer-logo p{
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: #fff;
}

.ftraddrs{
font-family: "Inter", sans-serif;
font-size: 26px;
font-weight: 600;
line-height: 20px;
letter-spacing: -0.02em;
}

.ftraddrs{
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 10px 0;
}

.adrsicon{
  background: #D8651C;
  width: 60px;
  height: 60px;
  flex:0 0 60px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
}

.ftrobjct p{
font-family: "Inter", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 24.19px;
color: #fff;
margin: 0;
}
.ftrobjct a{
font-family: "Inter", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 24.19px;
color: #fff;
text-decoration: none;
}


.footer-link {
  border-left: 1px solid #6A6A6A;
  border-right: 1px solid #6A6A6A;
  padding: 0 30px;
  width: 100%;
  height: 100%;
}
.footer-link h4{
  font-family: "Inter", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 30px;
}

.footer-link ul {
  overflow: hidden;
  padding-left: 0;
}
.footer-link ul li {
  font-family: "Inter", sans-serif;
  color: #fff;
  list-style: none;
  width: 50%;
  float: left;
  margin: 7px 0;
  padding-left: 13px;
  position: relative;
}
.footer-link ul li::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #D8651C;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.footer-link ul li a{
  font-family: "Inter", sans-serif;
  color: #fff;
  text-decoration: none;
}








.chat-screen {
    position: fixed;
    bottom: 68px;
    right: 20px;
    z-index: 9999;
    width: 350px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
    visibility: hidden;
}
.chat-screen.show-chat {
    -moz-transition: bottom 0.5s linear;
    -webkit-transition: bottom 0.5s linear;
    transition: bottom 0.5s linear;
    visibility: visible;
    bottom: 82px;
}
.chat-screen .chat-header {
    background: linear-gradient(90deg, rgba(0,30,63,1) 0%, rgba(0,38,73,1) 36%, rgba(229,105,24,1) 100%);
    border-radius: 15px 15px 0 0;
    padding: 15px;
    display: block;
}
.chat-screen .chat-header .chat-header-title {
    display: inline-block;
    width: calc(100% - 50px);
    color: #fff;
    font-size: 14px;
}
.chat-screen .chat-header .chat-header-option {
    display: inline-block;
    width: 44px;
    color: #fff;
    font-size: 14px;
    text-align: right;
}
.chat-screen .chat-header .chat-header-option .dropdown .dropdown-toggle svg {
    color: #fff;
}
.chat-screen .chat-mail {
    padding: 30px;
    display: block;
}
.chat-screen .chat-mail input.form-control {
    border-radius: 30px;
    border: 1px solid #e1e1e1;
    color: #3b3f5c;
    font-size: 14px;
    padding: 0.55rem 1.25rem;
}
.chat-screen .chat-mail input.form-control:focus {
    box-shadow: none;
    border: 1px solid #add5fc;
}
.chat-screen .chat-mail .select2 .selection .select2-selection .select2-selection__rendered {
    border-radius: 30px;
    border: 1px solid #e1e1e1;
    height: calc(1.28em + 1.28rem + 2px);
    padding: 9px 20px;
    font-size: 14px;
}
.chat-screen .chat-mail .select2.select2-container--open .selection .select2-selection {
    box-shadow: none;
    border-radius: 30px;
}
.chat-screen .chat-mail button {
    background-image: linear-gradient(to right, #673ab7, #813bcb, #9e38de, #bc32ef, #dc22ff);
    border: none;
    padding: 0.58rem 1.25rem;
    transition: transform 0.5s ease;
}
.chat-screen .chat-mail .form-group {
    margin-bottom: 1.5rem;
}
.chat-screen .chat-body {
    padding: 25px;
    display: inline-block;
    min-height: 330px;
    max-height: 330px;
    background: #fbfbfb;
}
.chat-screen .chat-body .chat-start {
    border: 1px solid #f8d4ff;
    width: 150px;
    border-radius: 50px;
    padding: 6px 10px;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
    background: #fff;
}
.chat-screen .chat-body .chat-bubble {
    font-size: 12px;
    padding: 10px 15px;
    box-shadow: none;
    display: inline-block;
    clear: both;
    margin-bottom: 10px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.02);
}
.chat-screen .chat-body .chat-bubble.you {
    background: #012244;
    color: #fff;
    border-radius: 0 15px 15px 15px;
    align-self: flex-start;
    display: table;
}
.chat-screen .chat-body .chat-bubble.me {
    background:#f3f3f3;
    color: #888ea8;
    border-radius: 15px 0px 15px 15px;
    float: right;
    align-self: flex-end;
    display: table;
}
.chat-screen .chat-input {
    width: 100%;
    position: relative;
    margin-bottom: -5px;
}
.chat-screen .chat-input input {
    width: 100%;
    background: #ffffff;
    padding: 15px 70px 15px 15px;
    border-radius: 0 0 15px 15px;
    resize: none;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #f8f8f8;
    color: #7a7a7a;
    font-weight: normal;
    font-size: 13px;
    transition: border-color 0.5s ease;
}
.chat-screen .chat-input input:focus {
    border-color: #f9dcff;
}
.chat-screen .chat-input input:focus + .input-action-icon a svg.feather-send {
    color: #bc32ef;
}
.chat-screen .chat-input .input-action-icon {
    width: 61px;
    white-space: nowrap;
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
    text-align: right;
}
.chat-screen .chat-input .input-action-icon a {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}
.chat-screen .chat-input .input-action-icon a svg {
    height: 17px;
    width: 17px;
    color: #a9a9a9;
}
.chat-screen .chat-session-end {
    display: block;
    width: 100%;
    padding: 25px;
}
.chat-screen .chat-session-end h5 {
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}
.chat-screen .chat-session-end p {
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
}
.chat-screen .chat-session-end .rate-me {
    width: 120px;
    margin: 40px auto;
}
.chat-screen .chat-session-end .rate-me .rate-bubble {
    display: inline-block;
    text-align: center;
    width: 50px;
}
.chat-screen .chat-session-end .rate-me .rate-bubble span {
    height: 50px;
    width: 50px;
    text-align: center;
    display: block;
    line-height: 46px;
    cursor: pointer;
    transition: transform 0.5s ease;
    margin-bottom: 7px;
}
.chat-screen .chat-session-end .rate-me .rate-bubble span:hover {
    transform: scale(1.1);
    transition: transform 0.5s ease;
}
.chat-screen .chat-session-end .rate-me .rate-bubble.great {
    margin-right: 12px;
    color: #43cc6c;
}
.chat-screen .chat-session-end .rate-me .rate-bubble.great span {
    background: #43cc6c;
    border-radius: 50px 50px 0 50px;
}
.chat-screen .chat-session-end .rate-me .rate-bubble.bad {
    color: #ef4252;
}
.chat-screen .chat-session-end .rate-me .rate-bubble.bad span {
    background: #ef4252;
    border-radius: 50px 50px 50px 0;
}
.chat-screen .chat-session-end .transcript-chat {
    display: block;
    text-align: center;
    margin-top: 80px;
    color: #0768f8;
    text-decoration: underline;
    line-height: 20px;
}
.chat-screen .powered-by {
    margin-top: 40px;
    text-align: center;
    font-size: 12px;
}
.chat-bot-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    z-index: 9999;
    border-radius: 30px;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    transition: all 0.5s ease;
}
.chat-bot-icon img {
    max-width: 100%;
}
.chat-bot-icon svg {
    color: #fff;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: transform 0.5s linear;
    position: absolute;
    left: 13px;
    top: 13px;
    opacity: 0;
    z-index: -1;
}
.chat-bot-icon svg.animate {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
    z-index: 1;
}







.inner-baner{
  width: 100%;
}

.bredcumb-sec{
  position: relative;
  z-index: 2;
}

.bredcumb-sec ul {
  padding: 15px 0;
  border-bottom: 1px solid #C7C7C7;
  list-style: none;
  display: flex;
  gap: 10px;
}

.bredcumb-sec ul li {
  font-family: "Inter", sans-serif;
  color: #111111;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
}
.bredcumb-sec ul li a{
  font-weight: 400;
  text-decoration: none;
  color:#111111;
}
.bredcumb-sec ul li::after {
  content: "";
  margin: 0 10px 0 15px;
  color: #111111;
  background: url(../images/bredarw.png) no-repeat;
  width: 46px;
  display: inline-block;
  background-size: contain;
  height: 13px;
  position: relative;
}
.bredcumb-sec ul li:last-child::after{
  display: none;
}





.about-description {
  padding: 50px 0;
  /*background: url(../images/abutbg.png) no-repeat;*/
  background-size: 100%;
  text-align: center;
  position: relative;
}

/*.about-description::before {*/
/*  content: "";*/
/*  width: 500px;*/
/*  height: 500px;*/
/*  border-radius: 100%;*/
/*  background: #FFDEC8;*/
/*  filter: blur(500px);*/
/*  position: absolute;*/
/*  left: -5%;*/
/*  top: -10%;*/
/*  opacity: 0.5;*/
/*}*/
/*.about-description::after {*/
/*  content: "";*/
/*  width: 500px;*/
/*  height: 500px;*/
/*  border-radius: 100%;*/
/*  background: #C7EAFF;*/
/*  filter: blur(500px);*/
/*  position: absolute;*/
/*  right: -5%;*/
/*  top: -10%;*/
/*  opacity: 0.5;*/
/*}*/

.about-description .container{
  position: relative;
  z-index: 3;
}

.about-description h2{
  font-family: "Inter", sans-serif;
  font-size: 90px;
  font-weight: 600;
  line-height: 120px;
  letter-spacing: -0.02em;
  color: #012244;
}

.about-description h3{
  font-family: "Inter", sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: -0.02em;
  text-align: center;
}

.about-description p{
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.04em;
  text-align: center;
}

.abut-pic {
  border-radius: 275px;
  margin-top: 60px;
  overflow: hidden;
}


.frndly-tip{
  padding: 50px 0 0;
  position: relative;
}
.frndly-tip::before {
  content: '';
  width: 500px;
  height: 500px;
  border-radius: 100%;
  background: #E6F6FF;
  filter: blur(500px);
  position: absolute;
  left: -5%;
  top: -10%;
  z-index: -1;
  opacity: 0.5;
}
.frndly-tip::after {
  content: '';
  width: 500px;
  height: 500px;
  border-radius: 100%;
  background: #E6F6FF;
  filter: blur(500px);
  position: absolute;
  right: -5%;
  top: -10%;
  z-index: -1;
  opacity: 0.5;
}
.frndly-tip h3{
  font-family: "Inter", sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #111111;
  margin-bottom: 15px;
}

.tips-info {
  display: flex;
  justify-content: space-between;
  margin: 0 15px;
  border-bottom: 1px solid #C7C7C7;
}
.tips-bx{
  width: 18%;
  flex: 0 0 18%;
  margin: 15px 1%;
}
.tips-icon{
  height: 80px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}




.wastecall{
  text-align: center;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 50px;
}


.wastecall{
  text-align: center;
  padding: 40px 0;
}
.wastecall p{
  font-family: "Inter", sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 46px;
  letter-spacing: -0.02em;
  color: #111111;
}
.wastecall a {
  font-family: "Inter", sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: -0.02em;
  color: #E96E1E;
  display: flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  gap: 12px;
}


.contact-cityhall{
  padding:0 0 50px 0;
  text-align: center;
}

.contact-cityhall p{
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: -0.04em;
  color: #363D4D;
}
.contact-cityhall p a {
  font-weight: bold;
  color: #363D4D;
}

.contact-cityhall h5{
font-family: "Inter", sans-serif;
font-size: 35px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.04em;
color: #363D4D;
}

.contact-cityhall a{
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.04em;
  color: #D8651C;
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}


.about-wrapper{
  overflow: hidden;
}
/*New Css */
.sub-menu-toggle{
    display:none;
}
/*Video Css*/
.videopup{
  max-width: 800px;
}
.videopup video{
  max-width: 100%;
}



.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height:100% !important;
}




.news-listing{
    padding:0 0 60px 0;
}
.lgx-single-news {
  margin-bottom:1.5rem;
  background:#fff;
  padding:20px 20px 30px;
  border-radius:16px;
  position:relative;
  box-shadow:0 1px 15px 1px rgba(52,40,104,.1)
}
.lgx-btn {
	margin-top: 1rem;
	background: #D8651C;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 50px;
	color: #fff;
	text-decoration: none;
}
.lgx-btn img {
	max-width: 17px;
	filter: brightness(0) invert(1);
	margin-left: 5px;
}
.lgx-btn:hover {
	background: #002B4E;
	color:#fff;
}
.lgx-single-news figure {
  position:relative;
  overflow:hidden;
  z-index:9;
  height:140px;
}
.lgx-single-news figure img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	left: 0;
	right: 0;
}
.lgx-single-news figure a img {
  -moz-transition-duration:.5s;
  -webkit-transition-duration:.5s;
  -o-transition-duration:.5s;
  transition-duration:.5s;
  width:100%;
  height:100%;
  object-fit: cover;
}
.lgx-single-news .single-news-info {
  position:relative;
  z-index:2;
  margin-top:1.6rem;
  padding:0 8px;
}
.lgx-single-news .meta-wrapper span:after {
  content:'|';
  display:inline-block;
  margin:3px 6px 3px 7px;
  color:#ddd
}
.lgx-single-news .meta-wrapper span {
  font-size:15px
}
.lgx-single-news .meta-wrapper span a {
  color:inherit;
  text-decoration: none;
}
.lgx-single-news .meta-wrapper span a:hover {
  color:#ec398b
}
.lgx-single-news .meta-wrapper span:last-child:after {
  display:none
}
.lgx-single-news .title {
	font-size: 20px;
	/* font-weight: 700; */
	line-height: 25px;
	margin-top: .5rem;
}
.lgx-single-news .title a{
    text-decoration: none;
  color: #000;
}
.lgx-single-news:hover:after {
  left:42%;
  opacity:1
}
.lgx-single-news:hover figure a img {
  -ms-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  -o-transform:scale(1.2);
  transform:scale(1.2)
}
.lgx-single-news:hover figure figcaption .date {
  -webkit-animation-name:fadeOutLeft;
  animation-name:fadeOutLeft;
  -webkit-transform-origin:center;
  transform-origin:center;
  animation-duration:.6s;
  animation-timing-function:linear;
  opacity:0
}


.nwsbtm {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 50px;
}
.nwsbtm a {
	margin-top: 1rem;
	background: #012244;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 50px;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	font-family: "Inter", sans-serif;
}
.nwsbtm a:hover{
    background: #D8651C;
}
.nwsbtm img {
	max-width: 17px;
	filter: brightness(0) invert(1);
	margin-left: 5px;
}





.event-list{
    padding:0 0 60px 0;
}

.panel-group .panel+.panel {
  margin-top:0
}
.panel-group .panel {
  background:rgba(255,255,255,.85);
  margin-bottom:5px;
  border-radius:16px;
  -webkit-box-shadow:0 8px 6px -6px rgba(50,51,51,.1);
  -moz-box-shadow:0 8px 6px -6px rgba(50,51,51,.1);
  box-shadow:0 8px 6px -6px rgba(50,51,51,.1)
}
.lgx-tab-content {
  background:rgba(85,75,185,.1);
  border:2px solid #554bb9;
  padding:1rem 1rem .5rem;
  -webkit-box-shadow:0 13px 35px rgba(0,0,0,.1);
  -moz-box-shadow:0 13px 35px rgba(0,0,0,.1);
  box-shadow:0 13px 35px rgba(0,0,0,.1);
  overflow:hidden
}
.lgx-tab-content .active.in {
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp;
  -webkit-transform-origin:center;
  transform-origin:center;
  animation-duration:.4s;
  animation-timing-function:linear
}

.event-list .panel-title {
	box-shadow: rgba(99, 99, 99, 0.3) 0px 0px 8px 0px;
	margin: 15px 0;
}

.lgx-panel {
  border:none;
}
.lgx-panel .panel-heading {
  background:0 0
}
.lgx-panel .collapsed {
  background:#fff;
  border-radius:8px;
  display:block;
  text-decoration: none;
}
.lgx-panel .collapsed .author img {
  border:2px solid transparent!important
}
.lgx-panel .collapsed .schedule-info {
  background:0 0!important
}
.lgx-panel .panel-collapse .panel-body {
  border:none!important
}
.lgx-panel .panel-body {
  padding:0 2rem 0.5rem 0;
  display:block
}
.lgx-panel .lgx-single-schedule {
  display:flex;
  padding:0 1.5rem
}
.lgx-panel .lgx-single-schedule .author {
  max-width:100px;
  margin-right:1rem;
  margin-top:2rem
}
.lgx-panel .lgx-single-schedule .author img {
  border-radius:50%;
  margin-bottom:.4rem;
  border:2px solid #efa506;
  width:100px;
  height:100px;
}
.lgx-panel .lgx-single-schedule .author-multi img {
  width:48%;
  margin-right:1%;
  float:left
}
.lgx-panel .lgx-single-schedule .schedule-info {
  width:100%;
  background:#fff;
  padding:20px 12px 10px;
  border-radius:8px
}
.event-time{
    margin-top:15px;
}
.lgx-panel .lgx-single-schedule .schedule-info .time {
	background: rgb(255, 240, 230);
	font-family: "Inter", sans-serif;
	font-size: 18px;
	line-height: 2.4000000000000004rem;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 0 .5rem;
	padding: .2rem 1rem;
	border-radius: 25px;
	color: #000;
}
.lgx-panel .lgx-single-schedule .schedule-info .time span {
  color:#d8651c
}
.lgx-panel .lgx-single-schedule .schedule-info .title {
  font-family: "Inter", sans-serif;
  font-size:28px;
  font-weight:600;
  line-height:38px;
  margin:0;
  color:#000;
}
.lgx-panel .lgx-single-schedule .schedule-info .author-info {
	font-size: 18px;
	line-height: 2.4000000000000004rem;
	font-weight: 400;
	margin-bottom: 0;
	color: #666;
}
.lgx-panel .lgx-single-schedule .schedule-info .author-info span {
  color:#d8651c
}
.lgx-panel .panel-body .text {
  margin-bottom:15px
}
.lgx-panel .panel-body .location {
  font-family: "Inter", sans-serif;
  font-size:16px;
  font-weight:400;
}
.lgx-panel .panel-body .location strong {
  font-weight:700;
  color:#d8651c
}
.lgx-panel .panel-body .location span {
  color:#d8651c
}
.lgx-panel:last-child {
  border-bottom:1px solid transparent
}

/* ====resouce page style start==== */
.resourceListing {
	padding: 0 0 60px 0;
}
.resouceItem {
	margin-bottom: 30px;
	background: #fff;
	padding: 20px 20px 30px;
	border-radius: 16px;
	position: relative;
	box-shadow: 0 1px 15px 1px rgba(52,40,104,.1);
}
.resourceImg {
	position: relative;
	height: 200px;
	width: 100%;
	background: linear-gradient(90deg, rgba(0,30,60,1) 0%, rgba(236,110,32,1) 100%);
	overflow: hidden;
	border-radius: 8px;
}
.resourceImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.resouceItem:hover figure a img {
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.tileWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7567401960784313) 35%, rgba(0,0,0,1) 100%);
  padding: 15px;
}
.tileWrapper h3 a {
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	display: block;
	font-weight: 400;
}
.resouceContent p {
  color: #535353;
}
.resouceContent .lgx-btn {
  display: inline-flex;
  align-items: center;
}
.resouceContent .lgx-btn img {
	max-width: 20px;
	max-height: 20px;
  transition: 0.5s;
}
.resouceContent .lgx-btn:hover img {
  transform: translateX(8px);
  transition: 0.5s;
}


.resource-colapse .accordion-button{
    flex-wrap: wrap;
    font-family: "Inter", sans-serif;
}
.resource-colapse .accordion-button small{
    display: block;
      width: 100%;
      color: #333;
      margin-top:10px;
}
    
.resource-colapse .accordion-button::after {
	position: absolute;
	right: 8px;
}
.resource-colapse .accordion-body p {
	font-family: "Inter", sans-serif;
	font-size: 15px;
}
.resource-colapse .accordion-body ul li {
	font-family: "Inter", sans-serif;
	font-size: 15px;
	margin: 5px 0;
}
.resource-colapse .accordion-button:focus {
	box-shadow: none;
}
.resource-colapse .accordion-button:not(.collapsed) {
	color: #002e53;
	background-color: #ebf6ff;
}

/* ====resouce page style close==== */

/* ====ordinance page style start==== */
.ordinanceSec {
	padding: 80px 0 80px;
	background: #e3f0fb;
	position: relative;
}
.ordinanceContent {
	text-align: center;
	font-size: 20px;
  margin-bottom: 60px;
}
.visitBtn {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	margin-top: 50px;
  font-size: 20px;
  color: #000;
  transition: 0.5s;
  text-decoration: none;
}
.visitBtn img {
  filter: brightness(0) invert(1);
}
.visitIcon {
	height: 2em;
	width: 2em;
	position: relative;
	background: #D8651C;
	border: none;
	border-radius: 100%;
	outline: none;
	transition: all 300ms ease;
	color: #fff;
	font-size: 2em;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 0.45;
	display: grid;
	place-content: center;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
}
.visitBtn:hover .visitIcon{
  background: #002B4E;
  transition: 0.5s;
}
.visitBtn:hover {
  color: #002B4E;
}
@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(216, 101, 28, 0.3), 0 0 0 5px rgba(216, 101, 28, 0.3), 0 0 0 15px rgba(216, 101, 28, 0.3), 0 0 0 25px rgba(216, 101, 28, 0.3);
    box-shadow: 0 0 0 0 rgba(216, 101, 28, 0.3), 0 0 0 5px rgba(216, 101, 28, 0.3), 0 0 0 15px rgba(216, 101, 28, 0.3), 0 0 0 25px rgba(216, 101, 28, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 5px rgba(216, 101, 28, 0.3), 0 0 0 15px rgba(216, 101, 28, 0.3), 0 0 0 25px rgba(216, 101, 28, 0.3), 0 0 0 35px rgba(216, 101, 28, 0);
    box-shadow: 0 0 0 5px rgba(216, 101, 28, 0.3), 0 0 0 15px rgba(216, 101, 28, 0.3), 0 0 0 25px rgba(216, 101, 28, 0.3), 0 0 0 35px rgba(216, 101, 28, 0);
  }
}

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(216, 101, 28, 0.3), 0 0 0 5px rgba(216, 101, 28, 0.3), 0 0 0 15px rgba(216, 101, 28, 0.3), 0 0 0 25px rgba(216, 101, 28, 0.3);
    box-shadow: 0 0 0 0 rgba(216, 101, 28, 0.3), 0 0 0 5px rgba(216, 101, 28, 0.3), 0 0 0 15px rgba(216, 101, 28, 0.3), 0 0 0 25px rgba(216, 101, 28, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 5px rgba(216, 101, 28, 0.3), 0 0 0 15px rgba(216, 101, 28, 0.3), 0 0 0 25px rgba(216, 101, 28, 0.3), 0 0 0 35px rgba(216, 101, 28, 0);
    box-shadow: 0 0 0 5px rgba(216, 101, 28, 0.3), 0 0 0 15px rgba(216, 101, 28, 0.3), 0 0 0 25px rgba(216, 101, 28, 0.3), 0 0 0 35px rgba(216, 101, 28, 0);
  }
}


/* ====ordinance page style start==== */

/* ====permit and form  page style start==== */
.permitFormSec {
	padding: 80px 0;
	position: relative;
}
.formItem {
	margin-bottom: 1.5rem;
	background: #fff;
	padding: 20px 20px 30px;
	border-radius: 16px;
	position: relative;
	box-shadow: 0 1px 15px 1px rgba(52,40,104,.1);
  transition: 0.5s;
}
.formItem:hover  {
  transition: 0.5s;
  box-shadow: 0 1px 15px 5px rgb(26 19 54 / 45%);
}
.formItem .lgx-btn img {
	max-width: 24px;
	height: 24px;
}
.formContent a.formTile {
	text-decoration: none;
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: 300;
  margin-bottom: 20px;
}
.formContent a strong {

}
/* ====permit and form  page style close==== */

/* =====directory page start===== */
.directorySec {
  position: relative;
  padding: 0 0 60px;
}
.directoryCat {
	margin-bottom: 30px;
}
.catName {
	font-size: 20px;
	border-bottom: 1px solid #c8c8c8;
	margin-bottom: 30px;
}
.directoryCatItem {
  box-shadow: 0 1px 15px 1px rgba(52,40,104,.1);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 30px;
}
.directoryCatItem:hover {
	transition: 0.5s;
	box-shadow: 0 1px 15px 5px rgb(26 19 54 / 45%);
}
.directoryContent {
	padding: 20px;
	position: relative;
	z-index: 2;
}
.userDetail {
	display: flex;
	align-items: end;
	gap: 15px;
	margin-bottom: 15px;
}
.dICon {
	width: 30px;
	height: 30px;
	display: grid;
	place-content: center;
	box-shadow: 0 1px 15px 1px rgba(52,40,104,.1);
	border-radius: 50%;
	border: 2px solid #cecece;
}
.dInfo {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px;
}
.dContent {
	max-width: calc(100% - 60px);
}
.dICon img {
	width: 18px;
	height: 18px;
}
.dContent small {
	font-size: 12px;
	color: #7d5a5a;
	display: block;
	line-height: 1;
}
.dContent p {
  margin: 0;
}

/* =====directory page start===== */


/* =====contact page start===== */
.contactSec {
	position: relative;
	padding: 0 0 60px;
}
.directorySec {
	padding: 0 0 40px;
}
.directorySec .directoryCatItem {
  min-height: 200px;
}
/* =====contact page close===== */




.contactFormWrapper p label{
    width:100%;
}

.contactFormWrapper p label input {
	height: 45px;
	margin-top: 6px;
	border: 1px solid #ccc;
	border-radius: 2px;
	width: 100%;
	padding:0 15px;
}
.contactFormWrapper p label textarea {
	height: 80px;
	margin-top: 6px;
	border: 1px solid #ccc;
	border-radius: 2px;
	width: 100%;
	padding:0 15px;
}
.wpcf7-submit {
	background: #012244;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 50px;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	border:none;
}
.wpcf7-submit:hover {
	background: #D8651C;
}